@teambit/react 0.0.784 → 0.0.787

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

@@ -70,7 +70,7 @@ export type ReactAppOptions = {
   /**
    * path to entry files of the application.
    */
-  entry: string[];
+  entry: string[]|(() => Promise<string[]>);
 
   /**
    * use server-side rendering for the app.

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

@@ -6,7 +6,7 @@ import { ReactEnv } from '../../react.env';
 export class ReactAppType implements ApplicationType<ReactAppOptions> {
   constructor(readonly name: string, private reactEnv: ReactEnv) {}
 
-  async createApp(options: ReactAppOptions) {
+  createApp(options: ReactAppOptions) {
     return new ReactApp(
       options.name,
       options.entry,

package/apps/web/react.application.ts

@@ -16,7 +16,7 @@ import { computeResults } from './compute-results';
 export class ReactApp implements Application {
   constructor(
     readonly name: string,
-    readonly entry: string[],
+    readonly entry: string[]|(() => Promise<string[]>),
     readonly portRange: number[],
     private reactEnv: ReactEnv,
     readonly prerender?: ReactAppPrerenderOptions,
@@ -89,7 +89,8 @@ export class ReactApp implements Application {
     const publicDir = this.getPublicDir(context.artifactsDir);
     const outputPath = join(capsule.path, publicDir);
     const { distDir } = reactEnv.getCompiler();
-    const entries = this.entry.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));
+    const targetEntries = Array.isArray(this.entry) ? this.entry : await this.entry();
+    const entries = targetEntries.map((entry) => require.resolve(`${capsule.path}/${distDir}/${basename(entry)}`));
     const staticDir = join(outputPath, this.dir);
 
     const bundlerContext: BundlerContext = Object.assign(context, {
@@ -184,9 +185,15 @@ export class ReactApp implements Application {
     return join(artifactsDir, this.applicationType, this.name);
   }
 
+  async getEntries(): Promise<string[]> {
+    if (Array.isArray(this.entry)) return this.entry;
+    return this.entry();
+  }
+
   private async getDevServerContext(context: AppContext): Promise<DevServerContext> {
+    const entries = await this.getEntries();
     return Object.assign(context, {
-      entry: this.entry,
+      entry: entries,
       rootPath: '',
       publicPath: `public/${this.name}`,
       title: this.name,

package/artifacts/__bit_junit.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <testsuites>
-  <testsuite name="teambit.react/react@0.0.784" timestamp="2022-07-08T03:51:26.089Z" tests="1" failures="0" errors="0" skipped="0">
-    <testcase classname="index-file.spec.js" name="should match snapshot" time="0.033"/>
+  <testsuite name="teambit.react/react@0.0.787" timestamp="2022-07-12T11:16:39.768Z" tests="1" failures="0" errors="0" skipped="0">
+    <testcase classname="index-file.spec.js" name="should match snapshot" time="0.022"/>
   </testsuite>
 </testsuites>