@teambit/preview 0.0.627 → 0.0.632

package/__preview-1643167379538.js

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

package/dist/artifact-file-middleware.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="express" />
+import type { Request, Response } from '@teambit/express';
+import type { Logger } from '@teambit/logger';
+export declare type PreviewUrlParams = {
+    /**
+     * preview name like overview or composition
+     */
+    previewName?: string;
+    /** `/preview/:filePath(*)` */
+    filePath?: string;
+};
+export declare function getArtifactFileMiddleware(logger: Logger): (req: Request<PreviewUrlParams>, res: Response) => Promise<import("express").Response<any>>;

package/dist/artifact-file-middleware.js

@@ -0,0 +1,81 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getArtifactFileMiddleware = getArtifactFileMiddleware;
+
+function _mime() {
+  const data = _interopRequireDefault(require("mime"));
+
+  _mime = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _uiFoundationUiPages() {
+  const data = require("@teambit/ui-foundation.ui.pages.static-error");
+
+  _uiFoundationUiPages = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function getArtifactFileMiddleware(logger) {
+  return async (req, res) => {
+    try {
+      // @ts-ignore
+      const artifact = req.artifact; // @ts-ignore
+
+      const isLegacyPath = req.isLegacyPath;
+      let file;
+
+      if (!isLegacyPath) {
+        file = getEnvTemplateFile(artifact, req.params.previewName, req.params.filePath);
+      } else {
+        file = getPreviewFile(artifact, req.params.previewName, req.params.filePath);
+      }
+
+      if (!file) return res.status(404).send((0, _uiFoundationUiPages().noPreview)());
+      const contents = file.contents;
+      const str = `${file.cwd}/${file.path}`;
+
+      const contentType = _mime().default.getType(str);
+
+      if (contentType) res.set('Content-Type', contentType);
+      return res.send(contents);
+    } catch (e) {
+      logger.error('failed getting preview', e);
+      return res.status(500).send((0, _uiFoundationUiPages().serverError)());
+    }
+  };
+}
+
+function getEnvTemplateFile(artifact, previewName, filePath) {
+  const prevName = previewName || 'overview';
+  const finalFilePath = filePath || `${prevName}.html`;
+  const matchedFile = artifact === null || artifact === void 0 ? void 0 : artifact.getFileEndsWith(finalFilePath);
+  return matchedFile;
+}
+
+function getPreviewFile(artifact, previewName, filePath) {
+  let finalFilePath = 'index.html';
+
+  if (previewName || filePath) {
+    const parts = [previewName, filePath].filter(x => x);
+    finalFilePath = parts.join('/');
+  }
+
+  const matchedFile = artifact === null || artifact === void 0 ? void 0 : artifact.getFileEndsWith(finalFilePath);
+  return matchedFile;
+}
+
+//# sourceMappingURL=artifact-file-middleware.js.map

package/dist/artifact-file-middleware.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["artifact-file-middleware.ts"],"names":["getArtifactFileMiddleware","logger","req","res","artifact","isLegacyPath","file","getEnvTemplateFile","params","previewName","filePath","getPreviewFile","status","send","contents","str","cwd","path","contentType","mime","getType","set","e","error","prevName","finalFilePath","matchedFile","getFileEndsWith","parts","filter","x","join"],"mappings":";;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAaO,SAASA,yBAAT,CAAmCC,MAAnC,EAAmD;AACxD,SAAO,OAAOC,GAAP,EAAuCC,GAAvC,KAAyD;AAC9D,QAAI;AACF;AACA,YAAMC,QAAyB,GAAGF,GAAG,CAACE,QAAtC,CAFE,CAGF;;AACA,YAAMC,YAAY,GAAGH,GAAG,CAACG,YAAzB;AACA,UAAIC,IAAJ;;AACA,UAAI,CAACD,YAAL,EAAmB;AACjBC,QAAAA,IAAI,GAAGC,kBAAkB,CAACH,QAAD,EAAWF,GAAG,CAACM,MAAJ,CAAWC,WAAtB,EAAmCP,GAAG,CAACM,MAAJ,CAAWE,QAA9C,CAAzB;AACD,OAFD,MAEO;AACLJ,QAAAA,IAAI,GAAGK,cAAc,CAACP,QAAD,EAAWF,GAAG,CAACM,MAAJ,CAAWC,WAAtB,EAAmCP,GAAG,CAACM,MAAJ,CAAWE,QAA9C,CAArB;AACD;;AACD,UAAI,CAACJ,IAAL,EAAW,OAAOH,GAAG,CAACS,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,uCAArB,CAAP;AAEX,YAAMC,QAAQ,GAAGR,IAAI,CAACQ,QAAtB;AACA,YAAMC,GAAG,GAAI,GAAET,IAAI,CAACU,GAAI,IAAGV,IAAI,CAACW,IAAK,EAArC;;AACA,YAAMC,WAAW,GAAGC,gBAAKC,OAAL,CAAaL,GAAb,CAApB;;AACA,UAAIG,WAAJ,EAAiBf,GAAG,CAACkB,GAAJ,CAAQ,cAAR,EAAwBH,WAAxB;AACjB,aAAOf,GAAG,CAACU,IAAJ,CAASC,QAAT,CAAP;AACD,KAlBD,CAkBE,OAAOQ,CAAP,EAAe;AACfrB,MAAAA,MAAM,CAACsB,KAAP,CAAa,wBAAb,EAAuCD,CAAvC;AACA,aAAOnB,GAAG,CAACS,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,yCAArB,CAAP;AACD;AACF,GAvBD;AAwBD;;AAED,SAASN,kBAAT,CAA4BH,QAA5B,EAAuDK,WAAvD,EAA6EC,QAA7E,EAAgG;AAC9F,QAAMc,QAAQ,GAAGf,WAAW,IAAI,UAAhC;AACA,QAAMgB,aAAa,GAAGf,QAAQ,IAAK,GAAEc,QAAS,OAA9C;AACA,QAAME,WAAW,GAAGtB,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEuB,eAAV,CAA0BF,aAA1B,CAApB;AACA,SAAOC,WAAP;AACD;;AAED,SAASf,cAAT,CAAwBP,QAAxB,EAAmDK,WAAnD,EAAyEC,QAAzE,EAA4F;AAC1F,MAAIe,aAAa,GAAG,YAApB;;AACA,MAAIhB,WAAW,IAAIC,QAAnB,EAA6B;AAC3B,UAAMkB,KAAK,GAAG,CAACnB,WAAD,EAAcC,QAAd,EAAwBmB,MAAxB,CAAgCC,CAAD,IAAOA,CAAtC,CAAd;AACAL,IAAAA,aAAa,GAAGG,KAAK,CAACG,IAAN,CAAW,GAAX,CAAhB;AACD;;AACD,QAAML,WAAW,GAAGtB,QAAH,aAAGA,QAAH,uBAAGA,QAAQ,CAAEuB,eAAV,CAA0BF,aAA1B,CAApB;AACA,SAAOC,WAAP;AACD","sourcesContent":["import mime from 'mime';\nimport type { Request, Response } from '@teambit/express';\nimport { noPreview, serverError } from '@teambit/ui-foundation.ui.pages.static-error';\nimport type { Logger } from '@teambit/logger';\nimport type { PreviewArtifact } from './preview-artifact';\n\nexport type PreviewUrlParams = {\n  /**\n   * preview name like overview or composition\n   */\n  previewName?: string;\n  /** `/preview/:filePath(*)` */\n  filePath?: string;\n};\n\nexport function getArtifactFileMiddleware(logger: Logger) {\n  return async (req: Request<PreviewUrlParams>, res: Response) => {\n    try {\n      // @ts-ignore\n      const artifact: PreviewArtifact = req.artifact;\n      // @ts-ignore\n      const isLegacyPath = req.isLegacyPath;\n      let file;\n      if (!isLegacyPath) {\n        file = getEnvTemplateFile(artifact, req.params.previewName, req.params.filePath);\n      } else {\n        file = getPreviewFile(artifact, req.params.previewName, req.params.filePath);\n      }\n      if (!file) return res.status(404).send(noPreview());\n\n      const contents = file.contents;\n      const str = `${file.cwd}/${file.path}`;\n      const contentType = mime.getType(str);\n      if (contentType) res.set('Content-Type', contentType);\n      return res.send(contents);\n    } catch (e: any) {\n      logger.error('failed getting preview', e);\n      return res.status(500).send(serverError());\n    }\n  };\n}\n\nfunction getEnvTemplateFile(artifact: PreviewArtifact, previewName?: string, filePath?: string) {\n  const prevName = previewName || 'overview';\n  const finalFilePath = filePath || `${prevName}.html`;\n  const matchedFile = artifact?.getFileEndsWith(finalFilePath);\n  return matchedFile;\n}\n\nfunction getPreviewFile(artifact: PreviewArtifact, previewName?: string, filePath?: string) {\n  let finalFilePath = 'index.html';\n  if (previewName || filePath) {\n    const parts = [previewName, filePath].filter((x) => x);\n    finalFilePath = parts.join('/');\n  }\n  const matchedFile = artifact?.getFileEndsWith(finalFilePath);\n  return matchedFile;\n}\n"]}

package/dist/bundling-strategy.d.ts

@@ -2,6 +2,10 @@ import { BuildContext, BuiltTaskResult } from '@teambit/builder';
 import { Target, BundlerResult, BundlerContext } from '@teambit/bundler';
 import { PreviewDefinition } from './preview-definition';
 import { PreviewTask } from './preview.task';
+declare type ComputeTargetsExtraContextKeys = {
+    splitComponentBundle?: boolean;
+};
+export declare type ComputeTargetsContext = BuildContext & ComputeTargetsExtraContextKeys;
 export interface BundlingStrategy {
     /**
      * name of the bundling strategy.
@@ -10,9 +14,10 @@ export interface BundlingStrategy {
     /**
      * compute bundling targets for the build context.
      */
-    computeTargets(context: BuildContext, previewDefs: PreviewDefinition[], previewTask: PreviewTask): Promise<Target[]>;
+    computeTargets(context: ComputeTargetsContext, previewDefs: PreviewDefinition[], previewTask: PreviewTask): Promise<Target[]>;
     /**
      * compute the results of the bundler.
      */
     computeResults(context: BundlerContext, results: BundlerResult[], previewTask: PreviewTask): Promise<BuiltTaskResult>;
 }
+export {};

package/dist/component-preview.route.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="express" />
+import type { NextFunction, Request, Response, Route } from '@teambit/express';
+import type { Logger } from '@teambit/logger';
+import { PreviewMain } from './preview.main.runtime';
+import type { PreviewUrlParams } from './artifact-file-middleware';
+export declare class ComponentPreviewRoute implements Route {
+    /**
+     * preview extension.
+     */
+    private preview;
+    private logger;
+    constructor(
+    /**
+     * preview extension.
+     */
+    preview: PreviewMain, logger: Logger);
+    route: string;
+    method: string;
+    middlewares: ((req: Request<PreviewUrlParams>, res: Response, next: NextFunction) => Promise<void | import("express").Response<any>>)[];
+}

package/dist/component-preview.route.js

@@ -0,0 +1,83 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComponentPreviewRoute = void 0;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _uiFoundationUiPages() {
+  const data = require("@teambit/ui-foundation.ui.pages.static-error");
+
+  _uiFoundationUiPages = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _artifactFileMiddleware() {
+  const data = require("./artifact-file-middleware");
+
+  _artifactFileMiddleware = function () {
+    return data;
+  };
+
+  return data;
+}
+
+class ComponentPreviewRoute {
+  constructor(
+  /**
+   * preview extension.
+   */
+  preview, logger) {
+    this.preview = preview;
+    this.logger = logger;
+    (0, _defineProperty2().default)(this, "route", `/component-preview/:filePath(*)`);
+    (0, _defineProperty2().default)(this, "method", 'get');
+    (0, _defineProperty2().default)(this, "middlewares", [async (req, res, next) => {
+      try {
+        let isLegacyPath = false; // @ts-ignore TODO: @guy please fix.
+
+        const component = req.component;
+        if (!component) return res.status(404).send((0, _uiFoundationUiPages().noPreview)());
+        let artifact; // TODO - prevent error `getVinylsAndImportIfMissing is not a function` #4680
+
+        try {
+          isLegacyPath = true;
+          artifact = await this.preview.getPreview(component);
+        } catch (e) {
+          return res.status(404).send((0, _uiFoundationUiPages().noPreview)());
+        } // @ts-ignore
+
+
+        req.artifact = artifact; // @ts-ignore
+
+        req.isLegacyPath = isLegacyPath;
+        return next();
+      } catch (e) {
+        this.logger.error('failed getting preview', e);
+        return res.status(500).send((0, _uiFoundationUiPages().serverError)());
+      }
+    }, (0, _artifactFileMiddleware().getArtifactFileMiddleware)(this.logger)]);
+  }
+
+}
+
+exports.ComponentPreviewRoute = ComponentPreviewRoute;
+
+//# sourceMappingURL=component-preview.route.js.map

package/dist/component-preview.route.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["component-preview.route.ts"],"names":["ComponentPreviewRoute","constructor","preview","logger","req","res","next","isLegacyPath","component","status","send","artifact","getPreview","e","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAMA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,qBAAN,CAA6C;AAClDC,EAAAA,WAAW;AACT;AACJ;AACA;AACYC,EAAAA,OAJC,EAKDC,MALC,EAMT;AAAA,SAFQD,OAER,GAFQA,OAER;AAAA,SADQC,MACR,GADQA,MACR;AAAA,mDAEO,iCAFP;AAAA,oDAGO,KAHP;AAAA,yDAKY,CACZ,OAAOC,GAAP,EAAuCC,GAAvC,EAAsDC,IAAtD,KAA6E;AAC3E,UAAI;AACF,YAAIC,YAAY,GAAG,KAAnB,CADE,CAEF;;AACA,cAAMC,SAAS,GAAGJ,GAAG,CAACI,SAAtB;AACA,YAAI,CAACA,SAAL,EAAgB,OAAOH,GAAG,CAACI,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,uCAArB,CAAP;AAEhB,YAAIC,QAAJ,CANE,CAOF;;AACA,YAAI;AACFJ,UAAAA,YAAY,GAAG,IAAf;AACAI,UAAAA,QAAQ,GAAG,MAAM,KAAKT,OAAL,CAAaU,UAAb,CAAwBJ,SAAxB,CAAjB;AACD,SAHD,CAGE,OAAOK,CAAP,EAAe;AACf,iBAAOR,GAAG,CAACI,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,uCAArB,CAAP;AACD,SAbC,CAcF;;;AACAN,QAAAA,GAAG,CAACO,QAAJ,GAAeA,QAAf,CAfE,CAgBF;;AACAP,QAAAA,GAAG,CAACG,YAAJ,GAAmBA,YAAnB;AACA,eAAOD,IAAI,EAAX;AACD,OAnBD,CAmBE,OAAOO,CAAP,EAAe;AACf,aAAKV,MAAL,CAAYW,KAAZ,CAAkB,wBAAlB,EAA4CD,CAA5C;AACA,eAAOR,GAAG,CAACI,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,yCAArB,CAAP;AACD;AACF,KAzBW,EA0BZ,yDAA0B,KAAKP,MAA/B,CA1BY,CALZ;AAAE;;AAP8C","sourcesContent":["import type { NextFunction, Request, Response, Route } from '@teambit/express';\nimport type { Component } from '@teambit/component';\nimport { noPreview, serverError } from '@teambit/ui-foundation.ui.pages.static-error';\nimport type { Logger } from '@teambit/logger';\n\nimport { PreviewMain } from './preview.main.runtime';\nimport type { PreviewArtifact } from './preview-artifact';\nimport type { PreviewUrlParams } from './artifact-file-middleware';\nimport { getArtifactFileMiddleware } from './artifact-file-middleware';\n\nexport class ComponentPreviewRoute implements Route {\n  constructor(\n    /**\n     * preview extension.\n     */\n    private preview: PreviewMain,\n    private logger: Logger\n  ) {}\n\n  route = `/component-preview/:filePath(*)`;\n  method = 'get';\n\n  middlewares = [\n    async (req: Request<PreviewUrlParams>, res: Response, next: NextFunction) => {\n      try {\n        let isLegacyPath = false;\n        // @ts-ignore TODO: @guy please fix.\n        const component = req.component as Component | undefined;\n        if (!component) return res.status(404).send(noPreview());\n\n        let artifact: PreviewArtifact | undefined;\n        // TODO - prevent error `getVinylsAndImportIfMissing is not a function` #4680\n        try {\n          isLegacyPath = true;\n          artifact = await this.preview.getPreview(component);\n        } catch (e: any) {\n          return res.status(404).send(noPreview());\n        }\n        // @ts-ignore\n        req.artifact = artifact;\n        // @ts-ignore\n        req.isLegacyPath = isLegacyPath;\n        return next();\n      } catch (e: any) {\n        this.logger.error('failed getting preview', e);\n        return res.status(500).send(serverError());\n      }\n    },\n    getArtifactFileMiddleware(this.logger),\n  ];\n}\n"]}

package/dist/env-preview-template.task.d.ts

@@ -0,0 +1,42 @@
+import { BuildContext, BuiltTaskResult, BuildTask, TaskLocation, ComponentResult } from '@teambit/builder';
+import { Component } from '@teambit/component';
+import { Capsule } from '@teambit/isolator';
+import { BundlerContext, BundlerEntryMap, BundlerResult } from '@teambit/bundler';
+import type { EnvsMain } from '@teambit/envs';
+import type { PreviewMain } from './preview.main.runtime';
+export declare type ModuleExpose = {
+    name: string;
+    path: string;
+    include?: string[];
+};
+export declare const GENERATE_ENV_TEMPLATE_TASK_NAME = "GenerateEnvTemplate";
+export declare const PREVIEW_ROOT_CHUNK_NAME = "previewRoot";
+export declare const PEERS_CHUNK_NAME = "peers";
+export declare class EnvPreviewTemplateTask implements BuildTask {
+    private preview;
+    private envs;
+    aspectId: string;
+    name: string;
+    location: TaskLocation;
+    constructor(preview: PreviewMain, envs: EnvsMain);
+    execute(context: BuildContext): Promise<BuiltTaskResult>;
+    private generateHtmlConfig;
+    private generateHtmlConfigForPreviewDef;
+    getEntries(previewModules: ModuleExpose[], capsule: Capsule, previewRoot: string, isSplitComponentBundle?: boolean, peers?: string[]): BundlerEntryMap;
+    computeResults(context: BundlerContext, results: BundlerResult[]): Promise<{
+        componentsResults: ComponentResult[];
+        artifacts: {
+            name: string;
+            globPatterns: string[];
+            rootDir: string;
+        }[];
+    }>;
+    getPreviewModules(envComponent: Component): Promise<ModuleExpose[]>;
+    private computeOutputPath;
+}
+export declare function getArtifactDirectory(): string;
+export declare function getArtifactDef(): {
+    name: string;
+    globPatterns: string[];
+    rootDir: string;
+}[];

package/dist/env-preview-template.task.js

@@ -0,0 +1,309 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PREVIEW_ROOT_CHUNK_NAME = exports.PEERS_CHUNK_NAME = exports.GENERATE_ENV_TEMPLATE_TASK_NAME = exports.EnvPreviewTemplateTask = void 0;
+exports.getArtifactDef = getArtifactDef;
+exports.getArtifactDirectory = getArtifactDirectory;
+
+function _defineProperty2() {
+  const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+  _defineProperty2 = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _builder() {
+  const data = require("@teambit/builder");
+
+  _builder = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _component() {
+  const data = require("@teambit/component");
+
+  _component = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _path() {
+  const data = require("path");
+
+  _path = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _lodash() {
+  const data = require("lodash");
+
+  _lodash = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _fsExtra() {
+  const data = require("fs-extra");
+
+  _fsExtra = function () {
+    return data;
+  };
+
+  return data;
+}
+
+function _webpack() {
+  const data = require("./webpack");
+
+  _webpack = function () {
+    return data;
+  };
+
+  return data;
+}
+
+const GENERATE_ENV_TEMPLATE_TASK_NAME = 'GenerateEnvTemplate';
+exports.GENERATE_ENV_TEMPLATE_TASK_NAME = GENERATE_ENV_TEMPLATE_TASK_NAME;
+const PREVIEW_ROOT_CHUNK_NAME = 'previewRoot';
+exports.PREVIEW_ROOT_CHUNK_NAME = PREVIEW_ROOT_CHUNK_NAME;
+const PEERS_CHUNK_NAME = 'peers';
+exports.PEERS_CHUNK_NAME = PEERS_CHUNK_NAME;
+
+class EnvPreviewTemplateTask {
+  // readonly dependencies = [CompilerAspect.id];
+  constructor(preview, envs) {
+    this.preview = preview;
+    this.envs = envs;
+    (0, _defineProperty2().default)(this, "aspectId", 'teambit.preview/preview');
+    (0, _defineProperty2().default)(this, "name", GENERATE_ENV_TEMPLATE_TASK_NAME);
+    (0, _defineProperty2().default)(this, "location", 'end');
+  }
+
+  async execute(context) {
+    const previewDefs = this.preview.getDefs();
+    const htmlConfig = this.generateHtmlConfig(previewDefs, PREVIEW_ROOT_CHUNK_NAME, PEERS_CHUNK_NAME, {
+      dev: context.dev
+    });
+    const targets = (0, _lodash().compact)(await Promise.all(context.components.map(async component => {
+      var _envPreviewConfig$spl;
+
+      const envDef = this.envs.getEnvFromComponent(component);
+      if (!envDef) return undefined;
+      const env = envDef.env;
+      const bundlingStrategy = this.preview.getBundlingStrategy(envDef.env);
+
+      if (bundlingStrategy.name === 'env') {
+        return undefined;
+      }
+
+      const envComponent = component;
+      const envPreviewConfig = this.preview.getEnvPreviewConfig(envDef.env);
+      const isSplitComponentBundle = (_envPreviewConfig$spl = envPreviewConfig.splitComponentBundle) !== null && _envPreviewConfig$spl !== void 0 ? _envPreviewConfig$spl : false;
+      const envGetDeps = (await env.getDependencies()) || {};
+      const envComponentPeers = Object.keys(envGetDeps.peerDependencies || {}) || [];
+      const envHostDeps = env.getHostDependencies() || [];
+      const peers = envComponentPeers.concat(envHostDeps); // const module = await this.getPreviewModule(envComponent);
+      // const entries = Object.keys(module).map((key) => module.exposes[key]);
+
+      const capsule = context.capsuleNetwork.graphCapsules.getCapsule(envComponent.id);
+      if (!capsule) throw new Error('no capsule found');
+      const previewRoot = await this.preview.writePreviewRuntime(context);
+      const previewModules = await this.getPreviewModules(envComponent); // const templatesFile = previewModules.map((template) => {
+      //   return this.preview.writeLink(template.name, ComponentMap.create([]), template.path, capsule.path);
+      // });
+
+      const outputPath = this.computeOutputPath(context, envComponent);
+      if (!(0, _fsExtra().existsSync)(outputPath)) (0, _fsExtra().mkdirpSync)(outputPath);
+      const entries = this.getEntries(previewModules, capsule, previewRoot, isSplitComponentBundle, peers); // const entries = this.getEntries(
+      //   previewModules.concat({
+      //     name: 'main',
+      //     path: previewRoot,
+      //   })
+      // );
+
+      return {
+        // entries: templatesFile.concat(previewRoot),
+        peers,
+        runtimeChunkName: 'runtime',
+        html: htmlConfig,
+        entries,
+        chunking: {
+          splitChunks: true
+        },
+        components: [envComponent],
+        outputPath // modules: [module],
+
+      };
+    })));
+    if (!targets.length) return {
+      componentsResults: []
+    };
+    const bundlerContext = Object.assign({}, context, {
+      targets,
+      entry: [],
+      externalizePeer: false,
+      development: context.dev
+    });
+    const bundler = await context.env.getBundler(bundlerContext);
+    const bundlerResults = await bundler.run();
+    const results = await this.computeResults(bundlerContext, bundlerResults);
+    return results;
+  }
+
+  generateHtmlConfig(previewDefs, previewRootChunkName, peersChunkName, options) {
+    const htmlConfigs = previewDefs.map(previewModule => this.generateHtmlConfigForPreviewDef(previewModule, previewRootChunkName, peersChunkName, options));
+    return htmlConfigs;
+  }
+
+  generateHtmlConfigForPreviewDef(previewDef, previewRootChunkName, peersChunkName, options) {
+    var _options$dev;
+
+    const previewDeps = previewDef.include || [];
+    const chunks = [...previewDeps, previewDef.prefix, previewRootChunkName];
+
+    if (previewDef.includePeers) {
+      chunks.unshift(peersChunkName);
+    }
+
+    const config = {
+      title: 'Preview',
+      templateContent: (0, _webpack().html)('Preview'),
+      minify: (_options$dev = options === null || options === void 0 ? void 0 : options.dev) !== null && _options$dev !== void 0 ? _options$dev : true,
+      chunks,
+      filename: `${previewDef.prefix}.html`
+    };
+    return config;
+  }
+
+  getEntries(previewModules, capsule, previewRoot, isSplitComponentBundle = false, peers = []) {
+    const previewRootEntry = {
+      filename: 'preview-root.[chunkhash].js',
+      import: previewRoot
+    };
+    const peersRootEntry = {
+      filename: 'peers.[chunkhash].js',
+      import: peers
+    };
+    const entries = previewModules.reduce((acc, module) => {
+      const linkFile = this.preview.writeLink(module.name, _component().ComponentMap.create([]), module.path, capsule.path, isSplitComponentBundle);
+      acc[module.name] = {
+        // filename: `${module.name}.[contenthash].js`,
+        filename: `${module.name}.[chunkhash].js`,
+        // filename: `${module.name}.js`,
+        import: linkFile // library: {
+        //   name: module.name,
+        //   type: 'umd',
+        // },
+
+      };
+
+      if (module.include) {
+        acc[module.name].dependOn = module.include;
+      }
+
+      return acc;
+    }, {
+      [PREVIEW_ROOT_CHUNK_NAME]: previewRootEntry,
+      [PEERS_CHUNK_NAME]: peersRootEntry
+    });
+    return entries; // const mergedEntries = return entriesArr.reduce((entriesMap, entry) => {
+    //   entriesMap[entry.library.name] = entry;
+    //   return entriesMap;
+    // }, {previewRoot: previewRootEntry});
+  }
+
+  async computeResults(context, results) {
+    const result = results[0];
+    const componentsResults = result.components.map(component => {
+      return {
+        component,
+        errors: result.errors.map(err => typeof err === 'string' ? err : err.message),
+        warning: result.warnings,
+        startTime: result.startTime,
+        endTime: result.endTime
+      };
+    });
+    const artifacts = getArtifactDef();
+    return {
+      componentsResults,
+      artifacts
+    };
+  }
+
+  async getPreviewModules(envComponent) {
+    const env = this.envs.getEnv(envComponent);
+    const previewDefs = this.preview.getDefs();
+    const modules = (0, _lodash().compact)(await Promise.all(previewDefs.map(async def => {
+      if (!def.renderTemplatePathByEnv) return undefined;
+      return {
+        name: def.prefix,
+        path: await def.renderTemplatePathByEnv(env.env),
+        include: def.include
+      };
+    })));
+    return modules;
+  }
+
+  computeOutputPath(context, component) {
+    const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);
+    if (!capsule) throw new Error('no capsule found');
+    return (0, _path().join)(capsule.path, getArtifactDirectory());
+  } // private async getPreviewModule(envComponent: Component): Promise<ModuleTarget> {
+  //   const env = this.envs.getEnv(envComponent);
+  //   const previewDefs = this.preview.getDefs();
+  //   const modules = compact(await Promise.all(previewDefs.map(async (def) => {
+  //     if (!def.renderTemplatePathByEnv) return undefined;
+  //     return [def.prefix, await def.renderTemplatePathByEnv(env.env)];
+  //   })));
+  //   const exposes = modules.reduce((exposesAcc, [prefix, path]) => {
+  //     const internalPath = `./${prefix}`;
+  //     exposesAcc[internalPath] = path;
+  //     return exposesAcc;
+  //   }, {});
+  //   return {
+  //     component: envComponent,
+  //     exposes
+  //   };
+  // }
+
+
+}
+
+exports.EnvPreviewTemplateTask = EnvPreviewTemplateTask;
+
+function getArtifactDirectory() {
+  return (0, _path().join)(_builder().CAPSULE_ARTIFACTS_DIR, 'env-template');
+}
+
+function getArtifactDef() {
+  return [{
+    name: 'env-template',
+    // globPatterns: [`${getArtifactDirectory()}/**`],
+    globPatterns: ['**'],
+    rootDir: getArtifactDirectory() // context: env,
+
+  }];
+}
+
+//# sourceMappingURL=env-preview-template.task.js.map

package/dist/env-preview-template.task.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["env-preview-template.task.ts"],"names":["GENERATE_ENV_TEMPLATE_TASK_NAME","PREVIEW_ROOT_CHUNK_NAME","PEERS_CHUNK_NAME","EnvPreviewTemplateTask","constructor","preview","envs","execute","context","previewDefs","getDefs","htmlConfig","generateHtmlConfig","dev","targets","Promise","all","components","map","component","envDef","getEnvFromComponent","undefined","env","bundlingStrategy","getBundlingStrategy","name","envComponent","envPreviewConfig","getEnvPreviewConfig","isSplitComponentBundle","splitComponentBundle","envGetDeps","getDependencies","envComponentPeers","Object","keys","peerDependencies","envHostDeps","getHostDependencies","peers","concat","capsule","capsuleNetwork","graphCapsules","getCapsule","id","Error","previewRoot","writePreviewRuntime","previewModules","getPreviewModules","outputPath","computeOutputPath","entries","getEntries","runtimeChunkName","html","chunking","splitChunks","length","componentsResults","bundlerContext","assign","entry","externalizePeer","development","bundler","getBundler","bundlerResults","run","results","computeResults","previewRootChunkName","peersChunkName","options","htmlConfigs","previewModule","generateHtmlConfigForPreviewDef","previewDef","previewDeps","include","chunks","prefix","includePeers","unshift","config","title","templateContent","minify","filename","previewRootEntry","import","peersRootEntry","reduce","acc","module","linkFile","writeLink","ComponentMap","create","path","dependOn","result","errors","err","message","warning","warnings","startTime","endTime","artifacts","getArtifactDef","getEnv","modules","def","renderTemplatePathByEnv","getArtifactDirectory","CAPSULE_ARTIFACTS_DIR","globPatterns","rootDir"],"mappings":"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","sourcesContent":["import {\n  BuildContext,\n  BuiltTaskResult,\n  BuildTask,\n  TaskLocation,\n  ComponentResult,\n  CAPSULE_ARTIFACTS_DIR,\n} from '@teambit/builder';\nimport { Component, ComponentMap } from '@teambit/component';\nimport { Capsule } from '@teambit/isolator';\nimport { Bundler, BundlerContext, BundlerEntryMap, BundlerHtmlConfig, BundlerResult, Target } from '@teambit/bundler';\nimport type { EnvsMain } from '@teambit/envs';\nimport { join } from 'path';\nimport { compact } from 'lodash';\nimport { existsSync, mkdirpSync } from 'fs-extra';\nimport type { PreviewMain } from './preview.main.runtime';\nimport { PreviewDefinition } from '.';\nimport { html } from './webpack';\n\nexport type ModuleExpose = {\n  name: string;\n  path: string;\n  include?: string[];\n};\n\nexport const GENERATE_ENV_TEMPLATE_TASK_NAME = 'GenerateEnvTemplate';\nexport const PREVIEW_ROOT_CHUNK_NAME = 'previewRoot';\nexport const PEERS_CHUNK_NAME = 'peers';\n\nexport class EnvPreviewTemplateTask implements BuildTask {\n  aspectId = 'teambit.preview/preview';\n  name = GENERATE_ENV_TEMPLATE_TASK_NAME;\n  location: TaskLocation = 'end';\n  // readonly dependencies = [CompilerAspect.id];\n\n  constructor(private preview: PreviewMain, private envs: EnvsMain) {}\n\n  async execute(context: BuildContext): Promise<BuiltTaskResult> {\n    const previewDefs = this.preview.getDefs();\n    const htmlConfig = this.generateHtmlConfig(previewDefs, PREVIEW_ROOT_CHUNK_NAME, PEERS_CHUNK_NAME, {\n      dev: context.dev,\n    });\n    const targets: Target[] = compact(\n      await Promise.all(\n        context.components.map(async (component) => {\n          const envDef = this.envs.getEnvFromComponent(component);\n          if (!envDef) return undefined;\n          const env = envDef.env;\n          const bundlingStrategy = this.preview.getBundlingStrategy(envDef.env);\n          if (bundlingStrategy.name === 'env') {\n            return undefined;\n          }\n          const envComponent = component;\n          const envPreviewConfig = this.preview.getEnvPreviewConfig(envDef.env);\n          const isSplitComponentBundle = envPreviewConfig.splitComponentBundle ?? false;\n          const envGetDeps = (await env.getDependencies()) || {};\n          const envComponentPeers = Object.keys(envGetDeps.peerDependencies || {}) || [];\n          const envHostDeps = env.getHostDependencies() || [];\n          const peers = envComponentPeers.concat(envHostDeps);\n\n          // const module = await this.getPreviewModule(envComponent);\n          // const entries = Object.keys(module).map((key) => module.exposes[key]);\n          const capsule = context.capsuleNetwork.graphCapsules.getCapsule(envComponent.id);\n          if (!capsule) throw new Error('no capsule found');\n          const previewRoot = await this.preview.writePreviewRuntime(context);\n          const previewModules = await this.getPreviewModules(envComponent);\n          // const templatesFile = previewModules.map((template) => {\n          //   return this.preview.writeLink(template.name, ComponentMap.create([]), template.path, capsule.path);\n          // });\n          const outputPath = this.computeOutputPath(context, envComponent);\n          if (!existsSync(outputPath)) mkdirpSync(outputPath);\n          const entries = this.getEntries(previewModules, capsule, previewRoot, isSplitComponentBundle, peers);\n\n          // const entries = this.getEntries(\n          //   previewModules.concat({\n          //     name: 'main',\n          //     path: previewRoot,\n          //   })\n          // );\n\n          return {\n            // entries: templatesFile.concat(previewRoot),\n            peers,\n            runtimeChunkName: 'runtime',\n            html: htmlConfig,\n            entries,\n            chunking: {\n              splitChunks: true,\n            },\n            components: [envComponent],\n            outputPath,\n            // modules: [module],\n          };\n        })\n      )\n    );\n\n    if (!targets.length) return { componentsResults: [] };\n    const bundlerContext: BundlerContext = Object.assign({}, context, {\n      targets,\n      entry: [],\n      externalizePeer: false,\n      development: context.dev,\n    });\n\n    const bundler: Bundler = await context.env.getBundler(bundlerContext);\n    const bundlerResults = await bundler.run();\n    const results = await this.computeResults(bundlerContext, bundlerResults);\n    return results;\n  }\n\n  private generateHtmlConfig(\n    previewDefs: PreviewDefinition[],\n    previewRootChunkName: string,\n    peersChunkName: string,\n    options: { dev?: boolean }\n  ): BundlerHtmlConfig[] {\n    const htmlConfigs = previewDefs.map((previewModule) =>\n      this.generateHtmlConfigForPreviewDef(previewModule, previewRootChunkName, peersChunkName, options)\n    );\n    return htmlConfigs;\n  }\n\n  private generateHtmlConfigForPreviewDef(\n    previewDef: PreviewDefinition,\n    previewRootChunkName: string,\n    peersChunkName: string,\n    options: { dev?: boolean }\n  ): BundlerHtmlConfig {\n    const previewDeps = previewDef.include || [];\n    const chunks = [...previewDeps, previewDef.prefix, previewRootChunkName];\n    if (previewDef.includePeers) {\n      chunks.unshift(peersChunkName);\n    }\n\n    const config = {\n      title: 'Preview',\n      templateContent: html('Preview'),\n      minify: options?.dev ?? true,\n      chunks,\n      filename: `${previewDef.prefix}.html`,\n    };\n    return config;\n  }\n\n  getEntries(\n    previewModules: ModuleExpose[],\n    capsule: Capsule,\n    previewRoot: string,\n    isSplitComponentBundle = false,\n    peers: string[] = []\n  ): BundlerEntryMap {\n    const previewRootEntry = {\n      filename: 'preview-root.[chunkhash].js',\n      import: previewRoot,\n    };\n\n    const peersRootEntry = {\n      filename: 'peers.[chunkhash].js',\n      import: peers,\n    };\n\n    const entries = previewModules.reduce(\n      (acc, module) => {\n        const linkFile = this.preview.writeLink(\n          module.name,\n          ComponentMap.create([]),\n          module.path,\n          capsule.path,\n          isSplitComponentBundle\n        );\n        acc[module.name] = {\n          // filename: `${module.name}.[contenthash].js`,\n          filename: `${module.name}.[chunkhash].js`,\n          // filename: `${module.name}.js`,\n          import: linkFile,\n          // library: {\n          //   name: module.name,\n          //   type: 'umd',\n          // },\n        };\n        if (module.include) {\n          acc[module.name].dependOn = module.include;\n        }\n        return acc;\n      },\n      { [PREVIEW_ROOT_CHUNK_NAME]: previewRootEntry, [PEERS_CHUNK_NAME]: peersRootEntry }\n    );\n\n    return entries;\n\n    // const mergedEntries = return entriesArr.reduce((entriesMap, entry) => {\n    //   entriesMap[entry.library.name] = entry;\n    //   return entriesMap;\n    // }, {previewRoot: previewRootEntry});\n  }\n\n  async computeResults(context: BundlerContext, results: BundlerResult[]) {\n    const result = results[0];\n\n    const componentsResults: ComponentResult[] = result.components.map((component) => {\n      return {\n        component,\n        errors: result.errors.map((err) => (typeof err === 'string' ? err : err.message)),\n        warning: result.warnings,\n        startTime: result.startTime,\n        endTime: result.endTime,\n      };\n    });\n\n    const artifacts = getArtifactDef();\n\n    return {\n      componentsResults,\n      artifacts,\n    };\n  }\n\n  async getPreviewModules(envComponent: Component): Promise<ModuleExpose[]> {\n    const env = this.envs.getEnv(envComponent);\n    const previewDefs = this.preview.getDefs();\n    const modules = compact(\n      await Promise.all(\n        previewDefs.map(async (def) => {\n          if (!def.renderTemplatePathByEnv) return undefined;\n          return {\n            name: def.prefix,\n            path: await def.renderTemplatePathByEnv(env.env),\n            include: def.include,\n          };\n        })\n      )\n    );\n\n    return modules;\n  }\n\n  private computeOutputPath(context: BuildContext, component: Component) {\n    const capsule = context.capsuleNetwork.graphCapsules.getCapsule(component.id);\n    if (!capsule) throw new Error('no capsule found');\n    return join(capsule.path, getArtifactDirectory());\n  }\n\n  // private async getPreviewModule(envComponent: Component): Promise<ModuleTarget> {\n  //   const env = this.envs.getEnv(envComponent);\n  //   const previewDefs = this.preview.getDefs();\n  //   const modules = compact(await Promise.all(previewDefs.map(async (def) => {\n  //     if (!def.renderTemplatePathByEnv) return undefined;\n  //     return [def.prefix, await def.renderTemplatePathByEnv(env.env)];\n  //   })));\n\n  //   const exposes = modules.reduce((exposesAcc, [prefix, path]) => {\n  //     const internalPath = `./${prefix}`;\n  //     exposesAcc[internalPath] = path;\n  //     return exposesAcc;\n  //   }, {});\n\n  //   return {\n  //     component: envComponent,\n  //     exposes\n  //   };\n  // }\n}\n\nexport function getArtifactDirectory() {\n  return join(CAPSULE_ARTIFACTS_DIR, 'env-template');\n}\n\nexport function getArtifactDef() {\n  return [\n    {\n      name: 'env-template',\n      // globPatterns: [`${getArtifactDirectory()}/**`],\n      globPatterns: ['**'],\n      rootDir: getArtifactDirectory(),\n      // context: env,\n    },\n  ];\n}\n"]}

package/dist/env-template.route.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="qs" />
+/// <reference types="express" />
+import type { NextFunction, Request, Response } from '@teambit/express';
+import type { ComponentUrlParams, RegisteredComponentRoute } from '@teambit/component';
+import type { Logger } from '@teambit/logger';
+import type { PreviewMain } from './preview.main.runtime';
+declare type UrlParams = ComponentUrlParams & {
+    filePath?: string;
+};
+export declare class EnvTemplateRoute implements RegisteredComponentRoute {
+    /**
+     * preview extension.
+     */
+    private preview;
+    private logger;
+    constructor(
+    /**
+     * preview extension.
+     */
+    preview: PreviewMain, logger: Logger);
+    route: string;
+    method: string;
+    resolveComponent: boolean;
+    middlewares: (((req: Request<import("./artifact-file-middleware").PreviewUrlParams, any, any, import("qs").ParsedQs>, res: import("express").Response<any>) => Promise<import("express").Response<any>>) | ((req: Request<UrlParams>, res: Response, next: NextFunction) => Promise<void | import("express").Response<any>>))[];
+}
+export {};