@teambit/node 0.0.706 → 0.0.709

package/dist/templates/node-env/files/typescript/ts-transformer.js

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tsTransformerFile = tsTransformerFile;
+
+function tsTransformerFile() {
+  return `
+  import * as path from 'path';
+import {
+  TsConfigTransformer,
+  TypescriptConfigMutator,
+} from "@teambit/typescript";
+
+const tsConfig = require('./tsconfig.json');
+
+export const commonTransformer: TsConfigTransformer = (
+  config: TypescriptConfigMutator
+) => {
+  const newConfig = config.addTypes([path.join(__dirname, 'styles.d.ts')])
+  newConfig.mergeTsConfig(tsConfig);
+  // Some examples of other built in mutator functions:
+  //newConfig.addExclude(['someExclude']);
+  //newConfig.setCompileJs(true)
+  return newConfig;
+};
+
+/**
+ * Transformation for the dev config only
+ * @param config
+ * @param context
+ * @returns
+ */
+export const devConfigTransformer: TsConfigTransformer = (
+  config: TypescriptConfigMutator,
+) => {
+  const newConfig = commonTransformer(config, {});
+  return newConfig;
+};
+
+/**
+ * Transformation for the build only
+ * @param config
+ * @param context
+ * @returns
+ */
+export const buildConfigTransformer: TsConfigTransformer = (
+  config: TypescriptConfigMutator
+) => {
+  const newConfig = commonTransformer(config, {});
+  newConfig.mergeTsConfig(tsConfig);
+  return newConfig;
+};
+
+`;
+}
+
+//# sourceMappingURL=ts-transformer.js.map

package/dist/templates/node-env/files/typescript/ts-transformer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ts-transformer.ts"],"names":["tsTransformerFile"],"mappings":";;;;;;;AAAO,SAASA,iBAAT,GAA6B;AAClC,SAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CA/CE;AAgDD","sourcesContent":["export function tsTransformerFile() {\n  return `\n  import * as path from 'path';\nimport {\n  TsConfigTransformer,\n  TypescriptConfigMutator,\n} from \"@teambit/typescript\";\n\nconst tsConfig = require('./tsconfig.json');\n\nexport const commonTransformer: TsConfigTransformer = (\n  config: TypescriptConfigMutator\n) => {\n  const newConfig = config.addTypes([path.join(__dirname, 'styles.d.ts')])\n  newConfig.mergeTsConfig(tsConfig);\n  // Some examples of other built in mutator functions:\n  //newConfig.addExclude(['someExclude']);\n  //newConfig.setCompileJs(true)\n  return newConfig;\n};\n\n/**\n * Transformation for the dev config only\n * @param config\n * @param context\n * @returns\n */\nexport const devConfigTransformer: TsConfigTransformer = (\n  config: TypescriptConfigMutator,\n) => {\n  const newConfig = commonTransformer(config, {});\n  return newConfig;\n};\n\n/**\n * Transformation for the build only\n * @param config\n * @param context\n * @returns\n */\nexport const buildConfigTransformer: TsConfigTransformer = (\n  config: TypescriptConfigMutator\n) => {\n  const newConfig = commonTransformer(config, {});\n  newConfig.mergeTsConfig(tsConfig);\n  return newConfig;\n};\n\n`\n}\n"]}

package/dist/templates/node-env/files/typescript/typescript.config.d.ts

@@ -0,0 +1 @@
+export declare function typescriptConfigFile(): string;

package/dist/templates/node-env/files/typescript/typescript.config.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.typescriptConfigFile = typescriptConfigFile;
+
+function typescriptConfigFile() {
+  return `{
+  // add your compiler options here
+
+  "compilerOptions": {
+    // "target": "es2017",
+    // "module": "es2015",
+    // "moduleResolution": "node",
+    // "lib": ["es2017", "dom"],
+    // "experimentalDecorators": true,
+    // "esModuleInterop": true,
+    // "outDir": "dist",
+    // "sourceMap": true,
+    // "emitDecoratorMetadata": true,
+    // "allowJs": true,
+    // "baseUrl": ".",
+    // "jsx": "react"
+  }
+}
+`;
+}
+
+//# sourceMappingURL=typescript.config.js.map

