@teambit/react 0.0.800 → 0.0.803

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

@@ -61,6 +61,16 @@ function _terserWebpackPlugin() {
   return data;
 }
 
+function _bitError() {
+  const data = require("@teambit/bit-error");
+
+  _bitError = function () {
+    return data;
+  };
+
+  return data;
+}
+
 function _plugins() {
   const data = require("./plugins");
 
@@ -91,10 +101,45 @@ function _computeResults() {
   return data;
 }
 
+function _webpackAppSsr() {
+  const data = require("./webpack/webpack.app.ssr.config");
+
+  _webpackAppSsr = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _mutators() {
+  const data = require("./webpack/mutators");
+
+  _mutators = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _ssrExpress() {
+  const data = require("./ssr/ssr-express");
+
+  _ssrExpress = function () {
+    return data;
+  };
+
+  return data;
+}
+
+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; }
+
 class ReactApp {
-  constructor(name, entry, portRange, reactEnv, prerender, bundler, devServer, transformers = [], deploy, favicon) {
+  constructor(name, entry, ssr, portRange, reactEnv, prerender, bundler, devServer, transformers = [], deploy, favicon, logger) {
     this.name = name;
     this.entry = entry;
+    this.ssr = ssr;
     this.portRange = portRange;
     this.reactEnv = reactEnv;
     this.prerender = prerender;
@@ -103,6 +148,7 @@ class ReactApp {
     this.transformers = transformers;
     this.deploy = deploy;
     this.favicon = favicon;
+    this.logger = logger;
     (0, _defineProperty2().default)(this, "applicationType", 'react-common-js');
     (0, _defineProperty2().default)(this, "dir", 'public');
     (0, _defineProperty2().default)(this, "getESBuildConfig", (isPrerendering = this.prerender) => {
@@ -169,23 +215,90 @@ class ReactApp {
     }
 
     const devServerContext = await this.getDevServerContext(context);
-    const devServer = this.reactEnv.getDevServer(devServerContext, [configMutator => configMutator.addTopLevel('devServer', {
-      historyApiFallback: {
-        index: '/index.html',
-        disableDotRule: true,
-        headers: {
-          'Access-Control-Allow-Headers': '*'
-        }
-      }
-    }), configMutator => {
-      if (!configMutator.raw.output) configMutator.raw.output = {};
-      configMutator.raw.output.publicPath = '/';
-      return configMutator;
-    }, ...this.transformers]);
+    const devServer = this.reactEnv.getDevServer(devServerContext, [_mutators().addDevServer, _mutators().setOutput, ...this.transformers]);
     await devServer.listen(port);
     return port;
   }
 
+  async runSsr(context) {
+    var _this$logger, _this$logger2, _this$logger3;
+
+    const [from, to] = this.portRange;
+    const port = await _toolboxNetwork().Port.getPort(from, to); // bundle client
+
+    const clientBundle = await this.buildClient(context);
+    if (clientBundle.errors.length > 0) return {
+      errors: clientBundle.errors
+    };
+    (_this$logger = this.logger) === null || _this$logger === void 0 ? void 0 : _this$logger.info('[react.application] [ssr] client bundle - complete'); // bundle server
+
+    const serverBundle = await this.buildSsr(context);
+    if (serverBundle.errors.length > 0) return {
+      errors: serverBundle.errors
+    };
+    (_this$logger2 = this.logger) === null || _this$logger2 === void 0 ? void 0 : _this$logger2.info('[react.application] [ssr] server bundle - complete'); // load server-side runtime
+
+    const app = await (0, _ssrExpress().loadSsrApp)(context.workdir, context.appName);
+    (_this$logger3 = this.logger) === null || _this$logger3 === void 0 ? void 0 : _this$logger3.info('[react.application] [ssr] bundle code - loaded');
+    const expressApp = (0, _ssrExpress().createExpressSsr)({
+      name: context.appName,
+      workdir: context.workdir,
+      port,
+      app,
+      assets: (0, _ssrExpress().parseAssets)(clientBundle.assets),
+      logger: this.logger
+    });
+    expressApp.listen(port);
+    return {
+      port
+    };
+  }
+
+  async buildClient(context) {
+    const htmlConfig = [{
+      title: context.appName,
+      templateContent: (0, _webpack().html)(context.appName),
+      minify: false,
+      favicon: this.favicon
+    }]; // extend, including prototype methods
+
+    const ctx = Object.assign(Object.create(context), {
+      html: htmlConfig,
+      targets: [{
+        entries: await this.getEntries(),
+        components: [context.appComponent],
+        outputPath: (0, _path().resolve)(context.workdir, (0, _webpackAppSsr().calcOutputPath)(context.appName, 'browser')),
+        hostDependencies: await this.getPeers(),
+        aliasHostDependencies: true
+      }],
+      // @ts-ignore
+      capsuleNetwork: undefined,
+      previousTasksResults: []
+    });
+    const bundler = await this.reactEnv.getBundler(ctx, [config => config.merge([(0, _webpackAppSsr().clientConfig)()]), ...this.transformers]);
+    const bundleResult = await bundler.run();
+    return bundleResult[0];
+  }
+
+  async buildSsr(context) {
+    // extend, including prototype methods
+    const ctx = Object.assign(Object.create(context), _objectSpread(_objectSpread({}, context), {}, {
+      targets: [{
+        entries: await this.getSsrEntries(),
+        components: [context.appComponent],
+        outputPath: (0, _path().resolve)(context.workdir, (0, _webpackAppSsr().calcOutputPath)(context.appName, 'ssr')),
+        hostDependencies: await this.getPeers(),
+        aliasHostDependencies: true
+      }],
+      // @ts-ignore
+      capsuleNetwork: undefined,
+      previousTasksResults: []
+    }));
+    const bundler = await this.reactEnv.getBundler(ctx, [config => config.merge([(0, _webpackAppSsr().ssrConfig)()]), ...this.transformers]);
+    const bundleResult = await bundler.run();
+    return bundleResult[0];
+  }
+
   async build(context) {
     const htmlConfig = [{
       title: context.name,
@@ -227,6 +340,7 @@ class ReactApp {
         components: [capsule === null || capsule === void 0 ? void 0 : capsule.component],
         entries,
         outputPath,
+        hostRootDir: capsule === null || capsule === void 0 ? void 0 : capsule.path,
         hostDependencies: await this.getPeers(),
         aliasHostDependencies: true
       }],
@@ -274,6 +388,12 @@ class ReactApp {
     return this.entry();
   }
 
+  async getSsrEntries() {
+    if (!this.ssr) throw new (_bitError().BitError)('tried to build ssr without ssr entries');
+    if (typeof this.ssr === 'string') return [this.ssr];
+    return [await this.ssr()];
+  }
+
   async getDevServerContext(context) {
     const entries = await this.getEntries();
     return Object.assign(context, {

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

@@ -1 +1 @@
-{"version":3,"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","headers","raw","publicPath","build","htmlConfig","title","templateContent","html","Object","assign","getBundler","bundleResult","computeResults","publicDir","getPublicDir","artifactsDir","dir","getDefaultBundler","capsule","env","outputPath","join","path","distDir","getCompiler","targetEntries","Array","isArray","entries","map","require","resolve","basename","staticDir","bundlerContext","targets","components","component","hostDependencies","getPeers","aliasHostDependencies","rootPath","metaData","initiator","envId","id","defaultTransformer","config","filename","addPlugin","prerenderPlugin","optimization","minimizer","remove","push","getESBuildConfig","applicationType","getEntries","getPeerDependenciesList"],"sources":["react.application.ts"],"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 { prerenderPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { ReactAppPrerenderOptions } from './react-app-options';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\nimport { computeResults } from './compute-results';\n\nexport class ReactApp implements Application {\n  constructor(\n    readonly name: string,\n    readonly entry: string[] | (() => Promise<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\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 = await 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            headers: {\n              'Access-Control-Allow-Headers': '*',\n            },\n          },\n        }),\n      (configMutator) => {\n        if (!configMutator.raw.output) configMutator.raw.output = {};\n        configMutator.raw.output.publicPath = '/';\n\n        return configMutator;\n      },\n      ...this.transformers,\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    const bundleResult = await bundler.run();\n\n    return computeResults(bundleResult, { publicDir: `${this.getPublicDir(context.artifactsDir)}/${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(context.artifactsDir);\n    const outputPath = join(capsule.path, publicDir);\n    const { distDir } = reactEnv.getCompiler();\n    const targetEntries = Array.isArray(this.entry) ? this.entry : await this.entry();\n    const entries = targetEntries.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          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\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', {\n        path: staticDir,\n        publicPath: `/`,\n        filename: '[name].[chunkhash].js',\n      });\n      if (this.prerender) config.addPlugin(prerenderPlugin(this.prerender));\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(artifactsDir: string) {\n    return join(artifactsDir, this.applicationType, this.name);\n  }\n\n  async getEntries(): Promise<string[]> {\n    if (Array.isArray(this.entry)) return this.entry;\n    return this.entry();\n  }\n\n  private async getDevServerContext(context: AppContext): Promise<DevServerContext> {\n    const entries = await this.getEntries();\n    return Object.assign(context, {\n      entry: entries,\n      rootPath: '',\n      publicPath: `public/${this.name}`,\n      title: this.name,\n      favicon: this.favicon,\n      hostDependencies: await this.getPeers(),\n      aliasHostDependencies: true,\n    });\n  }\n\n  private getPeers(): Promise<string[]> {\n    return this.reactEnv.getPeerDependenciesList();\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,QAAN,CAAsC;EAC3CC,WAAW,CACAC,IADA,EAEAC,KAFA,EAGAC,SAHA,EAIDC,QAJC,EAKAC,SALA,EAMAC,OANA,EAOAC,SAPA,EAQAC,YAAwC,GAAG,EAR3C,EASAC,MATA,EAUAC,OAVA,EAWT;IAAA,KAVST,IAUT,GAVSA,IAUT;IAAA,KATSC,KAST,GATSA,KAST;IAAA,KARSC,SAQT,GARSA,SAQT;IAAA,KAPQC,QAOR,GAPQA,QAOR;IAAA,KANSC,SAMT,GANSA,SAMT;IAAA,KALSC,OAKT,GALSA,OAKT;IAAA,KAJSC,SAIT,GAJSA,SAIT;IAAA,KAHSC,YAGT,GAHSA,YAGT;IAAA,KAFSC,MAET,GAFSA,MAET;IAAA,KADSC,OACT,GADSA,OACT;IAAA,yDACyB,iBADzB;IAAA,6CAEa,QAFb;IAAA,0DA2GyB,CAACC,cAAc,GAAG,KAAKN,SAAvB,KAAqC;MAC9D;MACA;MAEA,IAAIM,cAAJ,EAAoB;QAClB,OAAO,KAAIC,8BAAJ,EAAiB;UACtBC,eAAe,EAAE,KADK;UAEtBC,aAAa,EAAE;YACbC,KAAK,EAAE;cACL;cACA;cACA;cACA;cACA;cACAC,IAAI,EAAE;YAND,CADM;YASbC,QAAQ,EAAE;cACRD,IAAI,EAAE,CADE;cAERE,QAAQ,EAAE,KAFF;cAGR;cACA;cACA;cACA;cACAC,WAAW,EAAE,KAPL;cAQR;cACA;cACA;cACA;cACAC,MAAM,EAAE;YAZA,CATG;YAuBbC,MAAM,EAAE;cACNC,QAAQ,EAAE;YADJ,CAvBK;YA0BbC,MAAM,EAAE;cACNP,IAAI,EAAE,CADA;cAENQ,QAAQ,EAAE,KAFJ;cAGN;cACA;cACAC,UAAU,EAAE;YALN;UA1BK;QAFO,CAAjB,CAAP;MAqCD;;MACD,OAAO,KAAIb,8BAAJ,EAAiB;QACtBc,MAAM,EAAEd,8BAAA,CAAae,aADC;QAEtB;QACA;QACAb,aAAa,EAAE;UACbY,MAAM,EAAE;QADK;MAJO,CAAjB,CAAP;IAQD,CA9JC;EAAE;;EAIK,MAAHE,GAAG,CAACC,OAAD,EAAuC;IAC9C,MAAM,CAACC,IAAD,EAAOC,EAAP,IAAa,KAAK5B,SAAxB;IACA,MAAM6B,IAAI,GAAG,MAAMC,sBAAA,CAAKC,OAAL,CAAaJ,IAAb,EAAmBC,EAAnB,CAAnB;;IACA,IAAI,KAAKxB,SAAT,EAAoB;MAClB,MAAM,KAAKA,SAAL,CAAe4B,MAAf,CAAsBH,IAAtB,CAAN;MACA,OAAOA,IAAP;IACD;;IACD,MAAMI,gBAAgB,GAAG,MAAM,KAAKC,mBAAL,CAAyBR,OAAzB,CAA/B;IACA,MAAMtB,SAAS,GAAG,KAAKH,QAAL,CAAckC,YAAd,CAA2BF,gBAA3B,EAA6C,CAC5DG,aAAD,IACEA,aAAa,CAACC,WAAd,CAA0B,WAA1B,EAAuC;MACrCC,kBAAkB,EAAE;QAClBC,KAAK,EAAE,aADW;QAElBC,cAAc,EAAE,IAFE;QAGlBC,OAAO,EAAE;UACP,gCAAgC;QADzB;MAHS;IADiB,CAAvC,CAF2D,EAW5DL,aAAD,IAAmB;MACjB,IAAI,CAACA,aAAa,CAACM,GAAd,CAAkBtB,MAAvB,EAA+BgB,aAAa,CAACM,GAAd,CAAkBtB,MAAlB,GAA2B,EAA3B;MAC/BgB,aAAa,CAACM,GAAd,CAAkBtB,MAAlB,CAAyBuB,UAAzB,GAAsC,GAAtC;MAEA,OAAOP,aAAP;IACD,CAhB4D,EAiB7D,GAAG,KAAK/B,YAjBqD,CAA7C,CAAlB;IAmBA,MAAMD,SAAS,CAAC4B,MAAV,CAAiBH,IAAjB,CAAN;IACA,OAAOA,IAAP;EACD;;EAEU,MAALe,KAAK,CAAClB,OAAD,EAAyD;IAClE,MAAMmB,UAA+B,GAAG,CACtC;MACEC,KAAK,EAAEpB,OAAO,CAAC5B,IADjB;MAEEiD,eAAe,EAAE,IAAAC,eAAA,EAAKtB,OAAO,CAAC5B,IAAb,CAFnB;MAGEyB,MAAM,EAAE,KAHV;MAIEhB,OAAO,EAAE,KAAKA,OAJhB,CAKE;;IALF,CADsC,CAAxC;IASA0C,MAAM,CAACC,MAAP,CAAcxB,OAAd,EAAuB;MACrBsB,IAAI,EAAEH;IADe,CAAvB;IAGA,MAAM1C,OAAO,GAAG,MAAM,KAAKgD,UAAL,CAAgBzB,OAAhB,CAAtB;IACA,MAAM0B,YAAY,GAAG,MAAMjD,OAAO,CAACsB,GAAR,EAA3B;IAEA,OAAO,IAAA4B,gCAAA,EAAeD,YAAf,EAA6B;MAAEE,SAAS,EAAG,GAAE,KAAKC,YAAL,CAAkB7B,OAAO,CAAC8B,YAA1B,CAAwC,IAAG,KAAKC,GAAI;IAApE,CAA7B,CAAP;EACD;;EAEON,UAAU,CAACzB,OAAD,EAA2B;IAC3C,IAAI,KAAKvB,OAAT,EAAkB,OAAO,KAAKA,OAAZ;IAClB,OAAO,KAAKuD,iBAAL,CAAuBhC,OAAvB,CAAP;EACD;;EAC8B,MAAjBgC,iBAAiB,CAAChC,OAAD,EAA2B;IACxD,MAAM;MAAEiC;IAAF,IAAcjC,OAApB;IACA,MAAMzB,QAAkB,GAAGyB,OAAO,CAACkC,GAAnC;IACA,MAAMN,SAAS,GAAG,KAAKC,YAAL,CAAkB7B,OAAO,CAAC8B,YAA1B,CAAlB;IACA,MAAMK,UAAU,GAAG,IAAAC,YAAA,EAAKH,OAAO,CAACI,IAAb,EAAmBT,SAAnB,CAAnB;IACA,MAAM;MAAEU;IAAF,IAAc/D,QAAQ,CAACgE,WAAT,EAApB;IACA,MAAMC,aAAa,GAAGC,KAAK,CAACC,OAAN,CAAc,KAAKrE,KAAnB,IAA4B,KAAKA,KAAjC,GAAyC,MAAM,KAAKA,KAAL,EAArE;IACA,MAAMsE,OAAO,GAAGH,aAAa,CAACI,GAAd,CAAmBvE,KAAD,IAAWwE,OAAO,CAACC,OAAR,CAAiB,GAAEb,OAAO,CAACI,IAAK,IAAGC,OAAQ,IAAG,IAAAS,gBAAA,EAAS1E,KAAT,CAAgB,EAA9D,CAA7B,CAAhB;IACA,MAAM2E,SAAS,GAAG,IAAAZ,YAAA,EAAKD,UAAL,EAAiB,KAAKJ,GAAtB,CAAlB;IAEA,MAAMkB,cAA8B,GAAG1B,MAAM,CAACC,MAAP,CAAcxB,OAAd,EAAuB;MAC5DkD,OAAO,EAAE,CACP;QACEC,UAAU,EAAE,CAAClB,OAAD,aAACA,OAAD,uBAACA,OAAO,CAAEmB,SAAV,CADd;QAEET,OAFF;QAGER,UAHF;QAIEkB,gBAAgB,EAAE,MAAM,KAAKC,QAAL,EAJ1B;QAKEC,qBAAqB,EAAE;MALzB,CADO,CADmD;MAU5DlF,KAAK,EAAE,EAVqD;MAW5DmF,QAAQ,EAAE,GAXkD;MAY5DC,QAAQ,EAAE;QACRC,SAAS,EAAG,iBAAgB1D,OAAO,CAAC5B,IAAK,EADjC;QAERuF,KAAK,EAAE3D,OAAO,CAAC4D;MAFP;IAZkD,CAAvB,CAAvC;;IAkBA,MAAMC,kBAA4C,GAAInD,aAAD,IAAmB;MAAA;;MACtE,MAAMoD,MAAM,GAAGpD,aAAa,CAACC,WAAd,CAA0B,QAA1B,EAAoC;QACjD0B,IAAI,EAAEW,SAD2C;QAEjD/B,UAAU,EAAG,GAFoC;QAGjD8C,QAAQ,EAAE;MAHuC,CAApC,CAAf;MAKA,IAAI,KAAKvF,SAAT,EAAoBsF,MAAM,CAACE,SAAP,CAAiB,IAAAC,0BAAA,EAAgB,KAAKzF,SAArB,CAAjB;;MACpB,6BAAIsF,MAAM,CAAC9C,GAAP,CAAWkD,YAAf,kDAAI,sBAAyBC,SAA7B,EAAwC;QAAA;;QACtC,IAAAC,gBAAA,4BAAON,MAAM,CAAC9C,GAAP,CAAWkD,YAAlB,2DAAO,uBAAyBC,SAAhC,EAA4CA,SAAD,IAAe;UACxD,OAAOA,SAAS,CAAChG,WAAV,CAAsBC,IAAtB,KAA+B,cAAtC;QACD,CAFD;QAIA,0BAAA0F,MAAM,CAAC9C,GAAP,CAAWkD,YAAX,kFAAyBC,SAAzB,CAAmCE,IAAnC,CAAwC,KAAKC,gBAAL,EAAxC;MACD;;MAED,OAAOR,MAAP;IACD,CAhBD;;IAiBA,MAAMnF,YAAY,GAAG,CAACkF,kBAAD,EAAqB,GAAG,KAAKlF,YAA7B,CAArB;IACA,MAAMF,OAAgB,GAAG,MAAMF,QAAQ,CAACkD,UAAT,CAAoBwB,cAApB,EAAoCtE,YAApC,CAA/B;IACA,OAAOF,OAAP;EACD;;EAsDOoD,YAAY,CAACC,YAAD,EAAuB;IACzC,OAAO,IAAAM,YAAA,EAAKN,YAAL,EAAmB,KAAKyC,eAAxB,EAAyC,KAAKnG,IAA9C,CAAP;EACD;;EAEe,MAAVoG,UAAU,GAAsB;IACpC,IAAI/B,KAAK,CAACC,OAAN,CAAc,KAAKrE,KAAnB,CAAJ,EAA+B,OAAO,KAAKA,KAAZ;IAC/B,OAAO,KAAKA,KAAL,EAAP;EACD;;EAEgC,MAAnBmC,mBAAmB,CAACR,OAAD,EAAiD;IAChF,MAAM2C,OAAO,GAAG,MAAM,KAAK6B,UAAL,EAAtB;IACA,OAAOjD,MAAM,CAACC,MAAP,CAAcxB,OAAd,EAAuB;MAC5B3B,KAAK,EAAEsE,OADqB;MAE5Ba,QAAQ,EAAE,EAFkB;MAG5BvC,UAAU,EAAG,UAAS,KAAK7C,IAAK,EAHJ;MAI5BgD,KAAK,EAAE,KAAKhD,IAJgB;MAK5BS,OAAO,EAAE,KAAKA,OALc;MAM5BwE,gBAAgB,EAAE,MAAM,KAAKC,QAAL,EANI;MAO5BC,qBAAqB,EAAE;IAPK,CAAvB,CAAP;EASD;;EAEOD,QAAQ,GAAsB;IACpC,OAAO,KAAK/E,QAAL,CAAckG,uBAAd,EAAP;EACD;;AApM0C"}
+{"version":3,"names":["ReactApp","constructor","name","entry","ssr","portRange","reactEnv","prerender","bundler","devServer","transformers","deploy","favicon","logger","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","addDevServer","setOutput","runSsr","clientBundle","buildClient","errors","length","info","serverBundle","buildSsr","app","loadSsrApp","workdir","appName","expressApp","createExpressSsr","assets","parseAssets","htmlConfig","title","templateContent","html","ctx","Object","assign","create","targets","entries","getEntries","components","appComponent","outputPath","resolve","calcOutputPath","hostDependencies","getPeers","aliasHostDependencies","capsuleNetwork","undefined","previousTasksResults","getBundler","config","merge","clientConfig","bundleResult","getSsrEntries","ssrConfig","build","computeResults","publicDir","getPublicDir","artifactsDir","dir","getDefaultBundler","capsule","env","join","path","distDir","getCompiler","targetEntries","Array","isArray","map","require","basename","staticDir","bundlerContext","component","hostRootDir","rootPath","metaData","initiator","envId","id","defaultTransformer","configMutator","addTopLevel","publicPath","filename","addPlugin","prerenderPlugin","raw","optimization","minimizer","remove","push","getESBuildConfig","applicationType","BitError","getPeerDependenciesList"],"sources":["react.application.ts"],"sourcesContent":["import { join, resolve, basename } from 'path';\nimport { Application, AppContext, AppBuildContext, AppResult } from '@teambit/application';\nimport type { Bundler, DevServer, BundlerContext, DevServerContext, BundlerHtmlConfig } from '@teambit/bundler';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport type { Logger } from '@teambit/logger';\nimport { remove } from 'lodash';\nimport TerserPlugin from 'terser-webpack-plugin';\nimport { WebpackConfigTransformer } from '@teambit/webpack';\nimport { BitError } from '@teambit/bit-error';\nimport { ReactEnv } from '../../react.env';\nimport { prerenderPlugin } from './plugins';\nimport { ReactAppBuildResult } from './react-build-result';\nimport { ReactAppPrerenderOptions } from './react-app-options';\nimport { html } from '../../webpack';\nimport { ReactDeployContext } from '.';\nimport { computeResults } from './compute-results';\nimport { clientConfig, ssrConfig, calcOutputPath } from './webpack/webpack.app.ssr.config';\nimport { addDevServer, setOutput } from './webpack/mutators';\nimport { createExpressSsr, loadSsrApp, parseAssets } from './ssr/ssr-express';\n\nexport class ReactApp implements Application {\n  constructor(\n    readonly name: string,\n    readonly entry: string[] | (() => Promise<string[]>),\n    readonly ssr: string | (() => Promise<string>) | undefined,\n    readonly portRange: [number, 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    private logger?: Logger\n  ) {}\n  readonly applicationType = 'react-common-js';\n  readonly dir = 'public';\n\n  async run(context: AppContext): Promise<number> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n\n    if (this.devServer) {\n      await this.devServer.listen(port);\n      return port;\n    }\n\n    const devServerContext = await this.getDevServerContext(context);\n    const devServer = this.reactEnv.getDevServer(devServerContext, [addDevServer, setOutput, ...this.transformers]);\n    await devServer.listen(port);\n    return port;\n  }\n\n  async runSsr(context: AppContext): Promise<AppResult> {\n    const [from, to] = this.portRange;\n    const port = await Port.getPort(from, to);\n\n    // bundle client\n    const clientBundle = await this.buildClient(context);\n    if (clientBundle.errors.length > 0) return { errors: clientBundle.errors };\n    this.logger?.info('[react.application] [ssr] client bundle - complete');\n\n    // bundle server\n    const serverBundle = await this.buildSsr(context);\n    if (serverBundle.errors.length > 0) return { errors: serverBundle.errors };\n    this.logger?.info('[react.application] [ssr] server bundle - complete');\n\n    // load server-side runtime\n    const app = await loadSsrApp(context.workdir, context.appName);\n    this.logger?.info('[react.application] [ssr] bundle code - loaded');\n\n    const expressApp = createExpressSsr({\n      name: context.appName,\n      workdir: context.workdir,\n      port,\n      app,\n      assets: parseAssets(clientBundle.assets),\n      logger: this.logger,\n    });\n\n    expressApp.listen(port);\n    return { port };\n  }\n\n  private async buildClient(context: AppContext) {\n    const htmlConfig: BundlerHtmlConfig[] = [\n      {\n        title: context.appName,\n        templateContent: html(context.appName),\n        minify: false,\n        favicon: this.favicon,\n      },\n    ];\n\n    // extend, including prototype methods\n    const ctx: BundlerContext = Object.assign(Object.create(context), {\n      html: htmlConfig,\n      targets: [\n        {\n          entries: await this.getEntries(),\n          components: [context.appComponent],\n          outputPath: resolve(context.workdir, calcOutputPath(context.appName, 'browser')),\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\n        },\n      ],\n\n      // @ts-ignore\n      capsuleNetwork: undefined,\n      previousTasksResults: [],\n    });\n\n    const bundler = await this.reactEnv.getBundler(ctx, [\n      (config) => config.merge([clientConfig()]),\n      ...this.transformers,\n    ]);\n\n    const bundleResult = await bundler.run();\n    return bundleResult[0];\n  }\n\n  private async buildSsr(context: AppContext) {\n    // extend, including prototype methods\n    const ctx: BundlerContext = Object.assign(Object.create(context), {\n      ...context,\n      targets: [\n        {\n          entries: await this.getSsrEntries(),\n          components: [context.appComponent],\n          outputPath: resolve(context.workdir, calcOutputPath(context.appName, 'ssr')),\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\n        },\n      ],\n\n      // @ts-ignore\n      capsuleNetwork: undefined,\n      previousTasksResults: [],\n    });\n\n    const bundler = await this.reactEnv.getBundler(ctx, [\n      (config) => config.merge([ssrConfig()]),\n      ...this.transformers,\n    ]);\n\n    const bundleResult = await bundler.run();\n    return bundleResult[0];\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    const bundleResult = await bundler.run();\n\n    return computeResults(bundleResult, { publicDir: `${this.getPublicDir(context.artifactsDir)}/${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 as ReactEnv;\n    const publicDir = this.getPublicDir(context.artifactsDir);\n    const outputPath = join(capsule.path, publicDir);\n    const { distDir } = reactEnv.getCompiler();\n    const targetEntries = Array.isArray(this.entry) ? this.entry : await this.entry();\n    const entries = targetEntries.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          hostRootDir: capsule?.path,\n          hostDependencies: await this.getPeers(),\n          aliasHostDependencies: true,\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', {\n        path: staticDir,\n        publicPath: `/`,\n        filename: '[name].[chunkhash].js',\n      });\n      if (this.prerender) config.addPlugin(prerenderPlugin(this.prerender));\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(artifactsDir: string) {\n    return join(artifactsDir, this.applicationType, this.name);\n  }\n\n  async getEntries(): Promise<string[]> {\n    if (Array.isArray(this.entry)) return this.entry;\n    return this.entry();\n  }\n\n  async getSsrEntries(): Promise<string[]> {\n    if (!this.ssr) throw new BitError('tried to build ssr without ssr entries');\n    if (typeof this.ssr === 'string') return [this.ssr];\n    return [await this.ssr()];\n  }\n\n  private async getDevServerContext(context: AppContext): Promise<DevServerContext> {\n    const entries = await this.getEntries();\n    return Object.assign(context, {\n      entry: entries,\n      rootPath: '',\n      publicPath: `public/${this.name}`,\n      title: this.name,\n      favicon: this.favicon,\n      hostDependencies: await this.getPeers(),\n      aliasHostDependencies: true,\n    });\n  }\n\n  private getPeers(): Promise<string[]> {\n    return this.reactEnv.getPeerDependenciesList();\n  }\n}\n"],"mappings":"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"}

package/dist/apps/web/ssr/ssr-express.d.ts

@@ -0,0 +1,15 @@
+import { Asset } from '@teambit/bundler';
+import { Logger } from '@teambit/logger';
+import type { HtmlAssets } from '@teambit/react.rendering.ssr';
+declare type ExpressSsrOptions = {
+    name: string;
+    workdir: string;
+    port: number;
+    app: any;
+    assets: HtmlAssets;
+    logger?: Logger;
+};
+export declare function createExpressSsr({ name, workdir, port, app, assets, logger }: ExpressSsrOptions): import("express-serve-static-core").Express;
+export declare function loadSsrApp(workdir: string, appName: string): Promise<any>;
+export declare function parseAssets(assets: Asset[], publicPath?: string): HtmlAssets;
+export {};

package/dist/apps/web/ssr/ssr-express.js

@@ -0,0 +1,151 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createExpressSsr = createExpressSsr;
+exports.loadSsrApp = loadSsrApp;
+exports.parseAssets = parseAssets;
+
+function _uiFoundationUiPages() {
+  const data = require("@teambit/ui-foundation.ui.pages.static-error");
+
+  _uiFoundationUiPages = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _reactRendering() {
+  const data = require("@teambit/react.rendering.ssr");
+
+  _reactRendering = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _express() {
+  const data = _interopRequireDefault(require("express"));
+
+  _express = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function fs() {
+  const data = _interopRequireWildcard(require("fs-extra"));
+
+  fs = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _path() {
+  const data = require("path");
+
+  _path = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _urlJoin() {
+  const data = _interopRequireDefault(require("url-join"));
+
+  _urlJoin = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _webpackAppSsr() {
+  const data = require("../webpack/webpack.app.ssr.config");
+
+  _webpackAppSsr = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const MAGIC_FOLDER = 'public'; // idk where this is comping from
+
+function createExpressSsr({
+  name,
+  workdir,
+  port,
+  app,
+  assets,
+  logger
+}) {
+  const express = (0, _express().default)();
+  const publicFolder = (0, _path().resolve)(workdir, (0, _webpackAppSsr().calcOutputPath)(name, 'browser'), MAGIC_FOLDER);
+  express.use(_webpackAppSsr().PUBLIC_PATH, _express().default.static(publicFolder));
+  express.use((request, response, next) => {
+    if (request.query._rendering !== 'client') {
+      next();
+      return;
+    }
+
+    response.sendFile((0, _path().resolve)(workdir, (0, _webpackAppSsr().calcOutputPath)(name, 'browser'), MAGIC_FOLDER, 'index.html'));
+  });
+  express.use(async (request, response) => {
+    logger === null || logger === void 0 ? void 0 : logger.info(`[react.application] [ssr] handling "${request.url}"`);
+    const browser = (0, _reactRendering().browserFromExpress)(request, port);
+    const session = {
+      assets,
+      browser,
+      request,
+      response
+    };
+
+    try {
+      // the app itself controls the response
+      await app(session);
+      logger === null || logger === void 0 ? void 0 : logger.console(`[react.application] [ssr] success "${request.url}"`);
+    } catch (error) {
+      logger === null || logger === void 0 ? void 0 : logger.consoleError(`[react.application] [ssr] error at "${request.url}"`, error);
+      response.status(500).send((0, _uiFoundationUiPages().serverError)());
+    }
+  });
+  return express;
+}
+
+async function loadSsrApp(workdir, appName) {
+  const entryFile = (0, _path().resolve)(workdir, (0, _webpackAppSsr().calcOutputPath)(appName, 'ssr'), MAGIC_FOLDER, _webpackAppSsr().SSR_ENTRY_FILE);
+  if (!fs().existsSync(entryFile)) throw new Error(`expected ssr bundle entry file at "${entryFile}"`);
+  const entry = await Promise.resolve(`${entryFile}`).then(s => _interopRequireWildcard(require(s)));
+  const app = entry === null || entry === void 0 ? void 0 : entry.default;
+  if (!app) throw new Error(`bundle entry file has no default export (at "${entryFile}")`);
+  return app;
+}
+
+function parseAssets(assets, publicPath = _webpackAppSsr().PUBLIC_PATH) {
+  const deadAssets = assets.filter(x => !x.name);
+  if (deadAssets.length > 0) throw new Error('missing some build assets (maybe need to turn on cachedAssets, etc)');
+  return {
+    css: assets.map(x => x.name).filter(name => name === null || name === void 0 ? void 0 : name.endsWith('.css')).map(name => (0, _urlJoin().default)(publicPath, name)),
+    js: assets.map(x => x.name).filter(name => name === null || name === void 0 ? void 0 : name.endsWith('.js')).map(name => (0, _urlJoin().default)(publicPath, name))
+  };
+}
+
+//# sourceMappingURL=ssr-express.js.map

package/dist/apps/web/ssr/ssr-express.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["MAGIC_FOLDER","createExpressSsr","name","workdir","port","app","assets","logger","express","Express","publicFolder","resolve","calcOutputPath","use","PUBLIC_PATH","static","request","response","next","query","_rendering","sendFile","info","url","browser","browserFromExpress","session","console","error","consoleError","status","send","serverError","loadSsrApp","appName","entryFile","SSR_ENTRY_FILE","fs","existsSync","Error","entry","default","parseAssets","publicPath","deadAssets","filter","x","length","css","map","endsWith","urlJoin","js"],"sources":["ssr-express.ts"],"sourcesContent":["import { Asset } from '@teambit/bundler';\nimport { Logger } from '@teambit/logger';\nimport { serverError } from '@teambit/ui-foundation.ui.pages.static-error';\nimport { browserFromExpress } from '@teambit/react.rendering.ssr';\nimport type { HtmlAssets, SsrSession } from '@teambit/react.rendering.ssr';\n\nimport Express from 'express';\nimport * as fs from 'fs-extra';\nimport { resolve } from 'path';\nimport urlJoin from 'url-join';\n\nimport { calcOutputPath, PUBLIC_PATH, SSR_ENTRY_FILE } from '../webpack/webpack.app.ssr.config';\n\nconst MAGIC_FOLDER = 'public'; // idk where this is comping from\n\ntype ExpressSsrOptions = {\n  name: string;\n  workdir: string;\n  port: number;\n  app: any;\n  assets: HtmlAssets;\n  logger?: Logger;\n};\n\nexport function createExpressSsr({ name, workdir, port, app, assets, logger }: ExpressSsrOptions) {\n  const express = Express();\n\n  const publicFolder = resolve(workdir, calcOutputPath(name, 'browser'), MAGIC_FOLDER);\n\n  express.use(PUBLIC_PATH, Express.static(publicFolder));\n  express.use((request, response, next) => {\n    if (request.query._rendering !== 'client') {\n      next();\n      return;\n    }\n    response.sendFile(resolve(workdir, calcOutputPath(name, 'browser'), MAGIC_FOLDER, 'index.html'));\n  });\n  express.use(async (request, response) => {\n    logger?.info(`[react.application] [ssr] handling \"${request.url}\"`);\n    const browser = browserFromExpress(request, port);\n    const session: SsrSession = { assets, browser, request, response };\n\n    try {\n      // the app itself controls the response\n      await app(session);\n      logger?.console(`[react.application] [ssr] success \"${request.url}\"`);\n    } catch (error: any) {\n      logger?.consoleError(`[react.application] [ssr] error at \"${request.url}\"`, error);\n      response.status(500).send(serverError());\n    }\n  });\n\n  return express;\n}\n\nexport async function loadSsrApp(workdir: string, appName: string) {\n  const entryFile = resolve(workdir, calcOutputPath(appName, 'ssr'), MAGIC_FOLDER, SSR_ENTRY_FILE);\n  if (!fs.existsSync(entryFile)) throw new Error(`expected ssr bundle entry file at \"${entryFile}\"`);\n\n  const entry = await import(entryFile);\n  const app = entry?.default;\n  if (!app) throw new Error(`bundle entry file has no default export (at \"${entryFile}\")`);\n\n  return app;\n}\n\nexport function parseAssets(assets: Asset[], publicPath = PUBLIC_PATH): HtmlAssets {\n  const deadAssets = assets.filter((x) => !x.name);\n  if (deadAssets.length > 0) throw new Error('missing some build assets (maybe need to turn on cachedAssets, etc)');\n\n  return {\n    css: assets\n      .map((x) => x.name)\n      .filter((name) => name?.endsWith('.css'))\n      .map((name) => urlJoin(publicPath, name)),\n    js: assets\n      .map((x) => x.name)\n      .filter((name) => name?.endsWith('.js'))\n      .map((name) => urlJoin(publicPath, name)),\n  };\n}\n"],"mappings":"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"}

package/dist/apps/web/webpack/mutators.d.ts

@@ -0,0 +1,3 @@
+import { WebpackConfigMutator } from '@teambit/webpack';
+export declare function addDevServer(configMutator: WebpackConfigMutator): WebpackConfigMutator;
+export declare function setOutput(configMutator: WebpackConfigMutator): WebpackConfigMutator;

package/dist/apps/web/webpack/mutators.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.addDevServer = addDevServer;
+exports.setOutput = setOutput;
+
+function addDevServer(configMutator) {
+  return configMutator.addTopLevel('devServer', {
+    historyApiFallback: {
+      index: '/index.html',
+      disableDotRule: true
+    },
+    headers: {
+      'Access-Control-Allow-Origin': '*'
+    }
+  });
+}
+
+function setOutput(configMutator) {
+  if (!configMutator.raw.output) configMutator.raw.output = {};
+  configMutator.raw.output.publicPath = '/';
+  return configMutator;
+}
+
+//# sourceMappingURL=mutators.js.map

package/dist/apps/web/webpack/mutators.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["addDevServer","configMutator","addTopLevel","historyApiFallback","index","disableDotRule","headers","setOutput","raw","output","publicPath"],"sources":["mutators.ts"],"sourcesContent":["import { WebpackConfigMutator } from '@teambit/webpack';\n\nexport function addDevServer(configMutator: WebpackConfigMutator) {\n  return configMutator.addTopLevel('devServer', {\n    historyApiFallback: {\n      index: '/index.html',\n      disableDotRule: true,\n    },\n    headers: {\n      'Access-Control-Allow-Origin': '*',\n    },\n  });\n}\n\nexport function setOutput(configMutator: WebpackConfigMutator) {\n  if (!configMutator.raw.output) configMutator.raw.output = {};\n  configMutator.raw.output.publicPath = '/';\n\n  return configMutator;\n}\n"],"mappings":";;;;;;;;AAEO,SAASA,YAAT,CAAsBC,aAAtB,EAA2D;EAChE,OAAOA,aAAa,CAACC,WAAd,CAA0B,WAA1B,EAAuC;IAC5CC,kBAAkB,EAAE;MAClBC,KAAK,EAAE,aADW;MAElBC,cAAc,EAAE;IAFE,CADwB;IAK5CC,OAAO,EAAE;MACP,+BAA+B;IADxB;EALmC,CAAvC,CAAP;AASD;;AAEM,SAASC,SAAT,CAAmBN,aAAnB,EAAwD;EAC7D,IAAI,CAACA,aAAa,CAACO,GAAd,CAAkBC,MAAvB,EAA+BR,aAAa,CAACO,GAAd,CAAkBC,MAAlB,GAA2B,EAA3B;EAC/BR,aAAa,CAACO,GAAd,CAAkBC,MAAlB,CAAyBC,UAAzB,GAAsC,GAAtC;EAEA,OAAOT,aAAP;AACD"}

package/dist/apps/web/webpack/webpack.app.ssr.config.d.ts

@@ -0,0 +1,15 @@
+import type { Configuration } from 'webpack';
+export declare const SSR_ENTRY_FILE = "index.js";
+/** _external_ base url for static files. (is not a folder)
+ * @example
+ * "http://localhost:3000/public/main.88a88d47d86aaabc0230.js"
+ */
+export declare const PUBLIC_PATH = "/public";
+declare enum Targets {
+    ssr = "ssr",
+    browser = "browser"
+}
+export declare function calcOutputPath(appName: string, target: Targets | keyof typeof Targets): string;
+export declare function clientConfig(): Configuration;
+export declare function ssrConfig(): Configuration;
+export {};

package/dist/apps/web/webpack/webpack.app.ssr.config.js

@@ -0,0 +1,62 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SSR_ENTRY_FILE = exports.PUBLIC_PATH = void 0;
+exports.calcOutputPath = calcOutputPath;
+exports.clientConfig = clientConfig;
+exports.ssrConfig = ssrConfig;
+
+function _path() {
+  const data = require("path");
+
+  _path = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const OUTPUT_FOLDER = 'public/bit-apps';
+const SSR_ENTRY_FILE = 'index.js';
+/** _external_ base url for static files. (is not a folder)
+ * @example
+ * "http://localhost:3000/public/main.88a88d47d86aaabc0230.js"
+ */
+
+exports.SSR_ENTRY_FILE = SSR_ENTRY_FILE;
+const PUBLIC_PATH = '/public';
+exports.PUBLIC_PATH = PUBLIC_PATH;
+var Targets;
+
+(function (Targets) {
+  Targets["ssr"] = "ssr";
+  Targets["browser"] = "browser";
+})(Targets || (Targets = {}));
+
+function calcOutputPath(appName, target) {
+  return (0, _path().join)(OUTPUT_FOLDER, appName, target);
+}
+
+function clientConfig() {
+  return {
+    output: {
+      publicPath: PUBLIC_PATH,
+      filename: '[name].[chunkhash].js'
+    }
+  };
+}
+
+function ssrConfig() {
+  return {
+    target: 'node',
+    devtool: 'eval-cheap-source-map',
+    output: {
+      libraryTarget: 'commonjs',
+      filename: SSR_ENTRY_FILE
+    }
+  };
+}
+
+//# sourceMappingURL=webpack.app.ssr.config.js.map

package/dist/apps/web/webpack/webpack.app.ssr.config.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["OUTPUT_FOLDER","SSR_ENTRY_FILE","PUBLIC_PATH","Targets","calcOutputPath","appName","target","join","clientConfig","output","publicPath","filename","ssrConfig","devtool","libraryTarget"],"sources":["webpack.app.ssr.config.ts"],"sourcesContent":["import { join } from 'path';\nimport type { Configuration } from 'webpack';\n\nconst OUTPUT_FOLDER = 'public/bit-apps';\nexport const SSR_ENTRY_FILE = 'index.js';\n/** _external_ base url for static files. (is not a folder)\n * @example\n * \"http://localhost:3000/public/main.88a88d47d86aaabc0230.js\"\n */\nexport const PUBLIC_PATH = '/public';\n\nenum Targets {\n  ssr = 'ssr',\n  browser = 'browser',\n}\n\nexport function calcOutputPath(appName: string, target: Targets | keyof typeof Targets) {\n  return join(OUTPUT_FOLDER, appName, target);\n}\n\nexport function clientConfig(): Configuration {\n  return {\n    output: { publicPath: PUBLIC_PATH, filename: '[name].[chunkhash].js' },\n  };\n}\n\nexport function ssrConfig(): Configuration {\n  return {\n    target: 'node',\n    devtool: 'eval-cheap-source-map',\n\n    output: {\n      libraryTarget: 'commonjs',\n      filename: SSR_ENTRY_FILE,\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGA,MAAMA,aAAa,GAAG,iBAAtB;AACO,MAAMC,cAAc,GAAG,UAAvB;AACP;AACA;AACA;AACA;;;AACO,MAAMC,WAAW,GAAG,SAApB;;IAEFC,O;;WAAAA,O;EAAAA,O;EAAAA,O;GAAAA,O,KAAAA,O;;AAKE,SAASC,cAAT,CAAwBC,OAAxB,EAAyCC,MAAzC,EAAiF;EACtF,OAAO,IAAAC,YAAA,EAAKP,aAAL,EAAoBK,OAApB,EAA6BC,MAA7B,CAAP;AACD;;AAEM,SAASE,YAAT,GAAuC;EAC5C,OAAO;IACLC,MAAM,EAAE;MAAEC,UAAU,EAAER,WAAd;MAA2BS,QAAQ,EAAE;IAArC;EADH,CAAP;AAGD;;AAEM,SAASC,SAAT,GAAoC;EACzC,OAAO;IACLN,MAAM,EAAE,MADH;IAELO,OAAO,EAAE,uBAFJ;IAILJ,MAAM,EAAE;MACNK,aAAa,EAAE,UADT;MAENH,QAAQ,EAAEV;IAFJ;EAJH,CAAP;AASD"}

package/dist/react.main.runtime.js

@@ -588,7 +588,7 @@ class ReactMain {
   static async provider([envs, jestAspect, tsAspect, compiler, webpack, workspace, graphql, pkg, tester, eslint, prettier, application, generator, dependencyResolver, loggerMain], config) {
     const logger = loggerMain.createLogger(_react().ReactAspect.id);
     const reactEnv = new (_react2().ReactEnv)(jestAspect, tsAspect, compiler, webpack, workspace, pkg, tester, config, eslint, prettier, dependencyResolver, logger, _compiler().CompilerAspect.id);
-    const appType = new (_web().ReactAppType)('react-app', reactEnv);
+    const appType = new (_web().ReactAppType)('react-app', reactEnv, logger);
     const react = new ReactMain(reactEnv, envs, application, appType);
     graphql.register((0, _react3().reactSchema)(react));
     envs.registerEnv(reactEnv);