@teambit/react 0.0.598 → 0.0.599

package/apps/web/plugins/index.ts

@@ -0,0 +1 @@
+export { prerenderSPAPlugin } from './prerender';

package/apps/web/plugins/prerender.ts

@@ -0,0 +1,13 @@
+import { join } from 'path';
+import PrerenderSPAPlugin from '@dreysolano/prerender-spa-plugin';
+
+export const prerenderSPAPlugin = (prerenderRoutes: string[], staticDir: string) => {
+  return new PrerenderSPAPlugin({
+    staticDir,
+    routes: prerenderRoutes,
+    postProcess(renderedRoute: any) {
+      renderedRoute.outputPath = join(staticDir, `${renderedRoute.originalRoute}.html`);
+      return renderedRoute;
+    },
+  });
+};

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

@@ -0,0 +1,54 @@
+import { Bundler, DevServer } from '@teambit/bundler';
+import { DeployContext } from '@teambit/application';
+import { Capsule } from '@teambit/isolator';
+import { WebpackConfigTransformer } from '@teambit/webpack';
+
+export type ReactAppOptions = {
+  /**
+   * name of the application.
+   */
+  name: string;
+
+  /**
+   * path to entry files of the application.
+   */
+  entry: string[];
+
+  /**
+   * use server-side rendering for the app.
+   */
+  ssr?: boolean;
+
+  /**
+   * instance of bundler to use. default is Webpack.
+   */
+  bundler?: Bundler;
+
+  /**
+   * instance of dev server to use. default is Webpack.
+   */
+  devServer?: DevServer;
+
+  /**
+   * set webpack transformers
+   */
+  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]
+   */
+  prerender?: {
+    routes?: string[];
+  };
+
+  /**
+   * deploy function.
+   */
+  deploy?: (context: DeployContext, Capsule: Capsule) => Promise<void>;
+
+  /**
+   * ranges of ports to use to run the app server.
+   */
+  portRange?: number[];
+};

package/apps/web/react.app-type.ts

@@ -0,0 +1,22 @@
+import { ApplicationType } from '@teambit/application';
+import { ReactAppOptions } from './react-app-options';
+import { ReactApp } from './react.application';
+import { ReactEnv } from '../../react.env';
+
+export class ReactAppType implements ApplicationType<ReactAppOptions> {
+  constructor(readonly name: string, private reactEnv: ReactEnv) {}
+
+  createApp(options: ReactAppOptions) {
+    return new ReactApp(
+      options.name,
+      options.entry,
+      options.portRange || [3000, 4000],
+      this.reactEnv,
+      options.prerender?.routes,
+      options.bundler,
+      options.devServer,
+      options.webpackTransformers,
+      options.deploy
+    );
+  }
+}

package/apps/web/react.application.ts

@@ -0,0 +1,118 @@
+import { join, basename } from 'path';
+import { Capsule } from '@teambit/isolator';
+import { Application, AppContext, AppBuildResult, DeployContext } from '@teambit/application';
+import { ArtifactDefinition, BuildContext } from '@teambit/builder';
+import { Bundler, DevServer, BundlerResult, BundlerContext, DevServerContext } from '@teambit/bundler';
+import { Port } from '@teambit/toolbox.network.get-port';
+import { WebpackConfigTransformer } from '@teambit/webpack';
+import { ReactEnv } from '../../react.env';
+import { prerenderSPAPlugin } from './plugins';
+
+export class ReactApp implements Application {
+  constructor(
+    readonly name: string,
+    readonly entry: string[],
+    readonly portRange: number[],
+    private reactEnv: ReactEnv,
+    readonly prerenderRoutes?: string[],
+    readonly bundler?: Bundler,
+    readonly devServer?: DevServer,
+    readonly transformers?: WebpackConfigTransformer[],
+    readonly deploy?: (context: DeployContext, capsule: Capsule) => Promise<void>
+  ) {}
+
+  readonly applicationType = 'react-common-js';
+  async run(context: AppContext): Promise<number> {
+    const [from, to] = this.portRange;
+    const port = await Port.getPort(from, to);
+    if (this.devServer) {
+      await this.devServer.listen(port);
+      return port;
+    }
+    const devServerContext = this.getDevServerContext(context);
+    const devServer = this.reactEnv.getDevServer(devServerContext, [
+      (configMutator) => {
+        configMutator.addTopLevel('devServer', {
+          historyApiFallback: {
+            index: '/index.html',
+            disableDotRule: true,
+          },
+        });
+
+        if (!configMutator.raw.output) configMutator.raw.output = {};
+        configMutator.raw.output.publicPath = '/';
+
+        return configMutator;
+      },
+    ]);
+    await devServer.listen(port);
+    return port;
+  }
+
+  async build(context: BuildContext, capsule: Capsule): Promise<AppBuildResult> {
+    const bundler = await this.getBundler(context, capsule);
+    const bundlerResult = await bundler.run();
+    const artifacts: ArtifactDefinition[] = this.getBlobPatterns(bundlerResult);
+    const deployContext: AppBuildResult = Object.assign(context, { artifacts });
+    return deployContext;
+  }
+
+  private getBlobPatterns(bundlerResults: BundlerResult[]) {
+    const _globs = bundlerResults.map((result) => {
+      if (!result.outputPath) return undefined;
+      return {
+        name: 'CommonJS',
+        globPatterns: [`${this.getPublicDir()}/**`],
+      };
+    });
+    return _globs.filter((glob) => !!glob) as ArtifactDefinition[];
+  }
+
+  private getBundler(context: BuildContext, capsule: Capsule) {
+    if (this.bundler) return this.bundler;
+    return this.getDefaultBundler(context, capsule);
+  }
+  private async getDefaultBundler(context: BuildContext, capsule: Capsule) {
+    const reactEnv: ReactEnv = context.env;
+    const publicDir = this.getPublicDir();
+    const outputPath = join(capsule.path, publicDir);
+    const { distDir } = reactEnv.getCompiler();
+    const entries = this.entry.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));
+    const staticDir = join(outputPath, 'public');
+
+    const bundlerContext: BundlerContext = Object.assign(context, {
+      targets: [
+        {
+          components: [capsule?.component],
+          entries,
+          outputPath,
+        },
+      ],
+      entry: [],
+      rootPath: '/',
+    });
+
+    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, [
+      (configMutator) => {
+        if (this.transformers?.length) configMutator.addPlugin(this.transformers);
+        configMutator.addTopLevel('output', { path: staticDir, publicPath: `/` });
+        if (this.prerenderRoutes) configMutator.addPlugin(prerenderSPAPlugin(this.prerenderRoutes, staticDir));
+        return configMutator;
+      },
+    ]);
+    return bundler;
+  }
+
+  private getPublicDir() {
+    return join(this.applicationType, this.name);
+  }
+
+  private getDevServerContext(context: AppContext): DevServerContext {
+    return Object.assign(context, {
+      entry: this.entry,
+      rootPath: '',
+      publicPath: `public/${this.name}`,
+      title: this.name,
+    });
+  }
+}

package/dist/apps/web/default-bundler.js

@@ -0,0 +1,3 @@
+"use strict";
+
+//# sourceMappingURL=default-bundler.js.map

package/dist/apps/web/plugins/index.d.ts

@@ -0,0 +1 @@
+export { prerenderSPAPlugin } from './prerender';

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

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "prerenderSPAPlugin", {
+  enumerable: true,
+  get: function () {
+    return _prerender().prerenderSPAPlugin;
+  }
+});
+
+function _prerender() {
+  const data = require("./prerender");
+
+  _prerender = function () {
+    return data;
+  };
+
+  return data;
+}
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { prerenderSPAPlugin } from './prerender';\n"]}

package/dist/apps/web/plugins/prerender.d.ts

@@ -0,0 +1 @@
+export declare const prerenderSPAPlugin: (prerenderRoutes: string[], staticDir: string) => any;

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

