feat: setup workspaceConfig for all envs

Author: ocombe

scopes/generators/angular-starters/common/eslint-config.ts

@@ -1,9 +1,6 @@
 import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';
 import { AngularComponentTemplateOptions } from '@teambit/angular-common';
-import { eslintConfig } from '../common/eslint-config';
 import { launchJson } from '../common/launch-json';
-import { prettierConfig } from '../common/prettier-config';
-import { tsConfig } from '../common/ts-config';
 import { workspaceConfig } from '../common/workspace-config';
 import { gitIgnore } from '../common/git-ignore';
 import { EnvContext, EnvHandler } from '@teambit/envs';
@@ -30,15 +27,6 @@ export class DesignSystemStarter implements WorkspaceTemplate {
     }, {
       relativePath: '.vscode/launch.json',
       content: launchJson(context)
-    }, {
-      relativePath: `.eslintrc.js`,
-      content: eslintConfig
-    }, {
-      relativePath: `tsconfig.json`,
-      content: tsConfig
-    }, {
-      relativePath: `.prettierrc.js`,
-      content: prettierConfig
     }];
   }
 
@@ -53,7 +41,7 @@ export class DesignSystemStarter implements WorkspaceTemplate {
       { id: `learnbit-angular.design-system/theme/my-light-theme` },
       { id: `learnbit-angular.design-system/ui/my-button` },
       { id: `learnbit-angular.design-system/ui/my-dialog`, env },
-      { id: `learnbit-angular.design-system/ui/my-toggle-theme`, env },
+      { id: `learnbit-angular.design-system/ui/my-theme-picker`, env },
     ];
   }
 

scopes/generators/angular-starters/common/prettier-config.ts

@@ -1,9 +1,6 @@
 import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';
 import { AngularComponentTemplateOptions } from '@teambit/angular-common';
-import { eslintConfig } from '../common/eslint-config';
 import { launchJson } from '../common/launch-json';
-import { prettierConfig } from '../common/prettier-config';
-import { tsConfig } from '../common/ts-config';
 import { workspaceConfig } from '../common/workspace-config';
 import { gitIgnore } from '../common/git-ignore';
 import { EnvContext, EnvHandler } from '@teambit/envs';
@@ -30,15 +27,6 @@ export class MaterialDesignSystemStarter implements WorkspaceTemplate {
     }, {
       relativePath: '.vscode/launch.json',
       content: launchJson(context)
-    }, {
-      relativePath: `.eslintrc.js`,
-      content: eslintConfig
-    }, {
-      relativePath: `tsconfig.json`,
-      content: tsConfig
-    }, {
-      relativePath: `.prettierrc.js`,
-      content: prettierConfig
     }];
   }
 

scopes/generators/angular-starters/common/ts-config.ts

@@ -2,11 +2,8 @@ import { AngularComponentTemplateOptions } from '@teambit/angular-common';
 import { EnvContext, EnvHandler } from '@teambit/envs';
 import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';
 import { PkgAspect, PkgMain } from '@teambit/pkg';
-import { eslintConfig } from '../common/eslint-config';
 import { gitIgnore } from '../common/git-ignore';
 import { launchJson } from '../common/launch-json';
-import { prettierConfig } from '../common/prettier-config';
-import { tsConfig } from '../common/ts-config';
 import { workspaceConfig } from '../common/workspace-config';
 import { FORKED_ENV_NAME } from '../constants';
 
@@ -31,15 +28,6 @@ export class AngularStarter implements WorkspaceTemplate {
     }, {
       relativePath: '.vscode/launch.json',
       content: launchJson(context)
-    }, {
-      relativePath: `.eslintrc.js`,
-      content: eslintConfig
-    }, {
-      relativePath: `tsconfig.json`,
-      content: tsConfig
-    }, {
-      relativePath: `.prettierrc.js`,
-      content: prettierConfig
     }];
   }
 

scopes/generators/angular-starters/design-system/index.ts