package/dist/templates/node-env/files/typescript/typescript.config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["typescript.config.ts"],"names":["typescriptConfigFile"],"mappings":";;;;;;;AAAO,SAASA,oBAAT,GAAgC;AACrC,SAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAlBE;AAmBD","sourcesContent":["export function typescriptConfigFile() {\n  return `{\n  // add your compiler options here\n\n  \"compilerOptions\": {\n    // \"target\": \"es2017\",\n    // \"module\": \"es2015\",\n    // \"moduleResolution\": \"node\",\n    // \"lib\": [\"es2017\", \"dom\"],\n    // \"experimentalDecorators\": true,\n    // \"esModuleInterop\": true,\n    // \"outDir\": \"dist\",\n    // \"sourceMap\": true,\n    // \"emitDecoratorMetadata\": true,\n    // \"allowJs\": true,\n    // \"baseUrl\": \".\",\n    // \"jsx\": \"react\"\n  }\n}\n`;\n}\n"]}

package/dist/templates/node-env/files/webpack.config.d.ts

@@ -0,0 +1 @@
+export declare function webpackConfigFile(): string;

package/dist/templates/node-env/files/webpack.config.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webpackConfigFile = webpackConfigFile;
+
+function webpackConfigFile() {
+  return `
+  import { WebpackConfigTransformer, WebpackConfigMutator, WebpackConfigTransformContext } from '@teambit/webpack';
+
+  /**
+   * Transformation to apply for both preview and dev server
+   * @param config
+   * @param _context
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  function commonTransformation(config: WebpackConfigMutator, _context: WebpackConfigTransformContext) {
+    // Merge config with the webpack.config.js file if you choose to import a module export format config.
+    // config.merge([webpackConfig]);
+    // config.addAliases({});
+    // config.addModuleRule(youRuleHere);
+    return config;
+  }
+
+  /**
+   * Transformation for the preview only
+   * @param config
+   * @param context
+   * @returns
+   */
+  export const previewConfigTransformer: WebpackConfigTransformer = (
+    config: WebpackConfigMutator,
+    context: WebpackConfigTransformContext
+  ) => {
+    const newConfig = commonTransformation(config, context);
+    return newConfig;
+  };
+
+  /**
+   * Transformation for the dev server only
+   * @param config
+   * @param context
+   * @returns
+   */
+  export const devServerConfigTransformer: WebpackConfigTransformer = (
+    config: WebpackConfigMutator,
+    context: WebpackConfigTransformContext
+  ) => {
+    const newConfig = commonTransformation(config, context);
+    return newConfig;
+  };
+
+`;
+}
+
+//# sourceMappingURL=webpack.config.js.map

package/dist/templates/node-env/files/webpack.config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack.config.ts"],"names":["webpackConfigFile"],"mappings":";;;;;;;AAAO,SAASA,iBAAT,GAA6B;AAClC,SAAQ;AACV;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CA7CE;AA8CD","sourcesContent":["export function webpackConfigFile() {\n  return `\n  import { WebpackConfigTransformer, WebpackConfigMutator, WebpackConfigTransformContext } from '@teambit/webpack';\n\n  /**\n   * Transformation to apply for both preview and dev server\n   * @param config\n   * @param _context\n   */\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  function commonTransformation(config: WebpackConfigMutator, _context: WebpackConfigTransformContext) {\n    // Merge config with the webpack.config.js file if you choose to import a module export format config.\n    // config.merge([webpackConfig]);\n    // config.addAliases({});\n    // config.addModuleRule(youRuleHere);\n    return config;\n  }\n\n  /**\n   * Transformation for the preview only\n   * @param config\n   * @param context\n   * @returns\n   */\n  export const previewConfigTransformer: WebpackConfigTransformer = (\n    config: WebpackConfigMutator,\n    context: WebpackConfigTransformContext\n  ) => {\n    const newConfig = commonTransformation(config, context);\n    return newConfig;\n  };\n\n  /**\n   * Transformation for the dev server only\n   * @param config\n   * @param context\n   * @returns\n   */\n  export const devServerConfigTransformer: WebpackConfigTransformer = (\n    config: WebpackConfigMutator,\n    context: WebpackConfigTransformContext\n  ) => {\n    const newConfig = commonTransformation(config, context);\n    return newConfig;\n  };\n\n`;\n}\n"]}

