@teambit/preview 0.0.881 → 0.0.882

package/dist/preview.preview.runtime.js

@@ -1,15 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.promise.js");
-
 require("core-js/modules/es.regexp.exec.js");
-
 require("core-js/modules/web.url.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -20,158 +15,113 @@ Object.defineProperty(exports, "linkModules", {
     return _previewModules().linkModules;
   }
 });
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _pubsub() {
   const data = _interopRequireDefault(require("@teambit/pubsub"));
-
   _pubsub = function () {
     return data;
   };
-
   return data;
 }
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 function _componentId() {
   const data = require("@teambit/component-id");
-
   _componentId = function () {
     return data;
   };
-
   return data;
 }
-
 function _crossFetch() {
   const data = _interopRequireDefault(require("cross-fetch"));
-
   _crossFetch = function () {
     return data;
   };
-
   return data;
 }
-
 function _memoizee() {
   const data = _interopRequireDefault(require("memoizee"));
-
   _memoizee = function () {
     return data;
   };
-
   return data;
 }
-
 function _lodash() {
   const data = require("lodash");
-
   _lodash = function () {
     return data;
   };
-
   return data;
 }
-
 function _exceptions() {
   const data = require("./exceptions");
-
   _exceptions = function () {
     return data;
   };
-
   return data;
 }
-
 function _preview() {
   const data = require("./preview.aspect");
-
   _preview = function () {
     return data;
   };
-
   return data;
 }
-
 function _events() {
   const data = require("./events");
-
   _events = function () {
     return data;
   };
-
   return data;
 }
-
 function _renderingContext() {
   const data = require("./rendering-context");
-
   _renderingContext = function () {
     return data;
   };
-
   return data;
 }
-
 function _fetchComponentAspects() {
   const data = require("./gql/fetch-component-aspects");
-
   _fetchComponentAspects = function () {
     return data;
   };
-
   return data;
 }
-
 function _previewModules() {
   const data = require("./preview-modules");
-
   _previewModules = function () {
     return data;
   };
-
   return data;
 }
-
 function _htmlUtils() {
   const data = require("./html-utils");
-
   _htmlUtils = function () {
     return data;
   };
-
   return data;
 }
-
 function _sizeEvent() {
   const data = require("./size-event");
-
   _sizeEvent = function () {
     return data;
   };
-
   return data;
 }
-
 // forward linkModules() for generate-link.ts
