@teambit/preview 0.0.777 → 0.0.778

package/strategies/component-strategy.ts

@@ -119,12 +119,16 @@ export class ComponentBundlingStrategy implements BundlingStrategy {
     component: Component,
     context: ComputeTargetsContext
   ): Promise<ComponentEntry> {
-    const path = await this.computePaths(previewDefs, context, component);
+    const componentPreviewPath = await this.computePaths(previewDefs, context, component);
     const [componentPath] = this.getPaths(context, component, [component.mainFile]);
-    const componentPreviewChunkId = this.getComponentChunkId(component.id, 'preview');
+
+    const chunks = {
+      componentPreview: this.getComponentChunkId(component.id, 'preview'),
+      component: context.splitComponentBundle ? component.id.toStringWithoutVersion() : undefined,
+    };
 
     const entries = {
-      [componentPreviewChunkId]: {
+      [chunks.componentPreview]: {
         filename: this.getComponentChunkFileName(
           component.id.toString({
             fsCompatible: true,
@@ -132,17 +136,14 @@ export class ComponentBundlingStrategy implements BundlingStrategy {
           }),
           'preview'
         ),
-        import: path,
-        // dependOn: component.id.toStringWithoutVersion(),
-        library: {
-          name: componentPreviewChunkId,
-          type: 'umd',
-        },
+        import: componentPreviewPath,
+        dependOn: chunks.component,
+        library: { name: chunks.componentPreview, type: 'umd' },
       },
     };
-    if (context.splitComponentBundle) {
-      const componentChunkId = component.id.toStringWithoutVersion();
-      entries[componentChunkId] = {
+
+    if (chunks.component) {
+      entries[chunks.component] = {
         filename: this.getComponentChunkFileName(
           component.id.toString({
             fsCompatible: true,
@@ -150,13 +151,12 @@ export class ComponentBundlingStrategy implements BundlingStrategy {
           }),
           'component'
         ),
+        dependOn: undefined,
         import: componentPath,
-        library: {
-          name: componentChunkId,
-          type: 'umd',
-        },
+        library: { name: chunks.component, type: 'umd' },
       };
     }
+
     return { component, entries };
   }
 

package/strategies/generate-component-link.ts

@@ -17,15 +17,15 @@ export function generateComponentLink(modules: ModuleVar[]): string {
   // import per preview file
   const importStr: string = links
     .map(({ entries }) => entries.map(({ path, linkName }) => `import * as ${linkName} from '${path}'`).join(';\n'))
-    .join('\n');
+    .join(';\n');
 
   // export files group per preview
   const exportsString: string = links
     .map(({ name, entries }) => `export const ${name} = [${entries.map((entry) => entry.linkName).join(', ')}]`)
     .join(';\n');
 
-  return `${importStr}
+  return `${importStr};
 
-${exportsString}
+${exportsString};
 `;
 }