@@ -1,16 +1,20 @@
 import { AngularAppType, NG_APP_NAME } from '@teambit/angular-apps';
 import { AngularEnvOptions, BrowserOptions, DevServerOptions } from '@teambit/angular-common';
 import { AngularPreview, BundlerProvider, DevServerProvider } from '@teambit/angular-preview';
-import { AngularStarter, DesignSystemStarter, MaterialDesignSystemStarter } from '@teambit/angular-starters';
+import {
+  AngularStarter,
+  DesignSystemStarter,
+  MaterialDesignSystemStarter
+} from '@teambit/angular-starters';
 import { NgAppTemplate, NgEnvTemplate, NgModuleTemplate } from '@teambit/angular-templates';
 import { NgWebpackBundler, NgWebpackDevServer } from '@teambit/angular-webpack';
 import { AppTypeList } from '@teambit/application';
 import { Pipeline } from '@teambit/builder';
 import { Bundler, BundlerContext, DevServer, DevServerContext } from '@teambit/bundler';
 import { Compiler } from '@teambit/compiler';
-import { ESLintLinter, EslintTask } from '@teambit/defender.eslint-linter';
+import { EslintConfigWriter, ESLintLinter, EslintTask } from '@teambit/defender.eslint-linter';
 import { JestTask, JestTester } from '@teambit/defender.jest-tester';
-import { PrettierFormatter } from '@teambit/defender.prettier-formatter';
+import { PrettierConfigWriter, PrettierFormatter } from '@teambit/defender.prettier-formatter';
 import { AsyncEnvHandler, EnvHandler } from '@teambit/envs';
 import { Formatter } from '@teambit/formatter';
 import { StarterList, TemplateList } from '@teambit/generator';
@@ -21,7 +25,9 @@ import { Preview } from '@teambit/preview';
 import { SchemaExtractor } from '@teambit/schema';
 import { Tester } from '@teambit/tester';
 import { TypeScriptExtractor } from '@teambit/typescript';
+import { TypescriptConfigWriter } from '@teambit/typescript.typescript-compiler';
 import { WebpackConfigTransformer, WebpackConfigWithDevServer } from '@teambit/webpack';
+import { ConfigWriterList } from '@teambit/workspace-config-files';
 import { ESLint as ESLintLib } from 'eslint';
 import { merge } from 'lodash';
 import { Configuration } from 'webpack';
@@ -31,7 +37,7 @@ import hostDependencies from './preview/host-dependencies';
 /**
  * a component environment built for [Angular](https://angular.io).
  */
-  export abstract class AngularBaseEnv implements AngularEnvInterface {
+export abstract class AngularBaseEnv implements AngularEnvInterface {
   icon = 'https://static.bit.dev/extensions-icons/angular.svg';
   private ngMultiCompiler: EnvHandler<NgMultiCompiler> | undefined;
 
@@ -222,6 +228,21 @@ import hostDependencies from './preview/host-dependencies';
     return Pipeline.from([]);
   }
 
+  workspaceConfig(): ConfigWriterList {
+    return ConfigWriterList.from([
+      TypescriptConfigWriter.from({
+        tsconfig: require.resolve('./config/tsconfig.json')
+      }),
+      EslintConfigWriter.from({
+        configPath: require.resolve('./config/eslintrc'),
+        tsconfig: require.resolve('./config/tsconfig.json')
+      }),
+      PrettierConfigWriter.from({
+        configPath: require.resolve('./config/prettier.config')
+      })
+    ]);
+  }
+
   getTesterConfig() {
     const ngEnvOptions = this.getNgEnvOptions();
     return {

scopes/generators/angular-starters/material-design-system/index.ts

@@ -15,6 +15,6 @@
     "forceConsistentCasingInFileNames": true,
     "jsx": "react-jsx"
   },
-  "exclude": ["artifacts", "public", "dist", "node_modules", "package.json"],
+  "exclude": ["artifacts", "public", "dist", "node_modules", "package.json", "**/*.cjs"],
   "include": ["**/*", "**/*.json"]
 }