+
 class PreviewPreview {
   constructor(
   /**
@@ -189,7 +139,6 @@ class PreviewPreview {
     (0, _defineProperty2().default)(this, "_setupPromise", void 0);
     (0, _defineProperty2().default)(this, "setup", () => {
       var _this$_setupPromise;
-
       if (this.isReady()) return Promise.resolve();
       (_this$_setupPromise = this._setupPromise) !== null && _this$_setupPromise !== void 0 ? _this$_setupPromise : this._setupPromise = new Promise(resolve => {
         _previewModules().PREVIEW_MODULES.onSet.add(() => {
@@ -208,21 +157,18 @@ class PreviewPreview {
       const name = previewName || this.getDefault();
       if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';
       const preview = this.getPreview(name);
-
       if (!preview || !componentId) {
         throw new (_exceptions().PreviewNotFound)(previewName);
       }
-
       const includesAll = await Promise.all((preview.include || []).map(async inclPreviewName => {
         var _includedPreview$sele;
-
         const includedPreview = this.getPreview(inclPreviewName);
         if (!includedPreview) return undefined;
         const inclPreviewModule = await this.getPreviewModule(inclPreviewName, componentId);
         return (_includedPreview$sele = includedPreview.selectPreviewModel) === null || _includedPreview$sele === void 0 ? void 0 : _includedPreview$sele.call(includedPreview, componentId.fullName, inclPreviewModule);
       }));
-      const includes = includesAll.filter(module => !!module); // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering
-
+      const includes = includesAll.filter(module => !!module);
+      // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering
       const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;
       const previewModule = await this.getPreviewModule(name, componentId);
       const render = preview.render(componentId, previewModule, includes, this.getRenderingContext(componentAspects));
@@ -236,7 +182,6 @@ class PreviewPreview {
     }));
     this.registerClickPubSub();
   }
-
   registerClickPubSub() {
     window.addEventListener('click', e => {
       const timestamp = Date.now();
@@ -244,10 +189,8 @@ class PreviewPreview {
       this.pubsub.pub(_preview().PreviewAspect.id, new (_events().ClickInsideAnIframeEvent)(timestamp, clickEvent));
     });
   }
-
   isReady() {
     var _preview$include$ever, _preview$include;
-
     const {
       previewName
     } = this.getLocation();
@@ -259,23 +202,19 @@ class PreviewPreview {
     if (!includedReady) return false;
     return true;
   }
-
   setViewport() {
     const query = this.getQuery();
     const viewPort = this.getParam(query, 'viewport');
-
     if (!viewPort) {
       window.document.body.style.width = '100%';
       return;
     }
-
     window.document.body.style.maxWidth = `${viewPort}px`;
   }
-
   reportSize() {
     var _window, _window2;
-
-    if (!((_window = window) !== null && _window !== void 0 && _window.parent) || !((_window2 = window) !== null && _window2 !== void 0 && _window2.document)) return; // TODO: discuss with gilad for a better way to resolve page loaded here.
+    if (!((_window = window) !== null && _window !== void 0 && _window.parent) || !((_window2 = window) !== null && _window2 !== void 0 && _window2.document)) return;
+    // TODO: discuss with gilad for a better way to resolve page loaded here.
 
     const sendPubsubEvent = () => {
       this.pubsub.pub(_preview().PreviewAspect.id, new (_sizeEvent().SizeEvent)({
@@ -283,36 +222,28 @@ class PreviewPreview {
         height: window.document.body.offsetHeight
       }));
     };
-
     window.document.body.addEventListener('resize', (0, _lodash().debounce)(sendPubsubEvent, 300));
     let counter = 0;
     const interval = setInterval(() => {
       // TODO: think
       counter += 1;
-
       if (counter > 10) {
         clearInterval(interval);
         return;
       }
-
       this.pubsub.pub(_preview().PreviewAspect.id, new (_sizeEvent().SizeEvent)({
         width: window.document.body.offsetWidth,
         height: window.document.body.offsetHeight
       }));
     }, 200);
   }
-
   async getPreviewModule(previewName, id) {
     const compShortId = id.fullName;
-
     const relevantModel = _previewModules().PREVIEW_MODULES.get(previewName);
-
     if (!relevantModel) throw new Error(`[preview.preview] missing preview "${previewName}"`);
     if (relevantModel.componentMap[compShortId]) return relevantModel;
     const componentPreviews = await this.fetchComponentPreview(id, previewName);
-
     _previewModules().PREVIEW_MODULES.loadComponentPreviews(compShortId, componentPreviews);
-
     const component = componentPreviews[previewName];
     const metadata = componentPreviews[`${previewName}_metadata`];
     return {
@@ -325,11 +256,10 @@ class PreviewPreview {
       }
     };
   }
-
   async fetchComponentPreview(id, name) {
     let previewFile;
-    const allFiles = await this.fetchComponentPreviewFiles(id, name); // It's a component bundled with the env
-
+    const allFiles = await this.fetchComponentPreviewFiles(id, name);
+    // It's a component bundled with the env
     if (allFiles === null) return {};
     await Promise.all(allFiles.map(file => {
       // We want to run the preview file always last
@@ -337,50 +267,43 @@ class PreviewPreview {
         previewFile = file;
         return undefined;
       }
-
       return this.addComponentFileElement(id, file);
     }));
     if (!previewFile) return {};
     return this.loadPreviewScript(id, name, previewFile);
   }
-
   addComponentFileElement(id, previewBundleFileName) {
     if (previewBundleFileName.endsWith('.js')) {
       return this.addComponentFileScriptElement(id, previewBundleFileName);
-    } // TODO - should we load assets other than .css / .js?
-    // if (previewBundleFileName.endsWith('.css')) {
-
+    }
 
+    // TODO - should we load assets other than .css / .js?
+    // if (previewBundleFileName.endsWith('.css')) {
     this.addComponentFileLinkElement(id, previewBundleFileName).catch(err => {
       throw new Error(`[preview.preview] failed loading asset "${previewBundleFileName}". Error - "${err === null || err === void 0 ? void 0 : err.toString()}"`);
-    }); // do NOT await non js assets, as they might never load (like images), and not critical for rendering.
+    });
 
+    // do NOT await non js assets, as they might never load (like images), and not critical for rendering.
     return undefined;
   }
-
   async fetchComponentPreviewFiles(id, previewName) {
     const previewAssetsRoute = `~aspect/preview-assets`;
     const stringId = id.toString();
     const url = `/api/${stringId}/${previewAssetsRoute}`;
     const res = await (0, _crossFetch().default)(url);
-
     if (res.status >= 400) {
       throw new (_exceptions().PreviewNotFound)(previewName);
     }
-
-    const parsed = await res.json(); // This is component bundled with the env, no reason to bring the files, as they will be the files of the env
-
+    const parsed = await res.json();
+    // This is component bundled with the env, no reason to bring the files, as they will be the files of the env
     if (parsed.isBundledWithEnv) {
       return null;
     }
-
     if (!parsed.files || !parsed.files.length) {
       throw new (_exceptions().PreviewNotFound)(previewName);
     }
-
     return parsed.files;
   }
-
   addComponentFileScriptElement(id, previewBundleFileName) {
     const previewRoute = `~aspect/component-preview`;
     const stringId = id.toString();
@@ -389,7 +312,6 @@ class PreviewPreview {
       src
     });
   }
-
   addComponentFileLinkElement(id, previewBundleFileName) {
     const stringId = id.toString();
     const previewRoute = `~aspect/component-preview`;
@@ -398,20 +320,19 @@ class PreviewPreview {
       href
     });
   }
-
   async loadPreviewScript(id, previewName, previewBundleFileName) {
     const previewRoute = `~aspect/component-preview`;
     const src = `/api/${id.toString()}/${previewRoute}/${previewBundleFileName}`;
     await (0, _htmlUtils().loadScript)({
       src
-    }); // TODO - replace with jsonp
+    });
 
+    // TODO - replace with jsonp
     const globalId = `${id.toStringWithoutVersion()}-preview`;
     const componentPreview = window[globalId];
     if (!componentPreview) throw new (_exceptions().PreviewNotFound)(previewName);
     return componentPreview;
   }
-
   /**
    * register a new preview.
    */
@@ -419,50 +340,43 @@ class PreviewPreview {
     this.previewSlot.register(preview);
     return this;
   }
+
   /**
    * get the preview rendering context.
    */
-
-
   getRenderingContext(aspectsFilter) {
     return new (_renderingContext().RenderingContext)(this.renderingContextSlot, {
       aspectsFilter
     });
   }
+
   /**
    * allows aspects to add rendering contexts.
    * render context is available through all preview definitions.
    */
-
-
   registerRenderContext(renderContext) {
     this.renderingContextSlot.register(renderContext);
     return this;
   }
-
   getDefault() {
     const previews = this.previewSlot.values();
     const defaultOne = previews.find(previewCandidate => previewCandidate.default);
     return (defaultOne === null || defaultOne === void 0 ? void 0 : defaultOne.name) || previews[0].name;
   }
-
   getPreview(previewName) {
     const previews = this.previewSlot.values();
     const preview = previews.find(previewCandidate => previewCandidate.name === previewName);
     return preview;
   }
-
   getParam(query, param) {
     const params = new URLSearchParams(query);
     return params.get(param);
   }
-
   getQuery() {
     const withoutHash = window.location.hash.substring(1);
     const [, after] = withoutHash.split('?');
     return after;
   }
-
   getLocation() {
     const withoutHash = window.location.hash.substring(1);
     const [before, after] = withoutHash.split('?');
@@ -471,7 +385,6 @@ class PreviewPreview {
       componentId: _componentId().ComponentID.tryFromString(before)
     };
   }
-
   static async provider([pubsub], config, [previewSlot, renderingContextSlot]) {
     const preview = new PreviewPreview(pubsub, previewSlot, renderingContextSlot);
     window.addEventListener('hashchange', () => {
@@ -480,14 +393,11 @@ class PreviewPreview {
     });
     return preview;
   }
-
 }
-
 exports.PreviewPreview = PreviewPreview;
 (0, _defineProperty2().default)(PreviewPreview, "runtime", _preview().PreviewRuntime);
 (0, _defineProperty2().default)(PreviewPreview, "dependencies", [_pubsub().default]);
 (0, _defineProperty2().default)(PreviewPreview, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType()]);
-
 _preview().PreviewAspect.addRuntime(PreviewPreview);
 
 //# sourceMappingURL=preview.preview.runtime.js.map

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","window","document","body","style","width","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","previewModule","render","getRenderingContext","reportSize","setViewport","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","addEventListener","e","timestamp","Date","now","clickEvent","Object","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","query","getQuery","viewPort","getParam","maxWidth","parent","sendPubsubEvent","SizeEvent","offsetWidth","height","offsetHeight","debounce","counter","interval","setInterval","clearInterval","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","metadata","mainModule","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","default","param","params","URLSearchParams","withoutHash","location","hash","substring","after","split","before","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';\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 } = 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    const previewModule = await this.getPreviewModule(name, componentId);\n    const render = preview.render(componentId, previewModule, includes, this.getRenderingContext(componentAspects));\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      mainModule: relevantModel.mainModule,\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      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","window","document","body","style","width","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","previewModule","render","getRenderingContext","reportSize","setViewport","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","addEventListener","e","timestamp","Date","now","clickEvent","Object","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","query","getQuery","viewPort","getParam","maxWidth","parent","sendPubsubEvent","SizeEvent","offsetWidth","height","offsetHeight","debounce","counter","interval","setInterval","clearInterval","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","metadata","mainModule","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","default","param","params","URLSearchParams","withoutHash","location","hash","substring","after","split","before","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';\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 } = 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    const previewModule = await this.getPreviewModule(name, componentId);\n    const render = preview.render(componentId, previewModule, includes, this.getRenderingContext(componentAspects));\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      mainModule: relevantModel.mainModule,\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      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/preview.route.js

