npm - @teambit/preview - Versions diffs - 0.0.844 → 0.0.847 - Mend

@teambit/preview 0.0.844 → 0.0.847

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/bundler/html-template.ts +0 -2
package/dist/bundler/html-template.js +0 -2
package/dist/bundler/html-template.js.map +1 -1
package/dist/component-preview.d.ts +2 -0
package/dist/component-preview.js +23 -0
package/dist/component-preview.js.map +1 -0
package/dist/preview.graphql.d.ts +3 -0
package/dist/preview.graphql.js +6 -0
package/dist/preview.graphql.js.map +1 -1
package/dist/preview.main.runtime.d.ts +4 -0
package/dist/preview.main.runtime.js +17 -0
package/dist/preview.main.runtime.js.map +1 -1
package/dist/preview.preview.runtime.d.ts +4 -1
package/dist/preview.preview.runtime.js +75 -1
package/dist/preview.preview.runtime.js.map +1 -1
package/dist/size-event.d.ts +9 -0
package/dist/size-event.js +40 -0
package/dist/size-event.js.map +1 -0
package/package-tar/teambit-preview-0.0.847.tgz +0 -0
package/package.json +22 -21
package/{preview-1662281577904.js → preview-1662694416892.js} +2 -2
package/preview.main.runtime.tsx +14 -0
package/preview.preview.runtime.tsx +58 -4
package/package-tar/teambit-preview-0.0.844.tgz +0 -0

package/bundler/html-template.ts CHANGED Viewed

@@ -11,8 +11,6 @@ export function html(title: string) {
       // Allow to use react dev-tools inside the examples
       try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}
       </script>
-      <!-- minimal css resets -->
-      <style> html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; } </style>
     </head>
     <body>
       <div id="root"></div>

package/dist/bundler/html-template.js CHANGED Viewed

@@ -18,8 +18,6 @@ function html(title) {
       // Allow to use react dev-tools inside the examples
       try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}
       </script>
-      <!-- minimal css resets -->
-      <style> html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; } </style>
     </head>
     <body>
       <div id="root"></div>

package/dist/bundler/html-template.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["html","title"],"sources":["html-template.ts"],"sourcesContent":["/** html template for Previews (docs, compositions, etc) */\nexport function html(title: string) {\n return `\n <!DOCTYPE html>\n <html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${title}</title>\n <script>\n // Allow to use react dev-tools inside the examples\n try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}\n </script>\n ~~<!-- minimal css resets -->\n <style> html { height: 100%; } body { margin: 0; height: 100%; } #root { height: 100%; } </style>\n~~ </head>\n <body>\n <div id=\"root\"></div>\n </body>\n </html>\n `;\n}\n"],"mappings":";;;;;;;AAAA;AACO,SAASA,IAAT,CAAcC,KAAd,EAA6B;EAClC,OAAQ;AACV;AACA;AACA;AACA;AACA;AACA,eAAeA,KAAM;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA~~;AACA;AACA~~,~~GAlBE~~;~~AAmBD~~"}
1	+ {"version":3,"names":["html","title"],"sources":["html-template.ts"],"sourcesContent":["/** html template for Previews (docs, compositions, etc) */\nexport function html(title: string) {\n return `\n <!DOCTYPE html>\n <html lang=\"en\">\n <head>\n <meta charset=\"utf-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>${title}</title>\n <script>\n // Allow to use react dev-tools inside the examples\n try { window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = window.parent.__REACT_DEVTOOLS_GLOBAL_HOOK__; } catch {}\n </script>\n </head>\n <body>\n <div id=\"root\"></div>\n </body>\n </html>\n `;\n}\n"],"mappings":";;;;;;;AAAA;AACO,SAASA,IAAT,CAAcC,KAAd,EAA6B;EAClC,OAAQ;AACV;AACA;AACA;AACA;AACA;AACA,eAAeA,KAAM;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAhBE;AAiBD"}

package/dist/component-preview.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ComponentPreview } from '@teambit/preview.ui.component-preview';
2	+ export { ComponentPreview };

package/dist/component-preview.js ADDED Viewed

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ComponentPreview", {
+  enumerable: true,
+  get: function () {
+    return _previewUi().ComponentPreview;
+  }
+});
+function _previewUi() {
+  const data = require("@teambit/preview.ui.component-preview");
+  _previewUi = function () {
+    return data;
+  };
+  return data;
+}
+//# sourceMappingURL=component-preview.js.map

package/dist/component-preview.js.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"names":[],"sources":["component-preview.ts"],"sourcesContent":["import { ComponentPreview } from '@teambit/preview.ui.component-preview';\n\nexport { ComponentPreview };\n"],"mappings":";;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA"}

package/dist/preview.graphql.d.ts CHANGED Viewed

