@teambit/preview 0.0.666 → 0.0.667

package/{__preview-1646364092464.js → __preview-1646623282945.js}

@@ -1 +1 @@
-export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@0.0.666/dist/preview.docs.mdx')]
+export const overview = [require('/home/circleci/Library/Caches/Bit/capsules/8891be5ad3d35bfc38b9cd90c0e05b598a5a55af/teambit.preview_preview@0.0.667/dist/preview.docs.mdx')]

package/dist/preview-type.d.ts

@@ -1,3 +1,4 @@
+import { ComponentID } from '@teambit/component-id';
 import { RenderingContext } from './rendering-context';
 import { PreviewModule } from './types/preview-module';
 export interface PreviewType {
@@ -8,7 +9,7 @@ export interface PreviewType {
     /**
      * preview render method.
      */
-    render(componentId: string, linkedModules: PreviewModule<any>, includedPreviews: string[], renderingContext: RenderingContext): void;
+    render(componentId: ComponentID, linkedModules: PreviewModule<any>, includedPreviews: string[], renderingContext: RenderingContext): void;
     /**
      * determine if this will be the default preview to render.
      */

package/dist/preview.preview.runtime.js

@@ -141,7 +141,7 @@ class PreviewPreview {
         return (_includedPreview$sele = includedPreview.selectPreviewModel) === null || _includedPreview$sele === void 0 ? void 0 : _includedPreview$sele.call(includedPreview, componentId.fullName, await this.getPreviewModule(prevName, componentId, name));
       }));
       const includes = includesAll.filter(module => !!module);
-      return preview.render(componentId.fullName, await this.getPreviewModule(name, componentId), includes, this.getRenderingContext());
+      return preview.render(componentId, await this.getPreviewModule(name, componentId), includes, this.getRenderingContext());
     });
     this.registerClickPubSub();
   }

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

