@teambit/preview 1.0.137 → 1.0.139

package/dist/{preview-1705406853442.js → preview-1705577037962.js}

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

package/dist/preview.preview.runtime.d.ts

@@ -41,6 +41,7 @@ export declare class PreviewPreview {
      * render the preview.
      */
     render: (rootExt?: string) => Promise<void>;
+    setFullScreen(): void;
     setViewport(): void;
     reportSize(): void;
     getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule>;

package/dist/preview.preview.runtime.js

@@ -168,6 +168,7 @@ class PreviewPreview {
       const render = preview.render(componentId, envId || '', previewModule, includes, this.getRenderingContext(componentAspects));
       this.reportSize();
       this.setViewport();
+      this.setFullScreen();
       return render;
     });
     _defineProperty(this, "getComponentAspects", (0, _memoizee().default)(_fetchComponentAspects().fetchComponentAspects, {
@@ -195,6 +196,15 @@ class PreviewPreview {
     if (!includedReady) return false;
     return true;
   }
+  setFullScreen() {
+    const query = this.getQuery();
+    const fullScreen = this.getParam(query, 'fullscreen');
+    if (!fullScreen) return;
+    const root = window.document.getElementById('root');
+    if (root) {
+      root.style.height = '100vh';
+    }
+  }
   setViewport() {
     const query = this.getQuery();
     const viewPort = this.getParam(query, 'viewport');

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

@@ -1 +1 @@
-{"version":3,"names":["_pubsub","data","_interopRequireDefault","require","_harmony","_componentId","_crossFetch","_memoizee","_lodash","_exceptions","_preview","_events","_renderingContext","_fetchComponentAspects","_previewModules","_htmlUtils","_sizeEvent","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","window","document","body","style","width","previewName","componentId","envId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","query","getQuery","onlyOverview","getParam","includes","filter","module","componentAspects","getComponentAspects","toString","previewModule","render","getRenderingContext","reportSize","setViewport","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","addEventListener","timestamp","Date","now","clickEvent","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","viewPort","maxWidth","parent","sendPubsubEvent","SizeEvent","offsetWidth","height","offsetHeight","debounce","counter","interval","setInterval","clearInterval","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","metadata","modulesMap","componentMapMetadata","previewFile","allFiles","fetchComponentPreviewFiles","file","endsWith","addComponentFileElement","loadPreviewScript","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","catch","err","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","param","params","URLSearchParams","withoutHash","location","hash","substring","after","split","before","ComponentID","tryFromString","provider","config","exports","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';\nimport { debounce } from 'lodash';\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';\nimport { SizeEvent } from './size-event';\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    // fit content always.\n    window.document.body.style.width = 'fit-content';\n\n    const { previewName, componentId, envId } = 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 query = this.getQuery();\n    const onlyOverview = this.getParam(query, 'onlyOverview');\n\n    const includes = onlyOverview === 'true' ? [] : 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    const previewModule = await this.getPreviewModule(name, componentId);\n    const render = preview.render(\n      componentId,\n      envId || '',\n      previewModule,\n      includes,\n      this.getRenderingContext(componentAspects)\n    );\n\n    this.reportSize();\n    this.setViewport();\n    return render;\n  };\n\n  setViewport() {\n    const query = this.getQuery();\n    const viewPort = this.getParam(query, 'viewport');\n    if (!viewPort) {\n      window.document.body.style.width = '100%';\n      return;\n    }\n\n    window.document.body.style.maxWidth = `${viewPort}px`;\n  }\n\n  reportSize() {\n    if (!window?.parent || !window?.document) return;\n    // TODO: discuss with gilad for a better way to resolve page loaded here.\n\n    const sendPubsubEvent = () => {\n      this.pubsub.pub(\n        PreviewAspect.id,\n        new SizeEvent({\n          width: window.document.body.offsetWidth,\n          height: window.document.body.offsetHeight,\n        })\n      );\n    };\n\n    window.document.body.addEventListener('resize', debounce(sendPubsubEvent, 300));\n\n    let counter = 0;\n    const interval = setInterval(() => {\n      // TODO: think\n      counter += 1;\n      if (counter > 10) {\n        clearInterval(interval);\n        return;\n      }\n      this.pubsub.pub(\n        PreviewAspect.id,\n        new SizeEvent({\n          width: window.document.body.offsetWidth,\n          height: window.document.body.offsetHeight,\n        })\n      );\n    }, 200);\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    const metadata = componentPreviews[`${previewName}_metadata`];\n\n    return {\n      modulesMap: relevantModel.modulesMap,\n      componentMap: {\n        [id.fullName]: component,\n      },\n      componentMapMetadata: {\n        [id.fullName]: metadata,\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\n    // TODO - should we load assets other than .css / .js?\n    // if (previewBundleFileName.endsWith('.css')) {\n    this.addComponentFileLinkElement(id, previewBundleFileName).catch((err) => {\n      throw new Error(\n        `[preview.preview] failed loading asset \"${previewBundleFileName}\". Error - \"${err?.toString()}\"`\n      );\n    });\n\n    // do NOT await non js assets, as they might never load (like images), and not critical for rendering.\n    return undefined;\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  getParam(query: string, param: string) {\n    const params = new URLSearchParams(query);\n    return params.get(param);\n  }\n\n  getQuery() {\n    const withoutHash = window.location.hash.substring(1);\n    const [, after] = withoutHash.split('?');\n    return after;\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      envId: this.getParam(after, 'env'),\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":["_pubsub","data","_interopRequireDefault","require","_harmony","_componentId","_crossFetch","_memoizee","_lodash","_exceptions","_preview","_events","_renderingContext","_fetchComponentAspects","_previewModules","_htmlUtils","_sizeEvent","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","t","i","_toPrimitive","String","r","e","Symbol","toPrimitive","call","TypeError","Number","PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","window","document","body","style","width","previewName","componentId","envId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","query","getQuery","onlyOverview","getParam","includes","filter","module","componentAspects","getComponentAspects","toString","previewModule","render","getRenderingContext","reportSize","setViewport","setFullScreen","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","addEventListener","timestamp","Date","now","clickEvent","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","fullScreen","root","getElementById","height","viewPort","maxWidth","parent","sendPubsubEvent","SizeEvent","offsetWidth","offsetHeight","debounce","counter","interval","setInterval","clearInterval","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","metadata","modulesMap","componentMapMetadata","previewFile","allFiles","fetchComponentPreviewFiles","file","endsWith","addComponentFileElement","loadPreviewScript","previewBundleFileName","addComponentFileScriptElement","addComponentFileLinkElement","catch","err","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","param","params","URLSearchParams","withoutHash","location","hash","substring","after","split","before","ComponentID","tryFromString","provider","config","exports","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';\nimport { debounce } from 'lodash';\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';\nimport { SizeEvent } from './size-event';\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    // fit content always.\n    window.document.body.style.width = 'fit-content';\n\n    const { previewName, componentId, envId } = 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 query = this.getQuery();\n    const onlyOverview = this.getParam(query, 'onlyOverview');\n\n    const includes = onlyOverview === 'true' ? [] : 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    const previewModule = await this.getPreviewModule(name, componentId);\n    const render = preview.render(\n      componentId,\n      envId || '',\n      previewModule,\n      includes,\n      this.getRenderingContext(componentAspects)\n    );\n\n    this.reportSize();\n    this.setViewport();\n    this.setFullScreen();\n    return render;\n  };\n\n  setFullScreen() {\n    const query = this.getQuery();\n    const fullScreen = this.getParam(query, 'fullscreen');\n\n    if (!fullScreen) return;\n\n    const root = window.document.getElementById('root');\n\n    if (root) {\n      root.style.height = '100vh';\n    }\n  }\n\n  setViewport() {\n    const query = this.getQuery();\n    const viewPort = this.getParam(query, 'viewport');\n    if (!viewPort) {\n      window.document.body.style.width = '100%';\n      return;\n    }\n\n    window.document.body.style.maxWidth = `${viewPort}px`;\n  }\n\n  reportSize() {\n    if (!window?.parent || !window?.document) return;\n    // TODO: discuss with gilad for a better way to resolve page loaded here.\n\n    const sendPubsubEvent = () => {\n      this.pubsub.pub(\n        PreviewAspect.id,\n        new SizeEvent({\n          width: window.document.body.offsetWidth,\n          height: window.document.body.offsetHeight,\n        })\n      );\n    };\n\n    window.document.body.addEventListener('resize', debounce(sendPubsubEvent, 300));\n\n    let counter = 0;\n    const interval = setInterval(() => {\n      // TODO: think\n      counter += 1;\n      if (counter > 10) {\n        clearInterval(interval);\n        return;\n      }\n      this.pubsub.pub(\n        PreviewAspect.id,\n        new SizeEvent({\n          width: window.document.body.offsetWidth,\n          height: window.document.body.offsetHeight,\n        })\n      );\n    }, 200);\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    const metadata = componentPreviews[`${previewName}_metadata`];\n\n    return {\n      modulesMap: relevantModel.modulesMap,\n      componentMap: {\n        [id.fullName]: component,\n      },\n      componentMapMetadata: {\n        [id.fullName]: metadata,\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\n    // TODO - should we load assets other than .css / .js?\n    // if (previewBundleFileName.endsWith('.css')) {\n    this.addComponentFileLinkElement(id, previewBundleFileName).catch((err) => {\n      throw new Error(\n        `[preview.preview] failed loading asset \"${previewBundleFileName}\". Error - \"${err?.toString()}\"`\n      );\n    });\n\n    // do NOT await non js assets, as they might never load (like images), and not critical for rendering.\n    return undefined;\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  getParam(query: string, param: string) {\n    const params = new URLSearchParams(query);\n    return params.get(param);\n  }\n\n  getQuery() {\n    const withoutHash = window.location.hash.substring(1);\n    const [, after] = withoutHash.split('?');\n    return after;\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      envId: this.getParam(after, 'env'),\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/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/preview",
-  "version": "1.0.137",
+  "version": "1.0.139",
   "homepage": "https://bit.cloud/teambit/preview/preview",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.preview",
     "name": "preview",
-    "version": "1.0.137"
+    "version": "1.0.139"
   },
   "dependencies": {
     "mime": "2.5.2",
@@ -29,29 +29,29 @@
     "@teambit/react.webpack.react-webpack": "1.0.23",
     "@teambit/express": "0.0.947",
     "@teambit/logger": "0.0.941",
-    "@teambit/builder": "1.0.137",
-    "@teambit/bundler": "1.0.137",
-    "@teambit/component": "1.0.137",
+    "@teambit/builder": "1.0.139",
+    "@teambit/bundler": "1.0.139",
+    "@teambit/component": "1.0.139",
     "@teambit/preview.ui.component-preview": "1.0.5",
-    "@teambit/aspect-loader": "1.0.137",
+    "@teambit/aspect-loader": "1.0.139",
     "@teambit/cli": "0.0.848",
-    "@teambit/dependency-resolver": "1.0.137",
-    "@teambit/envs": "1.0.137",
+    "@teambit/dependency-resolver": "1.0.139",
+    "@teambit/envs": "1.0.139",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.496",
-    "@teambit/ui": "1.0.137",
-    "@teambit/isolator": "1.0.137",
+    "@teambit/ui": "1.0.139",
+    "@teambit/isolator": "1.0.139",
     "@teambit/harmony.modules.harmony-root-generator": "0.0.3",
     "@teambit/cache": "0.0.941",
-    "@teambit/graphql": "1.0.137",
-    "@teambit/pkg": "1.0.137",
-    "@teambit/pubsub": "1.0.137",
-    "@teambit/scope": "1.0.137",
-    "@teambit/watcher": "1.0.137",
-    "@teambit/workspace": "1.0.137",
-    "@teambit/compiler": "1.0.137",
+    "@teambit/graphql": "1.0.139",
+    "@teambit/pkg": "1.0.139",
+    "@teambit/pubsub": "1.0.139",
+    "@teambit/scope": "1.0.139",
+    "@teambit/watcher": "1.0.139",
+    "@teambit/workspace": "1.0.139",
+    "@teambit/compiler": "1.0.139",
     "@teambit/preview.cli.preview-server-status": "0.0.506",
     "@teambit/preview.cli.webpack-events-listener": "0.0.174",
-    "@teambit/webpack": "1.0.137"
+    "@teambit/webpack": "1.0.139"
   },
   "devDependencies": {
     "@types/mime": "2.0.3",

package/preview.preview.runtime.tsx

@@ -121,9 +121,23 @@ export class PreviewPreview {
 
     this.reportSize();
     this.setViewport();
+    this.setFullScreen();
     return render;
   };
 
+  setFullScreen() {
+    const query = this.getQuery();
+    const fullScreen = this.getParam(query, 'fullscreen');
+
+    if (!fullScreen) return;
+
+    const root = window.document.getElementById('root');
+
+    if (root) {
+      root.style.height = '100vh';
+    }
+  }
+
   setViewport() {
     const query = this.getQuery();
     const viewPort = this.getParam(query, 'viewport');