@teambit/react 0.0.737 → 0.0.740

package/apps/web/compute-results.ts

@@ -0,0 +1,18 @@
+import { BundlerResult } from '@teambit/bundler';
+import { ReactAppBuildResult } from './react-build-result';
+
+type resultsOptions = {
+  publicDir: string;
+};
+export async function computeResults(
+  results: BundlerResult[],
+  { publicDir }: resultsOptions
+): Promise<ReactAppBuildResult> {
+  const result = results[0];
+
+  return {
+    publicDir,
+    errors: result.errors,
+    warnings: result.warnings,
+  };
+}

package/apps/web/react.application.ts

@@ -11,6 +11,7 @@ import { ReactAppBuildResult } from './react-build-result';
 import { ReactAppPrerenderOptions } from './react-app-options';
 import { html } from '../../webpack';
 import { ReactDeployContext } from '.';
+import { computeResults } from './compute-results';
 
 export class ReactApp implements Application {
   constructor(
@@ -35,7 +36,7 @@ export class ReactApp implements Application {
       await this.devServer.listen(port);
       return port;
     }
-    const devServerContext = this.getDevServerContext(context);
+    const devServerContext = await this.getDevServerContext(context);
     const devServer = this.reactEnv.getDevServer(devServerContext, [
       (configMutator) =>
         configMutator.addTopLevel('devServer', {
@@ -70,8 +71,9 @@ export class ReactApp implements Application {
       html: htmlConfig,
     });
     const bundler = await this.getBundler(context);
-    await bundler.run();
-    return { publicDir: `${this.getPublicDir()}/${this.dir}` };
+    const bundleResult = await bundler.run();
+
+    return computeResults(bundleResult, { publicDir: `${this.getPublicDir()}/${this.dir}` });
   }
 
   private getBundler(context: AppBuildContext) {
@@ -93,6 +95,8 @@ export class ReactApp implements Application {
           components: [capsule?.component],
           entries,
           outputPath,
+          hostDependencies: await this.getPeers(),
+          aliasHostDependencies: true,
         },
       ],
       entry: [],
@@ -177,13 +181,19 @@ export class ReactApp implements Application {
     return join(this.applicationType, this.name);
   }
 
-  private getDevServerContext(context: AppContext): DevServerContext {
+  private async getDevServerContext(context: AppContext): Promise<DevServerContext> {
     return Object.assign(context, {
       entry: this.entry,
       rootPath: '',
       publicPath: `public/${this.name}`,
       title: this.name,
       favicon: this.favicon,
+      hostDependencies: await this.getPeers(),
+      aliasHostDependencies: true,
     });
   }
+
+  private getPeers(): Promise<string[]> {
+    return this.reactEnv.getPeerDependenciesList();
+  }
 }