@@ -1 +1 @@
-{"version":3,"sources":["preview.preview.runtime.tsx"],"names":["PREVIEW_MODULES","PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","previewName","componentId","getLocation","name","getDefault","preview","getPreview","PreviewNotFound","includesAll","Promise","all","include","map","prevName","includedPreview","undefined","selectPreviewModel","fullName","getPreviewModule","includes","filter","module","render","getRenderingContext","registerClickPubSub","window","addEventListener","e","timestamp","Date","now","clickEvent","Object","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","parentPreviewName","componentMap","component","fetchComponentPreview","mainModule","previewFile","allFiles","fetchComponentPreviewFiles","resolve","forEach","file","endsWith","addComponentFileElement","reject","previewScriptElement","getPreviewScriptElement","document","head","appendChild","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","previewAssetsRoute","stringId","toString","url","res","status","parsed","json","isBundledWithEnv","files","length","script","createElement","setAttribute","previewRoute","src","link","href","onload","componentPreview","toStringWithoutVersion","targetPreview","registerPreview","register","RenderingContext","registerRenderContext","renderContext","previews","values","defaultOne","find","previewCandidate","default","getParam","query","param","params","URLSearchParams","get","withoutHash","location","hash","substring","before","after","split","ComponentID","tryFromString","provider","config","PreviewRuntime","PubsubAspect","Slot","withType","linkModules","defaultModule","isSplitComponentBundle","addRuntime"],"mappings":"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","sourcesContent":["import PubsubAspect, { PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\nimport crossFetch from 'cross-fetch';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nconst PREVIEW_MODULES: Record<string, PreviewModule> = {};\n\nexport type RenderingContextProvider = () => { [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  /**\n   * render the preview.\n   */\n  render = async () => {\n    const { previewName, componentId } = this.getLocation();\n    const name = previewName || this.getDefault();\n\n    const preview = this.getPreview(name);\n    if (!preview || !componentId) {\n      throw new PreviewNotFound(previewName);\n    }\n    const includesAll = await Promise.all(\n      (preview.include || []).map(async (prevName) => {\n        const includedPreview = this.getPreview(prevName);\n        if (!includedPreview) return undefined;\n\n        return includedPreview.selectPreviewModel?.(\n          componentId.fullName,\n          await this.getPreviewModule(prevName, componentId, name)\n        );\n      })\n    );\n\n    const includes = includesAll.filter((module) => !!module);\n\n    return preview.render(\n      componentId.fullName,\n      await this.getPreviewModule(name, componentId),\n      includes,\n      this.getRenderingContext()\n    );\n  };\n\n  async getPreviewModule(name: string, id: ComponentID, parentPreviewName?: string): Promise<PreviewModule> {\n    if (PREVIEW_MODULES[name].componentMap[id.fullName]) return PREVIEW_MODULES[name];\n    let component;\n    // Handle case when there is overview but no composition on the workspace dev server\n    if (!parentPreviewName || !PREVIEW_MODULES[parentPreviewName].componentMap[id.fullName]) {\n      // if (!window[name]) throw new PreviewNotFound(name);\n      // const isSplitComponentBundle = PREVIEW_MODULES[name].isSplitComponentBundle ?? false;\n      // const component = window[id.toStringWithoutVersion()];\n      component = await this.fetchComponentPreview(id, name);\n    }\n\n    return {\n      mainModule: PREVIEW_MODULES[name].mainModule,\n      componentMap: {\n        [id.fullName]: component,\n      },\n    };\n  }\n\n  async fetchComponentPreview(id: ComponentID, name: string) {\n    let previewFile;\n    const allFiles = await this.fetchComponentPreviewFiles(id, name);\n    // It's a component bundled with the env\n    if (allFiles === null) {\n      return Promise.resolve(undefined);\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    return new Promise((resolve, reject) => {\n      const previewScriptElement = this.getPreviewScriptElement(id, name, previewFile, resolve, reject);\n      document.head.appendChild(previewScriptElement);\n    });\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 getPreviewScriptElement(id: ComponentID, name: string, previewBundleFileName: string, resolve, reject) {\n    const script = document.createElement('script');\n    script.setAttribute('defer', 'defer');\n    const stringId = id.toString();\n    // const previewRoute = `~aspect/preview`;\n    const previewRoute = `~aspect/component-preview`;\n    const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    script.src = src; // generate path to remote scope. [scope url]/\n    script.onload = () => {\n      const componentPreview = window[`${id.toStringWithoutVersion()}-preview`];\n      if (!componentPreview) return reject(new PreviewNotFound(name));\n      const targetPreview = componentPreview[name];\n      if (!targetPreview) return resolve(undefined);\n\n      return resolve(targetPreview);\n    };\n    return script;\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() {\n    return new RenderingContext(this.renderingContextSlot);\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\nexport function linkModules(\n  previewName: string,\n  defaultModule: any,\n  isSplitComponentBundle: boolean,\n  componentMap: { [key: string]: any }\n) {\n  PREVIEW_MODULES[previewName] = {\n    mainModule: defaultModule,\n    isSplitComponentBundle,\n    componentMap,\n  };\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"]}
+{"version":3,"sources":["preview.preview.runtime.tsx"],"names":["PREVIEW_MODULES","PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","previewName","componentId","getLocation","name","getDefault","preview","getPreview","PreviewNotFound","includesAll","Promise","all","include","map","prevName","includedPreview","undefined","selectPreviewModel","fullName","getPreviewModule","includes","filter","module","render","getRenderingContext","registerClickPubSub","window","addEventListener","e","timestamp","Date","now","clickEvent","Object","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","parentPreviewName","componentMap","component","fetchComponentPreview","mainModule","previewFile","allFiles","fetchComponentPreviewFiles","resolve","forEach","file","endsWith","addComponentFileElement","reject","previewScriptElement","getPreviewScriptElement","document","head","appendChild","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","previewAssetsRoute","stringId","toString","url","res","status","parsed","json","isBundledWithEnv","files","length","script","createElement","setAttribute","previewRoute","src","link","href","onload","componentPreview","toStringWithoutVersion","targetPreview","registerPreview","register","RenderingContext","registerRenderContext","renderContext","previews","values","defaultOne","find","previewCandidate","default","getParam","query","param","params","URLSearchParams","get","withoutHash","location","hash","substring","before","after","split","ComponentID","tryFromString","provider","config","PreviewRuntime","PubsubAspect","Slot","withType","linkModules","defaultModule","isSplitComponentBundle","addRuntime"],"mappings":"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","sourcesContent":["import PubsubAspect, { PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\nimport crossFetch from 'cross-fetch';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nconst PREVIEW_MODULES: Record<string, PreviewModule> = {};\n\nexport type RenderingContextProvider = () => { [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  /**\n   * render the preview.\n   */\n  render = async () => {\n    const { previewName, componentId } = this.getLocation();\n    const name = previewName || this.getDefault();\n\n    const preview = this.getPreview(name);\n    if (!preview || !componentId) {\n      throw new PreviewNotFound(previewName);\n    }\n    const includesAll = await Promise.all(\n      (preview.include || []).map(async (prevName) => {\n        const includedPreview = this.getPreview(prevName);\n        if (!includedPreview) return undefined;\n\n        return includedPreview.selectPreviewModel?.(\n          componentId.fullName,\n          await this.getPreviewModule(prevName, componentId, name)\n        );\n      })\n    );\n\n    const includes = includesAll.filter((module) => !!module);\n\n    return preview.render(\n      componentId,\n      await this.getPreviewModule(name, componentId),\n      includes,\n      this.getRenderingContext()\n    );\n  };\n\n  async getPreviewModule(name: string, id: ComponentID, parentPreviewName?: string): Promise<PreviewModule> {\n    if (PREVIEW_MODULES[name].componentMap[id.fullName]) return PREVIEW_MODULES[name];\n    let component;\n    // Handle case when there is overview but no composition on the workspace dev server\n    if (!parentPreviewName || !PREVIEW_MODULES[parentPreviewName].componentMap[id.fullName]) {\n      // if (!window[name]) throw new PreviewNotFound(name);\n      // const isSplitComponentBundle = PREVIEW_MODULES[name].isSplitComponentBundle ?? false;\n      // const component = window[id.toStringWithoutVersion()];\n      component = await this.fetchComponentPreview(id, name);\n    }\n\n    return {\n      mainModule: PREVIEW_MODULES[name].mainModule,\n      componentMap: {\n        [id.fullName]: component,\n      },\n    };\n  }\n\n  async fetchComponentPreview(id: ComponentID, name: string) {\n    let previewFile;\n    const allFiles = await this.fetchComponentPreviewFiles(id, name);\n    // It's a component bundled with the env\n    if (allFiles === null) {\n      return Promise.resolve(undefined);\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    return new Promise((resolve, reject) => {\n      const previewScriptElement = this.getPreviewScriptElement(id, name, previewFile, resolve, reject);\n      document.head.appendChild(previewScriptElement);\n    });\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 getPreviewScriptElement(id: ComponentID, name: string, previewBundleFileName: string, resolve, reject) {\n    const script = document.createElement('script');\n    script.setAttribute('defer', 'defer');\n    const stringId = id.toString();\n    // const previewRoute = `~aspect/preview`;\n    const previewRoute = `~aspect/component-preview`;\n    const src = `/api/${stringId}/${previewRoute}/${previewBundleFileName}`;\n    script.src = src; // generate path to remote scope. [scope url]/\n    script.onload = () => {\n      const componentPreview = window[`${id.toStringWithoutVersion()}-preview`];\n      if (!componentPreview) return reject(new PreviewNotFound(name));\n      const targetPreview = componentPreview[name];\n      if (!targetPreview) return resolve(undefined);\n\n      return resolve(targetPreview);\n    };\n    return script;\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() {\n    return new RenderingContext(this.renderingContextSlot);\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\nexport function linkModules(\n  previewName: string,\n  defaultModule: any,\n  isSplitComponentBundle: boolean,\n  componentMap: { [key: string]: any }\n) {\n  PREVIEW_MODULES[previewName] = {\n    mainModule: defaultModule,\n    isSplitComponentBundle,\n    componentMap,\n  };\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"]}

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/preview",
-  "version": "0.0.666",
+  "version": "0.0.667",
   "homepage": "https://bit.dev/teambit/preview/preview",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.preview",
     "name": "preview",