@@ -0,0 +1,45 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.prerenderSPAPlugin = void 0;
+
+function _path() {
+  const data = require("path");
+
+  _path = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _prerenderSpaPlugin() {
+  const data = _interopRequireDefault(require("@dreysolano/prerender-spa-plugin"));
+
+  _prerenderSpaPlugin = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const prerenderSPAPlugin = (prerenderRoutes, staticDir) => {
+  return new (_prerenderSpaPlugin().default)({
+    staticDir,
+    routes: prerenderRoutes,
+
+    postProcess(renderedRoute) {
+      renderedRoute.outputPath = (0, _path().join)(staticDir, `${renderedRoute.originalRoute}.html`);
+      return renderedRoute;
+    }
+
+  });
+};
+
+exports.prerenderSPAPlugin = prerenderSPAPlugin;
+
+//# sourceMappingURL=prerender.js.map

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

@@ -0,0 +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"]}

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

@@ -1,9 +1,7 @@
 import { Bundler, DevServer } from '@teambit/bundler';
 import { DeployContext } from '@teambit/application';
 import { Capsule } from '@teambit/isolator';
-export interface ReactAppDeployContext extends DeployContext {
-    publicDir: string;
-}
+import { WebpackConfigTransformer } from '@teambit/webpack';
 export declare type ReactAppOptions = {
     /**
      * name of the application.
@@ -26,18 +24,20 @@ export declare type ReactAppOptions = {
      */
     devServer?: DevServer;
     /**
-     * decide whether to prerender your app. accepts an array of routes. if none, prerender would not apply.
+     * set webpack transformers
      */
-    prerender?: string[];
+    webpackTransformers?: WebpackConfigTransformer[];
     /**
-     * deploy function.
+     * decide whether to prerender your app. accepts an array of routes. if none, prerender would not apply.
+     * e.g ['/plugins', '/learn', '/docs/quick-start]
      */
-    deploy?: (context: ReactAppDeployContext, capsule: Capsule) => Promise<void>;
+    prerender?: {
+        routes?: string[];
+    };
     /**
-     * prerender routes of application (will create static file for the route)
-     * e.g ['/plugins', '/learn', '/docs/quick-start]
+     * deploy function.
      */
-    prerenderRoutes?: string[];
+    deploy?: (context: DeployContext, Capsule: Capsule) => Promise<void>;
     /**
      * ranges of ports to use to run the app server.
      */

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

@@ -0,0 +1,13 @@
+"use strict";
+
+function _isolator() {
+  const data = require("@teambit/isolator");
+
+  _isolator = function () {
+    return data;
+  };
+
+  return data;
+}
+
+//# sourceMappingURL=react-app-options.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["react-app-options.ts"],"names":[],"mappings":";;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["import { Bundler, DevServer } from '@teambit/bundler';\nimport { DeployContext } from '@teambit/application';\nimport { Capsule } from '@teambit/isolator';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\n\nexport type ReactAppOptions = {\n  /**\n   * name of the application.\n   */\n  name: string;\n\n  /**\n   * path to entry files of the application.\n   */\n  entry: string[];\n\n  /**\n   * use server-side rendering for the app.\n   */\n  ssr?: boolean;\n\n  /**\n   * instance of bundler to use. default is Webpack.\n   */\n  bundler?: Bundler;\n\n  /**\n   * instance of dev server to use. default is Webpack.\n   */\n  devServer?: DevServer;\n\n  /**\n   * set webpack transformers\n   */\n  webpackTransformers?: WebpackConfigTransformer[];\n\n  /**\n   * decide whether to prerender your app. accepts an array of routes. if none, prerender would not apply.\n   * e.g ['/plugins', '/learn', '/docs/quick-start]\n   */\n  prerender?: {\n    routes?: string[];\n  };\n\n  /**\n   * deploy function.\n   */\n  deploy?: (context: DeployContext, Capsule: Capsule) => Promise<void>;\n\n  /**\n   * ranges of ports to use to run the app server.\n   */\n  portRange?: number[];\n};\n"]}

package/dist/{react.app-type.d.ts → apps/web/react.app-type.d.ts}

@@ -1,7 +1,7 @@
 import { ApplicationType } from '@teambit/application';
-import { ReactEnv } from './react.env';
 import { ReactAppOptions } from './react-app-options';
 import { ReactApp } from './react.application';
+import { ReactEnv } from '../../react.env';
 export declare class ReactAppType implements ApplicationType<ReactAppOptions> {
     readonly name: string;
     private reactEnv;

package/dist/{react.app-type.js → apps/web/react.app-type.js}

@@ -22,7 +22,9 @@ class ReactAppType {
   }
 
   createApp(options) {
-    return new (_react().ReactApp)(options.name, options.entry, options.portRange || [3000, 4000], this.reactEnv, options.deploy, options.prerenderRoutes);
+    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);
   }
 
 }

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

@@ -0,0 +1 @@
+{"version":3,"sources":["react.app-type.ts"],"names":["ReactAppType","constructor","name","reactEnv","createApp","options","ReactApp","entry","portRange","prerender","routes","bundler","devServer","webpackTransformers","deploy"],"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,CAAP;AAWD;;AAfmE","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    );\n  }\n}\n"]}

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

@@ -0,0 +1,26 @@
+import { Capsule } from '@teambit/isolator';
+import { Application, AppContext, AppBuildResult, DeployContext } from '@teambit/application';
+import { BuildContext } from '@teambit/builder';
+import { Bundler, DevServer } from '@teambit/bundler';
+import { WebpackConfigTransformer } from '@teambit/webpack';
+import { ReactEnv } from '../../react.env';
+export declare class ReactApp implements Application {
+    readonly name: string;
+    readonly entry: string[];
+    readonly portRange: number[];
+    private reactEnv;
+    readonly prerenderRoutes?: string[] | undefined;
+    readonly bundler?: Bundler | undefined;
+    readonly devServer?: DevServer | undefined;
+    readonly transformers?: WebpackConfigTransformer[] | undefined;
+    readonly deploy?: ((context: DeployContext, capsule: Capsule) => Promise<void>) | undefined;
+    constructor(name: string, entry: string[], portRange: number[], reactEnv: ReactEnv, prerenderRoutes?: string[] | undefined, bundler?: Bundler | undefined, devServer?: DevServer | undefined, transformers?: WebpackConfigTransformer[] | undefined, deploy?: ((context: DeployContext, capsule: Capsule) => Promise<void>) | undefined);
+    readonly applicationType = "react-common-js";
+    run(context: AppContext): Promise<number>;
+    build(context: BuildContext, capsule: Capsule): Promise<AppBuildResult>;
+    private getBlobPatterns;
+    private getBundler;
+    private getDefaultBundler;
+    private getPublicDir;
+    private getDevServerContext;
+}

package/dist/{react.application.js → apps/web/react.application.js}

@@ -21,30 +21,30 @@ function _defineProperty2() {
   return data;
 }
 
-function _prerenderSpaPlugin() {
-  const data = _interopRequireDefault(require("@dreysolano/prerender-spa-plugin"));
+function _path() {
+  const data = require("path");
 
-  _prerenderSpaPlugin = function () {
+  _path = function () {
     return data;
   };
 
   return data;
 }
 
-function _path() {
-  const data = require("path");
+function _toolboxNetwork() {
+  const data = require("@teambit/toolbox.network.get-port");
 
-  _path = function () {
+  _toolboxNetwork = function () {
     return data;
   };
 
   return data;
 }
 
-function _toolboxNetwork() {
-  const data = require("@teambit/toolbox.network.get-port");
+function _plugins() {
+  const data = require("./plugins");
 
-  _toolboxNetwork = function () {
+  _plugins = function () {
     return data;
   };
 
@@ -52,17 +52,28 @@ function _toolboxNetwork() {
 }
 
 class ReactApp {
-  constructor(name, entry, portRange, reactEnv, deploy, prerenderRoutes) {
+  constructor(name, entry, portRange, reactEnv, prerenderRoutes, bundler, devServer, transformers, deploy) {
     this.name = name;
     this.entry = entry;
     this.portRange = portRange;
     this.reactEnv = reactEnv;
-    this.deploy = deploy;
     this.prerenderRoutes = prerenderRoutes;
-    (0, _defineProperty2().default)(this, "applicationType", 'react');
+    this.bundler = bundler;
+    this.devServer = devServer;
+    this.transformers = transformers;
+    this.deploy = deploy;
+    (0, _defineProperty2().default)(this, "applicationType", 'react-common-js');
   }
 
   async run(context) {
+    const [from, to] = this.portRange;
+    const port = await _toolboxNetwork().Port.getPort(from, to);
+
+    if (this.devServer) {
+      await this.devServer.listen(port);
+      return port;
+    }
+
     const devServerContext = this.getDevServerContext(context);
     const devServer = this.reactEnv.getDevServer(devServerContext, [configMutator => {
       configMutator.addTopLevel('devServer', {
@@ -75,23 +86,49 @@ class ReactApp {
       configMutator.raw.output.publicPath = '/';
       return configMutator;
     }]);
-    const [from, to] = this.portRange;
-    const port = await _toolboxNetwork().Port.getPort(from, to);
     await devServer.listen(port);
     return port;
   }
 
-  async build(context, aspectId, appCapsule) {
+  async build(context, capsule) {
+    const bundler = await this.getBundler(context, capsule);
+    const bundlerResult = await bundler.run();
+    const artifacts = this.getBlobPatterns(bundlerResult);
+    const deployContext = Object.assign(context, {
+      artifacts
+    });
+    return deployContext;
+  }
+
+  getBlobPatterns(bundlerResults) {
+    const _globs = bundlerResults.map(result => {
+      if (!result.outputPath) return undefined;
+      return {
+        name: 'CommonJS',
+        globPatterns: [`${this.getPublicDir()}/**`]
+      };
+    });
+
+    return _globs.filter(glob => !!glob);
+  }
+
+  getBundler(context, capsule) {
+    if (this.bundler) return this.bundler;
+    return this.getDefaultBundler(context, capsule);
+  }
+
+  async getDefaultBundler(context, capsule) {
     const reactEnv = context.env;
-    const publicDir = (0, _path().join)('applications', this.name, 'build');
-    const outputPath = (0, _path().join)(appCapsule.path, publicDir);
+    const publicDir = this.getPublicDir();
+    const outputPath = (0, _path().join)(capsule.path, publicDir);
     const {
       distDir
     } = reactEnv.getCompiler();
-    const entries = this.entry.map(entry => require.resolve(`${appCapsule.path}/${distDir}/${(0, _path().basename)(entry)}`));
+    const entries = this.entry.map(entry => require.resolve(`${capsule.path}/${distDir}/${(0, _path().basename)(entry)}`));
+    const staticDir = (0, _path().join)(outputPath, 'public');
     const bundlerContext = Object.assign(context, {
       targets: [{
-        components: [appCapsule === null || appCapsule === void 0 ? void 0 : appCapsule.component],
+        components: [capsule === null || capsule === void 0 ? void 0 : capsule.component],
         entries,
         outputPath
       }],
@@ -99,29 +136,21 @@ class ReactApp {
       rootPath: '/'
     });
     const bundler = await reactEnv.getBundler(bundlerContext, [configMutator => {
+      var _this$transformers;
+
+      if ((_this$transformers = this.transformers) !== null && _this$transformers !== void 0 && _this$transformers.length) configMutator.addPlugin(this.transformers);
       configMutator.addTopLevel('output', {
-        path: (0, _path().join)(outputPath, 'public'),
+        path: staticDir,
         publicPath: `/`
       });
-      configMutator.addPlugin(new (_prerenderSpaPlugin().default)({
-        staticDir: (0, _path().join)(outputPath, 'public'),
-        routes: this.prerenderRoutes,
-
-        postProcess(renderedRoute) {
-          renderedRoute.outputPath = (0, _path().join)(outputPath, 'public', `${renderedRoute.originalRoute}.html`);
-          return renderedRoute;
-        }
-
-      }));
+      if (this.prerenderRoutes) configMutator.addPlugin((0, _plugins().prerenderSPAPlugin)(this.prerenderRoutes, staticDir));
       return configMutator;
     }]);
-    await bundler.run();
-    const deployContext = Object.assign(context, {
-      applicationType: this.applicationType,
-      aspectId,
-      publicDir: (0, _path().join)(appCapsule.path, publicDir, 'public')
-    });
-    return deployContext;
+    return bundler;
+  }
+
+  getPublicDir() {
+    return (0, _path().join)(this.applicationType, this.name);
   }
 
   getDevServerContext(context) {

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

@@ -0,0 +1 @@
+{"version":3,"sources":["react.application.ts"],"names":["ReactApp","constructor","name","entry","portRange","reactEnv","prerenderRoutes","bundler","devServer","transformers","deploy","run","context","from","to","port","Port","getPort","listen","devServerContext","getDevServerContext","getDevServer","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","raw","output","publicPath","build","capsule","getBundler","bundlerResult","artifacts","getBlobPatterns","deployContext","Object","assign","bundlerResults","_globs","map","result","outputPath","undefined","globPatterns","getPublicDir","filter","glob","getDefaultBundler","env","publicDir","path","distDir","getCompiler","entries","require","resolve","staticDir","bundlerContext","targets","components","component","rootPath","length","addPlugin","applicationType","title"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAKA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,QAAN,CAAsC;AAC3CC,EAAAA,WAAW,CACAC,IADA,EAEAC,KAFA,EAGAC,SAHA,EAIDC,QAJC,EAKAC,eALA,EAMAC,OANA,EAOAC,SAPA,EAQAC,YARA,EASAC,MATA,EAUT;AAAA,SATSR,IAST,GATSA,IAST;AAAA,SARSC,KAQT,GARSA,KAQT;AAAA,SAPSC,SAOT,GAPSA,SAOT;AAAA,SANQC,QAMR,GANQA,QAMR;AAAA,SALSC,eAKT,GALSA,eAKT;AAAA,SAJSC,OAIT,GAJSA,OAIT;AAAA,SAHSC,SAGT,GAHSA,SAGT;AAAA,SAFSC,YAET,GAFSA,YAET;AAAA,SADSC,MACT,GADSA,MACT;AAAA,6DAEyB,iBAFzB;AAAE;;AAGK,QAAHC,GAAG,CAACC,OAAD,EAAuC;AAC9C,UAAM,CAACC,IAAD,EAAOC,EAAP,IAAa,KAAKV,SAAxB;AACA,UAAMW,IAAI,GAAG,MAAMC,uBAAKC,OAAL,CAAaJ,IAAb,EAAmBC,EAAnB,CAAnB;;AACA,QAAI,KAAKN,SAAT,EAAoB;AAClB,YAAM,KAAKA,SAAL,CAAeU,MAAf,CAAsBH,IAAtB,CAAN;AACA,aAAOA,IAAP;AACD;;AACD,UAAMI,gBAAgB,GAAG,KAAKC,mBAAL,CAAyBR,OAAzB,CAAzB;AACA,UAAMJ,SAAS,GAAG,KAAKH,QAAL,CAAcgB,YAAd,CAA2BF,gBAA3B,EAA6C,CAC5DG,aAAD,IAAmB;AACjBA,MAAAA,aAAa,CAACC,WAAd,CAA0B,WAA1B,EAAuC;AACrCC,QAAAA,kBAAkB,EAAE;AAClBC,UAAAA,KAAK,EAAE,aADW;AAElBC,UAAAA,cAAc,EAAE;AAFE;AADiB,OAAvC;AAOA,UAAI,CAACJ,aAAa,CAACK,GAAd,CAAkBC,MAAvB,EAA+BN,aAAa,CAACK,GAAd,CAAkBC,MAAlB,GAA2B,EAA3B;AAC/BN,MAAAA,aAAa,CAACK,GAAd,CAAkBC,MAAlB,CAAyBC,UAAzB,GAAsC,GAAtC;AAEA,aAAOP,aAAP;AACD,KAb4D,CAA7C,CAAlB;AAeA,UAAMd,SAAS,CAACU,MAAV,CAAiBH,IAAjB,CAAN;AACA,WAAOA,IAAP;AACD;;AAEU,QAALe,KAAK,CAAClB,OAAD,EAAwBmB,OAAxB,EAAmE;AAC5E,UAAMxB,OAAO,GAAG,MAAM,KAAKyB,UAAL,CAAgBpB,OAAhB,EAAyBmB,OAAzB,CAAtB;AACA,UAAME,aAAa,GAAG,MAAM1B,OAAO,CAACI,GAAR,EAA5B;AACA,UAAMuB,SAA+B,GAAG,KAAKC,eAAL,CAAqBF,aAArB,CAAxC;AACA,UAAMG,aAA6B,GAAGC,MAAM,CAACC,MAAP,CAAc1B,OAAd,EAAuB;AAAEsB,MAAAA;AAAF,KAAvB,CAAtC;AACA,WAAOE,aAAP;AACD;;AAEOD,EAAAA,eAAe,CAACI,cAAD,EAAkC;AACvD,UAAMC,MAAM,GAAGD,cAAc,CAACE,GAAf,CAAoBC,MAAD,IAAY;AAC5C,UAAI,CAACA,MAAM,CAACC,UAAZ,EAAwB,OAAOC,SAAP;AACxB,aAAO;AACL1C,QAAAA,IAAI,EAAE,UADD;AAEL2C,QAAAA,YAAY,EAAE,CAAE,GAAE,KAAKC,YAAL,EAAoB,KAAxB;AAFT,OAAP;AAID,KANc,CAAf;;AAOA,WAAON,MAAM,CAACO,MAAP,CAAeC,IAAD,IAAU,CAAC,CAACA,IAA1B,CAAP;AACD;;AAEOhB,EAAAA,UAAU,CAACpB,OAAD,EAAwBmB,OAAxB,EAA0C;AAC1D,QAAI,KAAKxB,OAAT,EAAkB,OAAO,KAAKA,OAAZ;AAClB,WAAO,KAAK0C,iBAAL,CAAuBrC,OAAvB,EAAgCmB,OAAhC,CAAP;AACD;;AAC8B,QAAjBkB,iBAAiB,CAACrC,OAAD,EAAwBmB,OAAxB,EAA0C;AACvE,UAAM1B,QAAkB,GAAGO,OAAO,CAACsC,GAAnC;AACA,UAAMC,SAAS,GAAG,KAAKL,YAAL,EAAlB;AACA,UAAMH,UAAU,GAAG,kBAAKZ,OAAO,CAACqB,IAAb,EAAmBD,SAAnB,CAAnB;AACA,UAAM;AAAEE,MAAAA;AAAF,QAAchD,QAAQ,CAACiD,WAAT,EAApB;AACA,UAAMC,OAAO,GAAG,KAAKpD,KAAL,CAAWsC,GAAX,CAAgBtC,KAAD,IAAWqD,OAAO,CAACC,OAAR,CAAiB,GAAE1B,OAAO,CAACqB,IAAK,IAAGC,OAAQ,IAAG,sBAASlD,KAAT,CAAgB,EAA9D,CAA1B,CAAhB;AACA,UAAMuD,SAAS,GAAG,kBAAKf,UAAL,EAAiB,QAAjB,CAAlB;AAEA,UAAMgB,cAA8B,GAAGtB,MAAM,CAACC,MAAP,CAAc1B,OAAd,EAAuB;AAC5DgD,MAAAA,OAAO,EAAE,CACP;AACEC,QAAAA,UAAU,EAAE,CAAC9B,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAE+B,SAAV,CADd;AAEEP,QAAAA,OAFF;AAGEZ,QAAAA;AAHF,OADO,CADmD;AAQ5DxC,MAAAA,KAAK,EAAE,EARqD;AAS5D4D,MAAAA,QAAQ,EAAE;AATkD,KAAvB,CAAvC;AAYA,UAAMxD,OAAgB,GAAG,MAAMF,QAAQ,CAAC2B,UAAT,CAAoB2B,cAApB,EAAoC,CAChErC,aAAD,IAAmB;AAAA;;AACjB,gCAAI,KAAKb,YAAT,+CAAI,mBAAmBuD,MAAvB,EAA+B1C,aAAa,CAAC2C,SAAd,CAAwB,KAAKxD,YAA7B;AAC/Ba,MAAAA,aAAa,CAACC,WAAd,CAA0B,QAA1B,EAAoC;AAAE6B,QAAAA,IAAI,EAAEM,SAAR;AAAmB7B,QAAAA,UAAU,EAAG;AAAhC,OAApC;AACA,UAAI,KAAKvB,eAAT,EAA0BgB,aAAa,CAAC2C,SAAd,CAAwB,mCAAmB,KAAK3D,eAAxB,EAAyCoD,SAAzC,CAAxB;AAC1B,aAAOpC,aAAP;AACD,KANgE,CAApC,CAA/B;AAQA,WAAOf,OAAP;AACD;;AAEOuC,EAAAA,YAAY,GAAG;AACrB,WAAO,kBAAK,KAAKoB,eAAV,EAA2B,KAAKhE,IAAhC,CAAP;AACD;;AAEOkB,EAAAA,mBAAmB,CAACR,OAAD,EAAwC;AACjE,WAAOyB,MAAM,CAACC,MAAP,CAAc1B,OAAd,EAAuB;AAC5BT,MAAAA,KAAK,EAAE,KAAKA,KADgB;AAE5B4D,MAAAA,QAAQ,EAAE,EAFkB;AAG5BlC,MAAAA,UAAU,EAAG,UAAS,KAAK3B,IAAK,EAHJ;AAI5BiE,MAAAA,KAAK,EAAE,KAAKjE;AAJgB,KAAvB,CAAP;AAMD;;AA1G0C","sourcesContent":["import { join, basename } from 'path';\nimport { Capsule } from '@teambit/isolator';\nimport { Application, AppContext, AppBuildResult, DeployContext } from '@teambit/application';\nimport { ArtifactDefinition, BuildContext } from '@teambit/builder';\nimport { Bundler, DevServer, BundlerResult, BundlerContext, DevServerContext } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderSPAPlugin } from './plugins';\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: DeployContext, capsule: Capsule) => Promise<void>\n  ) {}\n\n  readonly applicationType = 'react-common-js';\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: BuildContext, capsule: Capsule): Promise<AppBuildResult> {\n    const bundler = await this.getBundler(context, capsule);\n    const bundlerResult = await bundler.run();\n    const artifacts: ArtifactDefinition[] = this.getBlobPatterns(bundlerResult);\n    const deployContext: AppBuildResult = Object.assign(context, { artifacts });\n    return deployContext;\n  }\n\n  private getBlobPatterns(bundlerResults: BundlerResult[]) {\n    const _globs = bundlerResults.map((result) => {\n      if (!result.outputPath) return undefined;\n      return {\n        name: 'CommonJS',\n        globPatterns: [`${this.getPublicDir()}/**`],\n      };\n    });\n    return _globs.filter((glob) => !!glob) as ArtifactDefinition[];\n  }\n\n  private getBundler(context: BuildContext, capsule: Capsule) {\n    if (this.bundler) return this.bundler;\n    return this.getDefaultBundler(context, capsule);\n  }\n  private async getDefaultBundler(context: BuildContext, capsule: Capsule) {\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, 'public');\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    });\n\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, [\n      (configMutator) => {\n        if (this.transformers?.length) configMutator.addPlugin(this.transformers);\n        configMutator.addTopLevel('output', { path: staticDir, publicPath: `/` });\n        if (this.prerenderRoutes) configMutator.addPlugin(prerenderSPAPlugin(this.prerenderRoutes, staticDir));\n        return configMutator;\n      },\n    ]);\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    });\n  }\n}\n"]}

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 export type { ReactMain, UseWebpackModifiers, UseTypescriptModifiers } from './react.main.runtime';
 export type { ReactPreview } from './react.preview.runtime';
 export type { ReactEnv } from './react.env';
-export type { ReactAppOptions } from './react-app-options';
-export type { ReactAppDeployContext } from './react-app-options';
+export type { ReactAppOptions } from './apps/web/react-app-options';
 export { ReactAspect, ReactAspect as default } from './react.aspect';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AASA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export type { ReactMain, UseWebpackModifiers, UseTypescriptModifiers } from './react.main.runtime';\nexport type { ReactPreview } from './react.preview.runtime';\nexport type { ReactEnv } from './react.env';\nexport type { ReactAppOptions } from './react-app-options';\nexport type { ReactAppDeployContext } from './react-app-options';\n// Re-export it to indicate for people that extends the react env that we are using it\n// Commented - make errors in safari - SyntaxError: Invalid regular expression: invalid group specifier name\n// export * as styleRegexps from '@teambit/modules.style-regexps';\n\nexport { ReactAspect, ReactAspect as default } from './react.aspect';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAQA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export type { ReactMain, UseWebpackModifiers, UseTypescriptModifiers } from './react.main.runtime';\nexport type { ReactPreview } from './react.preview.runtime';\nexport type { ReactEnv } from './react.env';\nexport type { ReactAppOptions } from './apps/web/react-app-options';\n// Re-export it to indicate for people that extends the react env that we are using it\n// Commented - make errors in safari - SyntaxError: Invalid regular expression: invalid group specifier name\n// export * as styleRegexps from '@teambit/modules.style-regexps';\n\nexport { ReactAspect, ReactAspect as default } from './react.aspect';\n"]}

package/dist/react.main.runtime.d.ts

@@ -16,7 +16,6 @@ import { ApplicationMain } from '@teambit/application';
 import { ESLintMain, EslintConfigTransformer } from '@teambit/eslint';
 import { PrettierMain, PrettierConfigTransformer } from '@teambit/prettier';
 import { ReactEnv } from './react.env';
-import { ReactAppOptions } from './react-app-options';
 declare type ReactDeps = [
     EnvsMain,
     JestMain,
@@ -96,10 +95,6 @@ export declare class ReactMain {
      * override the build tsconfig.
      */
     overrideBuildTsConfig(tsconfig?: Record<string, any>, compilerOptions?: Partial<TsCompilerOptionsWithoutTsConfig>, tsModule?: any): EnvTransformer;
-    /**
-     * register a new React application.
-     */
-    registerReactApp(options: ReactAppOptions): this;
     /**
      * override the env's dev server and preview webpack configurations.
      * Replaces both overrideDevServerConfig and overridePreviewConfig

package/dist/react.main.runtime.js

@@ -214,7 +214,7 @@ function _react2() {
 }
 
 function _react3() {
-  const data = require("./react.app-type");
+  const data = require("./apps/web/react.app-type");
 
   _react3 = function () {
     return data;
@@ -234,19 +234,9 @@ function _react4() {
 }
 
 function _react5() {
-  const data = require("./react.application");
-
-  _react5 = function () {
-    return data;
-  };
-
-  return data;
-}
-
-function _react6() {
   const data = require("./react.templates");
 
-  _react6 = function () {
+  _react5 = function () {
     return data;
   };
 
@@ -368,15 +358,6 @@ class ReactMain {
       buildConfig: [transformer]
     }, tsModule);
   }
-  /**
-   * register a new React application.
-   */
-
-
-  registerReactApp(options) {
-    this.application.registerApp(new (_react5().ReactApp)(options.name, options.entry, options.portRange || [3000, 4000], this.reactEnv, options.deploy));
-    return this;
-  }
   /**
    * override the env's dev server and preview webpack configurations.
    * Replaces both overrideDevServerConfig and overridePreviewConfig
@@ -575,8 +556,8 @@ class ReactMain {
     const react = new ReactMain(reactEnv, envs, application, workspace);
     graphql.register((0, _react4().reactSchema)(react));
     envs.registerEnv(reactEnv);
-    generator.registerComponentTemplate(_react6().componentTemplates);
-    generator.registerWorkspaceTemplate(_react6().workspaceTemplates);
+    generator.registerComponentTemplate(_react5().componentTemplates);
+    generator.registerWorkspaceTemplate(_react5().workspaceTemplates);
     application.registerAppType(new (_react3().ReactAppType)('react-app', reactEnv));
     return react;
   }

package/dist/react.main.runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["react.main.runtime.ts"],"names":["ReactMain","constructor","reactEnv","envs","application","workspace","useTypescript","modifiers","tsModule","ts","overrides","devTransformers","devConfig","getCompiler","buildTransformers","buildConfig","buildPipeModifiers","tsModifier","transformers","module","getBuildPipe","override","overrideTsConfig","tsconfig","compilerOptions","transformer","configMutator","mergeTsConfig","raw","compileJs","compileJsx","types","addTypes","genericCompilerOptions","Object","assign","overrideDocsTemplate","templatePath","getDocsTemplate","overrideBuildTsConfig","registerReactApp","options","registerApp","ReactApp","name","entry","portRange","deploy","useWebpack","devServerTransformers","devServerConfig","getDevServer","context","getDevEnvId","envDefinition","id","previewTransformers","previewConfig","getBundler","useEslint","getLinter","usePrettier","getFormatter","overrideDevServerConfig","config","merge","overridePreviewConfig","overrideMounter","mounterPath","getMounter","compose","targetEnv","overrideJestConfig","jestConfigPath","jestModulePath","getTester","overrideBuildPipe","tasks","overrideCompilerTasks","pipeWithoutCompiler","filter","task","aspectId","CompilerAspect","overrideDependencies","dependencyPolicy","getDependencies","reactDeps","overrideCompiler","compiler","overrideEslintConfig","overridePackageJsonProps","props","getPackageJsonProps","getDocs","component","docsArray","state","_consumer","docs","abstract","description","filePath","properties","provider","jestAspect","tsAspect","webpack","graphql","pkg","tester","eslint","prettier","generator","ReactEnv","react","register","registerEnv","registerComponentTemplate","componentTemplates","registerWorkspaceTemplate","workspaceTemplates","registerAppType","ReactAppType","MainRuntime","EnvsAspect","JestAspect","TypescriptAspect","WebpackAspect","WorkspaceAspect","GraphqlAspect","PkgAspect","TesterAspect","ESLintAspect","PrettierAspect","ApplicationAspect","GeneratorAspect","ReactAspect","addRuntime"],"mappings":"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","sourcesContent":["import mergeDeepLeft from 'ramda/src/mergeDeepLeft';\nimport { omit } from 'lodash';\nimport { MainRuntime } from '@teambit/cli';\nimport type { CompilerMain } from '@teambit/compiler';\nimport { CompilerAspect, Compiler } from '@teambit/compiler';\nimport { BuildTask } from '@teambit/builder';\nimport { Component } from '@teambit/component';\nimport { EnvsAspect, EnvsMain, EnvTransformer, Environment } from '@teambit/envs';\nimport type { GraphqlMain } from '@teambit/graphql';\nimport { GraphqlAspect } from '@teambit/graphql';\nimport type { JestMain } from '@teambit/jest';\nimport { JestAspect } from '@teambit/jest';\nimport type { PkgMain, PackageJsonProps } from '@teambit/pkg';\nimport { PkgAspect } from '@teambit/pkg';\nimport type { TesterMain } from '@teambit/tester';\nimport { TesterAspect } from '@teambit/tester';\nimport type { TypescriptMain, TsCompilerOptionsWithoutTsConfig, TsConfigTransformer } from '@teambit/typescript';\nimport { TypescriptAspect } from '@teambit/typescript';\nimport type { WebpackMain, Configuration, WebpackConfigTransformer } from '@teambit/webpack';\nimport { WebpackAspect } from '@teambit/webpack';\nimport { GeneratorAspect, GeneratorMain } from '@teambit/generator';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { DevServerContext, BundlerContext } from '@teambit/bundler';\nimport { VariantPolicyConfigObject } from '@teambit/dependency-resolver';\nimport ts from 'typescript';\nimport { ApplicationAspect, ApplicationMain } from '@teambit/application';\nimport { FormatterContext } from '@teambit/formatter';\nimport { LinterContext } from '@teambit/linter';\nimport { ESLintMain, ESLintAspect, EslintConfigTransformer } from '@teambit/eslint';\nimport { PrettierMain, PrettierAspect, PrettierConfigTransformer } from '@teambit/prettier';\nimport { ReactAspect } from './react.aspect';\nimport { ReactEnv } from './react.env';\nimport { ReactAppType } from './react.app-type';\nimport { reactSchema } from './react.graphql';\nimport { ReactAppOptions } from './react-app-options';\nimport { ReactApp } from './react.application';\nimport { componentTemplates, workspaceTemplates } from './react.templates';\n\ntype ReactDeps = [\n  EnvsMain,\n  JestMain,\n  TypescriptMain,\n  CompilerMain,\n  WebpackMain,\n  Workspace,\n  GraphqlMain,\n  PkgMain,\n  TesterMain,\n  ESLintMain,\n  PrettierMain,\n  ApplicationMain,\n  GeneratorMain\n];\n\nexport type ReactMainConfig = {\n  /**\n   * configure the react env compiler.\n   * can be configured to either TypeScript ('ts') or Babel ('babel').\n   */\n  compiler: 'babel' | 'ts';\n\n  /**\n   * configure the component tester.\n   * can be either Jest ('jest') or Mocha ('mocha')\n   */\n  tester: 'jest' | 'mocha';\n\n  /**\n   * version of React to configure.\n   */\n  reactVersion: string;\n};\n\nexport type UseWebpackModifiers = {\n  previewConfig?: WebpackConfigTransformer[];\n  devServerConfig?: WebpackConfigTransformer[];\n};\n\nexport type UseTypescriptModifiers = {\n  buildConfig?: TsConfigTransformer[];\n  devConfig?: TsConfigTransformer[];\n};\n\nexport type UseEslintModifiers = {\n  transformers: EslintConfigTransformer[];\n};\nexport type UsePrettierModifiers = {\n  transformers: PrettierConfigTransformer[];\n};\n\nexport class ReactMain {\n  constructor(\n    /**\n     * an instance of the React env.\n     */\n    readonly reactEnv: ReactEnv,\n\n    private envs: EnvsMain,\n\n    private application: ApplicationMain,\n\n    private workspace: Workspace\n  ) {}\n\n  readonly env = this.reactEnv;\n\n  /**\n   * override the env's typescript config for both dev and build time.\n   * Replaces both overrideTsConfig (devConfig) and overrideBuildTsConfig (buildConfig)\n   */\n  useTypescript(modifiers?: UseTypescriptModifiers, tsModule: any = ts) {\n    const overrides: any = {};\n    const devTransformers = modifiers?.devConfig;\n    if (devTransformers) {\n      overrides.getCompiler = () => this.reactEnv.getCompiler(devTransformers, tsModule);\n    }\n    const buildTransformers = modifiers?.buildConfig;\n    if (buildTransformers) {\n      const buildPipeModifiers = {\n        tsModifier: {\n          transformers: buildTransformers,\n          module: tsModule,\n        },\n      };\n      overrides.getBuildPipe = () => this.reactEnv.getBuildPipe(buildPipeModifiers);\n    }\n    return this.envs.override(overrides);\n  }\n\n  /**\n   * @deprecated use useTypescript()\n   * override the TS config of the React environment.\n   * @param tsModule typeof `ts` module instance.\n   */\n  overrideTsConfig(\n    tsconfig: Record<string, any> = {},\n    compilerOptions: Partial<TsCompilerOptionsWithoutTsConfig> = {},\n    tsModule: any = ts\n  ) {\n    const transformer: TsConfigTransformer = (configMutator) => {\n      configMutator.mergeTsConfig(tsconfig);\n      configMutator.raw.compileJs = compilerOptions.compileJs ?? configMutator.raw.compileJs;\n      configMutator.raw.compileJsx = compilerOptions.compileJsx ?? configMutator.raw.compileJsx;\n      if (compilerOptions.types) {\n        configMutator.addTypes(compilerOptions.types);\n      }\n      const genericCompilerOptions = omit(compilerOptions, ['types', 'compileJs', 'compileJsx']);\n      configMutator.raw = Object.assign(configMutator.raw, genericCompilerOptions);\n      return configMutator;\n    };\n    // return this.envs.override({\n    //   getCompiler: () => this.reactEnv.getCompiler([transformer], tsModule),\n    // });\n    return this.useTypescript({ devConfig: [transformer] }, tsModule);\n  }\n\n  /**\n   * Override the Bit documentation link. See docs: https://bit.dev/docs/docs/doc-templates\n   */\n  overrideDocsTemplate(templatePath: string) {\n    return this.envs.override({\n      getDocsTemplate: () => templatePath,\n    });\n  }\n\n  /**\n   * @deprecated use useTypescript()\n   * override the build tsconfig.\n   */\n  overrideBuildTsConfig(\n    tsconfig: Record<string, any> = {},\n    compilerOptions: Partial<TsCompilerOptionsWithoutTsConfig> = {},\n    tsModule: any = ts\n  ) {\n    const transformer: TsConfigTransformer = (configMutator) => {\n      configMutator.mergeTsConfig(tsconfig);\n      configMutator.raw.compileJs = compilerOptions.compileJs ?? configMutator.raw.compileJs;\n      configMutator.raw.compileJsx = compilerOptions.compileJsx ?? configMutator.raw.compileJsx;\n      if (compilerOptions.types) {\n        configMutator.addTypes(compilerOptions.types);\n      }\n      const genericCompilerOptions = omit(compilerOptions, ['types', 'compileJs', 'compileJsx']);\n      configMutator.raw = Object.assign(configMutator.raw, genericCompilerOptions);\n      return configMutator;\n    };\n    // return this.envs.override({\n    //   getBuildPipe: () => this.reactEnv.getBuildPipe([transformer], tsModule),\n    // });\n    return this.useTypescript({ buildConfig: [transformer] }, tsModule);\n  }\n\n  /**\n   * register a new React application.\n   */\n  registerReactApp(options: ReactAppOptions) {\n    this.application.registerApp(\n      new ReactApp(options.name, options.entry, options.portRange || [3000, 4000], this.reactEnv, options.deploy)\n    );\n\n    return this;\n  }\n\n  /**\n   * override the env's dev server and preview webpack configurations.\n   * Replaces both overrideDevServerConfig and overridePreviewConfig\n   */\n  useWebpack(modifiers?: UseWebpackModifiers): EnvTransformer {\n    const overrides: any = {};\n    const devServerTransformers = modifiers?.devServerConfig;\n    if (devServerTransformers) {\n      overrides.getDevServer = (context: DevServerContext) =>\n        this.reactEnv.getDevServer(context, devServerTransformers);\n      overrides.getDevEnvId = (context: DevServerContext) => this.reactEnv.getDevEnvId(context.envDefinition.id);\n    }\n    const previewTransformers = modifiers?.previewConfig;\n    if (previewTransformers) {\n      overrides.getBundler = (context: BundlerContext) => this.reactEnv.getBundler(context, previewTransformers);\n    }\n    return this.envs.override(overrides);\n  }\n\n  /**\n   * An API to mutate the prettier config\n   * @param modifiers\n   * @returns\n   */\n  useEslint(modifiers?: UseEslintModifiers): EnvTransformer {\n    const transformers = modifiers?.transformers || [];\n    return this.envs.override({\n      getLinter: (context: LinterContext) => this.reactEnv.getLinter(context, transformers),\n    });\n  }\n\n  /**\n   * An API to mutate the prettier config\n   * @param modifiers\n   * @returns\n   */\n  usePrettier(modifiers?: UsePrettierModifiers): EnvTransformer {\n    const transformers = modifiers?.transformers || [];\n    return this.envs.override({\n      getFormatter: (context: FormatterContext) => this.reactEnv.getFormatter(context, transformers),\n    });\n  }\n\n  /**\n   * @deprecated use useWebpack()\n   * override the dev server webpack config.\n   */\n  overrideDevServerConfig(config: Configuration) {\n    const transformer: WebpackConfigTransformer = (configMutator) => {\n      return configMutator.merge([config]);\n    };\n\n    return this.envs.override({\n      getDevServer: (context: DevServerContext) => this.reactEnv.getDevServer(context, [transformer]),\n      getDevEnvId: (context: DevServerContext) => this.reactEnv.getDevEnvId(context.envDefinition.id),\n    });\n  }\n\n  /**\n   * @deprecated use useWebpack()\n   * override the preview webpack config.\n   */\n  overridePreviewConfig(config: Configuration) {\n    const transformer: WebpackConfigTransformer = (configMutator) => {\n      return configMutator.merge([config]);\n    };\n    return this.envs.override({\n      getBundler: (context: BundlerContext) => this.reactEnv.getBundler(context, [transformer]),\n    });\n  }\n\n  overrideMounter(mounterPath: string) {\n    return this.envs.override({\n      getMounter: () => {\n        return mounterPath;\n      },\n    });\n  }\n\n  /**\n   * create a new composition of the react environment.\n   */\n  compose(transformers: EnvTransformer[], targetEnv: Environment = {}) {\n    return this.envs.compose(this.envs.merge(targetEnv, this.reactEnv), transformers);\n  }\n\n  /**\n   * override the jest configuration.\n   * @param jestConfigPath {typeof jest} absolute path to jest.config.json.\n   * @param jestModulePath absolute path to jest\n   */\n  overrideJestConfig(jestConfigPath: string, jestModulePath?: string) {\n    return this.envs.override({\n      getTester: () => this.reactEnv.getTester(jestConfigPath, jestModulePath),\n    });\n  }\n\n  /**\n   * override the build pipeline of the component environment.\n   */\n  overrideBuildPipe(tasks: BuildTask[]) {\n    return this.envs.override({\n      getBuildPipe: () => tasks,\n    });\n  }\n\n  /**\n   * override the compiler tasks inside the build pipeline of the component environment.\n   */\n  overrideCompilerTasks(tasks: BuildTask[]) {\n    const pipeWithoutCompiler = this.reactEnv.getBuildPipe().filter((task) => task.aspectId !== CompilerAspect.id);\n\n    return this.envs.override({\n      getBuildPipe: () => [...tasks, ...pipeWithoutCompiler],\n    });\n  }\n\n  /**\n   * override the dependency configuration of the component environment.\n   */\n  overrideDependencies(dependencyPolicy: VariantPolicyConfigObject) {\n    return this.envs.override({\n      getDependencies: async () => {\n        const reactDeps = await this.reactEnv.getDependencies();\n        return mergeDeepLeft(dependencyPolicy, reactDeps);\n      },\n    });\n  }\n\n  /**\n   * override the workspace compiler.\n   */\n  overrideCompiler(compiler: Compiler) {\n    return this.envs.override({\n      getCompiler: () => {\n        return compiler;\n      },\n    });\n  }\n\n  /**\n   * TODO: @gilad we need to implement this.\n   */\n  overrideEslintConfig() {}\n\n  /**\n   * override the package json props of the component environment.\n   */\n  overridePackageJsonProps(props: PackageJsonProps) {\n    return this.envs.override({\n      getPackageJsonProps: () => {\n        return {\n          ...props,\n          ...this.reactEnv.getPackageJsonProps(),\n        };\n      },\n    });\n  }\n\n  /**\n   * returns doc adjusted specifically for react components.\n   */\n  getDocs(component: Component) {\n    const docsArray = component.state._consumer.docs;\n    if (!docsArray || !docsArray[0]) {\n      return null;\n    }\n\n    const docs = docsArray[0];\n\n    return {\n      abstract: docs.description,\n      filePath: docs.filePath,\n      properties: docs.properties,\n    };\n  }\n\n  static runtime = MainRuntime;\n  static dependencies = [\n    EnvsAspect,\n    JestAspect,\n    TypescriptAspect,\n    CompilerAspect,\n    WebpackAspect,\n    WorkspaceAspect,\n    GraphqlAspect,\n    PkgAspect,\n    TesterAspect,\n    ESLintAspect,\n    PrettierAspect,\n    ApplicationAspect,\n    GeneratorAspect,\n  ];\n\n  static async provider(\n    [\n      envs,\n      jestAspect,\n      tsAspect,\n      compiler,\n      webpack,\n      workspace,\n      graphql,\n      pkg,\n      tester,\n      eslint,\n      prettier,\n      application,\n      generator,\n    ]: ReactDeps,\n    config: ReactMainConfig\n  ) {\n    const reactEnv = new ReactEnv(\n      jestAspect,\n      tsAspect,\n      compiler,\n      webpack,\n      workspace,\n      pkg,\n      tester,\n      config,\n      eslint,\n      prettier\n    );\n    const react = new ReactMain(reactEnv, envs, application, workspace);\n    graphql.register(reactSchema(react));\n    envs.registerEnv(reactEnv);\n    generator.registerComponentTemplate(componentTemplates);\n    generator.registerWorkspaceTemplate(workspaceTemplates);\n    application.registerAppType(new ReactAppType('react-app', reactEnv));\n    return react;\n  }\n}\n\nReactAspect.addRuntime(ReactMain);\n"]}
+{"version":3,"sources":["react.main.runtime.ts"],"names":["ReactMain","constructor","reactEnv","envs","application","workspace","useTypescript","modifiers","tsModule","ts","overrides","devTransformers","devConfig","getCompiler","buildTransformers","buildConfig","buildPipeModifiers","tsModifier","transformers","module","getBuildPipe","override","overrideTsConfig","tsconfig","compilerOptions","transformer","configMutator","mergeTsConfig","raw","compileJs","compileJsx","types","addTypes","genericCompilerOptions","Object","assign","overrideDocsTemplate","templatePath","getDocsTemplate","overrideBuildTsConfig","useWebpack","devServerTransformers","devServerConfig","getDevServer","context","getDevEnvId","envDefinition","id","previewTransformers","previewConfig","getBundler","useEslint","getLinter","usePrettier","getFormatter","overrideDevServerConfig","config","merge","overridePreviewConfig","overrideMounter","mounterPath","getMounter","compose","targetEnv","overrideJestConfig","jestConfigPath","jestModulePath","getTester","overrideBuildPipe","tasks","overrideCompilerTasks","pipeWithoutCompiler","filter","task","aspectId","CompilerAspect","overrideDependencies","dependencyPolicy","getDependencies","reactDeps","overrideCompiler","compiler","overrideEslintConfig","overridePackageJsonProps","props","getPackageJsonProps","getDocs","component","docsArray","state","_consumer","docs","abstract","description","filePath","properties","provider","jestAspect","tsAspect","webpack","graphql","pkg","tester","eslint","prettier","generator","ReactEnv","react","register","registerEnv","registerComponentTemplate","componentTemplates","registerWorkspaceTemplate","workspaceTemplates","registerAppType","ReactAppType","MainRuntime","EnvsAspect","JestAspect","TypescriptAspect","WebpackAspect","WorkspaceAspect","GraphqlAspect","PkgAspect","TesterAspect","ESLintAspect","PrettierAspect","ApplicationAspect","GeneratorAspect","ReactAspect","addRuntime"],"mappings":"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","sourcesContent":["import mergeDeepLeft from 'ramda/src/mergeDeepLeft';\nimport { omit } from 'lodash';\nimport { MainRuntime } from '@teambit/cli';\nimport type { CompilerMain } from '@teambit/compiler';\nimport { CompilerAspect, Compiler } from '@teambit/compiler';\nimport { BuildTask } from '@teambit/builder';\nimport { Component } from '@teambit/component';\nimport { EnvsAspect, EnvsMain, EnvTransformer, Environment } from '@teambit/envs';\nimport type { GraphqlMain } from '@teambit/graphql';\nimport { GraphqlAspect } from '@teambit/graphql';\nimport type { JestMain } from '@teambit/jest';\nimport { JestAspect } from '@teambit/jest';\nimport type { PkgMain, PackageJsonProps } from '@teambit/pkg';\nimport { PkgAspect } from '@teambit/pkg';\nimport type { TesterMain } from '@teambit/tester';\nimport { TesterAspect } from '@teambit/tester';\nimport type { TypescriptMain, TsCompilerOptionsWithoutTsConfig, TsConfigTransformer } from '@teambit/typescript';\nimport { TypescriptAspect } from '@teambit/typescript';\nimport type { WebpackMain, Configuration, WebpackConfigTransformer } from '@teambit/webpack';\nimport { WebpackAspect } from '@teambit/webpack';\nimport { GeneratorAspect, GeneratorMain } from '@teambit/generator';\nimport { Workspace, WorkspaceAspect } from '@teambit/workspace';\nimport { DevServerContext, BundlerContext } from '@teambit/bundler';\nimport { VariantPolicyConfigObject } from '@teambit/dependency-resolver';\nimport ts from 'typescript';\nimport { ApplicationAspect, ApplicationMain } from '@teambit/application';\nimport { FormatterContext } from '@teambit/formatter';\nimport { LinterContext } from '@teambit/linter';\nimport { ESLintMain, ESLintAspect, EslintConfigTransformer } from '@teambit/eslint';\nimport { PrettierMain, PrettierAspect, PrettierConfigTransformer } from '@teambit/prettier';\nimport { ReactAspect } from './react.aspect';\nimport { ReactEnv } from './react.env';\nimport { ReactAppType } from './apps/web/react.app-type';\nimport { reactSchema } from './react.graphql';\nimport { componentTemplates, workspaceTemplates } from './react.templates';\n\ntype ReactDeps = [\n  EnvsMain,\n  JestMain,\n  TypescriptMain,\n  CompilerMain,\n  WebpackMain,\n  Workspace,\n  GraphqlMain,\n  PkgMain,\n  TesterMain,\n  ESLintMain,\n  PrettierMain,\n  ApplicationMain,\n  GeneratorMain\n];\n\nexport type ReactMainConfig = {\n  /**\n   * configure the react env compiler.\n   * can be configured to either TypeScript ('ts') or Babel ('babel').\n   */\n  compiler: 'babel' | 'ts';\n\n  /**\n   * configure the component tester.\n   * can be either Jest ('jest') or Mocha ('mocha')\n   */\n  tester: 'jest' | 'mocha';\n\n  /**\n   * version of React to configure.\n   */\n  reactVersion: string;\n};\n\nexport type UseWebpackModifiers = {\n  previewConfig?: WebpackConfigTransformer[];\n  devServerConfig?: WebpackConfigTransformer[];\n};\n\nexport type UseTypescriptModifiers = {\n  buildConfig?: TsConfigTransformer[];\n  devConfig?: TsConfigTransformer[];\n};\n\nexport type UseEslintModifiers = {\n  transformers: EslintConfigTransformer[];\n};\nexport type UsePrettierModifiers = {\n  transformers: PrettierConfigTransformer[];\n};\n\nexport class ReactMain {\n  constructor(\n    /**\n     * an instance of the React env.\n     */\n    readonly reactEnv: ReactEnv,\n\n    private envs: EnvsMain,\n\n    private application: ApplicationMain,\n\n    private workspace: Workspace\n  ) {}\n\n  readonly env = this.reactEnv;\n\n  /**\n   * override the env's typescript config for both dev and build time.\n   * Replaces both overrideTsConfig (devConfig) and overrideBuildTsConfig (buildConfig)\n   */\n  useTypescript(modifiers?: UseTypescriptModifiers, tsModule: any = ts) {\n    const overrides: any = {};\n    const devTransformers = modifiers?.devConfig;\n    if (devTransformers) {\n      overrides.getCompiler = () => this.reactEnv.getCompiler(devTransformers, tsModule);\n    }\n    const buildTransformers = modifiers?.buildConfig;\n    if (buildTransformers) {\n      const buildPipeModifiers = {\n        tsModifier: {\n          transformers: buildTransformers,\n          module: tsModule,\n        },\n      };\n      overrides.getBuildPipe = () => this.reactEnv.getBuildPipe(buildPipeModifiers);\n    }\n    return this.envs.override(overrides);\n  }\n\n  /**\n   * @deprecated use useTypescript()\n   * override the TS config of the React environment.\n   * @param tsModule typeof `ts` module instance.\n   */\n  overrideTsConfig(\n    tsconfig: Record<string, any> = {},\n    compilerOptions: Partial<TsCompilerOptionsWithoutTsConfig> = {},\n    tsModule: any = ts\n  ) {\n    const transformer: TsConfigTransformer = (configMutator) => {\n      configMutator.mergeTsConfig(tsconfig);\n      configMutator.raw.compileJs = compilerOptions.compileJs ?? configMutator.raw.compileJs;\n      configMutator.raw.compileJsx = compilerOptions.compileJsx ?? configMutator.raw.compileJsx;\n      if (compilerOptions.types) {\n        configMutator.addTypes(compilerOptions.types);\n      }\n      const genericCompilerOptions = omit(compilerOptions, ['types', 'compileJs', 'compileJsx']);\n      configMutator.raw = Object.assign(configMutator.raw, genericCompilerOptions);\n      return configMutator;\n    };\n    // return this.envs.override({\n    //   getCompiler: () => this.reactEnv.getCompiler([transformer], tsModule),\n    // });\n    return this.useTypescript({ devConfig: [transformer] }, tsModule);\n  }\n\n  /**\n   * Override the Bit documentation link. See docs: https://bit.dev/docs/docs/doc-templates\n   */\n  overrideDocsTemplate(templatePath: string) {\n    return this.envs.override({\n      getDocsTemplate: () => templatePath,\n    });\n  }\n\n  /**\n   * @deprecated use useTypescript()\n   * override the build tsconfig.\n   */\n  overrideBuildTsConfig(\n    tsconfig: Record<string, any> = {},\n    compilerOptions: Partial<TsCompilerOptionsWithoutTsConfig> = {},\n    tsModule: any = ts\n  ) {\n    const transformer: TsConfigTransformer = (configMutator) => {\n      configMutator.mergeTsConfig(tsconfig);\n      configMutator.raw.compileJs = compilerOptions.compileJs ?? configMutator.raw.compileJs;\n      configMutator.raw.compileJsx = compilerOptions.compileJsx ?? configMutator.raw.compileJsx;\n      if (compilerOptions.types) {\n        configMutator.addTypes(compilerOptions.types);\n      }\n      const genericCompilerOptions = omit(compilerOptions, ['types', 'compileJs', 'compileJsx']);\n      configMutator.raw = Object.assign(configMutator.raw, genericCompilerOptions);\n      return configMutator;\n    };\n    // return this.envs.override({\n    //   getBuildPipe: () => this.reactEnv.getBuildPipe([transformer], tsModule),\n    // });\n    return this.useTypescript({ buildConfig: [transformer] }, tsModule);\n  }\n\n  /**\n   * override the env's dev server and preview webpack configurations.\n   * Replaces both overrideDevServerConfig and overridePreviewConfig\n   */\n  useWebpack(modifiers?: UseWebpackModifiers): EnvTransformer {\n    const overrides: any = {};\n    const devServerTransformers = modifiers?.devServerConfig;\n    if (devServerTransformers) {\n      overrides.getDevServer = (context: DevServerContext) =>\n        this.reactEnv.getDevServer(context, devServerTransformers);\n      overrides.getDevEnvId = (context: DevServerContext) => this.reactEnv.getDevEnvId(context.envDefinition.id);\n    }\n    const previewTransformers = modifiers?.previewConfig;\n    if (previewTransformers) {\n      overrides.getBundler = (context: BundlerContext) => this.reactEnv.getBundler(context, previewTransformers);\n    }\n    return this.envs.override(overrides);\n  }\n\n  /**\n   * An API to mutate the prettier config\n   * @param modifiers\n   * @returns\n   */\n  useEslint(modifiers?: UseEslintModifiers): EnvTransformer {\n    const transformers = modifiers?.transformers || [];\n    return this.envs.override({\n      getLinter: (context: LinterContext) => this.reactEnv.getLinter(context, transformers),\n    });\n  }\n\n  /**\n   * An API to mutate the prettier config\n   * @param modifiers\n   * @returns\n   */\n  usePrettier(modifiers?: UsePrettierModifiers): EnvTransformer {\n    const transformers = modifiers?.transformers || [];\n    return this.envs.override({\n      getFormatter: (context: FormatterContext) => this.reactEnv.getFormatter(context, transformers),\n    });\n  }\n\n  /**\n   * @deprecated use useWebpack()\n   * override the dev server webpack config.\n   */\n  overrideDevServerConfig(config: Configuration) {\n    const transformer: WebpackConfigTransformer = (configMutator) => {\n      return configMutator.merge([config]);\n    };\n\n    return this.envs.override({\n      getDevServer: (context: DevServerContext) => this.reactEnv.getDevServer(context, [transformer]),\n      getDevEnvId: (context: DevServerContext) => this.reactEnv.getDevEnvId(context.envDefinition.id),\n    });\n  }\n\n  /**\n   * @deprecated use useWebpack()\n   * override the preview webpack config.\n   */\n  overridePreviewConfig(config: Configuration) {\n    const transformer: WebpackConfigTransformer = (configMutator) => {\n      return configMutator.merge([config]);\n    };\n    return this.envs.override({\n      getBundler: (context: BundlerContext) => this.reactEnv.getBundler(context, [transformer]),\n    });\n  }\n\n  overrideMounter(mounterPath: string) {\n    return this.envs.override({\n      getMounter: () => {\n        return mounterPath;\n      },\n    });\n  }\n\n  /**\n   * create a new composition of the react environment.\n   */\n  compose(transformers: EnvTransformer[], targetEnv: Environment = {}) {\n    return this.envs.compose(this.envs.merge(targetEnv, this.reactEnv), transformers);\n  }\n\n  /**\n   * override the jest configuration.\n   * @param jestConfigPath {typeof jest} absolute path to jest.config.json.\n   * @param jestModulePath absolute path to jest\n   */\n  overrideJestConfig(jestConfigPath: string, jestModulePath?: string) {\n    return this.envs.override({\n      getTester: () => this.reactEnv.getTester(jestConfigPath, jestModulePath),\n    });\n  }\n\n  /**\n   * override the build pipeline of the component environment.\n   */\n  overrideBuildPipe(tasks: BuildTask[]) {\n    return this.envs.override({\n      getBuildPipe: () => tasks,\n    });\n  }\n\n  /**\n   * override the compiler tasks inside the build pipeline of the component environment.\n   */\n  overrideCompilerTasks(tasks: BuildTask[]) {\n    const pipeWithoutCompiler = this.reactEnv.getBuildPipe().filter((task) => task.aspectId !== CompilerAspect.id);\n\n    return this.envs.override({\n      getBuildPipe: () => [...tasks, ...pipeWithoutCompiler],\n    });\n  }\n\n  /**\n   * override the dependency configuration of the component environment.\n   */\n  overrideDependencies(dependencyPolicy: VariantPolicyConfigObject) {\n    return this.envs.override({\n      getDependencies: async () => {\n        const reactDeps = await this.reactEnv.getDependencies();\n        return mergeDeepLeft(dependencyPolicy, reactDeps);\n      },\n    });\n  }\n\n  /**\n   * override the workspace compiler.\n   */\n  overrideCompiler(compiler: Compiler) {\n    return this.envs.override({\n      getCompiler: () => {\n        return compiler;\n      },\n    });\n  }\n\n  /**\n   * TODO: @gilad we need to implement this.\n   */\n  overrideEslintConfig() {}\n\n  /**\n   * override the package json props of the component environment.\n   */\n  overridePackageJsonProps(props: PackageJsonProps) {\n    return this.envs.override({\n      getPackageJsonProps: () => {\n        return {\n          ...props,\n          ...this.reactEnv.getPackageJsonProps(),\n        };\n      },\n    });\n  }\n\n  /**\n   * returns doc adjusted specifically for react components.\n   */\n  getDocs(component: Component) {\n    const docsArray = component.state._consumer.docs;\n    if (!docsArray || !docsArray[0]) {\n      return null;\n    }\n\n    const docs = docsArray[0];\n\n    return {\n      abstract: docs.description,\n      filePath: docs.filePath,\n      properties: docs.properties,\n    };\n  }\n\n  static runtime = MainRuntime;\n  static dependencies = [\n    EnvsAspect,\n    JestAspect,\n    TypescriptAspect,\n    CompilerAspect,\n    WebpackAspect,\n    WorkspaceAspect,\n    GraphqlAspect,\n    PkgAspect,\n    TesterAspect,\n    ESLintAspect,\n    PrettierAspect,\n    ApplicationAspect,\n    GeneratorAspect,\n  ];\n\n  static async provider(\n    [\n      envs,\n      jestAspect,\n      tsAspect,\n      compiler,\n      webpack,\n      workspace,\n      graphql,\n      pkg,\n      tester,\n      eslint,\n      prettier,\n      application,\n      generator,\n    ]: ReactDeps,\n    config: ReactMainConfig\n  ) {\n    const reactEnv = new ReactEnv(\n      jestAspect,\n      tsAspect,\n      compiler,\n      webpack,\n      workspace,\n      pkg,\n      tester,\n      config,\n      eslint,\n      prettier\n    );\n    const react = new ReactMain(reactEnv, envs, application, workspace);\n    graphql.register(reactSchema(react));\n    envs.registerEnv(reactEnv);\n    generator.registerComponentTemplate(componentTemplates);\n    generator.registerWorkspaceTemplate(workspaceTemplates);\n    application.registerAppType(new ReactAppType('react-app', reactEnv));\n    return react;\n  }\n}\n\nReactAspect.addRuntime(ReactMain);\n"]}

package/package.json

@@ -1,16 +1,15 @@
 {
   "name": "@teambit/react",
-  "version": "0.0.598",
+  "version": "0.0.599",
   "homepage": "https://bit.dev/teambit/react/react",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.react",
     "name": "react",
-    "version": "0.0.598"
+    "version": "0.0.599"
   },
   "dependencies": {
     "react-error-boundary": "^3.0.0",
-    "@dreysolano/prerender-spa-plugin": "1.0.3",
     "@teambit/harmony": "0.2.11",
     "fs-extra": "10.0.0",
     "lodash": "4.17.21",
@@ -43,6 +42,7 @@
     "react-dev-utils": "11.0.4",
     "style-loader": "^2.0.0",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.1",
+    "@dreysolano/prerender-spa-plugin": "1.0.3",
     "comment-json": "3.0.3",
     "react-refresh": "0.10.0",
     "@babel/runtime": "^7.12.18",
@@ -79,47 +79,47 @@
     "@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.355",
-    "@teambit/preview": "0.0.598",
+    "@teambit/preview": "0.0.599",
     "@teambit/react.ui.error-fallback": "0.0.109",
     "@teambit/react.ui.loader-fallback": "0.0.88",
     "@teambit/compositions.ui.hooks.use-composition": "0.0.162",
     "@teambit/design.ui.input.option-button": "0.0.26",
     "@teambit/design.ui.tooltip": "0.0.352",
-    "@teambit/application": "0.0.240",
-    "@teambit/bundler": "0.0.598",
-    "@teambit/isolator": "0.0.598",
-    "@teambit/builder": "0.0.598",
-    "@teambit/toolbox.network.get-port": "0.0.112",
-    "@teambit/compiler": "0.0.598",
+    "@teambit/builder": "0.0.599",
+    "@teambit/bundler": "0.0.599",
+    "@teambit/compiler": "0.0.599",
     "@teambit/component.modules.component-url": "0.0.119",
-    "@teambit/component": "0.0.598",
-    "@teambit/envs": "0.0.598",
-    "@teambit/eslint": "0.0.598",
-    "@teambit/formatter": "0.0.149",
-    "@teambit/jest": "0.0.598",
-    "@teambit/linter": "0.0.598",
-    "@teambit/pkg": "0.0.598",
-    "@teambit/prettier": "0.0.149",
+    "@teambit/component": "0.0.599",
+    "@teambit/envs": "0.0.599",
+    "@teambit/eslint": "0.0.599",
+    "@teambit/formatter": "0.0.150",
+    "@teambit/jest": "0.0.599",
+    "@teambit/linter": "0.0.599",
+    "@teambit/pkg": "0.0.599",
+    "@teambit/prettier": "0.0.150",
     "@teambit/react.ui.highlighter.component-metadata.bit-component-meta": "0.0.20",
-    "@teambit/schema": "0.0.598",
-    "@teambit/tester": "0.0.598",
-    "@teambit/typescript": "0.0.598",
-    "@teambit/webpack": "0.0.598",
-    "@teambit/workspace": "0.0.598",
-    "@teambit/cli": "0.0.410",
-    "@teambit/dependency-resolver": "0.0.598",
-    "@teambit/generator": "0.0.598",
-    "@teambit/graphql": "0.0.598",
+    "@teambit/schema": "0.0.599",
+    "@teambit/tester": "0.0.599",
+    "@teambit/typescript": "0.0.599",
+    "@teambit/webpack": "0.0.599",
+    "@teambit/workspace": "0.0.599",
+    "@teambit/application": "0.0.241",
+    "@teambit/cli": "0.0.411",
+    "@teambit/dependency-resolver": "0.0.599",
+    "@teambit/generator": "0.0.599",
+    "@teambit/graphql": "0.0.599",
     "@teambit/react.ui.highlighter-provider": "0.0.178",
-    "@teambit/compositions": "0.0.598",
-    "@teambit/ui": "0.0.598",
-    "@teambit/react.eslint-config-bit-react": "0.0.489",
+    "@teambit/compositions": "0.0.599",
+    "@teambit/ui": "0.0.599",
+    "@teambit/react.eslint-config-bit-react": "0.0.490",
     "@teambit/mdx.modules.mdx-loader": "0.0.488",
     "@teambit/react.babel.bit-react-transformer": "0.0.494",
     "@teambit/webpack.modules.generate-style-loaders": "0.0.102",
     "@teambit/webpack.modules.style-regexps": "0.0.131",
     "@teambit/component-id": "0.0.398",
-    "@teambit/config": "0.0.422"
+    "@teambit/isolator": "0.0.599",
+    "@teambit/toolbox.network.get-port": "0.0.112",
+    "@teambit/config": "0.0.423"
   },
   "devDependencies": {
     "@types/react": "^17.0.8",
@@ -137,7 +137,7 @@
     "@teambit/react.aspect-docs.react": "0.0.131"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.197",
+    "@teambit/legacy": "1.0.198",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -199,7 +199,7 @@
         "@types/jest": "^26.0.0"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.197",
+        "@teambit/legacy": "1.0.198",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/dist/react-app-options.js

@@ -1,3 +0,0 @@
-"use strict";
-
-//# sourceMappingURL=react-app-options.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["react.app-type.ts"],"names":["ReactAppType","constructor","name","reactEnv","createApp","options","ReactApp","entry","portRange","deploy","prerenderRoutes"],"mappings":";;;;;;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,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,MALH,EAMLJ,OAAO,CAACK,eANH,CAAP;AAQD;;AAZmE","sourcesContent":["import { ApplicationType } from '@teambit/application';\nimport { ReactEnv } from './react.env';\nimport { ReactAppOptions } from './react-app-options';\nimport { ReactApp } from './react.application';\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.deploy,\n      options.prerenderRoutes\n    );\n  }\n}\n"]}

package/dist/react.application.d.ts

@@ -1,18 +0,0 @@
-import { Capsule } from '@teambit/isolator';
-import { Application, AppContext, DeployContext } from '@teambit/application';
-import { BuildContext } from '@teambit/builder';
-import { ReactEnv } from './react.env';
-import { ReactAppDeployContext } from './react-app-options';
-export declare class ReactApp implements Application {
-    readonly name: string;
-    readonly entry: string[];
-    readonly portRange: number[];
-    private reactEnv;
-    readonly deploy?: ((context: ReactAppDeployContext, capsule: Capsule) => Promise<void>) | undefined;
-    readonly prerenderRoutes?: string[] | undefined;
-    constructor(name: string, entry: string[], portRange: number[], reactEnv: ReactEnv, deploy?: ((context: ReactAppDeployContext, capsule: Capsule) => Promise<void>) | undefined, prerenderRoutes?: string[] | undefined);
-    applicationType: string;
-    run(context: AppContext): Promise<number>;
-    build(context: BuildContext, aspectId: string, appCapsule: Capsule): Promise<DeployContext>;
-    private getDevServerContext;
-}

package/dist/react.application.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["react.application.ts"],"names":["ReactApp","constructor","name","entry","portRange","reactEnv","deploy","prerenderRoutes","run","context","devServerContext","getDevServerContext","devServer","getDevServer","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","raw","output","publicPath","from","to","port","Port","getPort","listen","build","aspectId","appCapsule","env","publicDir","outputPath","path","distDir","getCompiler","entries","map","require","resolve","bundlerContext","Object","assign","targets","components","component","rootPath","bundler","getBundler","addPlugin","PrerenderSPAPlugin","staticDir","routes","postProcess","renderedRoute","originalRoute","deployContext","applicationType","title"],"mappings":"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","sourcesContent":["import PrerenderSPAPlugin from '@dreysolano/prerender-spa-plugin';\nimport { join, basename } from 'path';\nimport { Capsule } from '@teambit/isolator';\nimport { Application, AppContext, DeployContext } from '@teambit/application';\nimport { BuildContext } from '@teambit/builder';\nimport { Bundler, BundlerContext, DevServerContext } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { ReactEnv } from './react.env';\nimport { ReactAppDeployContext } from './react-app-options';\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 deploy?: (context: ReactAppDeployContext, capsule: Capsule) => Promise<void>,\n    readonly prerenderRoutes?: string[]\n  ) {}\n\n  applicationType = 'react';\n\n  async run(context: AppContext): Promise<number> {\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    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n    await devServer.listen(port);\n    return port;\n  }\n\n  async build(context: BuildContext, aspectId: string, appCapsule: Capsule): Promise<DeployContext> {\n    const reactEnv: ReactEnv = context.env;\n    const publicDir = join('applications', this.name, 'build');\n    const outputPath = join(appCapsule.path, publicDir);\n    const { distDir } = reactEnv.getCompiler();\n    const entries = this.entry.map((entry) => require.resolve(`${appCapsule.path}/${distDir}/${basename(entry)}`));\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets: [\n        {\n          components: [appCapsule?.component],\n          entries,\n          outputPath,\n        },\n      ],\n      entry: [],\n      rootPath: '/',\n    });\n    const bundler: Bundler = await reactEnv.getBundler(bundlerContext, [\n      (configMutator) => {\n        configMutator.addTopLevel('output', { path: join(outputPath, 'public'), publicPath: `/` });\n        configMutator.addPlugin(\n          new PrerenderSPAPlugin({\n            staticDir: join(outputPath, 'public'),\n            routes: this.prerenderRoutes,\n            postProcess(renderedRoute) {\n              renderedRoute.outputPath = join(outputPath, 'public', `${renderedRoute.originalRoute}.html`);\n              return renderedRoute;\n            },\n          })\n        );\n        return configMutator;\n      },\n    ]);\n    await bundler.run();\n    const deployContext = Object.assign(context, {\n      applicationType: this.applicationType,\n      aspectId,\n      publicDir: join(appCapsule.path, publicDir, 'public'),\n    });\n    return deployContext;\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    });\n  }\n}\n"]}