@@ -12,6 +12,9 @@ export declare function previewSchema(previewExtension: PreviewMain): {
             includesEnvTemplate: ({ component }: {
                 component: any;
             }) => Promise<boolean>;
+            isScaling: ({ component }: {
+                component: any;
+            }) => Promise<boolean>;
             legacyHeader: ({ component }: {
                 component: any;
             }) => Promise<boolean>;

package/dist/preview.graphql.js CHANGED Viewed

@@ -22,6 +22,7 @@ function previewSchema(previewExtension) {
     typeDefs: (0, _graphqlTag().default)`
       type Preview {
         # url: String!
+        isScaling: Boolean
         includesEnvTemplate: Boolean
         legacyHeader: Boolean
       }
@@ -45,6 +46,11 @@ function previewSchema(previewExtension) {
         }) => {
           return previewExtension.isBundledWithEnv(component);
         },
+        isScaling: ({
+          component
+        }) => {
+          return previewExtension.isScaling(component);
+        },
         legacyHeader: ({
           component
         }) => {

package/dist/preview.graphql.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["previewSchema","previewExtension","typeDefs","gql","resolvers","Component","preview","component","Preview","includesEnvTemplate","isBundledWithEnv","legacyHeader","isLegacyHeader"],"sources":["preview.graphql.ts"],"sourcesContent":["import { Component } from '@teambit/component';\nimport gql from 'graphql-tag';\n\nimport { PreviewMain } from './preview.main.runtime';\n\nexport function previewSchema(previewExtension: PreviewMain) {\n return {\n typeDefs: gql`\n type Preview {\n # url: String!\n includesEnvTemplate: Boolean\n legacyHeader: Boolean\n }\n\n extend type Component {\n preview: Preview\n }\n `,\n resolvers: {\n Component: {\n preview: (component: Component) => {\n // return previewExtension.getPreview(component);\n return { component };\n },\n },\n Preview: {\n includesEnvTemplate: ({ component }) => {\n return previewExtension.isBundledWithEnv(component);\n },\n legacyHeader: ({ component }) => {\n return previewExtension.isLegacyHeader(component);\n },\n },\n },\n };\n}\n"],"mappings":";;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIO,SAASA,aAAT,CAAuBC,gBAAvB,EAAsD;EAC3D,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAA,CAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,~~KAXS~~;~~IAYLC~~,SAAS,EAAE;MACTC,SAAS,EAAE;QACTC,OAAO,EAAGC,SAAD,IAA0B;UACjC;UACA,OAAO;YAAEA;UAAF,CAAP;QACD;MAJQ,CADF;MAOTC,OAAO,EAAE;QACPC,mBAAmB,EAAE,CAAC;UAAEF;QAAF,CAAD,KAAmB;UACtC,OAAON,gBAAgB,CAACS,gBAAjB,CAAkCH,SAAlC,CAAP;QACD,CAHM;QAIPI,~~YAAY~~,EAAE,CAAC;UAAEJ;QAAF,CAAD,KAAmB;UAC/B,OAAON,gBAAgB,~~CAACW~~,cAAjB,~~CAAgCL~~,SAAhC,CAAP;QACD;~~MANM~~;IAPA;~~EAZN~~,CAAP;~~AA6BD~~"}
1	+ {"version":3,"names":["previewSchema","previewExtension","typeDefs","gql","resolvers","Component","preview","component","Preview","includesEnvTemplate","isBundledWithEnv","isScaling","legacyHeader","isLegacyHeader"],"sources":["preview.graphql.ts"],"sourcesContent":["import { Component } from '@teambit/component';\nimport gql from 'graphql-tag';\n\nimport { PreviewMain } from './preview.main.runtime';\n\nexport function previewSchema(previewExtension: PreviewMain) {\n return {\n typeDefs: gql`\n type Preview {\n # url: String!\n isScaling: Boolean\n includesEnvTemplate: Boolean\n legacyHeader: Boolean\n }\n\n extend type Component {\n preview: Preview\n }\n `,\n resolvers: {\n Component: {\n preview: (component: Component) => {\n // return previewExtension.getPreview(component);\n return { component };\n },\n },\n Preview: {\n includesEnvTemplate: ({ component }) => {\n return previewExtension.isBundledWithEnv(component);\n },\n isScaling: ({ component }) => {\n return previewExtension.isScaling(component);\n },\n legacyHeader: ({ component }) => {\n return previewExtension.isLegacyHeader(component);\n },\n },\n },\n };\n}\n"],"mappings":";;;;;;;;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAIO,SAASA,aAAT,CAAuBC,gBAAvB,EAAsD;EAC3D,OAAO;IACLC,QAAQ,EAAE,IAAAC,qBAAA,CAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAZS;IAaLC,SAAS,EAAE;MACTC,SAAS,EAAE;QACTC,OAAO,EAAGC,SAAD,IAA0B;UACjC;UACA,OAAO;YAAEA;UAAF,CAAP;QACD;MAJQ,CADF;MAOTC,OAAO,EAAE;QACPC,mBAAmB,EAAE,CAAC;UAAEF;QAAF,CAAD,KAAmB;UACtC,OAAON,gBAAgB,CAACS,gBAAjB,CAAkCH,SAAlC,CAAP;QACD,CAHM;QAIPI,SAAS,EAAE,CAAC;UAAEJ;QAAF,CAAD,KAAmB;UAC5B,OAAON,gBAAgB,CAACU,SAAjB,CAA2BJ,SAA3B,CAAP;QACD,CANM;QAOPK,YAAY,EAAE,CAAC;UAAEL;QAAF,CAAD,KAAmB;UAC/B,OAAON,gBAAgB,CAACY,cAAjB,CAAgCN,SAAhC,CAAP;QACD;MATM;IAPA;EAbN,CAAP;AAiCD"}

package/dist/preview.main.runtime.d.ts CHANGED Viewed

@@ -94,6 +94,10 @@ export declare class PreviewMain {
      * @returns
      */
     isBundledWithEnv(component: Component): Promise<boolean>;
+    /**
+     * can the current component preview scale in size for different preview sizes.
+     */
+    isScaling(component: Component): Promise<boolean>;
     /**
      * Check if the component preview bundle contain the header inside of it (legacy)
      * today we are not including the header inside anymore

package/dist/preview.main.runtime.js CHANGED Viewed

@@ -495,6 +495,17 @@ class PreviewMain {
     if (!artifacts || !artifacts.length) return true;
     return false;
   }
+  /**
+   * can the current component preview scale in size for different preview sizes.
+   */
+  async isScaling(component) {
+    var _component$state$aspe;
+    const previewData = (_component$state$aspe = component.state.aspects.get(_preview().PreviewAspect.id)) === null || _component$state$aspe === void 0 ? void 0 : _component$state$aspe.data;
+    return previewData === null || previewData === void 0 ? void 0 : previewData.scaling;
+  }
   /**
    * Check if the component preview bundle contain the header inside of it (legacy)
    * today we are not including the header inside anymore
@@ -774,6 +785,12 @@ class PreviewMain {
     if (workspace) {
       workspace.registerOnComponentAdd(c => preview.handleComponentChange(c, currentComponents => currentComponents.add(c)));
+      workspace.onComponentLoad(async () => {
+        return {
+          // used for backward compatibility. can be removed in the future.
+          scaling: true
+        };
+      });
       workspace.registerOnComponentChange(c => preview.handleComponentChange(c, currentComponents => currentComponents.update(c)));
       workspace.registerOnComponentRemove(cId => preview.handleComponentRemoval(cId));
     }

package/dist/preview.main.runtime.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["noopResult","results","toString","DEFAULT_TEMP_DIR","join","CACHE_ROOT","PreviewAspect","id","PreviewMain","constructor","harmony","previewSlot","ui","envs","componentAspect","pkg","aspectLoader","config","bundlingStrategySlot","builder","workspace","logger","dependencyResolver","Map","Date","now","c","updater","env","getEnv","envId","executionRef","executionRefs","get","warn","updateLinkFiles","currentComponents","executionCtx","cId","component","forEach","components","found","Promise","resolve","handleComponentChange","remove","tempFolder","getTempDir","getComponentBundleSize","data","getDataByAspect","undefined","COMPONENT_STRATEGY_SIZE_KEY_NAME","getPreview","artifacts","getArtifactsVinylByAspectAndTaskName","PREVIEW_TASK_NAME","PreviewArtifact","getPreviewFiles","isBundledWithEnv","files","getPaths","getArtifactsVinylByAspectAndName","COMPONENT_STRATEGY_ARTIFACT_NAME","length","isLegacyHeader","ENV_WITH_LEGACY_DOCS","ENV_STRATEGY_ARTIFACT_NAME","envType","getEnvData","type","includes","getEnvTemplate","GENERATE_ENV_TEMPLATE_TASK_NAME","getCoreEnvTemplate","coreEnvDir","getAspectDir","artifactDef","getEnvTemplateArtifactDef","artifactFactory","ArtifactFactory","rootDir","getRootDir","existsSync","coreEnvDirFromBvm","getAspectDirFromBvm","paths","resolvePaths","artifactFiles","ArtifactFiles","populateVinylsFromPaths","vinyls","getEnvTemplateFromComponentEnv","getEnvId","getEnvTemplateByEnvId","isCoreEnv","host","getHost","resolvedEnvId","resolveComponentId","envComponent","BitError","getDefs","values","writeLink","prefix","moduleMap","defaultModule","dirName","isSplitComponentBundle","contents","generateLink","writeLinkContents","targetDir","hash","objectHash","targetPath","timestamp","writeHash","writeFileSync","set","getPreviewTarget","context","relatedContexts","ctxId","ExecutionRef","previewRuntime","writePreviewRuntime","linkFiles","previews","map","previewDef","templatePath","renderTemplatePath","getModuleMap","getEnvPreviewConfig","splitComponentBundle","withPaths","environment","compilerInstance","getCompiler","modulePath","getPreviewComponentRootPath","getRuntimeModulePath","file","path","distRelativePath","getDistPathBySrcPath","relative","dirPath","mkdirSync","recursive","link","all","aspectsIdsToNotFilterOut","name","uiRoot","getUi","resolvedAspects","resolveAspects","PreviewRuntime","filteredAspects","filterAspectsByExecutionContext","filePath","generateRoot","runtimeName","componentIds","opts","root","MainRuntime","Error","aspects","allComponentContextAspects","reduce","acc","curr","concat","state","ids","hostAspects","Object","keys","toObject","allAspectsToInclude","uniq","filtered","filter","aspect","getId","isCoreAspect","getDefaultStrategies","EnvBundlingStrategy","ComponentBundlingStrategy","getPreviewConfig","getBundlingStrategy","defaultStrategies","envPreviewConfig","strategyFromEnv","strategyName","bundlingStrategy","strategies","selected","find","strategy","BundlingStrategyNotFound","registerBundlingStrategy","register","registerDefinition","provider","bundler","componentExtension","uiMain","pubsub","loggerMain","graphql","createLogger","preview","registerStartPlugin","PreviewStartPlugin","registerRoute","PreviewRoute","ComponentPreviewRoute","EnvTemplateRoute","PreviewAssetsRoute","registerTarget","entry","bind","disabled","registerBuildTasks","EnvPreviewTemplateTask","PreviewTask","registerOnComponentAdd","add","registerOnComponentChange","update","registerOnComponentRemove","handleComponentRemoval","previewSchema","Slot","withType","BundlerAspect","BuilderAspect","ComponentAspect","UIAspect","EnvsAspect","WorkspaceAspect","PkgAspect","PubsubAspect","AspectLoaderAspect","LoggerAspect","DependencyResolverAspect","GraphqlAspect","addRuntime"],"sources":["preview.main.runtime.tsx"],"sourcesContent":["import { ArtifactFactory, BuilderAspect } from '@teambit/builder';\nimport type { BuilderMain } from '@teambit/builder';\nimport { Asset, BundlerAspect, BundlerMain } from '@teambit/bundler';\nimport { PubsubAspect, PubsubMain } from '@teambit/pubsub';\nimport { MainRuntime } from '@teambit/cli';\nimport {\n Component,\n ComponentAspect,\n ComponentMain,\n ComponentMap,\n ComponentID,\n ResolveAspectsOptions,\n} from '@teambit/component';\nimport { EnvsAspect } from '@teambit/envs';\nimport type { EnvsMain, ExecutionContext, PreviewEnv } from '@teambit/envs';\nimport { Slot, SlotRegistry, Harmony } from '@teambit/harmony';\nimport { UIAspect, UiMain, UIRoot } from '@teambit/ui';\nimport { CACHE_ROOT } from '@teambit/legacy/dist/constants';\nimport { BitError } from '@teambit/bit-error';\nimport objectHash from 'object-hash';\nimport { uniq } from 'lodash';\nimport { writeFileSync, existsSync, mkdirSync } from 'fs-extra';\nimport { join } from 'path';\nimport { PkgAspect, PkgMain } from '@teambit/pkg';\nimport { AspectLoaderAspect, getAspectDir, getAspectDirFromBvm } from '@teambit/aspect-loader';\nimport type { AspectDefinition, AspectLoaderMain } from '@teambit/aspect-loader';\nimport WorkspaceAspect, { Workspace } from '@teambit/workspace';\nimport { LoggerAspect, LoggerMain, Logger } from '@teambit/logger';\nimport { DependencyResolverAspect } from '@teambit/dependency-resolver';\nimport type { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport { ArtifactFiles } from '@teambit/legacy/dist/consumer/component/sources/artifact-files';\nimport GraphqlAspect, { GraphqlMain } from '@teambit/graphql';\nimport { BundlingStrategyNotFound } from './exceptions';\nimport { generateLink } from './generate-link';\nimport { PreviewArtifact } from './preview-artifact';\nimport { PreviewDefinition } from './preview-definition';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { PreviewRoute } from './preview.route';\nimport { PreviewTask, PREVIEW_TASK_NAME } from './preview.task';\nimport { BundlingStrategy } from './bundling-strategy';\nimport { EnvBundlingStrategy, ComponentBundlingStrategy } from './strategies';\nimport { ExecutionRef } from './execution-ref';\nimport { PreviewStartPlugin } from './preview.start-plugin';\nimport {\n EnvPreviewTemplateTask,\n GENERATE_ENV_TEMPLATE_TASK_NAME,\n getArtifactDef as getEnvTemplateArtifactDef,\n} from './env-preview-template.task';\nimport { EnvTemplateRoute } from './env-template.route';\nimport { ComponentPreviewRoute } from './component-preview.route';\nimport { COMPONENT_STRATEGY_ARTIFACT_NAME, COMPONENT_STRATEGY_SIZE_KEY_NAME } from './strategies/component-strategy';\nimport { ENV_STRATEGY_ARTIFACT_NAME } from './strategies/env-strategy';\nimport { previewSchema } from './preview.graphql';\nimport { PreviewAssetsRoute } from './preview-assets.route';\n\nconst noopResult = {\n results: [],\n toString: () => `updating link file`,\n};\n\nconst DEFAULT_TEMP_DIR = join(CACHE_ROOT, PreviewAspect.id);\n\nexport type PreviewDefinitionRegistry = SlotRegistry<PreviewDefinition>;\n\ntype PreviewFiles = {\n files: string[];\n isBundledWithEnv: boolean;\n};\n\nexport type ComponentPreviewSizedFile = Asset;\n\nexport type ComponentPreviewSize = {\n files: ComponentPreviewSizedFile[];\n assets: ComponentPreviewSizedFile[];\n totalFiles: number;\n compressedTotalFiles?: number;\n totalAssets: number;\n compressedTotalAssets?: number;\n total: number;\n compressedTotal?: number;\n};\n\nexport type ComponentPreviewMetaData = {\n size?: ComponentPreviewSize;\n};\n\nexport type PreviewConfig = {\n bundlingStrategy?: string;\n disabled: boolean;\n /*\n limit concurrent components when running the bundling step for your bundler during generate components preview task.\n * this helps mitigate large memory consumption for the build pipeline. This may increase the overall time for the generate-preview task, but reduce memory footprint.\n * default - no limit.\n /\n maxChunkSize?: number;\n};\n\nexport type EnvPreviewConfig = {\n strategyName?: string;\n splitComponentBundle?: boolean;\n};\n\nexport type BundlingStrategySlot = SlotRegistry<BundlingStrategy>;\n\nexport type GenerateLinkFn = (prefix: string, componentMap: ComponentMap<string[]>, defaultModule?: string) => string;\n\nexport class PreviewMain {\n constructor(\n /\n harmony context.\n /\n private harmony: Harmony,\n\n /\n slot for preview definitions.\n /\n private previewSlot: PreviewDefinitionRegistry,\n\n private ui: UiMain,\n\n private envs: EnvsMain,\n\n private componentAspect: ComponentMain,\n\n private pkg: PkgMain,\n\n private aspectLoader: AspectLoaderMain,\n\n readonly config: PreviewConfig,\n\n private bundlingStrategySlot: BundlingStrategySlot,\n\n private builder: BuilderMain,\n\n private workspace: Workspace \| undefined,\n\n private logger: Logger,\n\n private dependencyResolver: DependencyResolverMain\n ) {}\n\n get tempFolder(): string {\n return this.workspace?.getTempDir(PreviewAspect.id) \|\| DEFAULT_TEMP_DIR;\n }\n\n getComponentBundleSize(component: Component): ComponentPreviewSize \| undefined {\n const data = this.builder.getDataByAspect(component, PreviewAspect.id);\n\n if (!data) return undefined;\n return data[COMPONENT_STRATEGY_SIZE_KEY_NAME];\n }\n\n async getPreview(component: Component): Promise<PreviewArtifact \| undefined> {\n const artifacts = await this.builder.getArtifactsVinylByAspectAndTaskName(\n component,\n PreviewAspect.id,\n PREVIEW_TASK_NAME\n );\n if (!artifacts) return undefined;\n return new PreviewArtifact(artifacts);\n }\n\n /\n Get a list of all the artifact files generated during the GeneratePreview task\n * @param component\n * @returns\n /\n async getPreviewFiles(component: Component): Promise<PreviewFiles \| undefined> {\n const artifacts = await this.getPreview(component);\n const isBundledWithEnv = await this.isBundledWithEnv(component);\n if (!artifacts) return undefined;\n return {\n files: artifacts.getPaths(),\n isBundledWithEnv,\n };\n }\n\n /\n Check if the component preview bundle contain the env as part of the bundle or only the component code\n * (we used in the past to bundle them together, there might also be specific envs which still uses the env strategy)\n * @param component\n * @returns\n /\n async isBundledWithEnv(component: Component): Promise<boolean> {\n const artifacts = await this.builder.getArtifactsVinylByAspectAndName(\n component,\n PreviewAspect.id,\n COMPONENT_STRATEGY_ARTIFACT_NAME\n );\n if (!artifacts \|\| !artifacts.length) return true;\n\n return false;\n }\n\n /\n Check if the component preview bundle contain the header inside of it (legacy)\n * today we are not including the header inside anymore\n * @param component\n * @returns\n /\n async isLegacyHeader(component: Component): Promise<boolean> {\n // these envs had header in their docs\n const ENV_WITH_LEGACY_DOCS = ['react', 'env', 'aspect', 'lit', 'html', 'node', 'mdx', 'react-native', 'readme'];\n\n const artifacts = await this.builder.getArtifactsVinylByAspectAndName(\n component,\n PreviewAspect.id,\n ENV_STRATEGY_ARTIFACT_NAME\n );\n const envType = this.envs.getEnvData(component).type;\n return !!artifacts && !!artifacts.length && ENV_WITH_LEGACY_DOCS.includes(envType);\n }\n\n /\n Getting the env template artifact\n * This should be called with the env itself or it will return undefined\n * If you want to get the env template from the env of the component,\n * use: getEnvTemplateFromComponentEnv below\n \n @param component\n * @returns\n /\n async getEnvTemplate(component: Component): Promise<PreviewArtifact \| undefined> {\n const artifacts = await this.builder.getArtifactsVinylByAspectAndTaskName(\n component,\n PreviewAspect.id,\n GENERATE_ENV_TEMPLATE_TASK_NAME\n );\n if (!artifacts \|\| !artifacts.length) return undefined;\n\n return new PreviewArtifact(artifacts);\n }\n\n /\n This is a special method to get a core env template\n * As the core envs doesn't exist in the scope we need to bring it from other place\n * We will bring it from the core env package files\n /\n private async getCoreEnvTemplate(envId: string): Promise<PreviewArtifact \| undefined> {\n const coreEnvDir = getAspectDir(envId);\n // const finalDir = join(coreEnvDir, getEnvTemplateArtifactDirectory());\n const artifactDef = getEnvTemplateArtifactDef()[0];\n const artifactFactory = new ArtifactFactory();\n\n let rootDir = artifactFactory.getRootDir(coreEnvDir, artifactDef);\n if (!existsSync(rootDir)) {\n // fallback to the bvm folder\n const coreEnvDirFromBvm = getAspectDirFromBvm(envId);\n rootDir = artifactFactory.getRootDir(coreEnvDirFromBvm, artifactDef);\n }\n if (!existsSync(rootDir)) {\n return undefined;\n }\n const paths = artifactFactory.resolvePaths(rootDir, artifactDef);\n if (!paths \|\| !paths.length) {\n return undefined;\n }\n const artifactFiles = new ArtifactFiles(paths);\n\n artifactFiles.populateVinylsFromPaths(rootDir);\n return new PreviewArtifact(artifactFiles.vinyls);\n }\n\n /\n This will fetch the component env, then will take the env template from the component env\n * @param component\n /\n async getEnvTemplateFromComponentEnv(component: Component): Promise<PreviewArtifact \| undefined> {\n const envId = this.envs.getEnvId(component);\n return this.getEnvTemplateByEnvId(envId);\n }\n\n /\n This will fetch the component env, then will take the env template from the component env\n * @param component\n /\n async getEnvTemplateByEnvId(envId: string): Promise<PreviewArtifact \| undefined> {\n // Special treatment for core envs\n if (this.aspectLoader.isCoreEnv(envId)) {\n return this.getCoreEnvTemplate(envId);\n }\n const host = this.componentAspect.getHost();\n const resolvedEnvId = await host.resolveComponentId(envId);\n const envComponent = await host.get(resolvedEnvId);\n if (!envComponent) {\n throw new BitError(`can't load env. env id is ${envId}`);\n }\n return this.getEnvTemplate(envComponent);\n }\n\n getDefs(): PreviewDefinition[] {\n return this.previewSlot.values();\n }\n\n private writeHash = new Map<string, string>();\n private timestamp = Date.now();\n\n /\n write a link to load custom modules dynamically.\n * @param prefix write\n * @param moduleMap map of components to module paths to require.\n * @param defaultModule\n * @param dirName\n /\n writeLink(\n prefix: string,\n moduleMap: ComponentMap<string[]>,\n defaultModule: string \| undefined,\n dirName: string,\n isSplitComponentBundle: boolean\n ) {\n const contents = generateLink(prefix, moduleMap, defaultModule, isSplitComponentBundle);\n return this.writeLinkContents(contents, dirName, prefix);\n }\n\n writeLinkContents(contents: string, targetDir: string, prefix: string) {\n const hash = objectHash(contents);\n const targetPath = join(targetDir, `${prefix}-${this.timestamp}.js`);\n\n // write only if link has changed (prevents triggering fs watches)\n if (this.writeHash.get(targetPath) !== hash) {\n writeFileSync(targetPath, contents);\n this.writeHash.set(targetPath, hash);\n }\n\n return targetPath;\n }\n\n private executionRefs = new Map<string, ExecutionRef>();\n\n private async getPreviewTarget(\n /* execution context (of the specific env) /\n context: ExecutionContext\n ): Promise<string[]> {\n // store context for later link-file updates\n // also register related envs that this context is acting on their behalf\n [context.id, ...context.relatedContexts].forEach((ctxId) => {\n this.executionRefs.set(ctxId, new ExecutionRef(context));\n });\n\n const previewRuntime = await this.writePreviewRuntime(context);\n const linkFiles = await this.updateLinkFiles(context.components, context);\n\n return [...linkFiles, previewRuntime];\n }\n\n private updateLinkFiles(components: Component[] = [], context: ExecutionContext) {\n const previews = this.previewSlot.values();\n const paths = previews.map(async (previewDef) => {\n const templatePath = await previewDef.renderTemplatePath?.(context);\n\n const map = await previewDef.getModuleMap(components);\n const isSplitComponentBundle = this.getEnvPreviewConfig().splitComponentBundle ?? false;\n const withPaths = map.map<string[]>((files, component) => {\n const environment = this.envs.getEnv(component).env;\n const compilerInstance = environment.getCompiler?.();\n const modulePath =\n compilerInstance?.getPreviewComponentRootPath?.(component) \|\| this.pkg.getRuntimeModulePath(component);\n return files.map((file) => {\n if (!this.workspace \|\| !compilerInstance) {\n return file.path;\n }\n const distRelativePath = compilerInstance.getDistPathBySrcPath(file.relative);\n return join(this.workspace.path, modulePath, distRelativePath);\n });\n // return files.map((file) => file.path);\n });\n\n const dirPath = join(this.tempFolder, context.id);\n if (!existsSync(dirPath)) mkdirSync(dirPath, { recursive: true });\n\n const link = this.writeLink(previewDef.prefix, withPaths, templatePath, dirPath, isSplitComponentBundle);\n return link;\n });\n\n return Promise.all(paths);\n }\n\n async writePreviewRuntime(context: { components: Component[] }, aspectsIdsToNotFilterOut: string[] = []) {\n const [name, uiRoot] = this.getUi();\n const resolvedAspects = await this.resolveAspects(PreviewRuntime.name, undefined, uiRoot);\n const filteredAspects = this.filterAspectsByExecutionContext(resolvedAspects, context, aspectsIdsToNotFilterOut);\n const filePath = await this.ui.generateRoot(filteredAspects, name, 'preview', PreviewAspect.id);\n return filePath;\n }\n\n async resolveAspects(\n runtimeName?: string,\n componentIds?: ComponentID[],\n uiRoot?: UIRoot,\n opts?: ResolveAspectsOptions\n ): Promise<AspectDefinition[]> {\n const root = uiRoot \|\| this.getUi()[1];\n runtimeName = runtimeName \|\| MainRuntime.name;\n const resolvedAspects = await root.resolveAspects(runtimeName, componentIds, opts);\n return resolvedAspects;\n }\n\n private getUi() {\n const ui = this.ui.getUi();\n if (!ui) throw new Error('ui not found');\n return ui;\n }\n\n /\n Filter the aspects to have only aspects that are:\n * 1. core aspects\n * 2. configured on the host (workspace/scope)\n * 3. used by at least one component from the context\n * @param aspects\n * @param context\n /\n private filterAspectsByExecutionContext(\n aspects: AspectDefinition[],\n context: { components: Component[] },\n aspectsIdsToNotFilterOut: string[] = []\n ) {\n let allComponentContextAspects: string[] = [];\n allComponentContextAspects = context.components.reduce((acc, curr) => {\n return acc.concat(curr.state.aspects.ids);\n }, allComponentContextAspects);\n const hostAspects = Object.keys(this.harmony.config.toObject());\n const allAspectsToInclude = uniq(hostAspects.concat(allComponentContextAspects));\n const filtered = aspects.filter((aspect) => {\n if (!aspect.getId) {\n return false;\n }\n return (\n this.aspectLoader.isCoreAspect(aspect.getId) \|\|\n allAspectsToInclude.includes(aspect.getId) \|\|\n aspectsIdsToNotFilterOut.includes(aspect.getId)\n );\n });\n\n return filtered;\n }\n\n private getDefaultStrategies() {\n return [\n new EnvBundlingStrategy(this, this.pkg, this.dependencyResolver),\n new ComponentBundlingStrategy(this, this.pkg, this.dependencyResolver),\n ];\n }\n\n // TODO - executionContext should be responsible for updating components list, and emit 'update' events\n // instead we keep track of changes\n private handleComponentChange = async (c: Component, updater: (currentComponents: ExecutionRef) => void) => {\n const env = this.envs.getEnv(c);\n const envId = env.id.toString();\n\n const executionRef = this.executionRefs.get(envId);\n if (!executionRef) {\n this.logger.warn(\n `failed to update link file for component \"${c.id.toString()}\" - could not find execution context for ${envId}`\n );\n return noopResult;\n }\n\n // add / remove / etc\n updater(executionRef);\n\n await this.updateLinkFiles(executionRef.currentComponents, executionRef.executionCtx);\n\n return noopResult;\n };\n\n private handleComponentRemoval = (cId: ComponentID) => {\n let component: Component \| undefined;\n this.executionRefs.forEach((components) => {\n const found = components.get(cId);\n if (found) component = found;\n });\n if (!component) return Promise.resolve(noopResult);\n\n return this.handleComponentChange(component, (currentComponents) => currentComponents.remove(cId));\n };\n\n getEnvPreviewConfig(env?: PreviewEnv): EnvPreviewConfig {\n const config = env?.getPreviewConfig && typeof env?.getPreviewConfig === 'function' ? env?.getPreviewConfig() : {};\n\n return config;\n }\n\n /\n return the configured bundling strategy.\n /\n getBundlingStrategy(env?: PreviewEnv): BundlingStrategy {\n const defaultStrategies = this.getDefaultStrategies();\n const envPreviewConfig = this.getEnvPreviewConfig(env);\n const strategyFromEnv = envPreviewConfig?.strategyName;\n const strategyName = strategyFromEnv \|\| this.config.bundlingStrategy \|\| 'env';\n const strategies = this.bundlingStrategySlot.values().concat(defaultStrategies);\n const selected = strategies.find((strategy) => {\n return strategy.name === strategyName;\n });\n\n if (!selected) throw new BundlingStrategyNotFound(strategyName);\n\n return selected;\n }\n\n /\n register a new bundling strategy. default available strategies are `env` and ``\n /\n registerBundlingStrategy(bundlingStrategy: BundlingStrategy) {\n this.bundlingStrategySlot.register(bundlingStrategy);\n return this;\n }\n\n /\n register a new preview definition.\n */\n registerDefinition(previewDef: PreviewDefinition) {\n this.previewSlot.register(previewDef);\n }\n\n static slots = [Slot.withType<PreviewDefinition>(), Slot.withType<BundlingStrategy>()];\n\n static runtime = MainRuntime;\n static dependencies = [\n BundlerAspect,\n BuilderAspect,\n ComponentAspect,\n UIAspect,\n EnvsAspect,\n WorkspaceAspect,\n PkgAspect,\n PubsubAspect,\n AspectLoaderAspect,\n LoggerAspect,\n DependencyResolverAspect,\n GraphqlAspect,\n ];\n\n static defaultConfig = {\n disabled: false,\n };\n\n static async provider(\n // eslint-disable-next-line max-len\n [\n bundler,\n builder,\n componentExtension,\n uiMain,\n envs,\n workspace,\n pkg,\n pubsub,\n aspectLoader,\n loggerMain,\n dependencyResolver,\n graphql,\n ]: [\n BundlerMain,\n BuilderMain,\n ComponentMain,\n UiMain,\n EnvsMain,\n Workspace \| undefined,\n PkgMain,\n PubsubMain,\n AspectLoaderMain,\n LoggerMain,\n DependencyResolverMain,\n GraphqlMain\n ],\n config: PreviewConfig,\n [previewSlot, bundlingStrategySlot]: [PreviewDefinitionRegistry, BundlingStrategySlot],\n harmony: Harmony\n ) {\n const logger = loggerMain.createLogger(PreviewAspect.id);\n // app.registerApp(new PreviewApp());\n const preview = new PreviewMain(\n harmony,\n previewSlot,\n uiMain,\n envs,\n componentExtension,\n pkg,\n aspectLoader,\n config,\n bundlingStrategySlot,\n builder,\n workspace,\n logger,\n dependencyResolver\n );\n\n if (workspace) uiMain.registerStartPlugin(new PreviewStartPlugin(workspace, bundler, uiMain, pubsub, logger));\n\n componentExtension.registerRoute([\n new PreviewRoute(preview, logger),\n new ComponentPreviewRoute(preview, logger),\n // @ts-ignore\n new EnvTemplateRoute(preview, logger),\n new PreviewAssetsRoute(preview, logger),\n ]);\n\n bundler.registerTarget([\n {\n entry: preview.getPreviewTarget.bind(preview),\n },\n ]);\n\n if (!config.disabled)\n builder.registerBuildTasks([\n new EnvPreviewTemplateTask(preview, envs, aspectLoader, dependencyResolver, logger),\n new PreviewTask(bundler, preview, dependencyResolver, logger),\n ]);\n\n if (workspace) {\n workspace.registerOnComponentAdd((c) =>\n preview.handleComponentChange(c, (currentComponents) => currentComponents.add(c))\n );\n workspace.registerOnComponentChange((c) =>\n preview.handleComponentChange(c, (currentComponents) => currentComponents.update(c))\n );\n workspace.registerOnComponentRemove((cId) => preview.handleComponentRemoval(cId));\n }\n\n graphql.register(previewSchema(preview));\n\n return preview;\n }\n}\n\nPreviewAspect.addRuntime(PreviewMain);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA,MAAMA,UAAU,GAAG;EACjBC,OAAO,EAAE,EADQ;EAEjBC,QAAQ,EAAE,MAAO;AAFA,CAAnB;AAKA,MAAMC,gBAAgB,GAAG,IAAAC,YAAA,EAAKC,uBAAL,EAAiBC,wBAAA,CAAcC,EAA/B,CAAzB;;AA8CO,MAAMC,WAAN,CAAkB;EACvBC,WAAW;EACT;AACJ;AACA;EACYC,OAJC;EAMT;AACJ;AACA;EACYC,WATC,EAWDC,EAXC,EAaDC,IAbC,EAeDC,eAfC,EAiBDC,GAjBC,EAmBDC,YAnBC,EAqBAC,MArBA,EAuBDC,oBAvBC,EAyBDC,OAzBC,EA2BDC,SA3BC,EA6BDC,MA7BC,EA+BDC,kBA/BC,EAgCT;IAAA,KA5BQZ,OA4BR,GA5BQA,OA4BR;IAAA,KAvBQC,WAuBR,GAvBQA,WAuBR;IAAA,KArBQC,EAqBR,GArBQA,EAqBR;IAAA,KAnBQC,IAmBR,GAnBQA,IAmBR;IAAA,KAjBQC,eAiBR,GAjBQA,eAiBR;IAAA,KAfQC,GAeR,GAfQA,GAeR;IAAA,KAbQC,YAaR,GAbQA,YAaR;IAAA,KAXSC,MAWT,GAXSA,MAWT;IAAA,KATQC,oBASR,GATQA,oBASR;IAAA,KAPQC,OAOR,GAPQA,OAOR;IAAA,KALQC,SAKR,GALQA,SAKR;IAAA,KAHQC,MAGR,GAHQA,MAGR;IAAA,KADQC,kBACR,GADQA,kBACR;IAAA,mDA2JkB,IAAIC,GAAJ,EA3JlB;IAAA,mDA4JkBC,IAAI,CAACC,GAAL,EA5JlB;IAAA,uDA6LsB,IAAIF,GAAJ,EA7LtB;IAAA,+DAmT8B,OAAOG,CAAP,EAAqBC,OAArB,KAA4E;MAC1G,MAAMC,GAAG,GAAG,KAAKf,IAAL,CAAUgB,MAAV,CAAiBH,CAAjB,CAAZ;MACA,MAAMI,KAAK,GAAGF,GAAG,CAACrB,EAAJ,CAAOL,QAAP,EAAd;MAEA,MAAM6B,YAAY,GAAG,KAAKC,aAAL,CAAmBC,GAAnB,CAAuBH,KAAvB,CAArB;;MACA,IAAI,CAACC,YAAL,EAAmB;QACjB,KAAKV,MAAL,CAAYa,IAAZ,CACG,6CAA4CR,CAAC,CAACnB,EAAF,CAAKL,QAAL,EAAgB,4CAA2C4B,KAAM,EADhH;QAGA,OAAO9B,UAAP;MACD,CAVyG,CAY1G;;;MACA2B,OAAO,CAACI,YAAD,CAAP;MAEA,MAAM,KAAKI,eAAL,CAAqBJ,YAAY,CAACK,iBAAlC,EAAqDL,YAAY,CAACM,YAAlE,CAAN;MAEA,OAAOrC,UAAP;IACD,CArUC;IAAA,gEAuUgCsC,GAAD,IAAsB;MACrD,IAAIC,SAAJ;MACA,KAAKP,aAAL,CAAmBQ,OAAnB,CAA4BC,UAAD,IAAgB;QACzC,MAAMC,KAAK,GAAGD,UAAU,CAACR,GAAX,CAAeK,GAAf,CAAd;QACA,IAAII,KAAJ,EAAWH,SAAS,GAAGG,KAAZ;MACZ,CAHD;MAIA,IAAI,CAACH,SAAL,EAAgB,OAAOI,OAAO,CAACC,OAAR,CAAgB5C,UAAhB,CAAP;MAEhB,OAAO,KAAK6C,qBAAL,CAA2BN,SAA3B,EAAuCH,iBAAD,IAAuBA,iBAAiB,CAACU,MAAlB,CAAyBR,GAAzB,CAA7D,CAAP;IACD,CAhVC;EAAE;;EAEU,IAAVS,UAAU,GAAW;IAAA;;IACvB,OAAO,yBAAK3B,SAAL,oEAAgB4B,UAAhB,CAA2B1C,wBAAA,CAAcC,EAAzC,MAAgDJ,gBAAvD;EACD;;EAED8C,sBAAsB,CAACV,SAAD,EAAyD;IAC7E,MAAMW,IAAI,GAAG,KAAK/B,OAAL,CAAagC,eAAb,CAA6BZ,SAA7B,EAAwCjC,wBAAA,CAAcC,EAAtD,CAAb;IAEA,IAAI,CAAC2C,IAAL,EAAW,OAAOE,SAAP;IACX,OAAOF,IAAI,CAACG,qDAAD,CAAX;EACD;;EAEe,MAAVC,UAAU,CAACf,SAAD,EAA6D;IAC3E,MAAMgB,SAAS,GAAG,MAAM,KAAKpC,OAAL,CAAaqC,oCAAb,CACtBjB,SADsB,EAEtBjC,wBAAA,CAAcC,EAFQ,EAGtBkD,6BAHsB,CAAxB;IAKA,IAAI,CAACF,SAAL,EAAgB,OAAOH,SAAP;IAChB,OAAO,KAAIM,kCAAJ,EAAoBH,SAApB,CAAP;EACD;EAED;AACF;AACA;AACA;AACA;;;EACuB,MAAfI,eAAe,CAACpB,SAAD,EAA0D;IAC7E,MAAMgB,SAAS,GAAG,MAAM,KAAKD,UAAL,CAAgBf,SAAhB,CAAxB;IACA,MAAMqB,gBAAgB,GAAG,MAAM,KAAKA,gBAAL,CAAsBrB,SAAtB,CAA/B;IACA,IAAI,CAACgB,SAAL,EAAgB,OAAOH,SAAP;IAChB,OAAO;MACLS,KAAK,EAAEN,SAAS,CAACO,QAAV,EADF;MAELF;IAFK,CAAP;EAID;EAED;AACF;AACA;AACA;AACA;AACA;;;EACwB,MAAhBA,gBAAgB,CAACrB,SAAD,EAAyC;IAC7D,MAAMgB,SAAS,GAAG,MAAM,KAAKpC,OAAL,CAAa4C,gCAAb,CACtBxB,SADsB,EAEtBjC,wBAAA,CAAcC,EAFQ,EAGtByD,qDAHsB,CAAxB;IAKA,IAAI,CAACT,SAAD,IAAc,CAACA,SAAS,CAACU,MAA7B,EAAqC,OAAO,IAAP;IAErC,OAAO,KAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;;;EACsB,MAAdC,cAAc,CAAC3B,SAAD,EAAyC;IAC3D;IACA,MAAM4B,oBAAoB,GAAG,CAAC,OAAD,EAAU,KAAV,EAAiB,QAAjB,EAA2B,KAA3B,EAAkC,MAAlC,EAA0C,MAA1C,EAAkD,KAAlD,EAAyD,cAAzD,EAAyE,QAAzE,CAA7B;IAEA,MAAMZ,SAAS,GAAG,MAAM,KAAKpC,OAAL,CAAa4C,gCAAb,CACtBxB,SADsB,EAEtBjC,wBAAA,CAAcC,EAFQ,EAGtB6D,yCAHsB,CAAxB;IAKA,MAAMC,OAAO,GAAG,KAAKxD,IAAL,CAAUyD,UAAV,CAAqB/B,SAArB,EAAgCgC,IAAhD;IACA,OAAO,CAAC,CAAChB,SAAF,IAAe,CAAC,CAACA,SAAS,CAACU,MAA3B,IAAqCE,oBAAoB,CAACK,QAArB,CAA8BH,OAA9B,CAA5C;EACD;EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;EACsB,MAAdI,cAAc,CAAClC,SAAD,EAA6D;IAC/E,MAAMgB,SAAS,GAAG,MAAM,KAAKpC,OAAL,CAAaqC,oCAAb,CACtBjB,SADsB,EAEtBjC,wBAAA,CAAcC,EAFQ,EAGtBmE,qDAHsB,CAAxB;IAKA,IAAI,CAACnB,SAAD,IAAc,CAACA,SAAS,CAACU,MAA7B,EAAqC,OAAOb,SAAP;IAErC,OAAO,KAAIM,kCAAJ,EAAoBH,SAApB,CAAP;EACD;EAED;AACF;AACA;AACA;AACA;;;EACkC,MAAlBoB,kBAAkB,CAAC7C,KAAD,EAAsD;IACpF,MAAM8C,UAAU,GAAG,IAAAC,4BAAA,EAAa/C,KAAb,CAAnB,CADoF,CAEpF;;IACA,MAAMgD,WAAW,GAAG,IAAAC,oCAAA,IAA4B,CAA5B,CAApB;IACA,MAAMC,eAAe,GAAG,KAAIC,0BAAJ,GAAxB;IAEA,IAAIC,OAAO,GAAGF,eAAe,CAACG,UAAhB,CAA2BP,UAA3B,EAAuCE,WAAvC,CAAd;;IACA,IAAI,CAAC,IAAAM,qBAAA,EAAWF,OAAX,CAAL,EAA0B;MACxB;MACA,MAAMG,iBAAiB,GAAG,IAAAC,mCAAA,EAAoBxD,KAApB,CAA1B;MACAoD,OAAO,GAAGF,eAAe,CAACG,UAAhB,CAA2BE,iBAA3B,EAA8CP,WAA9C,CAAV;IACD;;IACD,IAAI,CAAC,IAAAM,qBAAA,EAAWF,OAAX,CAAL,EAA0B;MACxB,OAAO9B,SAAP;IACD;;IACD,MAAMmC,KAAK,GAAGP,eAAe,CAACQ,YAAhB,CAA6BN,OAA7B,EAAsCJ,WAAtC,CAAd;;IACA,IAAI,CAACS,KAAD,IAAU,CAACA,KAAK,CAACtB,MAArB,EAA6B;MAC3B,OAAOb,SAAP;IACD;;IACD,MAAMqC,aAAa,GAAG,KAAIC,8BAAJ,EAAkBH,KAAlB,CAAtB;IAEAE,aAAa,CAACE,uBAAd,CAAsCT,OAAtC;IACA,OAAO,KAAIxB,kCAAJ,EAAoB+B,aAAa,CAACG,MAAlC,CAAP;EACD;EAED;AACF;AACA;AACA;;;EACsC,MAA9BC,8BAA8B,CAACtD,SAAD,EAA6D;IAC/F,MAAMT,KAAK,GAAG,KAAKjB,IAAL,CAAUiF,QAAV,CAAmBvD,SAAnB,CAAd;IACA,OAAO,KAAKwD,qBAAL,CAA2BjE,KAA3B,CAAP;EACD;EAED;AACF;AACA;AACA;;;EAC6B,MAArBiE,qBAAqB,CAACjE,KAAD,EAAsD;IAC/E;IACA,IAAI,KAAKd,YAAL,CAAkBgF,SAAlB,CAA4BlE,KAA5B,CAAJ,EAAwC;MACtC,OAAO,KAAK6C,kBAAL,CAAwB7C,KAAxB,CAAP;IACD;;IACD,MAAMmE,IAAI,GAAG,KAAKnF,eAAL,CAAqBoF,OAArB,EAAb;IACA,MAAMC,aAAa,GAAG,MAAMF,IAAI,CAACG,kBAAL,CAAwBtE,KAAxB,CAA5B;IACA,MAAMuE,YAAY,GAAG,MAAMJ,IAAI,CAAChE,GAAL,CAASkE,aAAT,CAA3B;;IACA,IAAI,CAACE,YAAL,EAAmB;MACjB,MAAM,KAAIC,oBAAJ,EAAc,6BAA4BxE,KAAM,EAAhD,CAAN;IACD;;IACD,OAAO,KAAK2C,cAAL,CAAoB4B,YAApB,CAAP;EACD;;EAEDE,OAAO,GAAwB;IAC7B,OAAO,KAAK5F,WAAL,CAAiB6F,MAAjB,EAAP;EACD;;EAKD;AACF;AACA;AACA;AACA;AACA;AACA;EACEC,SAAS,CACPC,MADO,EAEPC,SAFO,EAGPC,aAHO,EAIPC,OAJO,EAKPC,sBALO,EAMP;IACA,MAAMC,QAAQ,GAAG,IAAAC,4BAAA,EAAaN,MAAb,EAAqBC,SAArB,EAAgCC,aAAhC,EAA+CE,sBAA/C,CAAjB;IACA,OAAO,KAAKG,iBAAL,CAAuBF,QAAvB,EAAiCF,OAAjC,EAA0CH,MAA1C,CAAP;EACD;;EAEDO,iBAAiB,CAACF,QAAD,EAAmBG,SAAnB,EAAsCR,MAAtC,EAAsD;IACrE,MAAMS,IAAI,GAAG,IAAAC,qBAAA,EAAWL,QAAX,CAAb;IACA,MAAMM,UAAU,GAAG,IAAAjH,YAAA,EAAK8G,SAAL,EAAiB,GAAER,MAAO,IAAG,KAAKY,SAAU,KAA5C,CAAnB,CAFqE,CAIrE;;IACA,IAAI,KAAKC,SAAL,CAAetF,GAAf,CAAmBoF,UAAnB,MAAmCF,IAAvC,EAA6C;MAC3C,IAAAK,wBAAA,EAAcH,UAAd,EAA0BN,QAA1B;MACA,KAAKQ,SAAL,CAAeE,GAAf,CAAmBJ,UAAnB,EAA+BF,IAA/B;IACD;;IAED,OAAOE,UAAP;EACD;;EAI6B,MAAhBK,gBAAgB;EAC5B;EACAC,OAF4B,EAGT;IACnB;IACA;IACA,CAACA,OAAO,CAACpH,EAAT,EAAa,GAAGoH,OAAO,CAACC,eAAxB,EAAyCpF,OAAzC,CAAkDqF,KAAD,IAAW;MAC1D,KAAK7F,aAAL,CAAmByF,GAAnB,CAAuBI,KAAvB,EAA8B,KAAIC,4BAAJ,EAAiBH,OAAjB,CAA9B;IACD,CAFD;IAIA,MAAMI,cAAc,GAAG,MAAM,KAAKC,mBAAL,CAAyBL,OAAzB,CAA7B;IACA,MAAMM,SAAS,GAAG,MAAM,KAAK9F,eAAL,CAAqBwF,OAAO,CAAClF,UAA7B,EAAyCkF,OAAzC,CAAxB;IAEA,OAAO,CAAC,GAAGM,SAAJ,EAAeF,cAAf,CAAP;EACD;;EAEO5F,eAAe,CAACM,UAAuB,GAAG,EAA3B,EAA+BkF,OAA/B,EAA0D;IAC/E,MAAMO,QAAQ,GAAG,KAAKvH,WAAL,CAAiB6F,MAAjB,EAAjB;IACA,MAAMjB,KAAK,GAAG2C,QAAQ,CAACC,GAAT,CAAa,MAAOC,UAAP,IAAsB;MAAA;;MAC/C,MAAMC,YAAY,GAAG,gCAAMD,UAAU,CAACE,kBAAjB,0DAAM,2BAAAF,UAAU,EAAsBT,OAAtB,CAAhB,CAArB;MAEA,MAAMQ,GAAG,GAAG,MAAMC,UAAU,CAACG,YAAX,CAAwB9F,UAAxB,CAAlB;MACA,MAAMqE,sBAAsB,4BAAG,KAAK0B,mBAAL,GAA2BC,oBAA9B,yEAAsD,KAAlF;MACA,MAAMC,SAAS,GAAGP,GAAG,CAACA,GAAJ,CAAkB,CAACtE,KAAD,EAAQtB,SAAR,KAAsB;QAAA;;QACxD,MAAMoG,WAAW,GAAG,KAAK9H,IAAL,CAAUgB,MAAV,CAAiBU,SAAjB,EAA4BX,GAAhD;QACA,MAAMgH,gBAAgB,4BAAGD,WAAW,CAACE,WAAf,0DAAG,2BAAAF,WAAW,CAApC;QACA,MAAMG,UAAU,GACd,CAAAF,gBAAgB,SAAhB,IAAAA,gBAAgB,WAAhB,qCAAAA,gBAAgB,CAAEG,2BAAlB,qFAAAH,gBAAgB,EAAgCrG,SAAhC,CAAhB,KAA8D,KAAKxB,GAAL,CAASiI,oBAAT,CAA8BzG,SAA9B,CADhE;QAEA,OAAOsB,KAAK,CAACsE,GAAN,CAAWc,IAAD,IAAU;UACzB,IAAI,CAAC,KAAK7H,SAAN,IAAmB,CAACwH,gBAAxB,EAA0C;YACxC,OAAOK,IAAI,CAACC,IAAZ;UACD;;UACD,MAAMC,gBAAgB,GAAGP,gBAAgB,CAACQ,oBAAjB,CAAsCH,IAAI,CAACI,QAA3C,CAAzB;UACA,OAAO,IAAAjJ,YAAA,EAAK,KAAKgB,SAAL,CAAe8H,IAApB,EAA0BJ,UAA1B,EAAsCK,gBAAtC,CAAP;QACD,CANM,CAAP,CALwD,CAYxD;MACD,CAbiB,CAAlB;MAeA,MAAMG,OAAO,GAAG,IAAAlJ,YAAA,EAAK,KAAK2C,UAAV,EAAsB4E,OAAO,CAACpH,EAA9B,CAAhB;MACA,IAAI,CAAC,IAAA6E,qBAAA,EAAWkE,OAAX,CAAL,EAA0B,IAAAC,oBAAA,EAAUD,OAAV,EAAmB;QAAEE,SAAS,EAAE;MAAb,CAAnB;MAE1B,MAAMC,IAAI,GAAG,KAAKhD,SAAL,CAAe2B,UAAU,CAAC1B,MAA1B,EAAkCgC,SAAlC,EAA6CL,YAA7C,EAA2DiB,OAA3D,EAAoExC,sBAApE,CAAb;MACA,OAAO2C,IAAP;IACD,CAzBa,CAAd;IA2BA,OAAO9G,OAAO,CAAC+G,GAAR,CAAYnE,KAAZ,CAAP;EACD;;EAEwB,MAAnByC,mBAAmB,CAACL,OAAD,EAAuCgC,wBAAkC,GAAG,EAA5E,EAAgF;IACvG,MAAM,CAACC,IAAD,EAAOC,MAAP,IAAiB,KAAKC,KAAL,EAAvB;IACA,MAAMC,eAAe,GAAG,MAAM,KAAKC,cAAL,CAAoBC,yBAAA,CAAeL,IAAnC,EAAyCxG,SAAzC,EAAoDyG,MAApD,CAA9B;IACA,MAAMK,eAAe,GAAG,KAAKC,+BAAL,CAAqCJ,eAArC,EAAsDpC,OAAtD,EAA+DgC,wBAA/D,CAAxB;IACA,MAAMS,QAAQ,GAAG,MAAM,KAAKxJ,EAAL,CAAQyJ,YAAR,CAAqBH,eAArB,EAAsCN,IAAtC,EAA4C,SAA5C,EAAuDtJ,wBAAA,CAAcC,EAArE,CAAvB;IACA,OAAO6J,QAAP;EACD;;EAEmB,MAAdJ,cAAc,CAClBM,WADkB,EAElBC,YAFkB,EAGlBV,MAHkB,EAIlBW,IAJkB,EAKW;IAC7B,MAAMC,IAAI,GAAGZ,MAAM,IAAI,KAAKC,KAAL,GAAa,CAAb,CAAvB;IACAQ,WAAW,GAAGA,WAAW,IAAII,kBAAA,CAAYd,IAAzC;IACA,MAAMG,eAAe,GAAG,MAAMU,IAAI,CAACT,cAAL,CAAoBM,WAApB,EAAiCC,YAAjC,EAA+CC,IAA/C,CAA9B;IACA,OAAOT,eAAP;EACD;;EAEOD,KAAK,GAAG;IACd,MAAMlJ,EAAE,GAAG,KAAKA,EAAL,CAAQkJ,KAAR,EAAX;IACA,IAAI,CAAClJ,EAAL,EAAS,MAAM,IAAI+J,KAAJ,CAAU,cAAV,CAAN;IACT,OAAO/J,EAAP;EACD;EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;;;EACUuJ,+BAA+B,CACrCS,OADqC,EAErCjD,OAFqC,EAGrCgC,wBAAkC,GAAG,EAHA,EAIrC;IACA,IAAIkB,0BAAoC,GAAG,EAA3C;IACAA,0BAA0B,GAAGlD,OAAO,CAAClF,UAAR,CAAmBqI,MAAnB,CAA0B,CAACC,GAAD,EAAMC,IAAN,KAAe;MACpE,OAAOD,GAAG,CAACE,MAAJ,CAAWD,IAAI,CAACE,KAAL,CAAWN,OAAX,CAAmBO,GAA9B,CAAP;IACD,CAF4B,EAE1BN,0BAF0B,CAA7B;IAGA,MAAMO,WAAW,GAAGC,MAAM,CAACC,IAAP,CAAY,KAAK5K,OAAL,CAAaO,MAAb,CAAoBsK,QAApB,EAAZ,CAApB;IACA,MAAMC,mBAAmB,GAAG,IAAAC,cAAA,EAAKL,WAAW,CAACH,MAAZ,CAAmBJ,0BAAnB,CAAL,CAA5B;IACA,MAAMa,QAAQ,GAAGd,OAAO,CAACe,MAAR,CAAgBC,MAAD,IAAY;MAC1C,IAAI,CAACA,MAAM,CAACC,KAAZ,EAAmB;QACjB,OAAO,KAAP;MACD;;MACD,OACE,KAAK7K,YAAL,CAAkB8K,YAAlB,CAA+BF,MAAM,CAACC,KAAtC,KACAL,mBAAmB,CAAChH,QAApB,CAA6BoH,MAAM,CAACC,KAApC,CADA,IAEAlC,wBAAwB,CAACnF,QAAzB,CAAkCoH,MAAM,CAACC,KAAzC,CAHF;IAKD,CATgB,CAAjB;IAWA,OAAOH,QAAP;EACD;;EAEOK,oBAAoB,GAAG;IAC7B,OAAO,CACL,KAAIC,iCAAJ,EAAwB,IAAxB,EAA8B,KAAKjL,GAAnC,EAAwC,KAAKO,kBAA7C,CADK,EAEL,KAAI2K,uCAAJ,EAA8B,IAA9B,EAAoC,KAAKlL,GAAzC,EAA8C,KAAKO,kBAAnD,CAFK,CAAP;EAID,CAhVsB,CAkVvB;EACA;;;EAgCAkH,mBAAmB,CAAC5G,GAAD,EAAqC;IACtD,MAAMX,MAAM,GAAGW,GAAG,SAAH,IAAAA,GAAG,WAAH,IAAAA,GAAG,CAAEsK,gBAAL,IAAyB,QAAOtK,GAAP,aAAOA,GAAP,uBAAOA,GAAG,CAAEsK,gBAAZ,MAAiC,UAA1D,GAAuEtK,GAAvE,aAAuEA,GAAvE,uBAAuEA,GAAG,CAAEsK,gBAAL,EAAvE,GAAiG,EAAhH;IAEA,OAAOjL,MAAP;EACD;EAED;AACF;AACA;;;EACEkL,mBAAmB,CAACvK,GAAD,EAAqC;IACtD,MAAMwK,iBAAiB,GAAG,KAAKL,oBAAL,EAA1B;IACA,MAAMM,gBAAgB,GAAG,KAAK7D,mBAAL,CAAyB5G,GAAzB,CAAzB;IACA,MAAM0K,eAAe,GAAGD,gBAAH,aAAGA,gBAAH,uBAAGA,gBAAgB,CAAEE,YAA1C;IACA,MAAMA,YAAY,GAAGD,eAAe,IAAI,KAAKrL,MAAL,CAAYuL,gBAA/B,IAAmD,KAAxE;IACA,MAAMC,UAAU,GAAG,KAAKvL,oBAAL,CAA0BsF,MAA1B,GAAmCyE,MAAnC,CAA0CmB,iBAA1C,CAAnB;IACA,MAAMM,QAAQ,GAAGD,UAAU,CAACE,IAAX,CAAiBC,QAAD,IAAc;MAC7C,OAAOA,QAAQ,CAAChD,IAAT,KAAkB2C,YAAzB;IACD,CAFgB,CAAjB;IAIA,IAAI,CAACG,QAAL,EAAe,MAAM,KAAIG,sCAAJ,EAA6BN,YAA7B,CAAN;IAEf,OAAOG,QAAP;EACD;EAED;AACF;AACA;;;EACEI,wBAAwB,CAACN,gBAAD,EAAqC;IAC3D,KAAKtL,oBAAL,CAA0B6L,QAA1B,CAAmCP,gBAAnC;IACA,OAAO,IAAP;EACD;EAED;AACF;AACA;;;EACEQ,kBAAkB,CAAC5E,UAAD,EAAgC;IAChD,KAAKzH,WAAL,CAAiBoM,QAAjB,CAA0B3E,UAA1B;EACD;;EAwBoB,aAAR6E,QAAQ,EACnB;EACA,CACEC,OADF,EAEE/L,OAFF,EAGEgM,kBAHF,EAIEC,MAJF,EAKEvM,IALF,EAMEO,SANF,EAOEL,GAPF,EAQEsM,MARF,EASErM,YATF,EAUEsM,UAVF,EAWEhM,kBAXF,EAYEiM,OAZF,CAFmB,EA6BnBtM,MA7BmB,EA8BnB,CAACN,WAAD,EAAcO,oBAAd,CA9BmB,EA+BnBR,OA/BmB,EAgCnB;IACA,MAAMW,MAAM,GAAGiM,UAAU,CAACE,YAAX,CAAwBlN,wBAAA,CAAcC,EAAtC,CAAf,CADA,CAEA;;IACA,MAAMkN,OAAO,GAAG,IAAIjN,WAAJ,CACdE,OADc,EAEdC,WAFc,EAGdyM,MAHc,EAIdvM,IAJc,EAKdsM,kBALc,EAMdpM,GANc,EAOdC,YAPc,EAQdC,MARc,EASdC,oBATc,EAUdC,OAVc,EAWdC,SAXc,EAYdC,MAZc,EAadC,kBAbc,CAAhB;IAgBA,IAAIF,SAAJ,EAAegM,MAAM,CAACM,mBAAP,CAA2B,KAAIC,8BAAJ,EAAuBvM,SAAvB,EAAkC8L,OAAlC,EAA2CE,MAA3C,EAAmDC,MAAnD,EAA2DhM,MAA3D,CAA3B;IAEf8L,kBAAkB,CAACS,aAAnB,CAAiC,CAC/B,KAAIC,wBAAJ,EAAiBJ,OAAjB,EAA0BpM,MAA1B,CAD+B,EAE/B,KAAIyM,yCAAJ,EAA0BL,OAA1B,EAAmCpM,MAAnC,CAF+B,EAG/B;IACA,KAAI0M,+BAAJ,EAAqBN,OAArB,EAA8BpM,MAA9B,CAJ+B,EAK/B,KAAI2M,mCAAJ,EAAuBP,OAAvB,EAAgCpM,MAAhC,CAL+B,CAAjC;IAQA6L,OAAO,CAACe,cAAR,CAAuB,CACrB;MACEC,KAAK,EAAET,OAAO,CAAC/F,gBAAR,CAAyByG,IAAzB,CAA8BV,OAA9B;IADT,CADqB,CAAvB;IAMA,IAAI,CAACxM,MAAM,CAACmN,QAAZ,EACEjN,OAAO,CAACkN,kBAAR,CAA2B,CACzB,KAAIC,4CAAJ,EAA2Bb,OAA3B,EAAoC5M,IAApC,EAA0CG,YAA1C,EAAwDM,kBAAxD,EAA4ED,MAA5E,CADyB,EAEzB,KAAIkN,uBAAJ,EAAgBrB,OAAhB,EAAyBO,OAAzB,EAAkCnM,kBAAlC,EAAsDD,MAAtD,CAFyB,CAA3B;;IAKF,IAAID,SAAJ,EAAe;MACbA,SAAS,CAACoN,sBAAV,CAAkC9M,CAAD,IAC/B+L,OAAO,CAAC5K,qBAAR,CAA8BnB,CAA9B,EAAkCU,iBAAD,IAAuBA,iBAAiB,CAACqM,GAAlB,CAAsB/M,CAAtB,CAAxD,CADF;MAGAN,SAAS,CAACsN,yBAAV,CAAqChN,CAAD,IAClC+L,OAAO,CAAC5K,qBAAR,CAA8BnB,CAA9B,EAAkCU,iBAAD,IAAuBA,iBAAiB,CAACuM,MAAlB,CAAyBjN,CAAzB,CAAxD,CADF;MAGAN,SAAS,CAACwN,yBAAV,CAAqCtM,GAAD,IAASmL,OAAO,CAACoB,sBAAR,CAA+BvM,GAA/B,CAA7C;IACD;;IAEDiL,OAAO,CAACR,QAAR,CAAiB,IAAA+B,yBAAA,EAAcrB,OAAd,CAAjB;IAEA,OAAOA,OAAP;EACD;;AAtgBsB;;;gCAAZjN,W,WA0ZI,CAACuO,eAAA,CAAKC,QAAL,EAAD,EAAqCD,eAAA,CAAKC,QAAL,EAArC,C;gCA1ZJxO,W,aA4ZMkK,kB;gCA5ZNlK,W,kBA6ZW,CACpByO,wBADoB,EAEpBC,wBAFoB,EAGpBC,4BAHoB,EAIpBC,cAJoB,EAKpBC,kBALoB,EAMpBC,oBANoB,EAOpBC,gBAPoB,EAQpBC,sBARoB,EASpBC,kCAToB,EAUpBC,sBAVoB,EAWpBC,8CAXoB,EAYpBC,kBAZoB,C;gCA7ZXpP,W,mBA4aY;EACrB4N,QAAQ,EAAE;AADW,C;;AA6FzB9N,wBAAA,CAAcuP,UAAd,CAAyBrP,WAAzB"}
1	+ {"version":3,"names":["noopResult","results","toString","DEFAULT_TEMP_DIR","join","CACHE_ROOT","PreviewAspect","id","PreviewMain","constructor","harmony","previewSlot","ui","envs","componentAspect","pkg","aspectLoader","config","bundlingStrategySlot","builder","workspace","logger","dependencyResolver","Map","Date","now","c","updater","env","getEnv","envId","executionRef","executionRefs","get","warn","updateLinkFiles","currentComponents","executionCtx","cId","component","forEach","components","found","Promise","resolve","handleComponentChange","remove","tempFolder","getTempDir","getComponentBundleSize","data","getDataByAspect","undefined","COMPONENT_STRATEGY_SIZE_KEY_NAME","getPreview","artifacts","getArtifactsVinylByAspectAndTaskName","PREVIEW_TASK_NAME","PreviewArtifact","getPreviewFiles","isBundledWithEnv","files","getPaths","getArtifactsVinylByAspectAndName","COMPONENT_STRATEGY_ARTIFACT_NAME","length","isScaling","previewData","state","aspects","scaling","isLegacyHeader","ENV_WITH_LEGACY_DOCS","ENV_STRATEGY_ARTIFACT_NAME","envType","getEnvData","type","includes","getEnvTemplate","GENERATE_ENV_TEMPLATE_TASK_NAME","getCoreEnvTemplate","coreEnvDir","getAspectDir","artifactDef","getEnvTemplateArtifactDef","artifactFactory","ArtifactFactory","rootDir","getRootDir","existsSync","coreEnvDirFromBvm","getAspectDirFromBvm","paths","resolvePaths","artifactFiles","ArtifactFiles","populateVinylsFromPaths","vinyls","getEnvTemplateFromComponentEnv","getEnvId","getEnvTemplateByEnvId","isCoreEnv","host","getHost","resolvedEnvId","resolveComponentId","envComponent","BitError","getDefs","values","writeLink","prefix","moduleMap","defaultModule","dirName","isSplitComponentBundle","contents","generateLink","writeLinkContents","targetDir","hash","objectHash","targetPath","timestamp","writeHash","writeFileSync","set","getPreviewTarget","context","relatedContexts","ctxId","ExecutionRef","previewRuntime","writePreviewRuntime","linkFiles","previews","map","previewDef","templatePath","renderTemplatePath","getModuleMap","getEnvPreviewConfig","splitComponentBundle","withPaths","environment","compilerInstance","getCompiler","modulePath","getPreviewComponentRootPath","getRuntimeModulePath","file","path","distRelativePath","getDistPathBySrcPath","relative","dirPath","mkdirSync","recursive","link","all","aspectsIdsToNotFilterOut","name","uiRoot","getUi","resolvedAspects","resolveAspects","PreviewRuntime","filteredAspects","filterAspectsByExecutionContext","filePath","generateRoot","runtimeName","componentIds","opts","root","MainRuntime","Error","allComponentContextAspects","reduce","acc","curr","concat","ids","hostAspects","Object","keys","toObject","allAspectsToInclude","uniq","filtered","filter","aspect","getId","isCoreAspect","getDefaultStrategies","EnvBundlingStrategy","ComponentBundlingStrategy","getPreviewConfig","getBundlingStrategy","defaultStrategies","envPreviewConfig","strategyFromEnv","strategyName","bundlingStrategy","strategies","selected","find","strategy","BundlingStrategyNotFound","registerBundlingStrategy","register","registerDefinition","provider","bundler","componentExtension","uiMain","pubsub","loggerMain","graphql","createLogger","preview","registerStartPlugin","PreviewStartPlugin","registerRoute","PreviewRoute","ComponentPreviewRoute","EnvTemplateRoute","PreviewAssetsRoute","registerTarget","entry","bind","disabled","registerBuildTasks","EnvPreviewTemplateTask","PreviewTask","registerOnComponentAdd","add","onComponentLoad","registerOnComponentChange","update","registerOnComponentRemove","handleComponentRemoval","previewSchema","Slot","withType","BundlerAspect","BuilderAspect","ComponentAspect","UIAspect","EnvsAspect","WorkspaceAspect","PkgAspect","PubsubAspect","AspectLoaderAspect","LoggerAspect","DependencyResolverAspect","GraphqlAspect","addRuntime"],"sources":["preview.main.runtime.tsx"],"sourcesContent":["import { ArtifactFactory, BuilderAspect } from '@teambit/builder';\nimport type { BuilderMain } from '@teambit/builder';\nimport { Asset, BundlerAspect, BundlerMain } from '@teambit/bundler';\nimport { PubsubAspect, PubsubMain } from '@teambit/pubsub';\nimport { MainRuntime } from '@teambit/cli';\nimport {\n Component,\n ComponentAspect,\n ComponentMain,\n ComponentMap,\n ComponentID,\n ResolveAspectsOptions,\n} from '@teambit/component';\nimport { EnvsAspect } from '@teambit/envs';\nimport type { EnvsMain, ExecutionContext, PreviewEnv } from '@teambit/envs';\nimport { Slot, SlotRegistry, Harmony } from '@teambit/harmony';\nimport { UIAspect, UiMain, UIRoot } from '@teambit/ui';\nimport { CACHE_ROOT } from '@teambit/legacy/dist/constants';\nimport { BitError } from '@teambit/bit-error';\nimport objectHash from 'object-hash';\nimport { uniq } from 'lodash';\nimport { writeFileSync, existsSync, mkdirSync } from 'fs-extra';\nimport { join } from 'path';\nimport { PkgAspect, PkgMain } from '@teambit/pkg';\nimport { AspectLoaderAspect, getAspectDir, getAspectDirFromBvm } from '@teambit/aspect-loader';\nimport type { AspectDefinition, AspectLoaderMain } from '@teambit/aspect-loader';\nimport WorkspaceAspect, { Workspace } from '@teambit/workspace';\nimport { LoggerAspect, LoggerMain, Logger } from '@teambit/logger';\nimport { DependencyResolverAspect } from '@teambit/dependency-resolver';\nimport type { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport { ArtifactFiles } from '@teambit/legacy/dist/consumer/component/sources/artifact-files';\nimport GraphqlAspect, { GraphqlMain } from '@teambit/graphql';\nimport { BundlingStrategyNotFound } from './exceptions';\nimport { generateLink } from './generate-link';\nimport { PreviewArtifact } from './preview-artifact';\nimport { PreviewDefinition } from './preview-definition';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { PreviewRoute } from './preview.route';\nimport { PreviewTask, PREVIEW_TASK_NAME } from './preview.task';\nimport { BundlingStrategy } from './bundling-strategy';\nimport { EnvBundlingStrategy, ComponentBundlingStrategy } from './strategies';\nimport { ExecutionRef } from './execution-ref';\nimport { PreviewStartPlugin } from './preview.start-plugin';\nimport {\n EnvPreviewTemplateTask,\n GENERATE_ENV_TEMPLATE_TASK_NAME,\n getArtifactDef as getEnvTemplateArtifactDef,\n} from './env-preview-template.task';\nimport { EnvTemplateRoute } from './env-template.route';\nimport { ComponentPreviewRoute } from './component-preview.route';\nimport { COMPONENT_STRATEGY_ARTIFACT_NAME, COMPONENT_STRATEGY_SIZE_KEY_NAME } from './strategies/component-strategy';\nimport { ENV_STRATEGY_ARTIFACT_NAME } from './strategies/env-strategy';\nimport { previewSchema } from './preview.graphql';\nimport { PreviewAssetsRoute } from './preview-assets.route';\n\nconst noopResult = {\n results: [],\n toString: () => `updating link file`,\n};\n\nconst DEFAULT_TEMP_DIR = join(CACHE_ROOT, PreviewAspect.id);\n\nexport type PreviewDefinitionRegistry = SlotRegistry<PreviewDefinition>;\n\ntype PreviewFiles = {\n files: string[];\n isBundledWithEnv: boolean;\n};\n\nexport type ComponentPreviewSizedFile = Asset;\n\nexport type ComponentPreviewSize = {\n files: ComponentPreviewSizedFile[];\n assets: ComponentPreviewSizedFile[];\n totalFiles: number;\n compressedTotalFiles?: number;\n totalAssets: number;\n compressedTotalAssets?: number;\n total: number;\n compressedTotal?: number;\n};\n\nexport type ComponentPreviewMetaData = {\n size?: ComponentPreviewSize;\n};\n\nexport type PreviewConfig = {\n bundlingStrategy?: string;\n disabled: boolean;\n /*\n limit concurrent components when running the bundling step for your bundler during generate components preview task.\n * this helps mitigate large memory consumption for the build pipeline. This may increase the overall time for the generate-preview task, but reduce memory footprint.\n * default - no limit.\n /\n maxChunkSize?: number;\n};\n\nexport type EnvPreviewConfig = {\n strategyName?: string;\n splitComponentBundle?: boolean;\n};\n\nexport type BundlingStrategySlot = SlotRegistry<BundlingStrategy>;\n\nexport type GenerateLinkFn = (prefix: string, componentMap: ComponentMap<string[]>, defaultModule?: string) => string;\n\nexport class PreviewMain {\n constructor(\n /\n harmony context.\n /\n private harmony: Harmony,\n\n /\n slot for preview definitions.\n /\n private previewSlot: PreviewDefinitionRegistry,\n\n private ui: UiMain,\n\n private envs: EnvsMain,\n\n private componentAspect: ComponentMain,\n\n private pkg: PkgMain,\n\n private aspectLoader: AspectLoaderMain,\n\n readonly config: PreviewConfig,\n\n private bundlingStrategySlot: BundlingStrategySlot,\n\n private builder: BuilderMain,\n\n private workspace: Workspace \| undefined,\n\n private logger: Logger,\n\n private dependencyResolver: DependencyResolverMain\n ) {}\n\n get tempFolder(): string {\n return this.workspace?.getTempDir(PreviewAspect.id) \|\| DEFAULT_TEMP_DIR;\n }\n\n getComponentBundleSize(component: Component): ComponentPreviewSize \| undefined {\n const data = this.builder.getDataByAspect(component, PreviewAspect.id);\n\n if (!data) return undefined;\n return data[COMPONENT_STRATEGY_SIZE_KEY_NAME];\n }\n\n async getPreview(component: Component): Promise<PreviewArtifact \| undefined> {\n const artifacts = await this.builder.getArtifactsVinylByAspectAndTaskName(\n component,\n PreviewAspect.id,\n PREVIEW_TASK_NAME\n );\n if (!artifacts) return undefined;\n return new PreviewArtifact(artifacts);\n }\n\n /\n Get a list of all the artifact files generated during the GeneratePreview task\n * @param component\n * @returns\n /\n async getPreviewFiles(component: Component): Promise<PreviewFiles \| undefined> {\n const artifacts = await this.getPreview(component);\n const isBundledWithEnv = await this.isBundledWithEnv(component);\n if (!artifacts) return undefined;\n return {\n files: artifacts.getPaths(),\n isBundledWithEnv,\n };\n }\n\n /\n Check if the component preview bundle contain the env as part of the bundle or only the component code\n * (we used in the past to bundle them together, there might also be specific envs which still uses the env strategy)\n * @param component\n * @returns\n /\n async isBundledWithEnv(component: Component): Promise<boolean> {\n const artifacts = await this.builder.getArtifactsVinylByAspectAndName(\n component,\n PreviewAspect.id,\n COMPONENT_STRATEGY_ARTIFACT_NAME\n );\n if (!artifacts \|\| !artifacts.length) return true;\n\n return false;\n }\n\n /\n can the current component preview scale in size for different preview sizes.\n /\n async isScaling(component: Component): Promise<boolean> {\n const previewData = component.state.aspects.get(PreviewAspect.id)?.data;\n return previewData?.scaling;\n }\n\n /\n Check if the component preview bundle contain the header inside of it (legacy)\n * today we are not including the header inside anymore\n * @param component\n * @returns\n /\n async isLegacyHeader(component: Component): Promise<boolean> {\n // these envs had header in their docs\n const ENV_WITH_LEGACY_DOCS = ['react', 'env', 'aspect', 'lit', 'html', 'node', 'mdx', 'react-native', 'readme'];\n\n const artifacts = await this.builder.getArtifactsVinylByAspectAndName(\n component,\n PreviewAspect.id,\n ENV_STRATEGY_ARTIFACT_NAME\n );\n const envType = this.envs.getEnvData(component).type;\n return !!artifacts && !!artifacts.length && ENV_WITH_LEGACY_DOCS.includes(envType);\n }\n\n /\n Getting the env template artifact\n * This should be called with the env itself or it will return undefined\n * If you want to get the env template from the env of the component,\n * use: getEnvTemplateFromComponentEnv below\n \n @param component\n * @returns\n /\n async getEnvTemplate(component: Component): Promise<PreviewArtifact \| undefined> {\n const artifacts = await this.builder.getArtifactsVinylByAspectAndTaskName(\n component,\n PreviewAspect.id,\n GENERATE_ENV_TEMPLATE_TASK_NAME\n );\n if (!artifacts \|\| !artifacts.length) return undefined;\n\n return new PreviewArtifact(artifacts);\n }\n\n /\n This is a special method to get a core env template\n * As the core envs doesn't exist in the scope we need to bring it from other place\n * We will bring it from the core env package files\n /\n private async getCoreEnvTemplate(envId: string): Promise<PreviewArtifact \| undefined> {\n const coreEnvDir = getAspectDir(envId);\n // const finalDir = join(coreEnvDir, getEnvTemplateArtifactDirectory());\n const artifactDef = getEnvTemplateArtifactDef()[0];\n const artifactFactory = new ArtifactFactory();\n\n let rootDir = artifactFactory.getRootDir(coreEnvDir, artifactDef);\n if (!existsSync(rootDir)) {\n // fallback to the bvm folder\n const coreEnvDirFromBvm = getAspectDirFromBvm(envId);\n rootDir = artifactFactory.getRootDir(coreEnvDirFromBvm, artifactDef);\n }\n if (!existsSync(rootDir)) {\n return undefined;\n }\n const paths = artifactFactory.resolvePaths(rootDir, artifactDef);\n if (!paths \|\| !paths.length) {\n return undefined;\n }\n const artifactFiles = new ArtifactFiles(paths);\n\n artifactFiles.populateVinylsFromPaths(rootDir);\n return new PreviewArtifact(artifactFiles.vinyls);\n }\n\n /\n This will fetch the component env, then will take the env template from the component env\n * @param component\n /\n async getEnvTemplateFromComponentEnv(component: Component): Promise<PreviewArtifact \| undefined> {\n const envId = this.envs.getEnvId(component);\n return this.getEnvTemplateByEnvId(envId);\n }\n\n /\n This will fetch the component env, then will take the env template from the component env\n * @param component\n /\n async getEnvTemplateByEnvId(envId: string): Promise<PreviewArtifact \| undefined> {\n // Special treatment for core envs\n if (this.aspectLoader.isCoreEnv(envId)) {\n return this.getCoreEnvTemplate(envId);\n }\n const host = this.componentAspect.getHost();\n const resolvedEnvId = await host.resolveComponentId(envId);\n const envComponent = await host.get(resolvedEnvId);\n if (!envComponent) {\n throw new BitError(`can't load env. env id is ${envId}`);\n }\n return this.getEnvTemplate(envComponent);\n }\n\n getDefs(): PreviewDefinition[] {\n return this.previewSlot.values();\n }\n\n private writeHash = new Map<string, string>();\n private timestamp = Date.now();\n\n /\n write a link to load custom modules dynamically.\n * @param prefix write\n * @param moduleMap map of components to module paths to require.\n * @param defaultModule\n * @param dirName\n /\n writeLink(\n prefix: string,\n moduleMap: ComponentMap<string[]>,\n defaultModule: string \| undefined,\n dirName: string,\n isSplitComponentBundle: boolean\n ) {\n const contents = generateLink(prefix, moduleMap, defaultModule, isSplitComponentBundle);\n return this.writeLinkContents(contents, dirName, prefix);\n }\n\n writeLinkContents(contents: string, targetDir: string, prefix: string) {\n const hash = objectHash(contents);\n const targetPath = join(targetDir, `${prefix}-${this.timestamp}.js`);\n\n // write only if link has changed (prevents triggering fs watches)\n if (this.writeHash.get(targetPath) !== hash) {\n writeFileSync(targetPath, contents);\n this.writeHash.set(targetPath, hash);\n }\n\n return targetPath;\n }\n\n private executionRefs = new Map<string, ExecutionRef>();\n\n private async getPreviewTarget(\n /* execution context (of the specific env) /\n context: ExecutionContext\n ): Promise<string[]> {\n // store context for later link-file updates\n // also register related envs that this context is acting on their behalf\n [context.id, ...context.relatedContexts].forEach((ctxId) => {\n this.executionRefs.set(ctxId, new ExecutionRef(context));\n });\n\n const previewRuntime = await this.writePreviewRuntime(context);\n const linkFiles = await this.updateLinkFiles(context.components, context);\n\n return [...linkFiles, previewRuntime];\n }\n\n private updateLinkFiles(components: Component[] = [], context: ExecutionContext) {\n const previews = this.previewSlot.values();\n const paths = previews.map(async (previewDef) => {\n const templatePath = await previewDef.renderTemplatePath?.(context);\n\n const map = await previewDef.getModuleMap(components);\n const isSplitComponentBundle = this.getEnvPreviewConfig().splitComponentBundle ?? false;\n const withPaths = map.map<string[]>((files, component) => {\n const environment = this.envs.getEnv(component).env;\n const compilerInstance = environment.getCompiler?.();\n const modulePath =\n compilerInstance?.getPreviewComponentRootPath?.(component) \|\| this.pkg.getRuntimeModulePath(component);\n return files.map((file) => {\n if (!this.workspace \|\| !compilerInstance) {\n return file.path;\n }\n const distRelativePath = compilerInstance.getDistPathBySrcPath(file.relative);\n return join(this.workspace.path, modulePath, distRelativePath);\n });\n // return files.map((file) => file.path);\n });\n\n const dirPath = join(this.tempFolder, context.id);\n if (!existsSync(dirPath)) mkdirSync(dirPath, { recursive: true });\n\n const link = this.writeLink(previewDef.prefix, withPaths, templatePath, dirPath, isSplitComponentBundle);\n return link;\n });\n\n return Promise.all(paths);\n }\n\n async writePreviewRuntime(context: { components: Component[] }, aspectsIdsToNotFilterOut: string[] = []) {\n const [name, uiRoot] = this.getUi();\n const resolvedAspects = await this.resolveAspects(PreviewRuntime.name, undefined, uiRoot);\n const filteredAspects = this.filterAspectsByExecutionContext(resolvedAspects, context, aspectsIdsToNotFilterOut);\n const filePath = await this.ui.generateRoot(filteredAspects, name, 'preview', PreviewAspect.id);\n return filePath;\n }\n\n async resolveAspects(\n runtimeName?: string,\n componentIds?: ComponentID[],\n uiRoot?: UIRoot,\n opts?: ResolveAspectsOptions\n ): Promise<AspectDefinition[]> {\n const root = uiRoot \|\| this.getUi()[1];\n runtimeName = runtimeName \|\| MainRuntime.name;\n const resolvedAspects = await root.resolveAspects(runtimeName, componentIds, opts);\n return resolvedAspects;\n }\n\n private getUi() {\n const ui = this.ui.getUi();\n if (!ui) throw new Error('ui not found');\n return ui;\n }\n\n /\n Filter the aspects to have only aspects that are:\n * 1. core aspects\n * 2. configured on the host (workspace/scope)\n * 3. used by at least one component from the context\n * @param aspects\n * @param context\n /\n private filterAspectsByExecutionContext(\n aspects: AspectDefinition[],\n context: { components: Component[] },\n aspectsIdsToNotFilterOut: string[] = []\n ) {\n let allComponentContextAspects: string[] = [];\n allComponentContextAspects = context.components.reduce((acc, curr) => {\n return acc.concat(curr.state.aspects.ids);\n }, allComponentContextAspects);\n const hostAspects = Object.keys(this.harmony.config.toObject());\n const allAspectsToInclude = uniq(hostAspects.concat(allComponentContextAspects));\n const filtered = aspects.filter((aspect) => {\n if (!aspect.getId) {\n return false;\n }\n return (\n this.aspectLoader.isCoreAspect(aspect.getId) \|\|\n allAspectsToInclude.includes(aspect.getId) \|\|\n aspectsIdsToNotFilterOut.includes(aspect.getId)\n );\n });\n\n return filtered;\n }\n\n private getDefaultStrategies() {\n return [\n new EnvBundlingStrategy(this, this.pkg, this.dependencyResolver),\n new ComponentBundlingStrategy(this, this.pkg, this.dependencyResolver),\n ];\n }\n\n // TODO - executionContext should be responsible for updating components list, and emit 'update' events\n // instead we keep track of changes\n private handleComponentChange = async (c: Component, updater: (currentComponents: ExecutionRef) => void) => {\n const env = this.envs.getEnv(c);\n const envId = env.id.toString();\n\n const executionRef = this.executionRefs.get(envId);\n if (!executionRef) {\n this.logger.warn(\n `failed to update link file for component \"${c.id.toString()}\" - could not find execution context for ${envId}`\n );\n return noopResult;\n }\n\n // add / remove / etc\n updater(executionRef);\n\n await this.updateLinkFiles(executionRef.currentComponents, executionRef.executionCtx);\n\n return noopResult;\n };\n\n private handleComponentRemoval = (cId: ComponentID) => {\n let component: Component \| undefined;\n this.executionRefs.forEach((components) => {\n const found = components.get(cId);\n if (found) component = found;\n });\n if (!component) return Promise.resolve(noopResult);\n\n return this.handleComponentChange(component, (currentComponents) => currentComponents.remove(cId));\n };\n\n getEnvPreviewConfig(env?: PreviewEnv): EnvPreviewConfig {\n const config = env?.getPreviewConfig && typeof env?.getPreviewConfig === 'function' ? env?.getPreviewConfig() : {};\n\n return config;\n }\n\n /\n return the configured bundling strategy.\n /\n getBundlingStrategy(env?: PreviewEnv): BundlingStrategy {\n const defaultStrategies = this.getDefaultStrategies();\n const envPreviewConfig = this.getEnvPreviewConfig(env);\n const strategyFromEnv = envPreviewConfig?.strategyName;\n const strategyName = strategyFromEnv \|\| this.config.bundlingStrategy \|\| 'env';\n const strategies = this.bundlingStrategySlot.values().concat(defaultStrategies);\n const selected = strategies.find((strategy) => {\n return strategy.name === strategyName;\n });\n\n if (!selected) throw new BundlingStrategyNotFound(strategyName);\n\n return selected;\n }\n\n /\n register a new bundling strategy. default available strategies are `env` and ``\n /\n registerBundlingStrategy(bundlingStrategy: BundlingStrategy) {\n this.bundlingStrategySlot.register(bundlingStrategy);\n return this;\n }\n\n /\n register a new preview definition.\n */\n registerDefinition(previewDef: PreviewDefinition) {\n this.previewSlot.register(previewDef);\n }\n\n static slots = [Slot.withType<PreviewDefinition>(), Slot.withType<BundlingStrategy>()];\n\n static runtime = MainRuntime;\n static dependencies = [\n BundlerAspect,\n BuilderAspect,\n ComponentAspect,\n UIAspect,\n EnvsAspect,\n WorkspaceAspect,\n PkgAspect,\n PubsubAspect,\n AspectLoaderAspect,\n LoggerAspect,\n DependencyResolverAspect,\n GraphqlAspect,\n ];\n\n static defaultConfig = {\n disabled: false,\n };\n\n static async provider(\n // eslint-disable-next-line max-len\n [\n bundler,\n builder,\n componentExtension,\n uiMain,\n envs,\n workspace,\n pkg,\n pubsub,\n aspectLoader,\n loggerMain,\n dependencyResolver,\n graphql,\n ]: [\n BundlerMain,\n BuilderMain,\n ComponentMain,\n UiMain,\n EnvsMain,\n Workspace \| undefined,\n PkgMain,\n PubsubMain,\n AspectLoaderMain,\n LoggerMain,\n DependencyResolverMain,\n GraphqlMain\n ],\n config: PreviewConfig,\n [previewSlot, bundlingStrategySlot]: [PreviewDefinitionRegistry, BundlingStrategySlot],\n harmony: Harmony\n ) {\n const logger = loggerMain.createLogger(PreviewAspect.id);\n // app.registerApp(new PreviewApp());\n const preview = new PreviewMain(\n harmony,\n previewSlot,\n uiMain,\n envs,\n componentExtension,\n pkg,\n aspectLoader,\n config,\n bundlingStrategySlot,\n builder,\n workspace,\n logger,\n dependencyResolver\n );\n\n if (workspace) uiMain.registerStartPlugin(new PreviewStartPlugin(workspace, bundler, uiMain, pubsub, logger));\n\n componentExtension.registerRoute([\n new PreviewRoute(preview, logger),\n new ComponentPreviewRoute(preview, logger),\n // @ts-ignore\n new EnvTemplateRoute(preview, logger),\n new PreviewAssetsRoute(preview, logger),\n ]);\n\n bundler.registerTarget([\n {\n entry: preview.getPreviewTarget.bind(preview),\n },\n ]);\n\n if (!config.disabled)\n builder.registerBuildTasks([\n new EnvPreviewTemplateTask(preview, envs, aspectLoader, dependencyResolver, logger),\n new PreviewTask(bundler, preview, dependencyResolver, logger),\n ]);\n\n if (workspace) {\n workspace.registerOnComponentAdd((c) =>\n preview.handleComponentChange(c, (currentComponents) => currentComponents.add(c))\n );\n workspace.onComponentLoad(async () => {\n return {\n // used for backward compatibility. can be removed in the future.\n scaling: true\n };\n });\n workspace.registerOnComponentChange((c) =>\n preview.handleComponentChange(c, (currentComponents) => currentComponents.update(c))\n );\n workspace.registerOnComponentRemove((cId) => preview.handleComponentRemoval(cId));\n }\n\n graphql.register(previewSchema(preview));\n\n return preview;\n }\n}\n\nPreviewAspect.addRuntime(PreviewMain);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAQA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;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"}

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

@@ -41,6 +41,8 @@ export declare class PreviewPreview {
      * render the preview.
      */
     render: (rootExt?: string | undefined) => Promise<void>;
+    setViewport(): void;
+    reportSize(): void;
     getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule>;
     fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>>;
     private addComponentFileElement;
@@ -64,7 +66,8 @@ export declare class PreviewPreview {
     registerRenderContext(renderContext: RenderingContextProvider): this;
     getDefault(): string;
     private getPreview;
-    private getParam;
+    getParam(query: string, param: string): string | null;
+    getQuery(): string;
     private getLocation;
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static dependencies: import("@teambit/harmony").Aspect[];

package/dist/preview.preview.runtime.js CHANGED Viewed

@@ -81,6 +81,16 @@ function _memoizee() {
   return data;
 }
+function _lodash() {
+  const data = require("lodash");
+  _lodash = function () {
+    return data;
+  };
+  return data;
+}
 function _exceptions() {
   const data = require("./exceptions");
@@ -151,6 +161,16 @@ function _htmlUtils() {
   return data;
 }
+function _sizeEvent() {
+  const data = require("./size-event");
+  _sizeEvent = function () {
+    return data;
+  };
+  return data;
+}
 // forward linkModules() for generate-link.ts
 class PreviewPreview {
   constructor(
@@ -179,6 +199,8 @@ class PreviewPreview {
       return this._setupPromise;
     });
     (0, _defineProperty2().default)(this, "render", async rootExt => {
+      // fit content always.
+      window.document.body.style.width = 'fit-content';
       const {
         previewName,
         componentId
@@ -202,7 +224,11 @@ class PreviewPreview {
       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;
-      return preview.render(componentId, await this.getPreviewModule(name, componentId), includes, this.getRenderingContext(componentAspects));
+      const previewModule = await this.getPreviewModule(name, componentId);
+      const render = preview.render(componentId, previewModule, includes, this.getRenderingContext(componentAspects));
+      this.reportSize();
+      this.setViewport();
+      return render;
     });
     (0, _defineProperty2().default)(this, "getComponentAspects", (0, _memoizee().default)(_fetchComponentAspects().fetchComponentAspects, {
       max: 100,
@@ -234,6 +260,48 @@ class PreviewPreview {
     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.
+    const sendPubsubEvent = () => {
+      this.pubsub.pub(_preview().PreviewAspect.id, new (_sizeEvent().SizeEvent)({
+        width: window.document.body.offsetWidth,
+        height: window.document.body.offsetHeight
+      }));
+    };
+    window.addEventListener('resize', (0, _lodash().debounce)(sendPubsubEvent, 150));
+    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;
@@ -385,6 +453,12 @@ class PreviewPreview {
     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('?');

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

	@@ -1 +1 @@
1	- {"version":3,"names":["PreviewPreview","constructor","pubsub","previewSlot","renderingContextSlot","isReady","Promise","resolve","_setupPromise","PREVIEW_MODULES","onSet","add","rootExt","previewName","componentId","getLocation","name","getDefault","isDev","preview","getPreview","PreviewNotFound","includesAll","all","include","map","inclPreviewName","includedPreview","undefined","inclPreviewModule","getPreviewModule","selectPreviewModel","fullName","includes","filter","module","componentAspects","getComponentAspects","toString","render","getRenderingContext","memoize","fetchComponentAspects","max","maxAge","registerClickPubSub","window","addEventListener","e","timestamp","Date","now","clickEvent","Object","assign","pub","PreviewAspect","id","ClickInsideAnIframeEvent","has","includedReady","every","included","compShortId","relevantModel","get","Error","componentMap","componentPreviews","fetchComponentPreview","loadComponentPreviews","component","mainModule","previewFile","allFiles","fetchComponentPreviewFiles","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","getParam","query","param","params","URLSearchParams","withoutHash","location","hash","substring","before","after","split","ComponentID","tryFromString","provider","config","PreviewRuntime","PubsubAspect","Slot","withType","addRuntime"],"sources":["preview.preview.runtime.tsx"],"sourcesContent":["import PubsubAspect, { PubsubPreview } from '@teambit/pubsub';\nimport { Slot, SlotRegistry } from '@teambit/harmony';\nimport { ComponentID } from '@teambit/component-id';\nimport crossFetch from 'cross-fetch';\nimport memoize from 'memoizee';\n\nimport { PreviewNotFound } from './exceptions';\nimport { PreviewType } from './preview-type';\nimport { PreviewAspect, PreviewRuntime } from './preview.aspect';\nimport { ClickInsideAnIframeEvent } from './events';\nimport { ModuleFile, PreviewModule } from './types/preview-module';\nimport { RenderingContext } from './rendering-context';\nimport { fetchComponentAspects } from './gql/fetch-component-aspects';\nimport { PREVIEW_MODULES } from './preview-modules';\nimport { loadScript, loadLink } from './html-utils';\n\n// forward linkModules() for generate-link.ts\nexport { linkModules } from './preview-modules';\n\nexport type PreviewSlot = SlotRegistry<PreviewType>;\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\nexport type RenderingContextSlot = SlotRegistry<RenderingContextProvider>;\n\nexport class PreviewPreview {\n constructor(\n /*\n register to pubsub\n /\n private pubsub: PubsubPreview,\n\n /\n preview slot.\n /\n private previewSlot: PreviewSlot,\n\n private renderingContextSlot: RenderingContextSlot\n ) {\n this.registerClickPubSub();\n }\n\n private registerClickPubSub() {\n window.addEventListener('click', (e) => {\n const timestamp = Date.now();\n const clickEvent = Object.assign({}, e);\n this.pubsub.pub(PreviewAspect.id, new ClickInsideAnIframeEvent(timestamp, clickEvent));\n });\n }\n\n private isDev = false;\n\n private isReady() {\n const { previewName } = this.getLocation();\n const name = previewName \|\| this.getDefault();\n\n if (!PREVIEW_MODULES.has(name)) return false;\n const preview = this.getPreview(name);\n if (!preview) return false;\n const includedReady = preview.include?.every((included) => PREVIEW_MODULES.has(included)) ?? true;\n if (!includedReady) return false;\n\n return true;\n }\n\n private _setupPromise?: Promise<void>;\n setup = () => {\n if (this.isReady()) return Promise.resolve();\n\n this._setupPromise ??= new Promise((resolve) => {\n PREVIEW_MODULES.onSet.add(() => {\n if (this.isReady()) resolve();\n });\n });\n\n return this._setupPromise;\n };\n\n /\n render the preview.\n /\n render = async (rootExt?: string) => {\n const { previewName, componentId } = this.getLocation();\n const name = previewName \|\| this.getDefault();\n if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';\n\n const preview = this.getPreview(name);\n if (!preview \|\| !componentId) {\n throw new PreviewNotFound(previewName);\n }\n\n const includesAll = await Promise.all(\n (preview.include \|\| []).map(async (inclPreviewName) => {\n const includedPreview = this.getPreview(inclPreviewName);\n if (!includedPreview) return undefined;\n\n const inclPreviewModule = await this.getPreviewModule(inclPreviewName, componentId);\n return includedPreview.selectPreviewModel?.(componentId.fullName, inclPreviewModule);\n })\n );\n\n const includes = includesAll.filter((module) => !!module);\n // during build / tag, the component is isolated, so all aspects are relevant, and do not require filtering\n const componentAspects = this.isDev ? await this.getComponentAspects(componentId.toString()) : undefined;\n\n return preview.render(\n componentId,\n await this.getPreviewModule(name, componentId),\n includes,\n this.getRenderingContext(componentAspects)\n );\n };\n\n async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {\n const compShortId = id.fullName;\n\n const relevantModel = PREVIEW_MODULES.get(previewName);\n if (!relevantModel) throw new Error(`[preview.preview] missing preview \"${previewName}\"`);\n if (relevantModel.componentMap[compShortId]) return relevantModel;\n\n const componentPreviews = await this.fetchComponentPreview(id, previewName);\n PREVIEW_MODULES.loadComponentPreviews(compShortId, componentPreviews);\n\n const component = componentPreviews[previewName];\n\n return {\n mainModule: relevantModel.mainModule,\n componentMap: {\n [id.fullName]: component,\n },\n };\n }\n\n async fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>> {\n let previewFile: string \| undefined;\n const allFiles = await this.fetchComponentPreviewFiles(id, name);\n // It's a component bundled with the env\n if (allFiles === null) return {};\n\n await Promise.all(\n allFiles.map((file) => {\n // We want to run the preview file always last\n if (file.endsWith('-preview.js')) {\n previewFile = file;\n return undefined;\n }\n\n return this.addComponentFileElement(id, file);\n })\n );\n\n if (!previewFile) return {};\n return this.loadPreviewScript(id, name, previewFile);\n }\n\n private addComponentFileElement(id: ComponentID, previewBundleFileName: string) {\n if (previewBundleFileName.endsWith('.js')) {\n return this.addComponentFileScriptElement(id, previewBundleFileName);\n }\n\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 private getParam(query: string, param: string) {\n const params = new URLSearchParams(query);\n return params.get(param);\n }\n\n private getLocation() {\n const withoutHash = window.location.hash.substring(1);\n const [before, after] = withoutHash.split('?');\n\n return {\n previewName: this.getParam(after, 'preview'),\n componentId: ComponentID.tryFromString(before),\n };\n }\n\n static runtime = PreviewRuntime;\n\n static dependencies = [PubsubAspect];\n\n static slots = [Slot.withType<PreviewType>(), Slot.withType<RenderingContextProvider>()];\n\n static async provider(\n [pubsub]: [PubsubPreview],\n config,\n [previewSlot, renderingContextSlot]: [PreviewSlot, RenderingContextSlot]\n ) {\n const preview = new PreviewPreview(pubsub, previewSlot, renderingContextSlot);\n\n window.addEventListener('hashchange', () => {\n // eslint-disable-next-line @typescript-eslint/no-floating-promises\n preview.render();\n });\n\n return preview;\n }\n}\n\nPreviewAspect.addRuntime(PreviewPreview);\n"],"mappings":"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"}
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","mainModule","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(\n componentId,\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(PreviewAspect.id, new SizeEvent({\n width: window.document.body.offsetWidth,\n height: window.document.body.offsetHeight\n })); \n }\n\n window.addEventListener('resize', debounce(sendPubsubEvent, 150));\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(PreviewAspect.id, new SizeEvent({\n width: window.document.body.offsetWidth,\n height: window.document.body.offsetHeight\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\n return {\n mainModule: relevantModel.mainModule,\n componentMap: {\n [id.fullName]: component,\n },\n };\n }\n\n async fetchComponentPreview(id: ComponentID, name: string): Promise<Record<string, ModuleFile[]>> {\n let previewFile: string \| undefined;\n const allFiles = await this.fetchComponentPreviewFiles(id, name);\n // It's a component bundled with the env\n if (allFiles === null) return {};\n\n await Promise.all(\n allFiles.map((file) => {\n // We want to run the preview file always last\n if (file.endsWith('-preview.js')) {\n previewFile = file;\n return undefined;\n }\n\n return this.addComponentFileElement(id, file);\n })\n );\n\n if (!previewFile) return {};\n return this.loadPreviewScript(id, name, previewFile);\n }\n\n private addComponentFileElement(id: ComponentID, previewBundleFileName: string) {\n if (previewBundleFileName.endsWith('.js')) {\n return this.addComponentFileScriptElement(id, previewBundleFileName);\n }\n\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AACA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEA;AASO,MAAMA,cAAN,CAAqB;EAC1BC,WAAW;EACT;AACJ;AACA;EACYC,MAJC;EAMT;AACJ;AACA;EACYC,WATC,EAWDC,oBAXC,EAYT;IAAA,KARQF,MAQR,GARQA,MAQR;IAAA,KAHQC,WAGR,GAHQA,WAGR;IAAA,KADQC,oBACR,GADQA,oBACR;IAAA,+CAYc,KAZd;IAAA;IAAA,+CA4BM,MAAM;MAAA;;MACZ,IAAI,KAAKC,OAAL,EAAJ,EAAoB,OAAOC,OAAO,CAACC,OAAR,EAAP;MAEpB,4BAAKC,aAAL,0EAAKA,aAAL,GAAuB,IAAIF,OAAJ,CAAaC,OAAD,IAAa;QAC9CE,iCAAA,CAAgBC,KAAhB,CAAsBC,GAAtB,CAA0B,MAAM;UAC9B,IAAI,KAAKN,OAAL,EAAJ,EAAoBE,OAAO;QAC5B,CAFD;MAGD,CAJsB,CAAvB;MAMA,OAAO,KAAKC,aAAZ;IACD,CAtCC;IAAA,gDA2CO,MAAOI,OAAP,IAA4B;MACnC;MACAC,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqBC,KAArB,CAA2BC,KAA3B,GAAmC,aAAnC;MAEA,MAAM;QAAEC,WAAF;QAAeC;MAAf,IAA+B,KAAKC,WAAL,EAArC;MACA,MAAMC,IAAI,GAAGH,WAAW,IAAI,KAAKI,UAAL,EAA5B;MACA,IAAIV,OAAJ,EAAa,KAAKW,KAAL,GAAaX,OAAO,KAAK,6BAAzB;MAEb,MAAMY,OAAO,GAAG,KAAKC,UAAL,CAAgBJ,IAAhB,CAAhB;;MACA,IAAI,CAACG,OAAD,IAAY,CAACL,WAAjB,EAA8B;QAC5B,MAAM,KAAIO,6BAAJ,EAAoBR,WAApB,CAAN;MACD;;MAED,MAAMS,WAAW,GAAG,MAAMrB,OAAO,CAACsB,GAAR,CACxB,CAACJ,OAAO,CAACK,OAAR,IAAmB,EAApB,EAAwBC,GAAxB,CAA4B,MAAOC,eAAP,IAA2B;QAAA;;QACrD,MAAMC,eAAe,GAAG,KAAKP,UAAL,CAAgBM,eAAhB,CAAxB;QACA,IAAI,CAACC,eAAL,EAAsB,OAAOC,SAAP;QAEtB,MAAMC,iBAAiB,GAAG,MAAM,KAAKC,gBAAL,CAAsBJ,eAAtB,EAAuCZ,WAAvC,CAAhC;QACA,gCAAOa,eAAe,CAACI,kBAAvB,0DAAO,2BAAAJ,eAAe,EAAsBb,WAAW,CAACkB,QAAlC,EAA4CH,iBAA5C,CAAtB;MACD,CAND,CADwB,CAA1B;MAUA,MAAMI,QAAQ,GAAGX,WAAW,CAACY,MAAZ,CAAoBC,MAAD,IAAY,CAAC,CAACA,MAAjC,CAAjB,CAvBmC,CAwBnC;;MACA,MAAMC,gBAAgB,GAAG,KAAKlB,KAAL,GAAa,MAAM,KAAKmB,mBAAL,CAAyBvB,WAAW,CAACwB,QAAZ,EAAzB,CAAnB,GAAsEV,SAA/F;MACA,MAAMW,aAAa,GAAG,MAAM,KAAKT,gBAAL,CAAsBd,IAAtB,EAA4BF,WAA5B,CAA5B;MACA,MAAM0B,MAAM,GAAGrB,OAAO,CAACqB,MAAR,CACb1B,WADa,EAEbyB,aAFa,EAGbN,QAHa,EAIb,KAAKQ,mBAAL,CAAyBL,gBAAzB,CAJa,CAAf;MAOA,KAAKM,UAAL;MACA,KAAKC,WAAL;MACA,OAAOH,MAAP;IACD,CAhFC;IAAA,6DAmO4B,IAAAI,mBAAA,EAAQC,8CAAR,EAA+B;MAC3DC,GAAG,EAAE,GADsD;MAE3DC,MAAM,EAAE,KAAK,EAAL,GAAU,EAAV,GAAe;IAFoC,CAA/B,CAnO5B;IACA,KAAKC,mBAAL;EACD;;EAEOA,mBAAmB,GAAG;IAC5BxC,MAAM,CAACyC,gBAAP,CAAwB,OAAxB,EAAkCC,CAAD,IAAO;MACtC,MAAMC,SAAS,GAAGC,IAAI,CAACC,GAAL,EAAlB;MACA,MAAMC,UAAU,GAAGC,MAAM,CAACC,MAAP,CAAc,EAAd,EAAkBN,CAAlB,CAAnB;MACA,KAAKrD,MAAL,CAAY4D,GAAZ,CAAgBC,wBAAA,CAAcC,EAA9B,EAAkC,KAAIC,kCAAJ,EAA6BT,SAA7B,EAAwCG,UAAxC,CAAlC;IACD,CAJD;EAKD;;EAIOtD,OAAO,GAAG;IAAA;;IAChB,MAAM;MAAEa;IAAF,IAAkB,KAAKE,WAAL,EAAxB;IACA,MAAMC,IAAI,GAAGH,WAAW,IAAI,KAAKI,UAAL,EAA5B;IAEA,IAAI,CAACb,iCAAA,CAAgByD,GAAhB,CAAoB7C,IAApB,CAAL,EAAgC,OAAO,KAAP;IAChC,MAAMG,OAAO,GAAG,KAAKC,UAAL,CAAgBJ,IAAhB,CAAhB;IACA,IAAI,CAACG,OAAL,EAAc,OAAO,KAAP;IACd,MAAM2C,aAAa,gDAAG3C,OAAO,CAACK,OAAX,qDAAG,iBAAiBuC,KAAjB,CAAwBC,QAAD,IAAc5D,iCAAA,CAAgByD,GAAhB,CAAoBG,QAApB,CAArC,CAAH,yEAA0E,IAA7F;IACA,IAAI,CAACF,aAAL,EAAoB,OAAO,KAAP;IAEpB,OAAO,IAAP;EACD;;EAyDDnB,WAAW,GAAG;IACZ,MAAMsB,KAAK,GAAG,KAAKC,QAAL,EAAd;IACA,MAAMC,QAAQ,GAAG,KAAKC,QAAL,CAAcH,KAAd,EAAqB,UAArB,CAAjB;;IACA,IAAI,CAACE,QAAL,EAAe;MACb3D,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqBC,KAArB,CAA2BC,KAA3B,GAAmC,MAAnC;MACA;IACD;;IAEDJ,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqBC,KAArB,CAA2B0D,QAA3B,GAAuC,GAAEF,QAAS,IAAlD;EACD;;EAEDzB,UAAU,GAAG;IAAA;;IACX,IAAI,aAAClC,MAAD,oCAAC,QAAQ8D,MAAT,KAAmB,cAAC9D,MAAD,qCAAC,SAAQC,QAAT,CAAvB,EAA0C,OAD/B,CAEX;;IAEA,MAAM8D,eAAe,GAAG,MAAM;MAC5B,KAAK1E,MAAL,CAAY4D,GAAZ,CAAgBC,wBAAA,CAAcC,EAA9B,EAAkC,KAAIa,sBAAJ,EAAc;QAC9C5D,KAAK,EAAEJ,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqB+D,WADkB;QAE9CC,MAAM,EAAElE,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqBiE;MAFiB,CAAd,CAAlC;IAID,CALD;;IAOAnE,MAAM,CAACyC,gBAAP,CAAwB,QAAxB,EAAkC,IAAA2B,kBAAA,EAASL,eAAT,EAA0B,GAA1B,CAAlC;IAEA,IAAIM,OAAO,GAAG,CAAd;IACA,MAAMC,QAAQ,GAAGC,WAAW,CAAC,MAAM;MACjC;MACAF,OAAO,IAAI,CAAX;;MACA,IAAIA,OAAO,GAAG,EAAd,EAAkB;QAChBG,aAAa,CAACF,QAAD,CAAb;QACA;MACD;;MACD,KAAKjF,MAAL,CAAY4D,GAAZ,CAAgBC,wBAAA,CAAcC,EAA9B,EAAkC,KAAIa,sBAAJ,EAAc;QAC9C5D,KAAK,EAAEJ,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqB+D,WADkB;QAE9CC,MAAM,EAAElE,MAAM,CAACC,QAAP,CAAgBC,IAAhB,CAAqBiE;MAFiB,CAAd,CAAlC;IAID,CAX2B,EAWzB,GAXyB,CAA5B;EAYD;;EAEqB,MAAhB7C,gBAAgB,CAACjB,WAAD,EAAsB8C,EAAtB,EAA+D;IACnF,MAAMsB,WAAW,GAAGtB,EAAE,CAAC3B,QAAvB;;IAEA,MAAMkD,aAAa,GAAG9E,iCAAA,CAAgB+E,GAAhB,CAAoBtE,WAApB,CAAtB;;IACA,IAAI,CAACqE,aAAL,EAAoB,MAAM,IAAIE,KAAJ,CAAW,sCAAqCvE,WAAY,GAA5D,CAAN;IACpB,IAAIqE,aAAa,CAACG,YAAd,CAA2BJ,WAA3B,CAAJ,EAA6C,OAAOC,aAAP;IAE7C,MAAMI,iBAAiB,GAAG,MAAM,KAAKC,qBAAL,CAA2B5B,EAA3B,EAA+B9C,WAA/B,CAAhC;;IACAT,iCAAA,CAAgBoF,qBAAhB,CAAsCP,WAAtC,EAAmDK,iBAAnD;;IAEA,MAAMG,SAAS,GAAGH,iBAAiB,CAACzE,WAAD,CAAnC;IAEA,OAAO;MACL6E,UAAU,EAAER,aAAa,CAACQ,UADrB;MAELL,YAAY,EAAE;QACZ,CAAC1B,EAAE,CAAC3B,QAAJ,GAAeyD;MADH;IAFT,CAAP;EAMD;;EAE0B,MAArBF,qBAAqB,CAAC5B,EAAD,EAAkB3C,IAAlB,EAAuE;IAChG,IAAI2E,WAAJ;IACA,MAAMC,QAAQ,GAAG,MAAM,KAAKC,0BAAL,CAAgClC,EAAhC,EAAoC3C,IAApC,CAAvB,CAFgG,CAGhG;;IACA,IAAI4E,QAAQ,KAAK,IAAjB,EAAuB,OAAO,EAAP;IAEvB,MAAM3F,OAAO,CAACsB,GAAR,CACJqE,QAAQ,CAACnE,GAAT,CAAcqE,IAAD,IAAU;MACrB;MACA,IAAIA,IAAI,CAACC,QAAL,CAAc,aAAd,CAAJ,EAAkC;QAChCJ,WAAW,GAAGG,IAAd;QACA,OAAOlE,SAAP;MACD;;MAED,OAAO,KAAKoE,uBAAL,CAA6BrC,EAA7B,EAAiCmC,IAAjC,CAAP;IACD,CARD,CADI,CAAN;IAYA,IAAI,CAACH,WAAL,EAAkB,OAAO,EAAP;IAClB,OAAO,KAAKM,iBAAL,CAAuBtC,EAAvB,EAA2B3C,IAA3B,EAAiC2E,WAAjC,CAAP;EACD;;EAEOK,uBAAuB,CAACrC,EAAD,EAAkBuC,qBAAlB,EAAiD;IAC9E,IAAIA,qBAAqB,CAACH,QAAtB,CAA+B,KAA/B,CAAJ,EAA2C;MACzC,OAAO,KAAKI,6BAAL,CAAmCxC,EAAnC,EAAuCuC,qBAAvC,CAAP;IACD,CAH6E,CAK9E;IACA;;;IACA,KAAKE,2BAAL,CAAiCzC,EAAjC,EAAqCuC,qBAArC,EAA4DG,KAA5D,CAAmEC,GAAD,IAAS;MACzE,MAAM,IAAIlB,KAAJ,CACH,2CAA0Cc,qBAAsB,eAAcI,GAA/E,aAA+EA,GAA/E,uBAA+EA,GAAG,CAAEhE,QAAL,EAAgB,GAD3F,CAAN;IAGD,CAJD,EAP8E,CAa9E;;IACA,OAAOV,SAAP;EACD;;EAEuC,MAA1BiE,0BAA0B,CAAClC,EAAD,EAAkB9C,WAAlB,EAAiE;IACvG,MAAM0F,kBAAkB,GAAI,wBAA5B;IACA,MAAMC,QAAQ,GAAG7C,EAAE,CAACrB,QAAH,EAAjB;IACA,MAAMmE,GAAG,GAAI,QAAOD,QAAS,IAAGD,kBAAmB,EAAnD;IAEA,MAAMG,GAAG,GAAG,MAAM,IAAAC,qBAAA,EAAWF,GAAX,CAAlB;;IACA,IAAIC,GAAG,CAACE,MAAJ,IAAc,GAAlB,EAAuB;MACrB,MAAM,KAAIvF,6BAAJ,EAAoBR,WAApB,CAAN;IACD;;IACD,MAAMgG,MAAM,GAAG,MAAMH,GAAG,CAACI,IAAJ,EAArB,CATuG,CAUvG;;IACA,IAAID,MAAM,CAACE,gBAAX,EAA6B;MAC3B,OAAO,IAAP;IACD;;IACD,IAAI,CAACF,MAAM,CAACG,KAAR,IAAiB,CAACH,MAAM,CAACG,KAAP,CAAaC,MAAnC,EAA2C;MACzC,MAAM,KAAI5F,6BAAJ,EAAoBR,WAApB,CAAN;IACD;;IACD,OAAOgG,MAAM,CAACG,KAAd;EACD;;EAEOb,6BAA6B,CAACxC,EAAD,EAAkBuC,qBAAlB,EAAiD;IACpF,MAAMgB,YAAY,GAAI,2BAAtB;IACA,MAAMV,QAAQ,GAAG7C,EAAE,CAACrB,QAAH,EAAjB;IACA,MAAM6E,GAAG,GAAI,QAAOX,QAAS,IAAGU,YAAa,IAAGhB,qBAAsB,EAAtE;IACA,OAAO,IAAAkB,uBAAA,EAAW;MAAED;IAAF,CAAX,CAAP;EACD;;EAEOf,2BAA2B,CAACzC,EAAD,EAAkBuC,qBAAlB,EAAiD;IAClF,MAAMM,QAAQ,GAAG7C,EAAE,CAACrB,QAAH,EAAjB;IACA,MAAM4E,YAAY,GAAI,2BAAtB;IACA,MAAMG,IAAI,GAAI,QAAOb,QAAS,IAAGU,YAAa,IAAGhB,qBAAsB,EAAvE;IACA,OAAO,IAAAoB,qBAAA,EAAS;MAAED;IAAF,CAAT,CAAP;EACD;;EAE8B,MAAjBpB,iBAAiB,CAACtC,EAAD,EAAkB9C,WAAlB,EAAuCqF,qBAAvC,EAAsE;IACnG,MAAMgB,YAAY,GAAI,2BAAtB;IACA,MAAMC,GAAG,GAAI,QAAOxD,EAAE,CAACrB,QAAH,EAAc,IAAG4E,YAAa,IAAGhB,qBAAsB,EAA3E;IACA,MAAM,IAAAkB,uBAAA,EAAW;MAAED;IAAF,CAAX,CAAN,CAHmG,CAKnG;;IACA,MAAMI,QAAQ,GAAI,GAAE5D,EAAE,CAAC6D,sBAAH,EAA4B,UAAhD;IACA,MAAMC,gBAAgB,GAAGjH,MAAM,CAAC+G,QAAD,CAA/B;IACA,IAAI,CAACE,gBAAL,EAAuB,MAAM,KAAIpG,6BAAJ,EAAoBR,WAApB,CAAN;IAEvB,OAAO4G,gBAAP;EACD;;EAOD;AACF;AACA;EACEC,eAAe,CAACvG,OAAD,EAAuB;IACpC,KAAKrB,WAAL,CAAiB6H,QAAjB,CAA0BxG,OAA1B;IACA,OAAO,IAAP;EACD;EAED;AACF;AACA;;;EACEsB,mBAAmB,CAACmF,aAAD,EAA2B;IAC5C,OAAO,KAAIC,oCAAJ,EAAqB,KAAK9H,oBAA1B,EAAgD;MAAE6H;IAAF,CAAhD,CAAP;EACD;EAED;AACF;AACA;AACA;;;EACEE,qBAAqB,CAACC,aAAD,EAA0C;IAC7D,KAAKhI,oBAAL,CAA0B4H,QAA1B,CAAmCI,aAAnC;IACA,OAAO,IAAP;EACD;;EAED9G,UAAU,GAAG;IACX,MAAM+G,QAAQ,GAAG,KAAKlI,WAAL,CAAiBmI,MAAjB,EAAjB;IACA,MAAMC,UAAU,GAAGF,QAAQ,CAACG,IAAT,CAAeC,gBAAD,IAAsBA,gBAAgB,CAACC,OAArD,CAAnB;IAEA,OAAO,CAAAH,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAElH,IAAZ,KAAoBgH,QAAQ,CAAC,CAAD,CAAR,CAAYhH,IAAvC;EACD;;EAEOI,UAAU,CAACP,WAAD,EAA+C;IAC/D,MAAMmH,QAAQ,GAAG,KAAKlI,WAAL,CAAiBmI,MAAjB,EAAjB;IACA,MAAM9G,OAAO,GAAG6G,QAAQ,CAACG,IAAT,CAAeC,gBAAD,IAAsBA,gBAAgB,CAACpH,IAAjB,KAA0BH,WAA9D,CAAhB;IAEA,OAAOM,OAAP;EACD;;EAEDiD,QAAQ,CAACH,KAAD,EAAgBqE,KAAhB,EAA+B;IACrC,MAAMC,MAAM,GAAG,IAAIC,eAAJ,CAAoBvE,KAApB,CAAf;IACA,OAAOsE,MAAM,CAACpD,GAAP,CAAWmD,KAAX,CAAP;EACD;;EAEDpE,QAAQ,GAAG;IACT,MAAMuE,WAAW,GAAGjI,MAAM,CAACkI,QAAP,CAAgBC,IAAhB,CAAqBC,SAArB,CAA+B,CAA/B,CAApB;IACA,MAAM,GAAGC,KAAH,IAAYJ,WAAW,CAACK,KAAZ,CAAkB,GAAlB,CAAlB;IACA,OAAOD,KAAP;EACD;;EAEO9H,WAAW,GAAG;IACpB,MAAM0H,WAAW,GAAGjI,MAAM,CAACkI,QAAP,CAAgBC,IAAhB,CAAqBC,SAArB,CAA+B,CAA/B,CAApB;IACA,MAAM,CAACG,MAAD,EAASF,KAAT,IAAkBJ,WAAW,CAACK,KAAZ,CAAkB,GAAlB,CAAxB;IAEA,OAAO;MACLjI,WAAW,EAAE,KAAKuD,QAAL,CAAcyE,KAAd,EAAqB,SAArB,CADR;MAEL/H,WAAW,EAAEkI,0BAAA,CAAYC,aAAZ,CAA0BF,MAA1B;IAFR,CAAP;EAID;;EAQoB,aAARG,QAAQ,CACnB,CAACrJ,MAAD,CADmB,EAEnBsJ,MAFmB,EAGnB,CAACrJ,WAAD,EAAcC,oBAAd,CAHmB,EAInB;IACA,MAAMoB,OAAO,GAAG,IAAIxB,cAAJ,CAAmBE,MAAnB,EAA2BC,WAA3B,EAAwCC,oBAAxC,CAAhB;IAEAS,MAAM,CAACyC,gBAAP,CAAwB,YAAxB,EAAsC,MAAM;MAC1C;MACA9B,OAAO,CAACqB,MAAR;IACD,CAHD;IAKA,OAAOrB,OAAP;EACD;;AAnUyB;;;gCAAfxB,c,aAgTMyJ,yB;gCAhTNzJ,c,kBAkTW,CAAC0J,iBAAD,C;gCAlTX1J,c,WAoTI,CAAC2J,eAAA,CAAKC,QAAL,EAAD,EAA+BD,eAAA,CAAKC,QAAL,EAA/B,C;;AAkBjB7F,wBAAA,CAAc8F,UAAd,CAAyB7J,cAAzB"}

package/dist/size-event.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { BitBaseEvent } from "@teambit/pubsub";
+export declare type SizeEventType = {
+    height: number;
+    width: number;
+};
+export declare class SizeEvent extends BitBaseEvent<SizeEventType> {
+    static readonly TYPE = "preview-size";
+    constructor(sizeEvent: SizeEventType);
+}

package/dist/size-event.js ADDED Viewed

@@ -0,0 +1,40 @@
+"use strict";
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SizeEvent = void 0;
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+  _defineProperty2 = function () {
+    return data;
+  };
+  return data;
+}
+function _pubsub() {
+  const data = require("@teambit/pubsub");
+  _pubsub = function () {
+    return data;
+  };
+  return data;
+}
+class SizeEvent extends _pubsub().BitBaseEvent {
+  constructor(sizeEvent) {
+    super(SizeEvent.TYPE, '0.0.1', new Date().getTime(), sizeEvent);
+  }
+}
+exports.SizeEvent = SizeEvent;
+(0, _defineProperty2().default)(SizeEvent, "TYPE", 'preview-size');
+//# sourceMappingURL=size-event.js.map

package/dist/size-event.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["SizeEvent","BitBaseEvent","constructor","sizeEvent","TYPE","Date","getTime"],"sources":["size-event.ts"],"sourcesContent":["import { BitBaseEvent } from \"@teambit/pubsub\";\n\nexport type SizeEventType = {\n height: number,\n width: number\n};\n\nexport class SizeEvent extends BitBaseEvent<SizeEventType> {\n static readonly TYPE = 'preview-size';\n\n constructor(sizeEvent: SizeEventType) {\n super(\n SizeEvent.TYPE,\n '0.0.1',\n new Date().getTime(),\n sizeEvent\n );\n }\n}"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAOO,MAAMA,SAAN,SAAwBC,sBAAxB,CAAoD;EAGzDC,WAAW,CAACC,SAAD,EAA2B;IACpC,MACEH,SAAS,CAACI,IADZ,EAEE,OAFF,EAGE,IAAIC,IAAJ,GAAWC,OAAX,EAHF,EAIEH,SAJF;EAMD;;AAVwD;;;gCAA9CH,S,UACY,c"}

package/package-tar/teambit-preview-0.0.847.tgz ADDED Viewed

Binary file

package/package.json CHANGED Viewed

@@ -1,12 +1,12 @@
 {
   "name": "@teambit/preview",
-  "version": "0.0.844",
+  "version": "0.0.847",
   "homepage": "https://bit.dev/teambit/preview/preview",
   "main": "dist/index.js",
   "componentId": {
     "scope": "teambit.preview",
     "name": "preview",
-    "version": "0.0.844"
+    "version": "0.0.847"
   },
   "dependencies": {
     "mime": "2.5.2",
@@ -22,29 +22,30 @@
     "graphql-request": "3.4.0",
     "@babel/runtime": "7.12.18",
     "core-js": "^3.0.0",
-    "@teambit/harmony": "0.3.3",
-    "@teambit/express": "0.0.661",
-    "@teambit/logger": "0.0.656",
-    "@teambit/ui-foundation.ui.pages.static-error": "0.0.81",
-    "@teambit/builder": "0.0.844",
-    "@teambit/bundler": "0.0.844",
-    "@teambit/component": "0.0.844",
-    "@teambit/aspect-loader": "0.0.844",
-    "@teambit/cli": "0.0.563",
-    "@teambit/dependency-resolver": "0.0.844",
-    "@teambit/envs": "0.0.844",
+    "@teambit/express": "0.0.663",
+    "@teambit/logger": "0.0.658",
+    "@teambit/ui-foundation.ui.pages.static-error": "0.0.82",
+    "@teambit/builder": "0.0.847",
+    "@teambit/bundler": "0.0.847",
+    "@teambit/component": "0.0.847",
+    "@teambit/preview.ui.component-preview": "0.0.501",
+    "@teambit/aspect-loader": "0.0.847",
+    "@teambit/cli": "0.0.565",
+    "@teambit/dependency-resolver": "0.0.847",
+    "@teambit/envs": "0.0.847",
     "@teambit/toolbox.path.to-windows-compatible-path": "0.0.489",
     "@teambit/component-id": "0.0.417",
+    "@teambit/harmony": "0.3.3",
     "@teambit/bit-error": "0.0.400",
-    "@teambit/graphql": "0.0.844",
-    "@teambit/pkg": "0.0.844",
-    "@teambit/pubsub": "0.0.844",
-    "@teambit/ui": "0.0.844",
-    "@teambit/workspace": "0.0.844",
-    "@teambit/compiler": "0.0.844",
+    "@teambit/graphql": "0.0.847",
+    "@teambit/pkg": "0.0.847",
+    "@teambit/pubsub": "0.0.847",
+    "@teambit/ui": "0.0.847",
+    "@teambit/workspace": "0.0.847",
+    "@teambit/compiler": "0.0.847",
     "@teambit/preview.cli.preview-server-status": "0.0.498",
     "@teambit/preview.cli.webpack-events-listener": "0.0.167",
-    "@teambit/isolator": "0.0.844"
+    "@teambit/isolator": "0.0.847"
   },
   "devDependencies": {
     "@types/mime": "2.0.3",
@@ -62,7 +63,7 @@
     "@teambit/preview.aspect-docs.preview": "0.0.145"
   },
   "peerDependencies": {
-    "@teambit/legacy": "1.0.344",
+    "@teambit/legacy": "1.0.346",
     "react-dom": "^16.8.0 || ^17.0.0",
     "react": "^16.8.0 || ^17.0.0"
   },

package/{preview-1662281577904.js → preview-1662694416892.js} RENAMED Viewed

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

package/preview.main.runtime.tsx CHANGED Viewed

@@ -192,6 +192,14 @@ export class PreviewMain {
     return false;
   }
+  /**
+   * can the current component preview scale in size for different preview sizes.
+   */
+  async isScaling(component: Component): Promise<boolean> {
+    const previewData = component.state.aspects.get(PreviewAspect.id)?.data;
+    return previewData?.scaling;
+  }
   /**
    * Check if the component preview bundle contain the header inside of it (legacy)
    * today we are not including the header inside anymore
@@ -613,6 +621,12 @@ export class PreviewMain {
       workspace.registerOnComponentAdd((c) =>
         preview.handleComponentChange(c, (currentComponents) => currentComponents.add(c))
       );
+      workspace.onComponentLoad(async () => {
+        return {
+          // used for backward compatibility. can be removed in the future.
+          scaling: true
+        };
+      });
       workspace.registerOnComponentChange((c) =>
         preview.handleComponentChange(c, (currentComponents) => currentComponents.update(c))
       );

package/preview.preview.runtime.tsx CHANGED Viewed

@@ -3,6 +3,7 @@ import { Slot, SlotRegistry } from '@teambit/harmony';
 import { ComponentID } from '@teambit/component-id';
 import crossFetch from 'cross-fetch';
 import memoize from 'memoizee';
+import { debounce } from 'lodash';
 import { PreviewNotFound } from './exceptions';
 import { PreviewType } from './preview-type';
@@ -13,6 +14,7 @@ import { RenderingContext } from './rendering-context';
 import { fetchComponentAspects } from './gql/fetch-component-aspects';
 import { PREVIEW_MODULES } from './preview-modules';
 import { loadScript, loadLink } from './html-utils';
+import { SizeEvent } from './size-event';
 // forward linkModules() for generate-link.ts
 export { linkModules } from './preview-modules';
@@ -80,6 +82,9 @@ export class PreviewPreview {
    * render the preview.
    */
   render = async (rootExt?: string) => {
+    // fit content always.
+    window.document.body.style.width = 'fit-content';
     const { previewName, componentId } = this.getLocation();
     const name = previewName || this.getDefault();
     if (rootExt) this.isDev = rootExt === 'teambit.workspace/workspace';
@@ -102,15 +107,58 @@ export class PreviewPreview {
     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;
-    return preview.render(
+    const previewModule = await this.getPreviewModule(name, componentId);
+    const render = preview.render(
       componentId,
-      await this.getPreviewModule(name, componentId),
+      previewModule,
       includes,
       this.getRenderingContext(componentAspects)
     );
+    this.reportSize();
+    this.setViewport();
+    return render;
   };
+  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() {
+    if (!window?.parent || !window?.document) return;
+    // TODO: discuss with gilad for a better way to resolve page loaded here.
+    const sendPubsubEvent = () => {
+      this.pubsub.pub(PreviewAspect.id, new SizeEvent({
+        width: window.document.body.offsetWidth,
+        height: window.document.body.offsetHeight
+      }));
+    }
+    window.addEventListener('resize', debounce(sendPubsubEvent, 150));
+    let counter = 0;
+    const interval = setInterval(() => {
+      // TODO: think
+      counter += 1;
+      if (counter > 10) {
+        clearInterval(interval);
+        return;
+      }
+      this.pubsub.pub(PreviewAspect.id, new SizeEvent({
+        width: window.document.body.offsetWidth,
+        height: window.document.body.offsetHeight
+      }));
+    }, 200);
+  }
   async getPreviewModule(previewName: string, id: ComponentID): Promise<PreviewModule> {
     const compShortId = id.fullName;
@@ -260,11 +308,17 @@ export class PreviewPreview {
     return preview;
   }
-  private getParam(query: string, param: string) {
+  getParam(query: string, param: string) {
     const params = new URLSearchParams(query);
     return params.get(param);
   }
+  getQuery() {
+    const withoutHash = window.location.hash.substring(1);
+    const [, after] = withoutHash.split('?');
+    return after;
+  }
   private getLocation() {
     const withoutHash = window.location.hash.substring(1);
     const [before, after] = withoutHash.split('?');

package/package-tar/teambit-preview-0.0.844.tgz DELETED Viewed

Binary file