@teambit/preview 0.0.775 → 0.0.778

package/dist/preview.preview.runtime.js

@@ -141,6 +141,16 @@ function _previewModules() {
   return data;
 }
 
+function _htmlUtils() {
+  const data = require("./html-utils");
+
+  _htmlUtils = function () {
+    return data;
+  };
+
+  return data;
+}
+
 // forward linkModules() for generate-link.ts
 class PreviewPreview {
   constructor(
@@ -249,14 +259,15 @@ class PreviewPreview {
     const allFiles = await this.fetchComponentPreviewFiles(id, name); // It's a component bundled with the env
 
     if (allFiles === null) return {};
-    allFiles.forEach(file => {
+    await Promise.all(allFiles.map(file => {
       // We want to run the preview file always last
       if (file.endsWith('-preview.js')) {
         previewFile = file;
-      } else {
-        this.addComponentFileElement(id, file);
+        return undefined;
       }
-    });
+
+      return this.addComponentFileElement(id, file);
+    }));
     if (!previewFile) return {};
     return this.loadPreviewScript(id, name, previewFile);
   }
@@ -293,45 +304,30 @@ class PreviewPreview {
   }
 
   addComponentFileScriptElement(id, previewBundleFileName) {
-    const script = document.createElement('script');
-    script.setAttribute('defer', 'defer');
-    const stringId = id.toString();
     const previewRoute = `~aspect/component-preview`;
+    const stringId = id.toString();
     const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;
-    script.src = src;
-    document.head.appendChild(script);
-    return script;
+    return (0, _htmlUtils().loadScript)({
+      src
+    });
   }
 
   addComponentFileLinkElement(id, previewBundleFileName) {
-    const link = document.createElement('link');
     const stringId = id.toString();
     const previewRoute = `~aspect/component-preview`;
     const href = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;
-    link.setAttribute('href', href);
-
-    if (previewBundleFileName.endsWith('.css')) {
-      link.setAttribute('rel', 'stylesheet');
-    }
-
-    document.head.appendChild(link);
-    return link;
+    return (0, _htmlUtils().loadLink)({
+      href
+    });
   }
 
   async loadPreviewScript(id, previewName, previewBundleFileName) {
-    await new Promise((resolve, reject) => {
-      const script = document.createElement('script');
-      const previewRoute = `~aspect/component-preview`;
-      const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;
-      script.src = src;
-      script.setAttribute('defer', 'defer');
-
-      script.onload = () => resolve();
-
-      script.onerror = (message, _, _1, _2, error) => reject(error || new Error(`[preview.preview] failed to load preview script: ${message}`));
+    const previewRoute = `~aspect/component-preview`;
+    const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;
+    await (0, _htmlUtils().loadScript)({
+      src
+    }); // TODO - replace with jsonp
 
-      document.head.appendChild(script);
-    });
     const globalId = `${id.toStringWithoutVersion()}-preview`;
     const componentPreview = window[globalId];
     if (!componentPreview) throw new (_exceptions().PreviewNotFound)(previewName);

package/dist/preview.preview.runtime.js.map

@@ -1 +1 @@
-{"version":3,"names":["PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","previewName","componentId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","includes","filter","module","componentAspects","getComponentAspects","toString","render","getRenderingContext","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","window","addEventListener","e","timestamp","Date","now","clickEvent","Object","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","mainModule","previewFile","allFiles","fetchComponentPreviewFiles","forEach","file","endsWith","addComponentFileElement","loadPreviewScript","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","previewAssetsRoute","stringId","url","res","crossFetch","status","parsed","json","isBundledWithEnv","files","length","script","document","createElement","setAttribute","previewRoute","src","head","appendChild","link","href","reject","onload","onerror","message","_","_1","_2","error","globalId","toStringWithoutVersion","componentPreview","registerPreview","register","aspectsFilter","RenderingContext","registerRenderContext","renderContext","previews","values","defaultOne","find","previewCandidate","default","getParam","query","param","params","URLSearchParams","withoutHash","location","hash","substring","before","after","split","ComponentID","tryFromString","provider","config","PreviewRuntime","PubsubAspect","Slot","withType","addRuntime"],"sources":["preview.preview.runtime.tsx"],"sourcesContent":["import PubsubAspect, { PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\nimport crossFetch from 'cross-fetch';\nimport memoize from 'memoizee';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { ModuleFile, PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\nimport { fetchComponentAspects } from './gql/fetch-component-aspects';\nimport { PREVIEW_MODULES } from './preview-modules';\n\n// forward linkModules() for generate-link.ts\nexport { linkModules } from './preview-modules';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\nexport type RenderingContextSlot = SlotRegistry<RenderingContextProvider>;\n\nexport class PreviewPreview {\n  constructor(\n    /**\n     * register to pubsub\n     */\n    private pubsub: PubsubPreview,\n\n    /**\n     * preview slot.\n     */\n    private previewSlot: PreviewSlot,\n\n    private renderingContextSlot: RenderingContextSlot\n  ) {\n    this.registerClickPubSub();\n  }\n\n  private registerClickPubSub() {\n    window.addEventListener('click', (e) => {\n      const timestamp = Date.now();\n      const clickEvent = Object.assign({}, e);\n      this.pubsub.pub(PreviewAspect.id, new ClickInsideAnIframeEvent(timestamp, clickEvent));\n    });\n  }\n\n  private isDev = false;\n\n  private isReady() {\n    const { previewName } = this.getLocation();\n    const name = previewName || this.getDefault();\n\n    if (!PREVIEW_MODULES.has(name)) return false;\n    const preview = this.getPreview(name);\n    if (!preview) return false;\n    const includedReady = preview.include?.every((included) => PREVIEW_MODULES.has(included)) ?? true;\n    if (!includedReady) return false;\n\n    return true;\n  }\n\n  private _setupPromise?: Promise<void>;\n  setup = () => {\n    if (this.isReady()) return Promise.resolve();\n\n    this._setupPromise ??= new Promise((resolve) => {\n      PREVIEW_MODULES.onSet.add(() => {\n        if (this.isReady()) resolve();\n      });\n    });\n\n    return this._setupPromise;\n  };\n\n  /**\n   * render the preview.\n   */\n  render = async (rootExt?: string) => {\n    const { previewName, componentId } = this.getLocation();\n    const name = previewName || this.getDefault();\n    if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';\n\n    const preview = this.getPreview(name);\n    if (!preview || !componentId) {\n      throw new PreviewNotFound(previewName);\n    }\n\n    const includesAll = await Promise.all(\n      (preview.include || []).map(async (inclPreviewName) => {\n        const includedPreview = this.getPreview(inclPreviewName);\n        if (!includedPreview) return undefined;\n\n        const inclPreviewModule = await this.getPreviewModule(inclPreviewName, componentId);\n        return includedPreview.selectPreviewModel?.(componentId.fullName, inclPreviewModule);\n      })\n    );\n\n    const includes = includesAll.filter((module) => !!module);\n    // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering\n    const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;\n\n    return preview.render(\n      componentId,\n      await this.getPreviewModule(name, componentId),\n      includes,\n      this.getRenderingContext(componentAspects)\n    );\n  };\n\n  async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {\n    const compShortId = id.fullName;\n\n    const relevantModel = PREVIEW_MODULES.get(previewName);\n    if (!relevantModel) throw new Error(`[preview.preview] missing preview \"${previewName}\"`);\n    if (relevantModel.componentMap[compShortId]) return relevantModel;\n\n    const componentPreviews = await this.fetchComponentPreview(id, previewName);\n    PREVIEW_MODULES.loadComponentPreviews(compShortId, componentPreviews);\n\n    const component = componentPreviews[previewName];\n\n    return {\n      mainModule: relevantModel.mainModule,\n      componentMap: {\n        [id.fullName]: component,\n      },\n    };\n  }\n\n  async fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>> {\n    let previewFile: string | undefined;\n    const allFiles = await this.fetchComponentPreviewFiles(id, name);\n    // It's a component bundled with the env\n    if (allFiles === null) return {};\n\n    allFiles.forEach((file) => {\n      // We want to run the preview file always last\n      if (file.endsWith('-preview.js')) {\n        previewFile = file;\n      } else {\n        this.addComponentFileElement(id, file);\n      }\n    });\n\n    if (!previewFile) return {};\n    return this.loadPreviewScript(id, name, previewFile);\n  }\n\n  private addComponentFileElement(id: ComponentID, previewBundleFileName: string) {\n    if (previewBundleFileName.endsWith('.js')) {\n      return this.addComponentFileScriptElement(id, previewBundleFileName);\n    }\n    return this.addComponentFileLinkElement(id, previewBundleFileName);\n  }\n\n  private async fetchComponentPreviewFiles(id: ComponentID, previewName: string): Promise<string[] | null> {\n    const previewAssetsRoute = `~aspect/preview-assets`;\n    const stringId = id.toString();\n    const url = `/api/${stringId}/${previewAssetsRoute}`;\n\n    const res = await crossFetch(url);\n    if (res.status >= 400) {\n      throw new PreviewNotFound(previewName);\n    }\n    const parsed = await res.json();\n    // This is component bundled with the env, no reason to bring the files, as they will be the files of the env\n    if (parsed.isBundledWithEnv) {\n      return null;\n    }\n    if (!parsed.files || !parsed.files.length) {\n      throw new PreviewNotFound(previewName);\n    }\n    return parsed.files;\n  }\n\n  private addComponentFileScriptElement(id: ComponentID, previewBundleFileName: string) {\n    const script = document.createElement('script');\n    script.setAttribute('defer', 'defer');\n    const stringId = id.toString();\n    const previewRoute = `~aspect/component-preview`;\n    const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    script.src = src;\n    document.head.appendChild(script);\n    return script;\n  }\n\n  private addComponentFileLinkElement(id: ComponentID, previewBundleFileName: string) {\n    const link = document.createElement('link');\n    const stringId = id.toString();\n    const previewRoute = `~aspect/component-preview`;\n    const href = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    link.setAttribute('href', href);\n    if (previewBundleFileName.endsWith('.css')) {\n      link.setAttribute('rel', 'stylesheet');\n    }\n    document.head.appendChild(link);\n    return link;\n  }\n\n  private async loadPreviewScript(id: ComponentID, previewName: string, previewBundleFileName: string) {\n    await new Promise<void>((resolve, reject) => {\n      const script = document.createElement('script');\n      const previewRoute = `~aspect/component-preview`;\n      const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;\n      script.src = src;\n      script.setAttribute('defer', 'defer');\n      script.onload = () => resolve();\n      script.onerror = (message, _, _1, _2, error) =>\n        reject(error || new Error(`[preview.preview] failed to load preview script: ${message}`));\n      document.head.appendChild(script);\n    });\n\n    const globalId = `${id.toStringWithoutVersion()}-preview`;\n    const componentPreview = window[globalId];\n    if (!componentPreview) throw new PreviewNotFound(previewName);\n\n    return componentPreview as Record<string, ModuleFile[]>;\n  }\n\n  private getComponentAspects = memoize(fetchComponentAspects, {\n    max: 100,\n    maxAge: 12 * 60 * 60 * 1000,\n  });\n\n  /**\n   * register a new preview.\n   */\n  registerPreview(preview: PreviewType) {\n    this.previewSlot.register(preview);\n    return this;\n  }\n\n  /**\n   * get the preview rendering context.\n   */\n  getRenderingContext(aspectsFilter?: string[]) {\n    return new RenderingContext(this.renderingContextSlot, { aspectsFilter });\n  }\n\n  /**\n   * allows aspects to add rendering contexts.\n   * render context is available through all preview definitions.\n   */\n  registerRenderContext(renderContext: RenderingContextProvider) {\n    this.renderingContextSlot.register(renderContext);\n    return this;\n  }\n\n  getDefault() {\n    const previews = this.previewSlot.values();\n    const defaultOne = previews.find((previewCandidate) => previewCandidate.default);\n\n    return defaultOne?.name || previews[0].name;\n  }\n\n  private getPreview(previewName: string): undefined | PreviewType {\n    const previews = this.previewSlot.values();\n    const preview = previews.find((previewCandidate) => previewCandidate.name === previewName);\n\n    return preview;\n  }\n\n  private getParam(query: string, param: string) {\n    const params = new URLSearchParams(query);\n    return params.get(param);\n  }\n\n  private getLocation() {\n    const withoutHash = window.location.hash.substring(1);\n    const [before, after] = withoutHash.split('?');\n\n    return {\n      previewName: this.getParam(after, 'preview'),\n      componentId: ComponentID.tryFromString(before),\n    };\n  }\n\n  static runtime = PreviewRuntime;\n\n  static dependencies = [PubsubAspect];\n\n  static slots = [Slot.withType<PreviewType>(), Slot.withType<RenderingContextProvider>()];\n\n  static async provider(\n    [pubsub]: [PubsubPreview],\n    config,\n    [previewSlot, renderingContextSlot]: [PreviewSlot, RenderingContextSlot]\n  ) {\n    const preview = new PreviewPreview(pubsub, previewSlot, renderingContextSlot);\n\n    window.addEventListener('hashchange', () => {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      preview.render();\n    });\n\n    return preview;\n  }\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"],"mappings":"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"}
+{"version":3,"names":["PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","previewName","componentId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","includes","filter","module","componentAspects","getComponentAspects","toString","render","getRenderingContext","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","window","addEventListener","e","timestamp","Date","now","clickEvent","Object","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","mainModule","previewFile","allFiles","fetchComponentPreviewFiles","file","endsWith","addComponentFileElement","loadPreviewScript","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","previewAssetsRoute","stringId","url","res","crossFetch","status","parsed","json","isBundledWithEnv","files","length","previewRoute","src","loadScript","href","loadLink","globalId","toStringWithoutVersion","componentPreview","registerPreview","register","aspectsFilter","RenderingContext","registerRenderContext","renderContext","previews","values","defaultOne","find","previewCandidate","default","getParam","query","param","params","URLSearchParams","withoutHash","location","hash","substring","before","after","split","ComponentID","tryFromString","provider","config","PreviewRuntime","PubsubAspect","Slot","withType","addRuntime"],"sources":["preview.preview.runtime.tsx"],"sourcesContent":["import PubsubAspect, { PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\nimport crossFetch from 'cross-fetch';\nimport memoize from 'memoizee';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { ModuleFile, PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\nimport { fetchComponentAspects } from './gql/fetch-component-aspects';\nimport { PREVIEW_MODULES } from './preview-modules';\nimport { loadScript, loadLink } from './html-utils';\n\n// forward linkModules() for generate-link.ts\nexport { linkModules } from './preview-modules';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\nexport type RenderingContextSlot = SlotRegistry<RenderingContextProvider>;\n\nexport class PreviewPreview {\n  constructor(\n    /**\n     * register to pubsub\n     */\n    private pubsub: PubsubPreview,\n\n    /**\n     * preview slot.\n     */\n    private previewSlot: PreviewSlot,\n\n    private renderingContextSlot: RenderingContextSlot\n  ) {\n    this.registerClickPubSub();\n  }\n\n  private registerClickPubSub() {\n    window.addEventListener('click', (e) => {\n      const timestamp = Date.now();\n      const clickEvent = Object.assign({}, e);\n      this.pubsub.pub(PreviewAspect.id, new ClickInsideAnIframeEvent(timestamp, clickEvent));\n    });\n  }\n\n  private isDev = false;\n\n  private isReady() {\n    const { previewName } = this.getLocation();\n    const name = previewName || this.getDefault();\n\n    if (!PREVIEW_MODULES.has(name)) return false;\n    const preview = this.getPreview(name);\n    if (!preview) return false;\n    const includedReady = preview.include?.every((included) => PREVIEW_MODULES.has(included)) ?? true;\n    if (!includedReady) return false;\n\n    return true;\n  }\n\n  private _setupPromise?: Promise<void>;\n  setup = () => {\n    if (this.isReady()) return Promise.resolve();\n\n    this._setupPromise ??= new Promise((resolve) => {\n      PREVIEW_MODULES.onSet.add(() => {\n        if (this.isReady()) resolve();\n      });\n    });\n\n    return this._setupPromise;\n  };\n\n  /**\n   * render the preview.\n   */\n  render = async (rootExt?: string) => {\n    const { previewName, componentId } = this.getLocation();\n    const name = previewName || this.getDefault();\n    if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';\n\n    const preview = this.getPreview(name);\n    if (!preview || !componentId) {\n      throw new PreviewNotFound(previewName);\n    }\n\n    const includesAll = await Promise.all(\n      (preview.include || []).map(async (inclPreviewName) => {\n        const includedPreview = this.getPreview(inclPreviewName);\n        if (!includedPreview) return undefined;\n\n        const inclPreviewModule = await this.getPreviewModule(inclPreviewName, componentId);\n        return includedPreview.selectPreviewModel?.(componentId.fullName, inclPreviewModule);\n      })\n    );\n\n    const includes = includesAll.filter((module) => !!module);\n    // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering\n    const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;\n\n    return preview.render(\n      componentId,\n      await this.getPreviewModule(name, componentId),\n      includes,\n      this.getRenderingContext(componentAspects)\n    );\n  };\n\n  async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {\n    const compShortId = id.fullName;\n\n    const relevantModel = PREVIEW_MODULES.get(previewName);\n    if (!relevantModel) throw new Error(`[preview.preview] missing preview \"${previewName}\"`);\n    if (relevantModel.componentMap[compShortId]) return relevantModel;\n\n    const componentPreviews = await this.fetchComponentPreview(id, previewName);\n    PREVIEW_MODULES.loadComponentPreviews(compShortId, componentPreviews);\n\n    const component = componentPreviews[previewName];\n\n    return {\n      mainModule: relevantModel.mainModule,\n      componentMap: {\n        [id.fullName]: component,\n      },\n    };\n  }\n\n  async fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>> {\n    let previewFile: string | undefined;\n    const allFiles = await this.fetchComponentPreviewFiles(id, name);\n    // It's a component bundled with the env\n    if (allFiles === null) return {};\n\n    await Promise.all(\n      allFiles.map((file) => {\n        // We want to run the preview file always last\n        if (file.endsWith('-preview.js')) {\n          previewFile = file;\n          return undefined;\n        }\n\n        return this.addComponentFileElement(id, file);\n      })\n    );\n\n    if (!previewFile) return {};\n    return this.loadPreviewScript(id, name, previewFile);\n  }\n\n  private addComponentFileElement(id: ComponentID, previewBundleFileName: string) {\n    if (previewBundleFileName.endsWith('.js')) {\n      return this.addComponentFileScriptElement(id, previewBundleFileName);\n    }\n    return this.addComponentFileLinkElement(id, previewBundleFileName);\n  }\n\n  private async fetchComponentPreviewFiles(id: ComponentID, previewName: string): Promise<string[] | null> {\n    const previewAssetsRoute = `~aspect/preview-assets`;\n    const stringId = id.toString();\n    const url = `/api/${stringId}/${previewAssetsRoute}`;\n\n    const res = await crossFetch(url);\n    if (res.status >= 400) {\n      throw new PreviewNotFound(previewName);\n    }\n    const parsed = await res.json();\n    // This is component bundled with the env, no reason to bring the files, as they will be the files of the env\n    if (parsed.isBundledWithEnv) {\n      return null;\n    }\n    if (!parsed.files || !parsed.files.length) {\n      throw new PreviewNotFound(previewName);\n    }\n    return parsed.files;\n  }\n\n  private addComponentFileScriptElement(id: ComponentID, previewBundleFileName: string) {\n    const previewRoute = `~aspect/component-preview`;\n    const stringId = id.toString();\n    const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    return loadScript({ src });\n  }\n\n  private addComponentFileLinkElement(id: ComponentID, previewBundleFileName: string) {\n    const stringId = id.toString();\n    const previewRoute = `~aspect/component-preview`;\n    const href = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    return loadLink({ href });\n  }\n\n  private async loadPreviewScript(id: ComponentID, previewName: string, previewBundleFileName: string) {\n    const previewRoute = `~aspect/component-preview`;\n    const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;\n    await loadScript({ src });\n\n    // TODO - replace with jsonp\n    const globalId = `${id.toStringWithoutVersion()}-preview`;\n    const componentPreview = window[globalId];\n    if (!componentPreview) throw new PreviewNotFound(previewName);\n\n    return componentPreview as Record<string, ModuleFile[]>;\n  }\n\n  private getComponentAspects = memoize(fetchComponentAspects, {\n    max: 100,\n    maxAge: 12 * 60 * 60 * 1000,\n  });\n\n  /**\n   * register a new preview.\n   */\n  registerPreview(preview: PreviewType) {\n    this.previewSlot.register(preview);\n    return this;\n  }\n\n  /**\n   * get the preview rendering context.\n   */\n  getRenderingContext(aspectsFilter?: string[]) {\n    return new RenderingContext(this.renderingContextSlot, { aspectsFilter });\n  }\n\n  /**\n   * allows aspects to add rendering contexts.\n   * render context is available through all preview definitions.\n   */\n  registerRenderContext(renderContext: RenderingContextProvider) {\n    this.renderingContextSlot.register(renderContext);\n    return this;\n  }\n\n  getDefault() {\n    const previews = this.previewSlot.values();\n    const defaultOne = previews.find((previewCandidate) => previewCandidate.default);\n\n    return defaultOne?.name || previews[0].name;\n  }\n\n  private getPreview(previewName: string): undefined | PreviewType {\n    const previews = this.previewSlot.values();\n    const preview = previews.find((previewCandidate) => previewCandidate.name === previewName);\n\n    return preview;\n  }\n\n  private getParam(query: string, param: string) {\n    const params = new URLSearchParams(query);\n    return params.get(param);\n  }\n\n  private getLocation() {\n    const withoutHash = window.location.hash.substring(1);\n    const [before, after] = withoutHash.split('?');\n\n    return {\n      previewName: this.getParam(after, 'preview'),\n      componentId: ComponentID.tryFromString(before),\n    };\n  }\n\n  static runtime = PreviewRuntime;\n\n  static dependencies = [PubsubAspect];\n\n  static slots = [Slot.withType<PreviewType>(), Slot.withType<RenderingContextProvider>()];\n\n  static async provider(\n    [pubsub]: [PubsubPreview],\n    config,\n    [previewSlot, renderingContextSlot]: [PreviewSlot, RenderingContextSlot]\n  ) {\n    const preview = new PreviewPreview(pubsub, previewSlot, renderingContextSlot);\n\n    window.addEventListener('hashchange', () => {\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      preview.render();\n    });\n\n    return preview;\n  }\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"],"mappings":"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"}

package/dist/strategies/component-strategy.js

@@ -184,34 +184,37 @@ class ComponentBundlingStrategy {
   }
 
   async computeComponentEntry(previewDefs, component, context) {
-    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,
           ignoreVersion: true
         }), 'preview'),
-        import: path,
-        // dependOn: component.id.toStringWithoutVersion(),
+        import: componentPreviewPath,
+        dependOn: chunks.component,
         library: {
-          name: componentPreviewChunkId,
+          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,
           ignoreVersion: true
         }), 'component'),
