@teambit/react 0.0.703 → 0.0.706

package/dist/apps/web/plugins/prerender.js

@@ -7,6 +7,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.prerenderSPAPlugin = void 0;
 
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _path() {
   const data = require("path");
 
@@ -27,16 +37,22 @@ function _prerenderSpaPlugin() {
   return data;
 }
 
-const prerenderSPAPlugin = (prerenderRoutes, staticDir) => {
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const prerenderSPAPlugin = (prerender, staticDir) => {
   return new (_prerenderSpaPlugin().default)({
     staticDir,
-    routes: prerenderRoutes,
+    routes: prerender === null || prerender === void 0 ? void 0 : prerender.routes,
 
     postProcess(renderedRoute) {
+      if (prerender.postProcess) return prerender.postProcess(renderedRoute, staticDir);
       renderedRoute.outputPath = (0, _path().join)(staticDir, `${renderedRoute.originalRoute}.html`);
       return renderedRoute;
-    }
+    },
 
+    server: _objectSpread({}, prerender === null || prerender === void 0 ? void 0 : prerender.server)
   });
 };
 

package/dist/apps/web/plugins/prerender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["prerender.ts"],"names":["prerenderSPAPlugin","prerenderRoutes","staticDir","PrerenderSPAPlugin","routes","postProcess","renderedRoute","outputPath","originalRoute"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,kBAAkB,GAAG,CAACC,eAAD,EAA4BC,SAA5B,KAAkD;AAClF,SAAO,KAAIC,6BAAJ,EAAuB;AAC5BD,IAAAA,SAD4B;AAE5BE,IAAAA,MAAM,EAAEH,eAFoB;;AAG5BI,IAAAA,WAAW,CAACC,aAAD,EAAqB;AAC9BA,MAAAA,aAAa,CAACC,UAAd,GAA2B,kBAAKL,SAAL,EAAiB,GAAEI,aAAa,CAACE,aAAc,OAA/C,CAA3B;AACA,aAAOF,aAAP;AACD;;AAN2B,GAAvB,CAAP;AAQD,CATM","sourcesContent":["import { join } from 'path';\nimport PrerenderSPAPlugin from '@dreysolano/prerender-spa-plugin';\n\nexport const prerenderSPAPlugin = (prerenderRoutes: string[], staticDir: string) => {\n  return new PrerenderSPAPlugin({\n    staticDir,\n    routes: prerenderRoutes,\n    postProcess(renderedRoute: any) {\n      renderedRoute.outputPath = join(staticDir, `${renderedRoute.originalRoute}.html`);\n      return renderedRoute;\n    },\n  });\n};\n"]}
+{"version":3,"sources":["prerender.ts"],"names":["prerenderSPAPlugin","prerender","staticDir","PrerenderSPAPlugin","routes","postProcess","renderedRoute","outputPath","originalRoute","server"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;;;;;AAGO,MAAMA,kBAAkB,GAAG,CAACC,SAAD,EAAsCC,SAAtC,KAA4D;AAC5F,SAAO,KAAIC,6BAAJ,EAAuB;AAC5BD,IAAAA,SAD4B;AAE5BE,IAAAA,MAAM,EAAEH,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEG,MAFS;;AAG5BC,IAAAA,WAAW,CAACC,aAAD,EAAqB;AAC9B,UAAIL,SAAS,CAACI,WAAd,EAA2B,OAAOJ,SAAS,CAACI,WAAV,CAAsBC,aAAtB,EAAqCJ,SAArC,CAAP;AAC3BI,MAAAA,aAAa,CAACC,UAAd,GAA2B,kBAAKL,SAAL,EAAiB,GAAEI,aAAa,CAACE,aAAc,OAA/C,CAA3B;AACA,aAAOF,aAAP;AACD,KAP2B;;AAQ5BG,IAAAA,MAAM,oBACDR,SADC,aACDA,SADC,uBACDA,SAAS,CAAEQ,MADV;AARsB,GAAvB,CAAP;AAYD,CAbM","sourcesContent":["import { join } from 'path';\nimport PrerenderSPAPlugin from '@dreysolano/prerender-spa-plugin';\nimport { ReactAppPrerenderOptions } from '../react-app-options';\n\nexport const prerenderSPAPlugin = (prerender: ReactAppPrerenderOptions, staticDir: string) => {\n  return new PrerenderSPAPlugin({\n    staticDir,\n    routes: prerender?.routes,\n    postProcess(renderedRoute: any) {\n      if (prerender.postProcess) return prerender.postProcess(renderedRoute, staticDir);\n      renderedRoute.outputPath = join(staticDir, `${renderedRoute.originalRoute}.html`);\n      return renderedRoute;\n    },\n    server: {\n      ...prerender?.server,\n    },\n  });\n};\n"]}

package/dist/apps/web/react-app-options.d.ts

@@ -1,6 +1,29 @@
 import { Bundler, DevServer } from '@teambit/bundler';
 import { WebpackConfigTransformer } from '@teambit/webpack';
 import { ReactDeployContext } from './deploy-context';
+export declare type ReactAppPrerenderOptions = {
+    /**
+     * routes to prerender
+     */
+    routes: string[];
+    /**
+     * the proxy server you want the prerender headless browser to run on
+     */
+    server?: {
+        proxy: {
+            [key: string]: {
+                target: 'http://localhost:8000/';
+                pathRewrite: {
+                    [key: string]: string;
+                };
+            };
+        };
+    };
+    /**
+     * Post processing of the prerendered html. This is useful for adding meta tags to the html or changing the file name.
+     */
+    postProcess?: (prerenderRoute: string, staticDir: string) => string;
+};
 export declare type ReactAppOptions = {
     /**
      * name of the application.
@@ -28,11 +51,11 @@ export declare type ReactAppOptions = {
     webpackTransformers?: WebpackConfigTransformer[];
     /**
      * decide whether to prerender your app. accepts an array of routes. if none, prerender would not apply.
-     * e.g ['/plugins', '/learn', '/docs/quick-start]
+     *  e.g ['/plugins', '/learn', '/docs/quick-start]
+     * You can also pass a configuration for the proxy, please refer here: https://github.com/webpack/docs/wiki/webpack-dev-server#proxy
+     *
      */
-    prerender?: {
-        routes?: string[];
-    };
+    prerender?: ReactAppPrerenderOptions;
     /**
      * deploy function.
      */

package/dist/apps/web/react.app-type.js

@@ -22,9 +22,7 @@ class ReactAppType {
   }
 
   createApp(options) {
-    var _options$prerender;
-
-    return new (_react().ReactApp)(options.name, options.entry, options.portRange || [3000, 4000], this.reactEnv, (_options$prerender = options.prerender) === null || _options$prerender === void 0 ? void 0 : _options$prerender.routes, options.bundler, options.devServer, options.webpackTransformers, options.deploy, options.favicon);
+    return new (_react().ReactApp)(options.name, options.entry, options.portRange || [3000, 4000], this.reactEnv, options.prerender, options.bundler, options.devServer, options.webpackTransformers, options.deploy, options.favicon);
   }
 
 }

package/dist/apps/web/react.app-type.js.map

@@ -1 +1 @@
-{"version":3,"sources":["react.app-type.ts"],"names":["ReactAppType","constructor","name","reactEnv","createApp","options","ReactApp","entry","portRange","prerender","routes","bundler","devServer","webpackTransformers","deploy","favicon"],"mappings":";;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGO,MAAMA,YAAN,CAA+D;AACpEC,EAAAA,WAAW,CAAUC,IAAV,EAAgCC,QAAhC,EAAoD;AAAA,SAA1CD,IAA0C,GAA1CA,IAA0C;AAAA,SAApBC,QAAoB,GAApBA,QAAoB;AAAE;;AAEjEC,EAAAA,SAAS,CAACC,OAAD,EAA2B;AAAA;;AAClC,WAAO,KAAIC,iBAAJ,EACLD,OAAO,CAACH,IADH,EAELG,OAAO,CAACE,KAFH,EAGLF,OAAO,CAACG,SAAR,IAAqB,CAAC,IAAD,EAAO,IAAP,CAHhB,EAIL,KAAKL,QAJA,wBAKLE,OAAO,CAACI,SALH,uDAKL,mBAAmBC,MALd,EAMLL,OAAO,CAACM,OANH,EAOLN,OAAO,CAACO,SAPH,EAQLP,OAAO,CAACQ,mBARH,EASLR,OAAO,CAACS,MATH,EAULT,OAAO,CAACU,OAVH,CAAP;AAYD;;AAhBmE","sourcesContent":["import { ApplicationType } from '@teambit/application';\nimport { ReactAppOptions } from './react-app-options';\nimport { ReactApp } from './react.application';\nimport { ReactEnv } from '../../react.env';\n\nexport class ReactAppType implements ApplicationType<ReactAppOptions> {\n  constructor(readonly name: string, private reactEnv: ReactEnv) {}\n\n  createApp(options: ReactAppOptions) {\n    return new ReactApp(\n      options.name,\n      options.entry,\n      options.portRange || [3000, 4000],\n      this.reactEnv,\n      options.prerender?.routes,\n      options.bundler,\n      options.devServer,\n      options.webpackTransformers,\n      options.deploy,\n      options.favicon\n    );\n  }\n}\n"]}
+{"version":3,"sources":["react.app-type.ts"],"names":["ReactAppType","constructor","name","reactEnv","createApp","options","ReactApp","entry","portRange","prerender","bundler","devServer","webpackTransformers","deploy","favicon"],"mappings":";;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGO,MAAMA,YAAN,CAA+D;AACpEC,EAAAA,WAAW,CAAUC,IAAV,EAAgCC,QAAhC,EAAoD;AAAA,SAA1CD,IAA0C,GAA1CA,IAA0C;AAAA,SAApBC,QAAoB,GAApBA,QAAoB;AAAE;;AAEjEC,EAAAA,SAAS,CAACC,OAAD,EAA2B;AAClC,WAAO,KAAIC,iBAAJ,EACLD,OAAO,CAACH,IADH,EAELG,OAAO,CAACE,KAFH,EAGLF,OAAO,CAACG,SAAR,IAAqB,CAAC,IAAD,EAAO,IAAP,CAHhB,EAIL,KAAKL,QAJA,EAKLE,OAAO,CAACI,SALH,EAMLJ,OAAO,CAACK,OANH,EAOLL,OAAO,CAACM,SAPH,EAQLN,OAAO,CAACO,mBARH,EASLP,OAAO,CAACQ,MATH,EAULR,OAAO,CAACS,OAVH,CAAP;AAYD;;AAhBmE","sourcesContent":["import { ApplicationType } from '@teambit/application';\nimport { ReactAppOptions } from './react-app-options';\nimport { ReactApp } from './react.application';\nimport { ReactEnv } from '../../react.env';\n\nexport class ReactAppType implements ApplicationType<ReactAppOptions> {\n  constructor(readonly name: string, private reactEnv: ReactEnv) {}\n\n  createApp(options: ReactAppOptions) {\n    return new ReactApp(\n      options.name,\n      options.entry,\n      options.portRange || [3000, 4000],\n      this.reactEnv,\n      options.prerender,\n      options.bundler,\n      options.devServer,\n      options.webpackTransformers,\n      options.deploy,\n      options.favicon\n    );\n  }\n}\n"]}

package/dist/apps/web/react.application.d.ts

@@ -3,25 +3,27 @@ import { Bundler, DevServer } from '@teambit/bundler';
 import { WebpackConfigTransformer } from '@teambit/webpack';
 import { ReactEnv } from '../../react.env';
 import { ReactAppBuildResult } from './react-build-result';
+import { ReactAppPrerenderOptions } from './react-app-options';
 import { ReactDeployContext } from '.';
 export declare class ReactApp implements Application {
     readonly name: string;
     readonly entry: string[];
     readonly portRange: number[];
     private reactEnv;
-    readonly prerenderRoutes?: string[] | undefined;
+    readonly prerender?: ReactAppPrerenderOptions | undefined;
     readonly bundler?: Bundler | undefined;
     readonly devServer?: DevServer | undefined;
     readonly transformers?: WebpackConfigTransformer[] | undefined;
     readonly deploy?: ((context: ReactDeployContext) => Promise<void>) | undefined;
     readonly favicon?: string | undefined;
-    constructor(name: string, entry: string[], portRange: number[], reactEnv: ReactEnv, prerenderRoutes?: string[] | undefined, bundler?: Bundler | undefined, devServer?: DevServer | undefined, transformers?: WebpackConfigTransformer[] | undefined, deploy?: ((context: ReactDeployContext) => Promise<void>) | undefined, favicon?: string | undefined);
+    constructor(name: string, entry: string[], portRange: number[], reactEnv: ReactEnv, prerender?: ReactAppPrerenderOptions | undefined, bundler?: Bundler | undefined, devServer?: DevServer | undefined, transformers?: WebpackConfigTransformer[] | undefined, deploy?: ((context: ReactDeployContext) => Promise<void>) | undefined, favicon?: string | undefined);
     readonly applicationType = "react-common-js";
     readonly dir = "public";
     run(context: AppContext): Promise<number>;
     build(context: AppBuildContext): Promise<ReactAppBuildResult>;
     private getBundler;
     private getDefaultBundler;
+    private getESBuildConfig;
     private getPublicDir;
     private getDevServerContext;
 }

package/dist/apps/web/react.application.js

@@ -82,12 +82,12 @@ function _webpack() {
 }
 
 class ReactApp {
-  constructor(name, entry, portRange, reactEnv, prerenderRoutes, bundler, devServer, transformers, deploy, favicon) {
+  constructor(name, entry, portRange, reactEnv, prerender, bundler, devServer, transformers, deploy, favicon) {
     this.name = name;
     this.entry = entry;
     this.portRange = portRange;
     this.reactEnv = reactEnv;
-    this.prerenderRoutes = prerenderRoutes;
+    this.prerender = prerender;
     this.bundler = bundler;
     this.devServer = devServer;
     this.transformers = transformers;
@@ -95,6 +95,58 @@ class ReactApp {
     this.favicon = favicon;
     (0, _defineProperty2().default)(this, "applicationType", 'react-common-js');
     (0, _defineProperty2().default)(this, "dir", 'public');
+    (0, _defineProperty2().default)(this, "getESBuildConfig", (isPrerendering = this.prerender) => {
+      // We don't want to use esbuild in case of prerendering since the headless browser puppeteer doesn't support
+      // the output of esbuild
+      if (isPrerendering) {
+        return new (_terserWebpackPlugin().default)({
+          extractComments: false,
+          terserOptions: {
+            parse: {
+              // We want terser to parse ecma 8 code. However, we don't want it
+              // to apply any minification steps that turns valid ecma 5 code
+              // into invalid ecma 5 code. This is why the 'compress' and 'output'
+              // sections only apply transformations that are ecma 5 safe
+              // https://github.com/facebook/create-react-app/pull/4234
+              ecma: 8
+            },
+            compress: {
+              ecma: 5,
+              warnings: false,
+              // Disabled because of an issue with Uglify breaking seemingly valid code:
+              // https://github.com/facebook/create-react-app/issues/2376
+              // Pending further investigation:
+              // https://github.com/mishoo/UglifyJS2/issues/2011
+              comparisons: false,
+              // Disabled because of an issue with Terser breaking valid code:
+              // https://github.com/facebook/create-react-app/issues/5250
+              // Pending further investigation:
+              // https://github.com/terser-js/terser/issues/120
+              inline: 2
+            },
+            mangle: {
+              safari10: true
+            },
+            output: {
+              ecma: 5,
+              comments: false,
+              // Turned on because emoji and regex is not minified properly using default
+              // https://github.com/facebook/create-react-app/issues/2488
+              ascii_only: true
+            }
+          }
+        });
+      }
+
+      return new (_terserWebpackPlugin().default)({
+        minify: _terserWebpackPlugin().default.esbuildMinify,
+        // `terserOptions` options will be passed to `esbuild`
+        // Link to options - https://esbuild.github.io/api/#minify
+        terserOptions: {
+          minify: true
+        }
+      });
+    });
   }
 
   async run(context) {
@@ -180,7 +232,7 @@ class ReactApp {
         path: staticDir,
         publicPath: `/`
       });
-      if (this.prerenderRoutes) config.addPlugin((0, _plugins().prerenderSPAPlugin)(this.prerenderRoutes, staticDir));
+      if (this.prerender) config.addPlugin((0, _plugins().prerenderSPAPlugin)(this.prerender, staticDir));
 
       if ((_config$raw$optimizat = config.raw.optimization) !== null && _config$raw$optimizat !== void 0 && _config$raw$optimizat.minimizer) {
         var _config$raw$optimizat2, _config$raw$optimizat3;
@@ -188,14 +240,7 @@ class ReactApp {
         (0, _lodash().remove)((_config$raw$optimizat2 = config.raw.optimization) === null || _config$raw$optimizat2 === void 0 ? void 0 : _config$raw$optimizat2.minimizer, minimizer => {
           return minimizer.constructor.name === 'TerserPlugin';
         });
-        (_config$raw$optimizat3 = config.raw.optimization) === null || _config$raw$optimizat3 === void 0 ? void 0 : _config$raw$optimizat3.minimizer.push(new (_terserWebpackPlugin().default)({
-          minify: _terserWebpackPlugin().default.esbuildMinify,
-          // `terserOptions` options will be passed to `esbuild`
-          // Link to options - https://esbuild.github.io/api/#minify
-          terserOptions: {
-            minify: true
-          }
-        }));
+        (_config$raw$optimizat3 = config.raw.optimization) === null || _config$raw$optimizat3 === void 0 ? void 0 : _config$raw$optimizat3.minimizer.push(this.getESBuildConfig());
       }
 
       return config;

package/dist/apps/web/react.application.js.map

@@ -1 +1 @@
-{"version":3,"sources":["react.application.ts"],"names":["ReactApp","constructor","name","entry","portRange","reactEnv","prerenderRoutes","bundler","devServer","transformers","deploy","favicon","run","context","from","to","port","Port","getPort","listen","devServerContext","getDevServerContext","getDevServer","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","raw","output","publicPath","build","htmlConfig","title","templateContent","minify","Object","assign","html","getBundler","publicDir","getPublicDir","dir","getDefaultBundler","capsule","env","outputPath","path","distDir","getCompiler","entries","map","require","resolve","staticDir","bundlerContext","targets","components","component","rootPath","metaData","initiator","envId","id","defaultTransformer","config","addPlugin","optimization","minimizer","push","TerserPlugin","esbuildMinify","terserOptions","applicationType"],"mappings":"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","sourcesContent":["import { join, basename } from 'path';\nimport { Application, AppContext, AppBuildContext } from '@teambit/application';\nimport { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { remove } from 'lodash';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderSPAPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\n\nexport class ReactApp implements Application {\n  constructor(\n    readonly name: string,\n    readonly entry: string[],\n    readonly portRange: number[],\n    private reactEnv: ReactEnv,\n    readonly prerenderRoutes?: string[],\n    readonly bundler?: Bundler,\n    readonly devServer?: DevServer,\n    readonly transformers?: WebpackConfigTransformer[],\n    readonly deploy?: (context: ReactDeployContext) => Promise<void>,\n    readonly favicon?: string\n  ) {}\n  readonly applicationType = 'react-common-js';\n  readonly dir = 'public';\n  async run(context: AppContext): Promise<number> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n    if (this.devServer) {\n      await this.devServer.listen(port);\n      return port;\n    }\n    const devServerContext = this.getDevServerContext(context);\n    const devServer = this.reactEnv.getDevServer(devServerContext, [\n      (configMutator) => {\n        configMutator.addTopLevel('devServer', {\n          historyApiFallback: {\n            index: '/index.html',\n            disableDotRule: true,\n          },\n        });\n\n        if (!configMutator.raw.output) configMutator.raw.output = {};\n        configMutator.raw.output.publicPath = '/';\n\n        return configMutator;\n      },\n    ]);\n    await devServer.listen(port);\n    return port;\n  }\n\n  async build(context: AppBuildContext): Promise<ReactAppBuildResult> {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.name,\n        templateContent: html(context.name),\n        minify: false,\n        favicon: this.favicon,\n        // filename: ''.html`,\n      },\n    ];\n    Object.assign(context, {\n      html: htmlConfig,\n    });\n    const bundler = await this.getBundler(context);\n    await bundler.run();\n    return { publicDir: `${this.getPublicDir()}/${this.dir}` };\n  }\n\n  private getBundler(context: AppBuildContext) {\n    if (this.bundler) return this.bundler;\n    return this.getDefaultBundler(context);\n  }\n  private async getDefaultBundler(context: AppBuildContext) {\n    const { capsule } = context;\n    const reactEnv: ReactEnv = context.env;\n    const publicDir = this.getPublicDir();\n    const outputPath = join(capsule.path, publicDir);\n    const { distDir } = reactEnv.getCompiler();\n    const entries = this.entry.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));\n    const staticDir = join(outputPath, this.dir);\n\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets: [\n        {\n          components: [capsule?.component],\n          entries,\n          outputPath,\n        },\n      ],\n      entry: [],\n      rootPath: '/',\n      metaData: {\n        initiator: `building app: ${context.name}`,\n        envId: context.id,\n      },\n    });\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const config = configMutator.addTopLevel('output', { path: staticDir, publicPath: `/` });\n      if (this.prerenderRoutes) config.addPlugin(prerenderSPAPlugin(this.prerenderRoutes, staticDir));\n      if (config.raw.optimization?.minimizer) {\n        remove(config.raw.optimization?.minimizer, (minimizer) => {\n          return minimizer.constructor.name === 'TerserPlugin';\n        });\n        config.raw.optimization?.minimizer.push(\n          new TerserPlugin({\n            minify: TerserPlugin.esbuildMinify,\n            // `terserOptions` options will be passed to `esbuild`\n            // Link to options - https://esbuild.github.io/api/#minify\n            terserOptions: {\n              minify: true,\n            },\n          })\n        );\n      }\n      return config;\n    };\n    const transformers = [defaultTransformer, ...(this.transformers ?? [])];\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, transformers);\n    return bundler;\n  }\n\n  private getPublicDir() {\n    return join(this.applicationType, this.name);\n  }\n\n  private getDevServerContext(context: AppContext): DevServerContext {\n    return Object.assign(context, {\n      entry: this.entry,\n      rootPath: '',\n      publicPath: `public/${this.name}`,\n      title: this.name,\n      favicon: this.favicon,\n    });\n  }\n}\n"]}
+{"version":3,"sources":["react.application.ts"],"names":["ReactApp","constructor","name","entry","portRange","reactEnv","prerender","bundler","devServer","transformers","deploy","favicon","isPrerendering","TerserPlugin","extractComments","terserOptions","parse","ecma","compress","warnings","comparisons","inline","mangle","safari10","output","comments","ascii_only","minify","esbuildMinify","run","context","from","to","port","Port","getPort","listen","devServerContext","getDevServerContext","getDevServer","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","raw","publicPath","build","htmlConfig","title","templateContent","Object","assign","html","getBundler","publicDir","getPublicDir","dir","getDefaultBundler","capsule","env","outputPath","path","distDir","getCompiler","entries","map","require","resolve","staticDir","bundlerContext","targets","components","component","rootPath","metaData","initiator","envId","id","defaultTransformer","config","addPlugin","optimization","minimizer","push","getESBuildConfig","applicationType"],"mappings":"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","sourcesContent":["import { join, basename } from 'path';\nimport { Application, AppContext, AppBuildContext } from '@teambit/application';\nimport { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { remove } from 'lodash';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderSPAPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { ReactAppPrerenderOptions } from './react-app-options';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\n\nexport class ReactApp implements Application {\n  constructor(\n    readonly name: string,\n    readonly entry: string[],\n    readonly portRange: number[],\n    private reactEnv: ReactEnv,\n    readonly prerender?: ReactAppPrerenderOptions,\n    readonly bundler?: Bundler,\n    readonly devServer?: DevServer,\n    readonly transformers?: WebpackConfigTransformer[],\n    readonly deploy?: (context: ReactDeployContext) => Promise<void>,\n    readonly favicon?: string\n  ) {}\n  readonly applicationType = 'react-common-js';\n  readonly dir = 'public';\n  async run(context: AppContext): Promise<number> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n    if (this.devServer) {\n      await this.devServer.listen(port);\n      return port;\n    }\n    const devServerContext = this.getDevServerContext(context);\n    const devServer = this.reactEnv.getDevServer(devServerContext, [\n      (configMutator) => {\n        configMutator.addTopLevel('devServer', {\n          historyApiFallback: {\n            index: '/index.html',\n            disableDotRule: true,\n          },\n        });\n\n        if (!configMutator.raw.output) configMutator.raw.output = {};\n        configMutator.raw.output.publicPath = '/';\n\n        return configMutator;\n      },\n    ]);\n    await devServer.listen(port);\n    return port;\n  }\n\n  async build(context: AppBuildContext): Promise<ReactAppBuildResult> {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.name,\n        templateContent: html(context.name),\n        minify: false,\n        favicon: this.favicon,\n        // filename: ''.html`,\n      },\n    ];\n    Object.assign(context, {\n      html: htmlConfig,\n    });\n    const bundler = await this.getBundler(context);\n    await bundler.run();\n    return { publicDir: `${this.getPublicDir()}/${this.dir}` };\n  }\n\n  private getBundler(context: AppBuildContext) {\n    if (this.bundler) return this.bundler;\n    return this.getDefaultBundler(context);\n  }\n  private async getDefaultBundler(context: AppBuildContext) {\n    const { capsule } = context;\n    const reactEnv: ReactEnv = context.env;\n    const publicDir = this.getPublicDir();\n    const outputPath = join(capsule.path, publicDir);\n    const { distDir } = reactEnv.getCompiler();\n    const entries = this.entry.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));\n    const staticDir = join(outputPath, this.dir);\n\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets: [\n        {\n          components: [capsule?.component],\n          entries,\n          outputPath,\n        },\n      ],\n      entry: [],\n      rootPath: '/',\n      metaData: {\n        initiator: `building app: ${context.name}`,\n        envId: context.id,\n      },\n    });\n\n    const defaultTransformer: WebpackConfigTransformer = (configMutator) => {\n      const config = configMutator.addTopLevel('output', { path: staticDir, publicPath: `/` });\n      if (this.prerender) config.addPlugin(prerenderSPAPlugin(this.prerender, staticDir));\n      if (config.raw.optimization?.minimizer) {\n        remove(config.raw.optimization?.minimizer, (minimizer) => {\n          return minimizer.constructor.name === 'TerserPlugin';\n        });\n\n        config.raw.optimization?.minimizer.push(this.getESBuildConfig());\n      }\n\n      return config;\n    };\n    const transformers = [defaultTransformer, ...(this.transformers ?? [])];\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, transformers);\n    return bundler;\n  }\n  private getESBuildConfig = (isPrerendering = this.prerender) => {\n    // We don't want to use esbuild in case of prerendering since the headless browser puppeteer doesn't support\n    // the output of esbuild\n\n    if (isPrerendering) {\n      return new TerserPlugin({\n        extractComments: false,\n        terserOptions: {\n          parse: {\n            // We want terser to parse ecma 8 code. However, we don't want it\n            // to apply any minification steps that turns valid ecma 5 code\n            // into invalid ecma 5 code. This is why the 'compress' and 'output'\n            // sections only apply transformations that are ecma 5 safe\n            // https://github.com/facebook/create-react-app/pull/4234\n            ecma: 8,\n          },\n          compress: {\n            ecma: 5,\n            warnings: false,\n            // Disabled because of an issue with Uglify breaking seemingly valid code:\n            // https://github.com/facebook/create-react-app/issues/2376\n            // Pending further investigation:\n            // https://github.com/mishoo/UglifyJS2/issues/2011\n            comparisons: false,\n            // Disabled because of an issue with Terser breaking valid code:\n            // https://github.com/facebook/create-react-app/issues/5250\n            // Pending further investigation:\n            // https://github.com/terser-js/terser/issues/120\n            inline: 2,\n          },\n          mangle: {\n            safari10: true,\n          },\n          output: {\n            ecma: 5,\n            comments: false,\n            // Turned on because emoji and regex is not minified properly using default\n            // https://github.com/facebook/create-react-app/issues/2488\n            ascii_only: true,\n          },\n        },\n      });\n    }\n    return new TerserPlugin({\n      minify: TerserPlugin.esbuildMinify,\n      // `terserOptions` options will be passed to `esbuild`\n      // Link to options - https://esbuild.github.io/api/#minify\n      terserOptions: {\n        minify: true,\n      },\n    });\n  };\n\n  private getPublicDir() {\n    return join(this.applicationType, this.name);\n  }\n\n  private getDevServerContext(context: AppContext): DevServerContext {\n    return Object.assign(context, {\n      entry: this.entry,\n      rootPath: '',\n      publicPath: `public/${this.name}`,\n      title: this.name,\n      favicon: this.favicon,\n    });\n  }\n}\n"]}

package/dist/templates/react-workspace/index.js

@@ -23,7 +23,7 @@ const reactWorkspaceTemplate = {
   generateFiles: async context => {
     return (0, _workspaceCommon().generateFiles)(context);
   },
-  importComponents: () => {
+  fork: () => {
     return [// {
       //   id: 'teambit.react/templates/envs/my-react',
       //   targetName: 'envs/my-react',

package/dist/templates/react-workspace/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactWorkspaceTemplate","name","description","generateFiles","context","importComponents"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,sBAAyC,GAAG;AACvDC,EAAAA,IAAI,EAAE,OADiD;AAEvDC,EAAAA,WAAW,EAAE,sCAF0C;AAGvDC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GALsD;AAMvDC,EAAAA,gBAAgB,EAAE,MAAM;AACtB,WAAO,CACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAbK,KAAP;AAeD;AAtBsD,CAAlD","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceTemplate: WorkspaceTemplate = {\n  name: 'react',\n  description: 'React workspace with demo components',\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  importComponents: () => {\n    return [\n      // {\n      //   id: 'teambit.react/templates/envs/my-react',\n      //   targetName: 'envs/my-react',\n      //   path: 'demo/envs/my-react',\n      // },\n      // { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },\n      // { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },\n      // { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },\n      // {\n      //   id: 'teambit.react/templates/pages/welcome',\n      //   targetName: 'pages/welcome',\n      //   path: 'demo/pages/welcome',\n      // },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactWorkspaceTemplate","name","description","generateFiles","context","fork"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,sBAAyC,GAAG;AACvDC,EAAAA,IAAI,EAAE,OADiD;AAEvDC,EAAAA,WAAW,EAAE,sCAF0C;AAGvDC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GALsD;AAMvDC,EAAAA,IAAI,EAAE,MAAM;AACV,WAAO,CACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAbK,KAAP;AAeD;AAtBsD,CAAlD","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceTemplate: WorkspaceTemplate = {\n  name: 'react',\n  description: 'React workspace with demo components',\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  fork: () => {\n    return [\n      // {\n      //   id: 'teambit.react/templates/envs/my-react',\n      //   targetName: 'envs/my-react',\n      //   path: 'demo/envs/my-react',\n      // },\n      // { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },\n      // { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },\n      // { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },\n      // {\n      //   id: 'teambit.react/templates/pages/welcome',\n      //   targetName: 'pages/welcome',\n      //   path: 'demo/pages/welcome',\n      // },\n    ];\n  },\n};\n"]}

package/dist/templates/react-workspace-app/index.js

@@ -24,7 +24,7 @@ const reactWorkspaceAppTemplate = {
   generateFiles: async context => {
     return (0, _workspaceCommon().generateFiles)(context);
   },
-  importComponents: () => {
+  fork: () => {
     return [{
       id: 'teambit.react/templates/apps/my-app',
       path: 'apps/my-app'

package/dist/templates/react-workspace-app/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactWorkspaceAppTemplate","name","description","hidden","generateFiles","context","importComponents","id","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,yBAA4C,GAAG;AAC1DC,EAAAA,IAAI,EAAE,WADoD;AAE1DC,EAAAA,WAAW,EAAE,0CAF6C;AAG1DC,EAAAA,MAAM,EAAE,IAHkD;AAI1DC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GANyD;AAO1DC,EAAAA,gBAAgB,EAAE,MAAM;AACtB,WAAO,CACL;AAAEC,MAAAA,EAAE,EAAE,qCAAN;AAA6CC,MAAAA,IAAI,EAAE;AAAnD,KADK,EAEL;AAAED,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,IAAI,EAAE;AAArD,KAFK,EAGL;AAAED,MAAAA,EAAE,EAAE,sCAAN;AAA8CC,MAAAA,IAAI,EAAE;AAApD,KAHK,EAIL;AAAED,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,IAAI,EAAE;AAArD,KAJK,EAKL;AAAED,MAAAA,EAAE,EAAE,oCAAN;AAA4CC,MAAAA,IAAI,EAAE;AAAlD,KALK,CAAP;AAOD;AAfyD,CAArD","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceAppTemplate: WorkspaceTemplate = {\n  name: 'react-app',\n  description: 'EXPERIMENTAL. react workspace for an app',\n  hidden: true,\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  importComponents: () => {\n    return [\n      { id: 'teambit.react/templates/apps/my-app', path: 'apps/my-app' },\n      { id: 'teambit.react/templates/envs/my-react', path: 'envs/my-react' },\n      { id: 'teambit.react/templates/themes/theme', path: 'themes/theme' },\n      { id: 'teambit.react/templates/styles/colors', path: 'styles/colors' },\n      { id: 'teambit.react/templates/ui/heading', path: 'ui/heading' },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactWorkspaceAppTemplate","name","description","hidden","generateFiles","context","fork","id","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,yBAA4C,GAAG;AAC1DC,EAAAA,IAAI,EAAE,WADoD;AAE1DC,EAAAA,WAAW,EAAE,0CAF6C;AAG1DC,EAAAA,MAAM,EAAE,IAHkD;AAI1DC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GANyD;AAO1DC,EAAAA,IAAI,EAAE,MAAM;AACV,WAAO,CACL;AAAEC,MAAAA,EAAE,EAAE,qCAAN;AAA6CC,MAAAA,IAAI,EAAE;AAAnD,KADK,EAEL;AAAED,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,IAAI,EAAE;AAArD,KAFK,EAGL;AAAED,MAAAA,EAAE,EAAE,sCAAN;AAA8CC,MAAAA,IAAI,EAAE;AAApD,KAHK,EAIL;AAAED,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,IAAI,EAAE;AAArD,KAJK,EAKL;AAAED,MAAAA,EAAE,EAAE,oCAAN;AAA4CC,MAAAA,IAAI,EAAE;AAAlD,KALK,CAAP;AAOD;AAfyD,CAArD","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceAppTemplate: WorkspaceTemplate = {\n  name: 'react-app',\n  description: 'EXPERIMENTAL. react workspace for an app',\n  hidden: true,\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  fork: () => {\n    return [\n      { id: 'teambit.react/templates/apps/my-app', path: 'apps/my-app' },\n      { id: 'teambit.react/templates/envs/my-react', path: 'envs/my-react' },\n      { id: 'teambit.react/templates/themes/theme', path: 'themes/theme' },\n      { id: 'teambit.react/templates/styles/colors', path: 'styles/colors' },\n      { id: 'teambit.react/templates/ui/heading', path: 'ui/heading' },\n    ];\n  },\n};\n"]}

package/dist/templates/react-workspace-deprecated/index.js

@@ -24,7 +24,7 @@ const deprecatedReactWorkspaceTemplate = {
   generateFiles: async context => {
     return (0, _workspaceCommon().generateFiles)(context);
   },
-  importComponents: () => {
+  fork: () => {
     return [{
       id: 'teambit.react/templates/envs/my-react',
       targetName: 'envs/my-react',

package/dist/templates/react-workspace-deprecated/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["deprecatedReactWorkspaceTemplate","name","description","hidden","generateFiles","context","importComponents","id","targetName","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,gCAAmD,GAAG;AACjEC,EAAAA,IAAI,EAAE,iBAD2D;AAEjEC,EAAAA,WAAW,EAAE,sCAFoD;AAGjEC,EAAAA,MAAM,EAAE,IAHyD;AAIjEC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GANgE;AAOjEC,EAAAA,gBAAgB,EAAE,MAAM;AACtB,WAAO,CACL;AACEC,MAAAA,EAAE,EAAE,uCADN;AAEEC,MAAAA,UAAU,EAAE,eAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KADK,EAML;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KANK,EAOL;AAAEF,MAAAA,EAAE,EAAE,oCAAN;AAA4CC,MAAAA,UAAU,EAAE,YAAxD;AAAsEC,MAAAA,IAAI,EAAE;AAA5E,KAPK,EAQL;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KARK,EASL;AACEF,MAAAA,EAAE,EAAE,uCADN;AAEEC,MAAAA,UAAU,EAAE,eAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KATK,CAAP;AAeD;AAvBgE,CAA5D","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const deprecatedReactWorkspaceTemplate: WorkspaceTemplate = {\n  name: 'react-workspace',\n  description: 'React workspace with demo components',\n  hidden: true,\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  importComponents: () => {\n    return [\n      {\n        id: 'teambit.react/templates/envs/my-react',\n        targetName: 'envs/my-react',\n        path: 'demo/envs/my-react',\n      },\n      { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },\n      { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },\n      { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },\n      {\n        id: 'teambit.react/templates/pages/welcome',\n        targetName: 'pages/welcome',\n        path: 'demo/pages/welcome',\n      },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["deprecatedReactWorkspaceTemplate","name","description","hidden","generateFiles","context","fork","id","targetName","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,gCAAmD,GAAG;AACjEC,EAAAA,IAAI,EAAE,iBAD2D;AAEjEC,EAAAA,WAAW,EAAE,sCAFoD;AAGjEC,EAAAA,MAAM,EAAE,IAHyD;AAIjEC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GANgE;AAOjEC,EAAAA,IAAI,EAAE,MAAM;AACV,WAAO,CACL;AACEC,MAAAA,EAAE,EAAE,uCADN;AAEEC,MAAAA,UAAU,EAAE,eAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KADK,EAML;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KANK,EAOL;AAAEF,MAAAA,EAAE,EAAE,oCAAN;AAA4CC,MAAAA,UAAU,EAAE,YAAxD;AAAsEC,MAAAA,IAAI,EAAE;AAA5E,KAPK,EAQL;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KARK,EASL;AACEF,MAAAA,EAAE,EAAE,uCADN;AAEEC,MAAAA,UAAU,EAAE,eAFd;AAGEC,MAAAA,IAAI,EAAE;AAHR,KATK,CAAP;AAeD;AAvBgE,CAA5D","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const deprecatedReactWorkspaceTemplate: WorkspaceTemplate = {\n  name: 'react-workspace',\n  description: 'React workspace with demo components',\n  hidden: true,\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  fork: () => {\n    return [\n      {\n        id: 'teambit.react/templates/envs/my-react',\n        targetName: 'envs/my-react',\n        path: 'demo/envs/my-react',\n      },\n      { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },\n      { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },\n      { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },\n      {\n        id: 'teambit.react/templates/pages/welcome',\n        targetName: 'pages/welcome',\n        path: 'demo/pages/welcome',\n      },\n    ];\n  },\n};\n"]}

package/dist/templates/react-workspace-lib/index.js

@@ -24,7 +24,7 @@ const reactWorkspaceLibTemplate = {
   generateFiles: async context => {
     return (0, _workspaceCommon().generateFiles)(context);
   },
-  importComponents: () => {
+  fork: () => {
     return [{
       id: 'teambit.react/templates/envs/my-react',
       targetName: 'envs/my-react',

package/dist/templates/react-workspace-lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":["reactWorkspaceLibTemplate","name","description","hidden","generateFiles","context","importComponents","id","targetName","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,yBAA4C,GAAG;AAC1DC,EAAAA,IAAI,EAAE,WADoD;AAE1DC,EAAAA,WAAW,EAAE,uDAF6C;AAG1DC,EAAAA,MAAM,EAAE,IAHkD;AAI1DC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GANyD;AAO1DC,EAAAA,gBAAgB,EAAE,MAAM;AACtB,WAAO,CACL;AAAEC,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,UAAU,EAAE,eAA3D;AAA4EC,MAAAA,IAAI,EAAE;AAAlF,KADK,EAEL;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KAFK,EAGL;AAAEF,MAAAA,EAAE,EAAE,oCAAN;AAA4CC,MAAAA,UAAU,EAAE,YAAxD;AAAsEC,MAAAA,IAAI,EAAE;AAA5E,KAHK,EAIL;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KAJK,EAKL;AAAEF,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,UAAU,EAAE,eAA3D;AAA4EC,MAAAA,IAAI,EAAE;AAAlF,KALK,EAML;AAAEF,MAAAA,EAAE,EAAE,sCAAN;AAA8CC,MAAAA,UAAU,EAAE,cAA1D;AAA0EC,MAAAA,IAAI,EAAE;AAAhF,KANK,CAAP;AAQD;AAhByD,CAArD","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceLibTemplate: WorkspaceTemplate = {\n  name: 'react-lib',\n  description: 'EXPERIMENTAL. react workspace for a component library',\n  hidden: true,\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  importComponents: () => {\n    return [\n      { id: 'teambit.react/templates/envs/my-react', targetName: 'envs/my-react', path: 'demo/envs/my-react' },\n      { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },\n      { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },\n      { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },\n      { id: 'teambit.react/templates/styles/colors', targetName: 'styles/colors', path: 'demo/styles/colors' },\n      { id: 'teambit.react/templates/themes/theme', targetName: 'themes/theme', path: 'demo/themes/theme' },\n    ];\n  },\n};\n"]}
+{"version":3,"sources":["index.ts"],"names":["reactWorkspaceLibTemplate","name","description","hidden","generateFiles","context","fork","id","targetName","path"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,yBAA4C,GAAG;AAC1DC,EAAAA,IAAI,EAAE,WADoD;AAE1DC,EAAAA,WAAW,EAAE,uDAF6C;AAG1DC,EAAAA,MAAM,EAAE,IAHkD;AAI1DC,EAAAA,aAAa,EAAE,MAAOC,OAAP,IAAqC;AAClD,WAAO,sCAAoBA,OAApB,CAAP;AACD,GANyD;AAO1DC,EAAAA,IAAI,EAAE,MAAM;AACV,WAAO,CACL;AAAEC,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,UAAU,EAAE,eAA3D;AAA4EC,MAAAA,IAAI,EAAE;AAAlF,KADK,EAEL;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KAFK,EAGL;AAAEF,MAAAA,EAAE,EAAE,oCAAN;AAA4CC,MAAAA,UAAU,EAAE,YAAxD;AAAsEC,MAAAA,IAAI,EAAE;AAA5E,KAHK,EAIL;AAAEF,MAAAA,EAAE,EAAE,iCAAN;AAAyCC,MAAAA,UAAU,EAAE,SAArD;AAAgEC,MAAAA,IAAI,EAAE;AAAtE,KAJK,EAKL;AAAEF,MAAAA,EAAE,EAAE,uCAAN;AAA+CC,MAAAA,UAAU,EAAE,eAA3D;AAA4EC,MAAAA,IAAI,EAAE;AAAlF,KALK,EAML;AAAEF,MAAAA,EAAE,EAAE,sCAAN;AAA8CC,MAAAA,UAAU,EAAE,cAA1D;AAA0EC,MAAAA,IAAI,EAAE;AAAhF,KANK,CAAP;AAQD;AAhByD,CAArD","sourcesContent":["import { WorkspaceContext, WorkspaceTemplate } from '@teambit/generator';\nimport { generateFiles as generateCommonFiles } from '../workspace-common';\n\nexport const reactWorkspaceLibTemplate: WorkspaceTemplate = {\n  name: 'react-lib',\n  description: 'EXPERIMENTAL. react workspace for a component library',\n  hidden: true,\n  generateFiles: async (context: WorkspaceContext) => {\n    return generateCommonFiles(context);\n  },\n  fork: () => {\n    return [\n      { id: 'teambit.react/templates/envs/my-react', targetName: 'envs/my-react', path: 'demo/envs/my-react' },\n      { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },\n      { id: 'teambit.react/templates/ui/heading', targetName: 'ui/heading', path: 'demo/ui/heading' },\n      { id: 'teambit.react/templates/ui/card', targetName: 'ui/card', path: 'demo/ui/card' },\n      { id: 'teambit.react/templates/styles/colors', targetName: 'styles/colors', path: 'demo/styles/colors' },\n      { id: 'teambit.react/templates/themes/theme', targetName: 'themes/theme', path: 'demo/themes/theme' },\n    ];\n  },\n};\n"]}

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "@teambit/react",
-  "version": "0.0.703",
+  "version": "0.0.706",
   "homepage": "https://bit.dev/teambit/react/react",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.react",
     "name": "react",
-    "version": "0.0.703"
+    "version": "0.0.706"
   },
   "dependencies": {
     "react-error-boundary": "^3.0.0",
-    "@teambit/harmony": "0.2.11",
     "fs-extra": "10.0.0",
     "lodash": "4.17.21",
     "typescript": "4.4.2",
@@ -78,42 +77,43 @@
     "@svgr/webpack": "5.5.0",
     "core-js": "^3.0.0",
     "@teambit/base-ui.utils.composer": "1.0.0",
+    "@teambit/harmony": "0.3.3",
     "@teambit/react.instructions.react.adding-compositions": "0.0.6",
     "@teambit/react.instructions.react.adding-tests": "0.0.6",
     "@teambit/design.ui.pages.standalone-not-found-page": "0.0.356",
-    "@teambit/preview": "0.0.703",
+    "@teambit/preview": "0.0.706",
     "@teambit/react.ui.error-fallback": "0.0.111",
     "@teambit/react.ui.loader-fallback": "0.0.89",
     "@teambit/compositions.ui.hooks.use-composition": "0.0.163",
     "@teambit/design.ui.input.option-button": "0.0.26",
     "@teambit/design.ui.tooltip": "0.0.352",
-    "@teambit/builder": "0.0.703",
-    "@teambit/bundler": "0.0.703",
-    "@teambit/compiler": "0.0.703",
+    "@teambit/builder": "0.0.706",
+    "@teambit/bundler": "0.0.706",
+    "@teambit/compiler": "0.0.706",
     "@teambit/component.modules.component-url": "0.0.124",
-    "@teambit/component": "0.0.703",
-    "@teambit/envs": "0.0.703",
-    "@teambit/eslint": "0.0.703",
-    "@teambit/formatter": "0.0.254",
-    "@teambit/jest": "0.0.703",
-    "@teambit/linter": "0.0.703",
-    "@teambit/pkg": "0.0.703",
-    "@teambit/prettier": "0.0.254",
+    "@teambit/component": "0.0.706",
+    "@teambit/envs": "0.0.706",
+    "@teambit/eslint": "0.0.706",
+    "@teambit/formatter": "0.0.257",
+    "@teambit/jest": "0.0.706",
+    "@teambit/linter": "0.0.706",
+    "@teambit/pkg": "0.0.706",
+    "@teambit/prettier": "0.0.257",
     "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.21",
-    "@teambit/schema": "0.0.703",
-    "@teambit/tester": "0.0.703",
-    "@teambit/typescript": "0.0.703",
-    "@teambit/webpack": "0.0.703",
-    "@teambit/workspace": "0.0.703",
-    "@teambit/application": "0.0.345",
-    "@teambit/cli": "0.0.467",
-    "@teambit/dependency-resolver": "0.0.703",
-    "@teambit/generator": "0.0.703",
-    "@teambit/graphql": "0.0.703",
+    "@teambit/schema": "0.0.706",
+    "@teambit/tester": "0.0.706",
+    "@teambit/typescript": "0.0.706",
+    "@teambit/webpack": "0.0.706",
+    "@teambit/workspace": "0.0.706",
+    "@teambit/application": "0.0.348",
+    "@teambit/cli": "0.0.470",
+    "@teambit/dependency-resolver": "0.0.706",
+    "@teambit/generator": "0.0.706",
+    "@teambit/graphql": "0.0.706",
     "@teambit/react.ui.highlighter-provider": "0.0.189",
-    "@teambit/compositions": "0.0.703",
-    "@teambit/ui": "0.0.703",
-    "@teambit/react.eslint-config-bit-react": "0.0.543",
+    "@teambit/compositions": "0.0.706",
+    "@teambit/ui": "0.0.706",
+    "@teambit/react.eslint-config-bit-react": "0.0.545",
     "@teambit/webpack.modules.generate-expose-loaders": "0.0.3",
     "@teambit/webpack.modules.generate-externals": "0.0.3",
     "@teambit/webpack.modules.config-mutator": "0.0.137",
@@ -123,7 +123,7 @@
     "@teambit/webpack.modules.style-regexps": "0.0.132",
     "@teambit/component-id": "0.0.402",
     "@teambit/toolbox.network.get-port": "0.0.113",
-    "@teambit/config": "0.0.480"
+    "@teambit/config": "0.0.483"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -142,7 +142,7 @@
     "@teambit/react.content.react-overview": "1.95.0"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.245",
+    "@teambit/legacy": "1.0.247",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -206,7 +206,7 @@
         "@types/jest": "^26.0.0"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.245",
+        "@teambit/legacy": "1.0.247",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

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

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

package/templates/react-workspace/index.ts

@@ -7,7 +7,7 @@ export const reactWorkspaceTemplate: WorkspaceTemplate = {
   generateFiles: async (context: WorkspaceContext) => {
     return generateCommonFiles(context);
   },
-  importComponents: () => {
+  fork: () => {
     return [
       // {
       //   id: 'teambit.react/templates/envs/my-react',

package/templates/react-workspace-app/index.ts

@@ -8,7 +8,7 @@ export const reactWorkspaceAppTemplate: WorkspaceTemplate = {
   generateFiles: async (context: WorkspaceContext) => {
     return generateCommonFiles(context);
   },
-  importComponents: () => {
+  fork: () => {
     return [
       { id: 'teambit.react/templates/apps/my-app', path: 'apps/my-app' },
       { id: 'teambit.react/templates/envs/my-react', path: 'envs/my-react' },

package/templates/react-workspace-deprecated/index.ts

@@ -8,7 +8,7 @@ export const deprecatedReactWorkspaceTemplate: WorkspaceTemplate = {
   generateFiles: async (context: WorkspaceContext) => {
     return generateCommonFiles(context);
   },
-  importComponents: () => {
+  fork: () => {
     return [
       {
         id: 'teambit.react/templates/envs/my-react',

package/templates/react-workspace-lib/index.ts

@@ -8,7 +8,7 @@ export const reactWorkspaceLibTemplate: WorkspaceTemplate = {
   generateFiles: async (context: WorkspaceContext) => {
     return generateCommonFiles(context);
   },
-  importComponents: () => {
+  fork: () => {
     return [
       { id: 'teambit.react/templates/envs/my-react', targetName: 'envs/my-react', path: 'demo/envs/my-react' },
       { id: 'teambit.react/templates/ui/text', targetName: 'ui/text', path: 'demo/ui/text' },

package/artifacts/env-template/public/compositions.3a821cc422bfc1366df5.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_teambit_legacy=self.webpackChunk_teambit_legacy||[]).push([[384],{73249:(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__)=>{var _home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(74649),_home_circleci_bit_bit_node_modules_teambit_harmony_dist_index_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(16738),_home_circleci_bit_bit_node_modules_teambit_react_dist_mount_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(677);(0,_home_circleci_bit_bit_node_modules_teambit_preview_dist_preview_preview_runtime_js__WEBPACK_IMPORTED_MODULE_0__.Bu)("compositions",{mainModule:_home_circleci_bit_bit_node_modules_teambit_react_dist_mount_js__WEBPACK_IMPORTED_MODULE_2__,isSplitComponentBundle:!0,componentMap:{}})}},__webpack_require__=>{var __webpack_exec__=moduleId=>__webpack_require__(__webpack_require__.s=moduleId);__webpack_require__.O(0,[283,750,677],()=>__webpack_exec__(73249));var __webpack_exports__=__webpack_require__.O()}]);