-    "version": "0.0.666"
+    "version": "0.0.667"
   },
   "dependencies": {
     "mime": "2.5.2",
@@ -21,23 +21,23 @@
     "@teambit/express": "0.0.544",
     "@teambit/logger": "0.0.540",
     "@teambit/ui-foundation.ui.pages.static-error": "0.0.71",
-    "@teambit/builder": "0.0.666",
-    "@teambit/bundler": "0.0.666",
-    "@teambit/component": "0.0.666",
-    "@teambit/envs": "0.0.666",
-    "@teambit/isolator": "0.0.666",
+    "@teambit/builder": "0.0.667",
+    "@teambit/bundler": "0.0.667",
+    "@teambit/component": "0.0.667",
+    "@teambit/envs": "0.0.667",
+    "@teambit/isolator": "0.0.667",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.483",
-    "@teambit/aspect-loader": "0.0.666",
+    "@teambit/component-id": "0.0.401",
+    "@teambit/aspect-loader": "0.0.667",
     "@teambit/bit-error": "0.0.394",
     "@teambit/cli": "0.0.450",
-    "@teambit/dependency-resolver": "0.0.666",
-    "@teambit/graphql": "0.0.666",
-    "@teambit/pkg": "0.0.666",
-    "@teambit/pubsub": "0.0.666",
-    "@teambit/ui": "0.0.666",
-    "@teambit/workspace": "0.0.666",
-    "@teambit/component-id": "0.0.401",
-    "@teambit/compiler": "0.0.666",
+    "@teambit/dependency-resolver": "0.0.667",
+    "@teambit/graphql": "0.0.667",
+    "@teambit/pkg": "0.0.667",
+    "@teambit/pubsub": "0.0.667",
+    "@teambit/ui": "0.0.667",
+    "@teambit/workspace": "0.0.667",
+    "@teambit/compiler": "0.0.667",
     "@teambit/preview.cli.preview-server-status": "0.0.491",
     "@teambit/preview.cli.webpack-events-listener": "0.0.161"
   },

package/preview.preview.runtime.tsx

@@ -68,7 +68,7 @@ export class PreviewPreview {
     const includes = includesAll.filter((module) => !!module);
 
     return preview.render(
-      componentId.fullName,
+      componentId,
       await this.getPreviewModule(name, componentId),
       includes,
       this.getRenderingContext()