package/dist/templates/node-env/index.js

@@ -25,10 +25,80 @@ function _doc() {
   return data;
 }
 
-function _extension() {
-  const data = require("./files/extension");
+function _main() {
+  const data = require("./files/main.runtime");
 
-  _extension = function () {
+  _main = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _preview() {
+  const data = require("./files/preview.runtime");
+
+  _preview = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _aspect() {
+  const data = require("./files/aspect");
+
+  _aspect = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _webpack() {
+  const data = require("./files/webpack.config");
+
+  _webpack = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _typescript() {
+  const data = require("./files/typescript/typescript.config");
+
+  _typescript = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _styles() {
+  const data = require("./files/typescript/styles");
+
+  _styles = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _tsTransformer() {
+  const data = require("./files/typescript/ts-transformer");
+
+  _tsTransformer = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _jest() {
+  const data = require("./files/jest.config");
+
+  _jest = function () {
     return data;
   };
 
@@ -45,16 +115,37 @@ const nodeEnvTemplate = {
       isMain: true
     }, {
       relativePath: `${context.name}.docs.mdx`,
-      content: (0, _doc().docFile)()
+      content: (0, _doc().docFile)(context)
+    }, {
+      relativePath: `${context.name}.main.runtime.ts`,
+      content: (0, _main().mainRuntimeFile)(context)
+    }, {
+      relativePath: `${context.name}.preview.runtime.ts`,
+      content: (0, _preview().previewRuntimeFile)(context)
+    }, {
+      relativePath: `${context.name}.aspect.ts`,
+      content: (0, _aspect().aspectFile)(context)
+    }, {
+      relativePath: `webpack/webpack-transformers.ts`,
+      content: (0, _webpack().webpackConfigFile)()
+    }, {
+      relativePath: `typescript/tsconfig.json`,
+      content: (0, _typescript().typescriptConfigFile)()
+    }, {
+      relativePath: `typescript/styles.d.ts`,
+      content: (0, _styles().globalStylesFile)()
+    }, {
+      relativePath: `typescript/ts-transformer.ts`,
+      content: (0, _tsTransformer().tsTransformerFile)()
     }, {
-      relativePath: `${context.name}.extension.ts`,
-      content: (0, _extension().extensionFile)(context)
+      relativePath: `jest/jest.config.js`,
+      content: (0, _jest().jestConfigFile)()
     }];
   },
   config: {
-    'teambit.harmony/aspect': {},
+    'teambit.envs/env': {},
     'teambit.envs/envs': {
-      env: 'teambit.harmony/aspect'
+      env: 'teambit.envs/env'
     }
   }
 };

package/dist/templates/node-env/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["nodeEnvTemplate","name","description","generateFiles","context","relativePath","content","isMain","config","env"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,eAAkC,GAAG;AAChDC,EAAAA,IAAI,EAAE,UAD0C;AAEhDC,EAAAA,WAAW,EAAE,yDAFmC;AAGhDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CACL;AACEC,MAAAA,YAAY,EAAE,UADhB;AAEEC,MAAAA,OAAO,EAAE,wBAAUF,OAAV,CAFX;AAGEG,MAAAA,MAAM,EAAE;AAHV,KADK,EAML;AACEF,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,WADhC;AAEEK,MAAAA,OAAO,EAAE;AAFX,KANK,EAUL;AACED,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,eADhC;AAEEK,MAAAA,OAAO,EAAE,gCAAcF,OAAd;AAFX,KAVK,CAAP;AAeD,GAnB+C;AAoBhDI,EAAAA,MAAM,EAAE;AACN,8BAA0B,EADpB;AAEN,yBAAqB;AACnBC,MAAAA,GAAG,EAAE;AADc;AAFf;AApBwC,CAA3C","sourcesContent":["import { ComponentContext, ComponentTemplate } from '@teambit/generator';\nimport { indexFile } from './files/index';\nimport { docFile } from './files/doc';\nimport { extensionFile } from './files/extension';\n\nexport const nodeEnvTemplate: ComponentTemplate = {\n  name: 'node-env',\n  description: 'customize the base Node env with your configs and tools',\n  generateFiles: (context: ComponentContext) => {\n    return [\n      {\n        relativePath: 'index.ts',\n        content: indexFile(context),\n        isMain: true,\n      },\n      {\n        relativePath: `${context.name}.docs.mdx`,\n        content: docFile(),\n      },\n      {\n        relativePath: `${context.name}.extension.ts`,\n        content: extensionFile(context),\n      },\n    ];\n  },\n  config: {\n    'teambit.harmony/aspect': {},\n    'teambit.envs/envs': {\n      env: 'teambit.harmony/aspect',\n    },\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["nodeEnvTemplate","name","description","generateFiles","context","relativePath","content","isMain","config","env"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,eAAkC,GAAG;AAChDC,EAAAA,IAAI,EAAE,UAD0C;AAEhDC,EAAAA,WAAW,EAAE,yDAFmC;AAGhDC,EAAAA,aAAa,EAAGC,OAAD,IAA+B;AAC5C,WAAO,CACL;AACEC,MAAAA,YAAY,EAAE,UADhB;AAEEC,MAAAA,OAAO,EAAE,wBAAUF,OAAV,CAFX;AAGEG,MAAAA,MAAM,EAAE;AAHV,KADK,EAML;AACEF,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,WADhC;AAEEK,MAAAA,OAAO,EAAE,oBAAQF,OAAR;AAFX,KANK,EAUL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,kBADhC;AAEEK,MAAAA,OAAO,EAAE,6BAAgBF,OAAhB;AAFX,KAVK,EAcL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,qBADhC;AAEEK,MAAAA,OAAO,EAAE,mCAAmBF,OAAnB;AAFX,KAdK,EAkBL;AACEC,MAAAA,YAAY,EAAG,GAAED,OAAO,CAACH,IAAK,YADhC;AAEEK,MAAAA,OAAO,EAAE,0BAAWF,OAAX;AAFX,KAlBK,EAsBL;AACEC,MAAAA,YAAY,EAAG,iCADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KAtBK,EA0BL;AACED,MAAAA,YAAY,EAAG,0BADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA1BK,EA8BL;AACED,MAAAA,YAAY,EAAG,wBADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KA9BK,EAkCL;AACED,MAAAA,YAAY,EAAG,8BADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KAlCK,EAsCL;AACED,MAAAA,YAAY,EAAG,qBADjB;AAEEC,MAAAA,OAAO,EAAE;AAFX,KAtCK,CAAP;AA2CD,GA/C+C;AAgDhDE,EAAAA,MAAM,EAAE;AACN,wBAAoB,EADd;AAEN,yBAAqB;AACnBC,MAAAA,GAAG,EAAE;AADc;AAFf;AAhDwC,CAA3C","sourcesContent":["import { ComponentContext, ComponentTemplate } from '@teambit/generator';\nimport { indexFile } from './files/index';\nimport { docFile } from './files/doc';\nimport { mainRuntimeFile } from './files/main.runtime';\nimport { previewRuntimeFile } from './files/preview.runtime';\nimport { aspectFile } from './files/aspect';\nimport { webpackConfigFile } from './files/webpack.config';\nimport { typescriptConfigFile } from './files/typescript/typescript.config';\nimport { globalStylesFile } from './files/typescript/styles';\nimport { tsTransformerFile } from './files/typescript/ts-transformer';\nimport { jestConfigFile } from './files/jest.config';\n\nexport const nodeEnvTemplate: ComponentTemplate = {\n  name: 'node-env',\n  description: 'customize the base Node env with your configs and tools',\n  generateFiles: (context: ComponentContext) => {\n    return [\n      {\n        relativePath: 'index.ts',\n        content: indexFile(context),\n        isMain: true,\n      },\n      {\n        relativePath: `${context.name}.docs.mdx`,\n        content: docFile(context),\n      },\n      {\n        relativePath: `${context.name}.main.runtime.ts`,\n        content: mainRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.preview.runtime.ts`,\n        content: previewRuntimeFile(context),\n      },\n      {\n        relativePath: `${context.name}.aspect.ts`,\n        content: aspectFile(context),\n      },\n      {\n        relativePath: `webpack/webpack-transformers.ts`,\n        content: webpackConfigFile(),\n      },\n      {\n        relativePath: `typescript/tsconfig.json`,\n        content: typescriptConfigFile(),\n      },\n      {\n        relativePath: `typescript/styles.d.ts`,\n        content: globalStylesFile(),\n      },\n      {\n        relativePath: `typescript/ts-transformer.ts`,\n        content: tsTransformerFile(),\n      },\n      {\n        relativePath: `jest/jest.config.js`,\n        content: jestConfigFile(),\n      },\n    ];\n  },\n  config: {\n    'teambit.envs/env': {},\n    'teambit.envs/envs': {\n      env: 'teambit.envs/env',\n    },\n  },\n};\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/node",
-  "version": "0.0.706",
+  "version": "0.0.709",
   "homepage": "https://bit.dev/teambit/harmony/node",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.harmony",
     "name": "node",
-    "version": "0.0.706"
+    "version": "0.0.709"
   },
   "dependencies": {
     "lodash": "4.17.21",
@@ -15,21 +15,21 @@
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
-    "@teambit/application": "0.0.348",
-    "@teambit/logger": "0.0.562",
-    "@teambit/react": "0.0.706",
-    "@teambit/builder": "0.0.706",
-    "@teambit/dependency-resolver": "0.0.706",
-    "@teambit/envs": "0.0.706",
-    "@teambit/tester": "0.0.706",
-    "@teambit/typescript": "0.0.706",
-    "@teambit/cli": "0.0.470",
-    "@teambit/compiler": "0.0.706",
-    "@teambit/generator": "0.0.706",
-    "@teambit/pkg": "0.0.706",
-    "@teambit/compositions": "0.0.706",
+    "@teambit/application": "0.0.351",
+    "@teambit/logger": "0.0.564",
+    "@teambit/react": "0.0.709",
+    "@teambit/builder": "0.0.709",
+    "@teambit/dependency-resolver": "0.0.709",
+    "@teambit/envs": "0.0.709",
+    "@teambit/tester": "0.0.709",
+    "@teambit/typescript": "0.0.709",
+    "@teambit/cli": "0.0.472",
+    "@teambit/compiler": "0.0.709",
+    "@teambit/generator": "0.0.709",
+    "@teambit/pkg": "0.0.709",
+    "@teambit/compositions": "0.0.709",
     "@teambit/design.ui.empty-box": "0.0.353",
-    "@teambit/ui": "0.0.706"
+    "@teambit/ui": "0.0.709"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",

package/{preview-1649647448813.js → preview-1650243425150.js}

@@ -1,2 +1,2 @@
-export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_node@0.0.706/dist/node.composition.js')]
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_node@0.0.706/dist/node.docs.mdx')]
+export const compositions = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_node@0.0.709/dist/node.composition.js')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.harmony_node@0.0.709/dist/node.docs.mdx')]

package/templates/node-env/files/aspect.ts

@@ -0,0 +1,10 @@
+import { ComponentContext } from '@teambit/generator';
+
+export function aspectFile({ namePascalCase: Name, componentId }: ComponentContext) {
+  return `import { Aspect } from '@teambit/harmony';
+
+export const ${Name}Aspect = Aspect.create({
+  id: '${componentId}',
+});
+`;
+}

package/templates/node-env/files/doc.ts

@@ -1,11 +1,178 @@
-export function docFile() {
+import { ComponentContext } from '@teambit/generator';
+
+export function docFile({ name, componentId }: ComponentContext) {
   return `---
-labels: ['extension', 'node', 'env', 'environment']
-description: 'A customized extension for Node environment.'
+description: 'A standard Node component development environment'
+labels: ['node', 'typescript', 'env', 'extension']
 ---
 
-This is a customized extension for Node, based of the [Node Aspect](https://bit.cloud/teambit/harmony/node).
+## Overview
+
+A customized version which extends the default Node component development environment created by teambit.
+
+This environment can be applied to all your components or a set of components via the command \`bit env set <pattern or component_id> ${componentId}\`, or under the variants of your \`workspace.json\` file.
+That means they will use your custom environment instead of the default environment. Environment components are just like any other Bit components in that they can be
+exported and then shared and used in various projects which makes it easier to create standards when working with many teams.
+
+### Usage instructions
+
+#### Recommended usage:
+
+Run the command \`bit env set <"pattern" or component_id> ${componentId}\` where the pattern is a glob pattern to select multiple components. This will put the env
+config in your component's entry in the \`.bitmap\` file.
+
+:::Note - this will override any variants policy that tries to set an env for this component in the workspace.jsonc
+:::
+
+#### Alternative Usage
+Under the **variant** section of your \`workspace.json\` file choose which components you want to have the custom environment set. You can find the id of the extension in the \`${name}.aspect.ts\` file.
+
+\`\`\`json
+{
+  "teambit.workspace/variants": {
+    "{ui/**}, {pages/**}": {
+      "${componentId}": {}
+    }
+  }
+}
+\`\`\`
+
+This usage may be deprecated in future in favour of the recommended usage above
+
+## Runtime Configurations
+
+Extend the \`main.runtime\` file when you want to add custom configurations at runtime.
+
+### Compilation
+
+By default, Component compilation is done with the TypeScript compiler. Target format is \`ES2015\` which
+supports execution from both NodeJS and browser runtimes for server-side rendering. You can modify the \`tsconfig.json\` file to add your own compiler options which will then be merged with the default configs set by teambit.
+
+Example:
+
+\`\`\`json
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "module": "es2015",
+    "moduleResolution": "node",
+    "lib": ["es2017", "dom"],
+    "experimentalDecorators": true,
+    "esModuleInterop": true,
+    "outDir": "dist",
+    "sourceMap": true,
+    "emitDecoratorMetadata": true,
+    "allowJs": true,
+    "baseUrl": ".",
+    "jsx": "react"
+  }
+}
+\`\`\`
+
+### Testing
+
+Component testing is done through [Jest](https://jestjs.io/) with the default \`teambit.react/react\` environment. You can modify the \`jestconfig.js\` file to add your own configurations which will then be merged with the default configs set by teambit.
+
+Example:
+
+To Override the Jest config to ignore transpiling from specific folders add this to the \`jestconfig.js\` file:
+
+\`\`\`js
+const reactJestConfig = require('@teambit/react/jest/jest.config');
+module.exports = {
+  ...reactJestConfig,
+  transformIgnorePatterns: ['/node_modules/(?!(prop-types|@teambit))']
+};
+\`\`\`
+
+### Webpack
+
+Bit uses webpack 5 to bundle components. You can modify the \`webpack.config.js\` file to add your own configurations which will then be merged with the default configs set by teambit.
+
+Example:
+
+\`\`\`ts
+module.exports = {
+  module: {
+    // add your custom rules here
+    rules: []
+  }
+};
+\`\`\`
+
+### ESLint
+
+Bit uses ESLint to lint your components. You can add your own rules in the \`${name}.main.runtime\` file.
+
+Example:
+
+\`\`\`ts
+react.useEslint({
+  transformers: [
+    (config) => {
+      config.setRule('no-console', ['error']);
+      // add more rules here
+      return config;
+    }
+  ]
+}),
+\`\`\`
+
+To use ESLint:
+
+\`\`\`bash
+bit lint
+bit lint --fix
+\`\`\`
+
+### Formatting
+
+Bit uses Prettier to format your components. You can add your own rules in the \`${name}.main.runtime\` file.
+
+Example:
+
+\`\`\`ts
+react.usePrettier({
+  transformers: [
+    (config) => {
+      config.setKey('tabWidth', 2);
+      // add more rules here
+      return config;
+    }
+  ]
+}),
+\`\`\`
+
+To use Prettier:
+
+\`\`\`bash
+bit format --check
+bit format
+\`\`\`
+
+### Dependencies
+
+Override the default dependencies in the \`${name}.main.runtime\` file to include react types of a different version for example.
+
+\`\`\`ts
+react.overrideDependencies({
+  devDependencies: {
+    '@types/react': '17.0.3'
+  }
+});
+\`\`\`
+
+## Preview Configurations
+
+Extend the \`${name}.preview.runtime\` file when you want to add your own customizations only for previewing in the Bit UI.
+
+### Adding a Theme
+
+A custom theme has been added to the env which wraps all the composition files with the required theme so they can be developed with the correct themeing rather than the browsers default. This is added only in the preview runtime and not in the main runtime meaning it is only applied to compositions and not when consuming components. Adding a theme when consuming should be done at App level as you component may be consumed in various apps and have different themes applied depending on where it is consumed.
+
+Example:
 
-Explain here the modified configurations and tools applied.
+\`\`\`ts
+react.registerProvider([ThemeCompositions]);
 `;
 }

package/templates/node-env/files/index.ts

@@ -1,8 +1,10 @@
 import { ComponentContext } from '@teambit/generator';
 
 export function indexFile({ namePascalCase: Name, name }: ComponentContext) {
-  return `import { ${Name}Extension } from './${name}.extension';
-export { ${Name}Extension };
-export default ${Name}Extension;
+  return `import { ${Name}Aspect } from './${name}.aspect';
+
+export type { ${Name}Main } from './${name}.main.runtime';
+export default ${Name}Aspect;
+export { ${Name}Aspect };
 `;
 }

package/templates/node-env/files/jest.config.ts

@@ -0,0 +1,21 @@
+export function jestConfigFile() {
+  return `
+  // Override the Jest config to ignore transpiling from specific folders
+  // See the base Jest config: https://bit.cloud/teambit/react/react/~code/jest/jest.config.js
+
+  // const reactJestConfig = require('@teambit/react/jest/jest.config');
+  // uncomment the line below and install the package if you want to use this function
+  // const {
+  //   generateNodeModulesPattern,
+  // } = require('@teambit/dependencies.modules.packages-excluder');
+  // const packagesToExclude = ['@my-org', 'my-package-name'];
+
+  // module.exports = {
+  //   ...reactJestConfig,
+  //   transformIgnorePatterns: [
+  //     '^.+\\.module\\.(css|sass|scss)$',
+  //     generateNodeModulesPattern({ packages: packagesToExclude }),
+  //   ],
+  // };
+  `;
+}