+        dependOn: undefined,
         import: componentPath,
         library: {
-          name: componentChunkId,
+          name: chunks.component,
           type: 'umd'
         }
       };

package/dist/strategies/component-strategy.js.map

@@ -1 +1 @@
-{"version":3,"names":["PREVIEW_CHUNK_SUFFIX","COMPONENT_CHUNK_SUFFIX","PREVIEW_CHUNK_FILENAME_SUFFIX","COMPONENT_CHUNK_FILENAME_SUFFIX","COMPONENT_STRATEGY_SIZE_KEY_NAME","COMPONENT_STRATEGY_ARTIFACT_NAME","ComponentBundlingStrategy","constructor","preview","pkg","dependencyResolver","computeTargets","context","previewDefs","outputPath","getOutputPath","existsSync","mkdirpSync","origComponents","capsuleNetwork","originalSeedersCapsules","map","capsule","component","entriesArr","Promise","all","computeComponentEntry","chunkSize","config","maxChunkSize","chunks","chunk","peers","getPeerDependenciesListFromEnv","env","targets","currentChunk","entries","components","forEach","entry","Object","assign","push","hostDependencies","aliasHostDependencies","externalizeHostDependencies","path","computePaths","componentPath","getPaths","mainFile","componentPreviewChunkId","getComponentChunkId","id","filename","getComponentChunkFileName","toString","fsCompatible","ignoreVersion","import","library","name","type","splitComponentBundle","componentChunkId","toStringWithoutVersion","componentId","idstr","suffix","getAssetAbsolutePath","asset","join","getAssetFilename","split","copyAssetsToCapsules","result","graphCapsules","getCapsule","files","findAssetsForComponent","assets","entriesAssetsMap","artifactDirFullPath","getArtifactDirectory","filePath","PreviewOutputFileNotFound","destFilePath","dirname","fs","copyFileSync","undefined","componentEntryId","componentPreviewEntryId","componentFiles","componentAuxiliaryFiles","auxiliaryAssets","componentPreviewFiles","componentPreviewAuxiliaryFiles","concat","CAPSULE_ARTIFACTS_DIR","computeComponentMetadata","file","basename","size","compressedSize","filesTotalSize","assetsSize","compressedTotalFiles","compressedAssetsSize","assetsTotalSize","auxiliaryAssetsSize","compressedTotalAssets","compressedAuxiliaryAssetsSize","totalSize","compressedTotal","metadata","totalFiles","totalAssets","total","computeResults","results","componentsResults","flatten","computeTargetResult","artifacts","getArtifactDef","isEmpty","errors","err","message","warning","warnings","startTime","endTime","globPatterns","rootDir","getDirName","envName","replace","resolve","capsulesRootDir","compiler","getCompiler","getDistPathBySrcPath","relative","getComponentOutputPath","defs","BitError","moduleMapsPromise","previewDef","moduleMap","getModuleMap","maybeFiles","get","prefix","paths","compiledPaths","moduleMaps","contents","generateComponentLink","writeLinkContents"],"sources":["component-strategy.ts"],"sourcesContent":["import { join, resolve, basename, dirname } from 'path';\nimport { existsSync, mkdirpSync } from 'fs-extra';\nimport { Component } from '@teambit/component';\nimport { ComponentID } from '@teambit/component-id';\nimport { flatten, isEmpty, chunk } from 'lodash';\nimport { Compiler } from '@teambit/compiler';\nimport type { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport type { Capsule } from '@teambit/isolator';\nimport { CAPSULE_ARTIFACTS_DIR, ComponentResult } from '@teambit/builder';\nimport type { PkgMain } from '@teambit/pkg';\nimport { BitError } from '@teambit/bit-error';\nimport type { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport type { BundlerResult, BundlerContext, Asset, BundlerEntryMap, EntriesAssetsMap, Target } from '@teambit/bundler';\nimport { BundlingStrategy, ComputeTargetsContext } from '../bundling-strategy';\nimport type { PreviewDefinition } from '../preview-definition';\nimport type { ComponentPreviewMetaData, PreviewMain } from '../preview.main.runtime';\nimport { generateComponentLink } from './generate-component-link';\nimport { PreviewOutputFileNotFound } from '../exceptions';\n\nexport const PREVIEW_CHUNK_SUFFIX = 'preview';\nexport const COMPONENT_CHUNK_SUFFIX = 'component';\nexport const PREVIEW_CHUNK_FILENAME_SUFFIX = `${PREVIEW_CHUNK_SUFFIX}.js`;\nexport const COMPONENT_CHUNK_FILENAME_SUFFIX = `${COMPONENT_CHUNK_SUFFIX}.js`;\n\nexport const COMPONENT_STRATEGY_SIZE_KEY_NAME = 'size';\nexport const COMPONENT_STRATEGY_ARTIFACT_NAME = 'preview-component';\n\ntype ComponentEntry = {\n  component: Component;\n  entries: Object;\n};\n/**\n * bundles all components in a given env into the same bundle.\n */\nexport class ComponentBundlingStrategy implements BundlingStrategy {\n  name = 'component';\n\n  constructor(private preview: PreviewMain, private pkg: PkgMain, private dependencyResolver: DependencyResolverMain) {}\n\n  async computeTargets(context: ComputeTargetsContext, previewDefs: PreviewDefinition[]): Promise<Target[]> {\n    const outputPath = this.getOutputPath(context);\n    if (!existsSync(outputPath)) mkdirpSync(outputPath);\n\n    // const entriesArr = flatten(\n    //   await Promise.all(\n    //     context.capsuleNetwork.seedersCapsules.map((capsule) => {\n    //       return this.computeComponentEntry(previewDefs, capsule.component, context);\n    //     }, {})\n    //   )\n    // );\n\n    const origComponents = context.capsuleNetwork.originalSeedersCapsules.map((capsule) => capsule.component);\n\n    const entriesArr = await Promise.all(\n      origComponents.map((component) => {\n        return this.computeComponentEntry(previewDefs, component, context);\n      }, {})\n    );\n\n    const chunkSize = this.preview.config.maxChunkSize;\n\n    const chunks = chunkSize ? chunk(entriesArr, chunkSize) : [entriesArr];\n\n    const peers = await this.dependencyResolver.getPeerDependenciesListFromEnv(context.env);\n\n    const targets = chunks.map((currentChunk) => {\n      const entries: BundlerEntryMap = {};\n      const components: Component[] = [];\n      currentChunk.forEach((entry) => {\n        Object.assign(entries, entry.entries);\n        components.push(entry.component);\n      });\n\n      return {\n        entries,\n        components,\n        outputPath,\n        /* It's a path to the root of the host component. */\n        // hostRootDir, handle this\n        hostDependencies: peers,\n        aliasHostDependencies: true,\n        externalizeHostDependencies: true,\n      };\n    });\n\n    return targets;\n    // const entries = entriesArr.reduce((entriesMap, entry) => {\n    //   entriesMap[entry.library.name] = entry;\n    //   return entriesMap;\n    // }, {});\n\n    // const modules = await Promise.all(entriesArr.map(async (entry) => {\n    //   const dependencies = await this.dependencyResolver.getDependencies(entry.component);\n    //   const manifest = dependencies.toDependenciesManifest();\n    //   const peer = Object.entries(manifest.peerDependencies || {}).reduce((acc, [packageName, version]) => {\n    //     acc[packageName] = {\n    //       singleton: true,\n    //       requiredVersion: version\n    //     };\n\n    //     return acc;\n    //   }, {});\n    //   // console.log(entry);\n    //   return {\n    //     name: entry.library.name,\n    //     exposes: {\n    //       '.': entry.import || ''\n    //     },\n    //     shared: {\n    //       ...manifest.dependencies,\n    //       ...peer\n    //     },\n    //   };\n    // }));\n  }\n\n  async computeComponentEntry(\n    previewDefs: PreviewDefinition[],\n    component: Component,\n    context: ComputeTargetsContext\n  ): Promise<ComponentEntry> {\n    const path = await this.computePaths(previewDefs, context, component);\n    const [componentPath] = this.getPaths(context, component, [component.mainFile]);\n    const componentPreviewChunkId = this.getComponentChunkId(component.id, 'preview');\n\n    const entries = {\n      [componentPreviewChunkId]: {\n        filename: this.getComponentChunkFileName(\n          component.id.toString({\n            fsCompatible: true,\n            ignoreVersion: true,\n          }),\n          'preview'\n        ),\n        import: path,\n        // dependOn: component.id.toStringWithoutVersion(),\n        library: {\n          name: componentPreviewChunkId,\n          type: 'umd',\n        },\n      },\n    };\n    if (context.splitComponentBundle) {\n      const componentChunkId = component.id.toStringWithoutVersion();\n      entries[componentChunkId] = {\n        filename: this.getComponentChunkFileName(\n          component.id.toString({\n            fsCompatible: true,\n            ignoreVersion: true,\n          }),\n          'component'\n        ),\n        import: componentPath,\n        library: {\n          name: componentChunkId,\n          type: 'umd',\n        },\n      };\n    }\n    return { component, entries };\n  }\n\n  private getComponentChunkId(componentId: ComponentID, type: 'component' | 'preview') {\n    const id =\n      type === 'component'\n        ? componentId.toStringWithoutVersion()\n        : `${componentId.toStringWithoutVersion()}-${PREVIEW_CHUNK_SUFFIX}`;\n    return id;\n  }\n\n  private getComponentChunkFileName(idstr: string, type: 'component' | 'preview') {\n    const suffix = type === 'component' ? COMPONENT_CHUNK_FILENAME_SUFFIX : PREVIEW_CHUNK_FILENAME_SUFFIX;\n    return `${idstr}-${suffix}`;\n  }\n\n  private getAssetAbsolutePath(context: BundlerContext, asset: Asset): string {\n    const path = this.getOutputPath(context);\n    return join(path, 'public', this.getAssetFilename(asset));\n  }\n\n  private getAssetFilename(asset: Asset): string {\n    // handle cases where the asset name is something like my-image.svg?hash (while the filename in the fs is just my-image.svg)\n    const [name] = asset.name.split('?');\n    return name;\n  }\n\n  copyAssetsToCapsules(context: BundlerContext, result: BundlerResult) {\n    context.components.forEach((component) => {\n      const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);\n      if (!capsule) return;\n      const files = this.findAssetsForComponent(component, result.assets, result.entriesAssetsMap || {});\n      if (!files) return;\n      const artifactDirFullPath = join(capsule.path, this.getArtifactDirectory());\n      // We don't use the mkdirSync as it uses the capsule fs which uses memfs, which doesn't know to handle nested none existing folders\n      mkdirpSync(artifactDirFullPath);\n\n      files.forEach((asset) => {\n        const filePath = this.getAssetAbsolutePath(context, asset);\n        if (!existsSync(filePath)) {\n          throw new PreviewOutputFileNotFound(component.id, filePath);\n        }\n        const destFilePath = join(artifactDirFullPath, this.getAssetFilename(asset));\n        mkdirpSync(dirname(destFilePath));\n        capsule.fs.copyFileSync(filePath, destFilePath);\n      });\n    });\n  }\n\n  // private getCssFileName(componentId: ComponentID): string {\n  //   return `${componentId.toString({ ignoreVersion: true, fsCompatible: true })}.css`;\n  // }\n\n  private findAssetsForComponent(\n    component: Component,\n    assets: Asset[],\n    entriesAssetsMap: EntriesAssetsMap\n  ): Asset[] | undefined {\n    if (!assets) return undefined;\n\n    const componentEntryId = component.id.toStringWithoutVersion();\n    const componentPreviewEntryId = this.getComponentChunkId(component.id, 'preview');\n    const componentFiles = entriesAssetsMap[componentEntryId]?.assets || [];\n    const componentAuxiliaryFiles = entriesAssetsMap[componentEntryId]?.auxiliaryAssets || [];\n    const componentPreviewFiles = entriesAssetsMap[componentPreviewEntryId]?.assets || [];\n    const componentPreviewAuxiliaryFiles = entriesAssetsMap[componentPreviewEntryId]?.auxiliaryAssets || [];\n\n    const files = componentFiles\n      .concat(componentAuxiliaryFiles)\n      .concat(componentPreviewFiles)\n      .concat(componentPreviewAuxiliaryFiles);\n    return files;\n  }\n\n  private getArtifactDirectory() {\n    return join(CAPSULE_ARTIFACTS_DIR, 'preview');\n  }\n\n  private computeComponentMetadata(\n    context: BundlerContext,\n    result: BundlerResult,\n    component: Component\n  ): ComponentPreviewMetaData {\n    const componentEntryId = component.id.toStringWithoutVersion();\n    if (!result?.entriesAssetsMap || !result?.entriesAssetsMap[componentEntryId]) {\n      return {};\n    }\n    const files = (result.entriesAssetsMap[componentEntryId]?.assets || []).map((file) => {\n      return {\n        name: basename(file.name),\n        size: file.size,\n        compressedSize: file.compressedSize,\n      };\n    });\n    const filesTotalSize = result.entriesAssetsMap[componentEntryId]?.assetsSize || 0;\n    const compressedTotalFiles = result.entriesAssetsMap[componentEntryId]?.compressedAssetsSize || 0;\n    const assets = (result.entriesAssetsMap[componentEntryId]?.auxiliaryAssets || []).map((file) => {\n      return {\n        name: basename(file.name),\n        size: file.size,\n        compressedSize: file.compressedSize,\n      };\n    });\n    const assetsTotalSize = result.entriesAssetsMap[componentEntryId]?.auxiliaryAssetsSize || 0;\n    const compressedTotalAssets = result.entriesAssetsMap[componentEntryId]?.compressedAuxiliaryAssetsSize || 0;\n    const totalSize = filesTotalSize + assetsTotalSize;\n    const compressedTotal = compressedTotalFiles + compressedTotalAssets;\n\n    const metadata = {\n      [COMPONENT_STRATEGY_SIZE_KEY_NAME]: {\n        files,\n        assets,\n        totalFiles: filesTotalSize,\n        totalAssets: assetsTotalSize,\n        total: totalSize,\n        compressedTotalFiles,\n        compressedTotalAssets,\n        compressedTotal,\n      },\n    };\n\n    return metadata;\n  }\n\n  async computeResults(context: BundlerContext, results: BundlerResult[]) {\n    const componentsResults = flatten(\n      await Promise.all(results.map((result) => this.computeTargetResult(context, result)))\n    );\n\n    const artifacts = this.getArtifactDef();\n\n    return {\n      componentsResults,\n      artifacts,\n    };\n  }\n\n  async computeTargetResult(context: BundlerContext, result: BundlerResult) {\n    if (isEmpty(result.errors)) {\n      // In case there are errors files will not be emitted so trying to copy them will fail anyway\n      this.copyAssetsToCapsules(context, result);\n    }\n\n    const componentsResults: ComponentResult[] = result.components.map((component) => {\n      const metadata = this.computeComponentMetadata(context, result, component);\n      return {\n        component,\n        metadata,\n        errors: result.errors.map((err) => (typeof err === 'string' ? err : err.message)),\n        warning: result.warnings,\n        startTime: result.startTime,\n        endTime: result.endTime,\n      };\n    });\n\n    return componentsResults;\n  }\n\n  private getArtifactDef() {\n    // eslint-disable-next-line @typescript-eslint/prefer-as-const\n    // const env: 'env' = 'env';\n    // const rootDir = this.getDirName(context);\n\n    return [\n      {\n        name: COMPONENT_STRATEGY_ARTIFACT_NAME,\n        globPatterns: ['**'],\n        rootDir: this.getArtifactDirectory(),\n        // context: env,\n      },\n    ];\n  }\n\n  getDirName(context: ComputeTargetsContext) {\n    const envName = context.id.replace('/', '__');\n    return `${envName}-preview`;\n  }\n\n  private getOutputPath(context: ComputeTargetsContext) {\n    return resolve(`${context.capsuleNetwork.capsulesRootDir}/${this.getDirName(context)}`);\n  }\n\n  private getPaths(context: ComputeTargetsContext, component: Component, files: AbstractVinyl[]) {\n    const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);\n    if (!capsule) return [];\n    const compiler: Compiler = context.env.getCompiler();\n    return files.map((file) => join(capsule.path, compiler.getDistPathBySrcPath(file.relative)));\n  }\n\n  private getComponentOutputPath(capsule: Capsule) {\n    return resolve(`${capsule.path}`);\n  }\n\n  private async computePaths(\n    defs: PreviewDefinition[],\n    context: ComputeTargetsContext,\n    component: Component\n  ): Promise<string> {\n    // const previewMain = await this.preview.writePreviewRuntime(context);\n    const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);\n    // if (!capsule) return undefined;\n    if (!capsule)\n      throw new BitError(\n        `could not find capsule for component ${component.id.toString()} during compute paths to bundle`\n      );\n    const moduleMapsPromise = defs.map(async (previewDef) => {\n      const moduleMap = await previewDef.getModuleMap([component]);\n      const maybeFiles = moduleMap.get(component);\n      if (!maybeFiles || !capsule) return { prefix: previewDef.prefix, paths: [] };\n\n      const [, files] = maybeFiles;\n      const compiledPaths = this.getPaths(context, component, files);\n\n      return {\n        prefix: previewDef.prefix,\n        paths: compiledPaths,\n      };\n    });\n\n    const moduleMaps = await Promise.all(moduleMapsPromise);\n\n    const contents = generateComponentLink(moduleMaps);\n    return this.preview.writeLinkContents(contents, this.getComponentOutputPath(capsule), 'preview');\n    // return flatten(moduleMaps);\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["PREVIEW_CHUNK_SUFFIX","COMPONENT_CHUNK_SUFFIX","PREVIEW_CHUNK_FILENAME_SUFFIX","COMPONENT_CHUNK_FILENAME_SUFFIX","COMPONENT_STRATEGY_SIZE_KEY_NAME","COMPONENT_STRATEGY_ARTIFACT_NAME","ComponentBundlingStrategy","constructor","preview","pkg","dependencyResolver","computeTargets","context","previewDefs","outputPath","getOutputPath","existsSync","mkdirpSync","origComponents","capsuleNetwork","originalSeedersCapsules","map","capsule","component","entriesArr","Promise","all","computeComponentEntry","chunkSize","config","maxChunkSize","chunks","chunk","peers","getPeerDependenciesListFromEnv","env","targets","currentChunk","entries","components","forEach","entry","Object","assign","push","hostDependencies","aliasHostDependencies","externalizeHostDependencies","componentPreviewPath","computePaths","componentPath","getPaths","mainFile","componentPreview","getComponentChunkId","id","splitComponentBundle","toStringWithoutVersion","undefined","filename","getComponentChunkFileName","toString","fsCompatible","ignoreVersion","import","dependOn","library","name","type","componentId","idstr","suffix","getAssetAbsolutePath","asset","path","join","getAssetFilename","split","copyAssetsToCapsules","result","graphCapsules","getCapsule","files","findAssetsForComponent","assets","entriesAssetsMap","artifactDirFullPath","getArtifactDirectory","filePath","PreviewOutputFileNotFound","destFilePath","dirname","fs","copyFileSync","componentEntryId","componentPreviewEntryId","componentFiles","componentAuxiliaryFiles","auxiliaryAssets","componentPreviewFiles","componentPreviewAuxiliaryFiles","concat","CAPSULE_ARTIFACTS_DIR","computeComponentMetadata","file","basename","size","compressedSize","filesTotalSize","assetsSize","compressedTotalFiles","compressedAssetsSize","assetsTotalSize","auxiliaryAssetsSize","compressedTotalAssets","compressedAuxiliaryAssetsSize","totalSize","compressedTotal","metadata","totalFiles","totalAssets","total","computeResults","results","componentsResults","flatten","computeTargetResult","artifacts","getArtifactDef","isEmpty","errors","err","message","warning","warnings","startTime","endTime","globPatterns","rootDir","getDirName","envName","replace","resolve","capsulesRootDir","compiler","getCompiler","getDistPathBySrcPath","relative","getComponentOutputPath","defs","BitError","moduleMapsPromise","previewDef","moduleMap","getModuleMap","maybeFiles","get","prefix","paths","compiledPaths","moduleMaps","contents","generateComponentLink","writeLinkContents"],"sources":["component-strategy.ts"],"sourcesContent":["import { join, resolve, basename, dirname } from 'path';\nimport { existsSync, mkdirpSync } from 'fs-extra';\nimport { Component } from '@teambit/component';\nimport { ComponentID } from '@teambit/component-id';\nimport { flatten, isEmpty, chunk } from 'lodash';\nimport { Compiler } from '@teambit/compiler';\nimport type { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport type { Capsule } from '@teambit/isolator';\nimport { CAPSULE_ARTIFACTS_DIR, ComponentResult } from '@teambit/builder';\nimport type { PkgMain } from '@teambit/pkg';\nimport { BitError } from '@teambit/bit-error';\nimport type { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport type { BundlerResult, BundlerContext, Asset, BundlerEntryMap, EntriesAssetsMap, Target } from '@teambit/bundler';\nimport { BundlingStrategy, ComputeTargetsContext } from '../bundling-strategy';\nimport type { PreviewDefinition } from '../preview-definition';\nimport type { ComponentPreviewMetaData, PreviewMain } from '../preview.main.runtime';\nimport { generateComponentLink } from './generate-component-link';\nimport { PreviewOutputFileNotFound } from '../exceptions';\n\nexport const PREVIEW_CHUNK_SUFFIX = 'preview';\nexport const COMPONENT_CHUNK_SUFFIX = 'component';\nexport const PREVIEW_CHUNK_FILENAME_SUFFIX = `${PREVIEW_CHUNK_SUFFIX}.js`;\nexport const COMPONENT_CHUNK_FILENAME_SUFFIX = `${COMPONENT_CHUNK_SUFFIX}.js`;\n\nexport const COMPONENT_STRATEGY_SIZE_KEY_NAME = 'size';\nexport const COMPONENT_STRATEGY_ARTIFACT_NAME = 'preview-component';\n\ntype ComponentEntry = {\n  component: Component;\n  entries: Object;\n};\n/**\n * bundles all components in a given env into the same bundle.\n */\nexport class ComponentBundlingStrategy implements BundlingStrategy {\n  name = 'component';\n\n  constructor(private preview: PreviewMain, private pkg: PkgMain, private dependencyResolver: DependencyResolverMain) {}\n\n  async computeTargets(context: ComputeTargetsContext, previewDefs: PreviewDefinition[]): Promise<Target[]> {\n    const outputPath = this.getOutputPath(context);\n    if (!existsSync(outputPath)) mkdirpSync(outputPath);\n\n    // const entriesArr = flatten(\n    //   await Promise.all(\n    //     context.capsuleNetwork.seedersCapsules.map((capsule) => {\n    //       return this.computeComponentEntry(previewDefs, capsule.component, context);\n    //     }, {})\n    //   )\n    // );\n\n    const origComponents = context.capsuleNetwork.originalSeedersCapsules.map((capsule) => capsule.component);\n\n    const entriesArr = await Promise.all(\n      origComponents.map((component) => {\n        return this.computeComponentEntry(previewDefs, component, context);\n      }, {})\n    );\n\n    const chunkSize = this.preview.config.maxChunkSize;\n\n    const chunks = chunkSize ? chunk(entriesArr, chunkSize) : [entriesArr];\n\n    const peers = await this.dependencyResolver.getPeerDependenciesListFromEnv(context.env);\n\n    const targets = chunks.map((currentChunk) => {\n      const entries: BundlerEntryMap = {};\n      const components: Component[] = [];\n      currentChunk.forEach((entry) => {\n        Object.assign(entries, entry.entries);\n        components.push(entry.component);\n      });\n\n      return {\n        entries,\n        components,\n        outputPath,\n        /* It's a path to the root of the host component. */\n        // hostRootDir, handle this\n        hostDependencies: peers,\n        aliasHostDependencies: true,\n        externalizeHostDependencies: true,\n      };\n    });\n\n    return targets;\n    // const entries = entriesArr.reduce((entriesMap, entry) => {\n    //   entriesMap[entry.library.name] = entry;\n    //   return entriesMap;\n    // }, {});\n\n    // const modules = await Promise.all(entriesArr.map(async (entry) => {\n    //   const dependencies = await this.dependencyResolver.getDependencies(entry.component);\n    //   const manifest = dependencies.toDependenciesManifest();\n    //   const peer = Object.entries(manifest.peerDependencies || {}).reduce((acc, [packageName, version]) => {\n    //     acc[packageName] = {\n    //       singleton: true,\n    //       requiredVersion: version\n    //     };\n\n    //     return acc;\n    //   }, {});\n    //   // console.log(entry);\n    //   return {\n    //     name: entry.library.name,\n    //     exposes: {\n    //       '.': entry.import || ''\n    //     },\n    //     shared: {\n    //       ...manifest.dependencies,\n    //       ...peer\n    //     },\n    //   };\n    // }));\n  }\n\n  async computeComponentEntry(\n    previewDefs: PreviewDefinition[],\n    component: Component,\n    context: ComputeTargetsContext\n  ): Promise<ComponentEntry> {\n    const componentPreviewPath = await this.computePaths(previewDefs, context, component);\n    const [componentPath] = this.getPaths(context, component, [component.mainFile]);\n\n    const chunks = {\n      componentPreview: this.getComponentChunkId(component.id, 'preview'),\n      component: context.splitComponentBundle ? component.id.toStringWithoutVersion() : undefined,\n    };\n\n    const entries = {\n      [chunks.componentPreview]: {\n        filename: this.getComponentChunkFileName(\n          component.id.toString({\n            fsCompatible: true,\n            ignoreVersion: true,\n          }),\n          'preview'\n        ),\n        import: componentPreviewPath,\n        dependOn: chunks.component,\n        library: { name: chunks.componentPreview, type: 'umd' },\n      },\n    };\n\n    if (chunks.component) {\n      entries[chunks.component] = {\n        filename: this.getComponentChunkFileName(\n          component.id.toString({\n            fsCompatible: true,\n            ignoreVersion: true,\n          }),\n          'component'\n        ),\n        dependOn: undefined,\n        import: componentPath,\n        library: { name: chunks.component, type: 'umd' },\n      };\n    }\n\n    return { component, entries };\n  }\n\n  private getComponentChunkId(componentId: ComponentID, type: 'component' | 'preview') {\n    const id =\n      type === 'component'\n        ? componentId.toStringWithoutVersion()\n        : `${componentId.toStringWithoutVersion()}-${PREVIEW_CHUNK_SUFFIX}`;\n    return id;\n  }\n\n  private getComponentChunkFileName(idstr: string, type: 'component' | 'preview') {\n    const suffix = type === 'component' ? COMPONENT_CHUNK_FILENAME_SUFFIX : PREVIEW_CHUNK_FILENAME_SUFFIX;\n    return `${idstr}-${suffix}`;\n  }\n\n  private getAssetAbsolutePath(context: BundlerContext, asset: Asset): string {\n    const path = this.getOutputPath(context);\n    return join(path, 'public', this.getAssetFilename(asset));\n  }\n\n  private getAssetFilename(asset: Asset): string {\n    // handle cases where the asset name is something like my-image.svg?hash (while the filename in the fs is just my-image.svg)\n    const [name] = asset.name.split('?');\n    return name;\n  }\n\n  copyAssetsToCapsules(context: BundlerContext, result: BundlerResult) {\n    context.components.forEach((component) => {\n      const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);\n      if (!capsule) return;\n      const files = this.findAssetsForComponent(component, result.assets, result.entriesAssetsMap || {});\n      if (!files) return;\n      const artifactDirFullPath = join(capsule.path, this.getArtifactDirectory());\n      // We don't use the mkdirSync as it uses the capsule fs which uses memfs, which doesn't know to handle nested none existing folders\n      mkdirpSync(artifactDirFullPath);\n\n      files.forEach((asset) => {\n        const filePath = this.getAssetAbsolutePath(context, asset);\n        if (!existsSync(filePath)) {\n          throw new PreviewOutputFileNotFound(component.id, filePath);\n        }\n        const destFilePath = join(artifactDirFullPath, this.getAssetFilename(asset));\n        mkdirpSync(dirname(destFilePath));\n        capsule.fs.copyFileSync(filePath, destFilePath);\n      });\n    });\n  }\n\n  // private getCssFileName(componentId: ComponentID): string {\n  //   return `${componentId.toString({ ignoreVersion: true, fsCompatible: true })}.css`;\n  // }\n\n  private findAssetsForComponent(\n    component: Component,\n    assets: Asset[],\n    entriesAssetsMap: EntriesAssetsMap\n  ): Asset[] | undefined {\n    if (!assets) return undefined;\n\n    const componentEntryId = component.id.toStringWithoutVersion();\n    const componentPreviewEntryId = this.getComponentChunkId(component.id, 'preview');\n    const componentFiles = entriesAssetsMap[componentEntryId]?.assets || [];\n    const componentAuxiliaryFiles = entriesAssetsMap[componentEntryId]?.auxiliaryAssets || [];\n    const componentPreviewFiles = entriesAssetsMap[componentPreviewEntryId]?.assets || [];\n    const componentPreviewAuxiliaryFiles = entriesAssetsMap[componentPreviewEntryId]?.auxiliaryAssets || [];\n\n    const files = componentFiles\n      .concat(componentAuxiliaryFiles)\n      .concat(componentPreviewFiles)\n      .concat(componentPreviewAuxiliaryFiles);\n    return files;\n  }\n\n  private getArtifactDirectory() {\n    return join(CAPSULE_ARTIFACTS_DIR, 'preview');\n  }\n\n  private computeComponentMetadata(\n    context: BundlerContext,\n    result: BundlerResult,\n    component: Component\n  ): ComponentPreviewMetaData {\n    const componentEntryId = component.id.toStringWithoutVersion();\n    if (!result?.entriesAssetsMap || !result?.entriesAssetsMap[componentEntryId]) {\n      return {};\n    }\n    const files = (result.entriesAssetsMap[componentEntryId]?.assets || []).map((file) => {\n      return {\n        name: basename(file.name),\n        size: file.size,\n        compressedSize: file.compressedSize,\n      };\n    });\n    const filesTotalSize = result.entriesAssetsMap[componentEntryId]?.assetsSize || 0;\n    const compressedTotalFiles = result.entriesAssetsMap[componentEntryId]?.compressedAssetsSize || 0;\n    const assets = (result.entriesAssetsMap[componentEntryId]?.auxiliaryAssets || []).map((file) => {\n      return {\n        name: basename(file.name),\n        size: file.size,\n        compressedSize: file.compressedSize,\n      };\n    });\n    const assetsTotalSize = result.entriesAssetsMap[componentEntryId]?.auxiliaryAssetsSize || 0;\n    const compressedTotalAssets = result.entriesAssetsMap[componentEntryId]?.compressedAuxiliaryAssetsSize || 0;\n    const totalSize = filesTotalSize + assetsTotalSize;\n    const compressedTotal = compressedTotalFiles + compressedTotalAssets;\n\n    const metadata = {\n      [COMPONENT_STRATEGY_SIZE_KEY_NAME]: {\n        files,\n        assets,\n        totalFiles: filesTotalSize,\n        totalAssets: assetsTotalSize,\n        total: totalSize,\n        compressedTotalFiles,\n        compressedTotalAssets,\n        compressedTotal,\n      },\n    };\n\n    return metadata;\n  }\n\n  async computeResults(context: BundlerContext, results: BundlerResult[]) {\n    const componentsResults = flatten(\n      await Promise.all(results.map((result) => this.computeTargetResult(context, result)))\n    );\n\n    const artifacts = this.getArtifactDef();\n\n    return {\n      componentsResults,\n      artifacts,\n    };\n  }\n\n  async computeTargetResult(context: BundlerContext, result: BundlerResult) {\n    if (isEmpty(result.errors)) {\n      // In case there are errors files will not be emitted so trying to copy them will fail anyway\n      this.copyAssetsToCapsules(context, result);\n    }\n\n    const componentsResults: ComponentResult[] = result.components.map((component) => {\n      const metadata = this.computeComponentMetadata(context, result, component);\n      return {\n        component,\n        metadata,\n        errors: result.errors.map((err) => (typeof err === 'string' ? err : err.message)),\n        warning: result.warnings,\n        startTime: result.startTime,\n        endTime: result.endTime,\n      };\n    });\n\n    return componentsResults;\n  }\n\n  private getArtifactDef() {\n    // eslint-disable-next-line @typescript-eslint/prefer-as-const\n    // const env: 'env' = 'env';\n    // const rootDir = this.getDirName(context);\n\n    return [\n      {\n        name: COMPONENT_STRATEGY_ARTIFACT_NAME,\n        globPatterns: ['**'],\n        rootDir: this.getArtifactDirectory(),\n        // context: env,\n      },\n    ];\n  }\n\n  getDirName(context: ComputeTargetsContext) {\n    const envName = context.id.replace('/', '__');\n    return `${envName}-preview`;\n  }\n\n  private getOutputPath(context: ComputeTargetsContext) {\n    return resolve(`${context.capsuleNetwork.capsulesRootDir}/${this.getDirName(context)}`);\n  }\n\n  private getPaths(context: ComputeTargetsContext, component: Component, files: AbstractVinyl[]) {\n    const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);\n    if (!capsule) return [];\n    const compiler: Compiler = context.env.getCompiler();\n    return files.map((file) => join(capsule.path, compiler.getDistPathBySrcPath(file.relative)));\n  }\n\n  private getComponentOutputPath(capsule: Capsule) {\n    return resolve(`${capsule.path}`);\n  }\n\n  private async computePaths(\n    defs: PreviewDefinition[],\n    context: ComputeTargetsContext,\n    component: Component\n  ): Promise<string> {\n    // const previewMain = await this.preview.writePreviewRuntime(context);\n    const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);\n    // if (!capsule) return undefined;\n    if (!capsule)\n      throw new BitError(\n        `could not find capsule for component ${component.id.toString()} during compute paths to bundle`\n      );\n    const moduleMapsPromise = defs.map(async (previewDef) => {\n      const moduleMap = await previewDef.getModuleMap([component]);\n      const maybeFiles = moduleMap.get(component);\n      if (!maybeFiles || !capsule) return { prefix: previewDef.prefix, paths: [] };\n\n      const [, files] = maybeFiles;\n      const compiledPaths = this.getPaths(context, component, files);\n\n      return {\n        prefix: previewDef.prefix,\n        paths: compiledPaths,\n      };\n    });\n\n    const moduleMaps = await Promise.all(moduleMapsPromise);\n\n    const contents = generateComponentLink(moduleMaps);\n    return this.preview.writeLinkContents(contents, this.getComponentOutputPath(capsule), 'preview');\n    // return flatten(moduleMaps);\n  }\n}\n"],"mappings":"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"}

package/dist/strategies/generate-component-link.js

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

package/dist/strategies/generate-component-link.js.map

@@ -1 +1 @@
-{"version":3,"names":["generateComponentLink","modules","links","map","prefix","paths","name","entries","path","idx","toWindowsCompatiblePath","linkName","importStr","join","exportsString","entry"],"sources":["generate-component-link.ts"],"sourcesContent":["import { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\n\nexport type ModuleVar = {\n  prefix: string;\n  paths: string[];\n};\n\nexport function generateComponentLink(modules: ModuleVar[]): string {\n  const links = modules.map(({ prefix, paths }) => ({\n    name: prefix,\n    entries: paths.map((path, idx) => ({\n      path: toWindowsCompatiblePath(path),\n      linkName: `${prefix}_${idx}`,\n    })),\n  }));\n\n  // import per preview file\n  const importStr: string = links\n    .map(({ entries }) => entries.map(({ path, linkName }) => `import * as ${linkName} from '${path}'`).join(';\\n'))\n    .join('\\n');\n\n  // export files group per preview\n  const exportsString: string = links\n    .map(({ name, entries }) => `export const ${name} = [${entries.map((entry) => entry.linkName).join(', ')}]`)\n    .join(';\\n');\n\n  return `${importStr}\n\n${exportsString}\n`;\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAOO,SAASA,qBAAT,CAA+BC,OAA/B,EAA6D;EAClE,MAAMC,KAAK,GAAGD,OAAO,CAACE,GAAR,CAAY,CAAC;IAAEC,MAAF;IAAUC;EAAV,CAAD,MAAwB;IAChDC,IAAI,EAAEF,MAD0C;IAEhDG,OAAO,EAAEF,KAAK,CAACF,GAAN,CAAU,CAACK,IAAD,EAAOC,GAAP,MAAgB;MACjCD,IAAI,EAAE,IAAAE,sCAAA,EAAwBF,IAAxB,CAD2B;MAEjCG,QAAQ,EAAG,GAAEP,MAAO,IAAGK,GAAI;IAFM,CAAhB,CAAV;EAFuC,CAAxB,CAAZ,CAAd,CADkE,CASlE;;EACA,MAAMG,SAAiB,GAAGV,KAAK,CAC5BC,GADuB,CACnB,CAAC;IAAEI;EAAF,CAAD,KAAiBA,OAAO,CAACJ,GAAR,CAAY,CAAC;IAAEK,IAAF;IAAQG;EAAR,CAAD,KAAyB,eAAcA,QAAS,UAASH,IAAK,GAA1E,EAA8EK,IAA9E,CAAmF,KAAnF,CADE,EAEvBA,IAFuB,CAElB,IAFkB,CAA1B,CAVkE,CAclE;;EACA,MAAMC,aAAqB,GAAGZ,KAAK,CAChCC,GAD2B,CACvB,CAAC;IAAEG,IAAF;IAAQC;EAAR,CAAD,KAAwB,gBAAeD,IAAK,OAAMC,OAAO,CAACJ,GAAR,CAAaY,KAAD,IAAWA,KAAK,CAACJ,QAA7B,EAAuCE,IAAvC,CAA4C,IAA5C,CAAkD,GAD7E,EAE3BA,IAF2B,CAEtB,KAFsB,CAA9B;EAIA,OAAQ,GAAED,SAAU;AACtB;AACA,EAAEE,aAAc;AAChB,CAHE;AAID"}
+{"version":3,"names":["generateComponentLink","modules","links","map","prefix","paths","name","entries","path","idx","toWindowsCompatiblePath","linkName","importStr","join","exportsString","entry"],"sources":["generate-component-link.ts"],"sourcesContent":["import { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\n\nexport type ModuleVar = {\n  prefix: string;\n  paths: string[];\n};\n\nexport function generateComponentLink(modules: ModuleVar[]): string {\n  const links = modules.map(({ prefix, paths }) => ({\n    name: prefix,\n    entries: paths.map((path, idx) => ({\n      path: toWindowsCompatiblePath(path),\n      linkName: `${prefix}_${idx}`,\n    })),\n  }));\n\n  // import per preview file\n  const importStr: string = links\n    .map(({ entries }) => entries.map(({ path, linkName }) => `import * as ${linkName} from '${path}'`).join(';\\n'))\n    .join(';\\n');\n\n  // export files group per preview\n  const exportsString: string = links\n    .map(({ name, entries }) => `export const ${name} = [${entries.map((entry) => entry.linkName).join(', ')}]`)\n    .join(';\\n');\n\n  return `${importStr};\n\n${exportsString};\n`;\n}\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAOO,SAASA,qBAAT,CAA+BC,OAA/B,EAA6D;EAClE,MAAMC,KAAK,GAAGD,OAAO,CAACE,GAAR,CAAY,CAAC;IAAEC,MAAF;IAAUC;EAAV,CAAD,MAAwB;IAChDC,IAAI,EAAEF,MAD0C;IAEhDG,OAAO,EAAEF,KAAK,CAACF,GAAN,CAAU,CAACK,IAAD,EAAOC,GAAP,MAAgB;MACjCD,IAAI,EAAE,IAAAE,sCAAA,EAAwBF,IAAxB,CAD2B;MAEjCG,QAAQ,EAAG,GAAEP,MAAO,IAAGK,GAAI;IAFM,CAAhB,CAAV;EAFuC,CAAxB,CAAZ,CAAd,CADkE,CASlE;;EACA,MAAMG,SAAiB,GAAGV,KAAK,CAC5BC,GADuB,CACnB,CAAC;IAAEI;EAAF,CAAD,KAAiBA,OAAO,CAACJ,GAAR,CAAY,CAAC;IAAEK,IAAF;IAAQG;EAAR,CAAD,KAAyB,eAAcA,QAAS,UAASH,IAAK,GAA1E,EAA8EK,IAA9E,CAAmF,KAAnF,CADE,EAEvBA,IAFuB,CAElB,KAFkB,CAA1B,CAVkE,CAclE;;EACA,MAAMC,aAAqB,GAAGZ,KAAK,CAChCC,GAD2B,CACvB,CAAC;IAAEG,IAAF;IAAQC;EAAR,CAAD,KAAwB,gBAAeD,IAAK,OAAMC,OAAO,CAACJ,GAAR,CAAaY,KAAD,IAAWA,KAAK,CAACJ,QAA7B,EAAuCE,IAAvC,CAA4C,IAA5C,CAAkD,GAD7E,EAE3BA,IAF2B,CAEtB,KAFsB,CAA9B;EAIA,OAAQ,GAAED,SAAU;AACtB;AACA,EAAEE,aAAc;AAChB,CAHE;AAID"}

package/html-utils.tsx

@@ -0,0 +1,29 @@
+export function loadScript({ src }: { src: string }) {
+  return new Promise<void>((resolve, reject) => {
+    const script = document.createElement('script');
+
+    script.setAttribute('defer', 'defer');
+    script.src = src;
+
+    script.onload = () => resolve();
+    script.onerror = (message, _, _1, _2, error) =>
+      reject(error || new Error(`[preview.preview] failed to load script: ${message}`));
+
+    document.head.appendChild(script);
+  });
+}
+
+export function loadLink({ href }: { href: string }) {
+  return new Promise<void>((resolve, reject) => {
+    const link = document.createElement('link');
+
+    if (href.endsWith('.css')) link.setAttribute('rel', 'stylesheet');
+    link.setAttribute('href', href);
+
+    link.onload = () => resolve();
+    link.onerror = (message, _, _1, _2, error) =>
+      reject(error || new Error(`[preview.preview] failed to load link: ${message}`));
+
+    document.head.appendChild(link);
+  });
+}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/preview",
-  "version": "0.0.775",
+  "version": "0.0.778",
   "homepage": "https://bit.dev/teambit/preview/preview",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.preview",
     "name": "preview",
-    "version": "0.0.775"
+    "version": "0.0.778"
   },
   "dependencies": {
     "mime": "2.5.2",
@@ -17,33 +17,34 @@
     "object-hash": "2.1.1",
     "cross-fetch": "3.0.6",
     "memoizee": "0.4.15",
+    "camelcase": "6.2.0",
     "lodash.compact": "3.0.1",
     "graphql-request": "3.4.0",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
     "@teambit/harmony": "0.3.3",
-    "@teambit/express": "0.0.611",
-    "@teambit/logger": "0.0.606",
+    "@teambit/express": "0.0.613",
+    "@teambit/logger": "0.0.608",
     "@teambit/ui-foundation.ui.pages.static-error": "0.0.73",
-    "@teambit/builder": "0.0.775",
-    "@teambit/bundler": "0.0.775",
-    "@teambit/component": "0.0.775",
-    "@teambit/aspect-loader": "0.0.775",
-    "@teambit/dependency-resolver": "0.0.775",
-    "@teambit/envs": "0.0.775",
+    "@teambit/builder": "0.0.778",
+    "@teambit/bundler": "0.0.778",
+    "@teambit/component": "0.0.778",
+    "@teambit/aspect-loader": "0.0.778",
+    "@teambit/dependency-resolver": "0.0.778",
+    "@teambit/envs": "0.0.778",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.483",
     "@teambit/component-id": "0.0.402",
     "@teambit/bit-error": "0.0.394",
-    "@teambit/cli": "0.0.513",
-    "@teambit/graphql": "0.0.775",
-    "@teambit/pkg": "0.0.775",
-    "@teambit/pubsub": "0.0.775",
-    "@teambit/ui": "0.0.775",
-    "@teambit/workspace": "0.0.775",
-    "@teambit/compiler": "0.0.775",
+    "@teambit/cli": "0.0.515",
+    "@teambit/graphql": "0.0.778",
+    "@teambit/pkg": "0.0.778",
+    "@teambit/pubsub": "0.0.778",
+    "@teambit/ui": "0.0.778",
+    "@teambit/workspace": "0.0.778",
+    "@teambit/compiler": "0.0.778",
     "@teambit/preview.cli.preview-server-status": "0.0.491",
     "@teambit/preview.cli.webpack-events-listener": "0.0.161",
-    "@teambit/isolator": "0.0.775"
+    "@teambit/isolator": "0.0.778"
   },
   "devDependencies": {
     "@types/mime": "2.0.3",
@@ -61,7 +62,7 @@
     "@teambit/preview.aspect-docs.preview": "0.0.138"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.294",
+    "@teambit/legacy": "1.0.296",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },
@@ -89,7 +90,7 @@
         "react": "-"
       },
       "peerDependencies": {
-        "@teambit/legacy": "1.0.294",
+        "@teambit/legacy": "1.0.296",
         "react-dom": "^16.8.0 || ^17.0.0",
         "react": "^16.8.0 || ^17.0.0"
       }

package/{preview-1656559717916.js → preview-1656905226178.js}

@@ -1,5 +1,5 @@
-import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@0.0.775/dist/preview.composition.js'
-import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@0.0.775/dist/preview.docs.mdx'
+import * as compositions_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@0.0.778/dist/preview.composition.js';
+import * as overview_0 from '/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@0.0.778/dist/preview.docs.mdx';
 
 export const compositions = [compositions_0];
-export const overview = [overview_0]
+export const overview = [overview_0];