@@ -1,44 +1,32 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PreviewRoute = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiFoundationUiPages() {
   const data = require("@teambit/ui-foundation.ui.pages.static-error");
-
   _uiFoundationUiPages = function () {
     return data;
   };
-
   return data;
 }
-
 function _artifactFileMiddleware() {
   const data = require("./artifact-file-middleware");
-
   _artifactFileMiddleware = function () {
     return data;
   };
-
   return data;
 }
-
 class PreviewRoute {
   constructor(
   /**
@@ -55,8 +43,8 @@ class PreviewRoute {
         const component = req.component;
         if (!component) return res.status(404).send((0, _uiFoundationUiPages().noPreview)());
         const isLegacyPath = await this.preview.isBundledWithEnv(component);
-        let artifact; // TODO - prevent error `getVinylsAndImportIfMissing is not a function` #4680
-
+        let artifact;
+        // TODO - prevent error `getVinylsAndImportIfMissing is not a function` #4680
         try {
           // Taking the env template (in this case we will take the component only bundle throw component-preview route)
           // We use this route for the env template for backward compatibility - new scopes which contain components tagged with old versions of bit
@@ -69,11 +57,10 @@ class PreviewRoute {
         } catch (e) {
           this.logger.error(`getEnvTemplateFromComponentEnv or getPreview has failed`, e);
           return res.status(404).send((0, _uiFoundationUiPages().noPreview)());
-        } // @ts-ignore
-
-
-        req.artifact = artifact; // @ts-ignore
-
+        }
+        // @ts-ignore
+        req.artifact = artifact;
+        // @ts-ignore
         req.isLegacyPath = isLegacyPath;
         return next();
       } catch (e) {
@@ -82,9 +69,7 @@ class PreviewRoute {
       }
     }, (0, _artifactFileMiddleware().getArtifactFileMiddleware)(this.logger)]);
   }
-
 }
-
 exports.PreviewRoute = PreviewRoute;
 
 //# sourceMappingURL=preview.route.js.map