@teambit/preview 0.0.621 → 0.0.629

package/dist/env-template.route.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EnvTemplateRoute = 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;
+}
+
+// Week for now
+const CACHE_MAX_AGE = 60 * 60 * 24 * 7;
+
+class EnvTemplateRoute {
+  constructor(
+  /**
+   * preview extension.
+   */
+  preview, logger) {
+    this.preview = preview;
+    this.logger = logger;
+    (0, _defineProperty2().default)(this, "route", `/env-template/:previewName/:filePath(*)`);
+    (0, _defineProperty2().default)(this, "method", 'get');
+    (0, _defineProperty2().default)(this, "resolveComponent", false);
+    (0, _defineProperty2().default)(this, "middlewares", [async (req, res, next) => {
+      try {
+        // @ts-ignore TODO: @guy please fix.
+        // const component = req.component as Component | undefined;
+        // if (!component) return res.status(404).send(noPreview());
+        let artifact; // TODO - prevent error `getVinylsAndImportIfMissing is not a function` #4680
+
+        try {
+          const {
+            componentId: envId
+          } = req.params;
+          artifact = await this.preview.getEnvTemplateByEnvId(envId);
+        } catch (e) {
+          return res.status(404).send((0, _uiFoundationUiPages().noPreview)());
+        } // @ts-ignore
+
+
+        req.artifact = artifact; // @ts-ignore
+
+        req.isLegacyPath = false;
+        res.set('Cache-control', `private, max-age=${CACHE_MAX_AGE}`);
+        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.EnvTemplateRoute = EnvTemplateRoute;
+
+//# sourceMappingURL=env-template.route.js.map

package/dist/env-template.route.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["env-template.route.ts"],"names":["CACHE_MAX_AGE","EnvTemplateRoute","constructor","preview","logger","req","res","next","artifact","componentId","envId","params","getEnvTemplateByEnvId","e","status","send","isLegacyPath","set","error"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAKA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAMA;AACA,MAAMA,aAAa,GAAG,KAAK,EAAL,GAAU,EAAV,GAAe,CAArC;;AAEO,MAAMC,gBAAN,CAA2D;AAChEC,EAAAA,WAAW;AACT;AACJ;AACA;AACYC,EAAAA,OAJC,EAKDC,MALC,EAMT;AAAA,SAFQD,OAER,GAFQA,OAER;AAAA,SADQC,MACR,GADQA,MACR;AAAA,mDAEO,yCAFP;AAAA,oDAGO,KAHP;AAAA,8DAOiB,KAPjB;AAAA,yDAUY,CACZ,OAAOC,GAAP,EAAgCC,GAAhC,EAA+CC,IAA/C,KAAsE;AACpE,UAAI;AACF;AACA;AACA;AAEA,YAAIC,QAAJ,CALE,CAMF;;AACA,YAAI;AACF,gBAAM;AAAEC,YAAAA,WAAW,EAAEC;AAAf,cAAyBL,GAAG,CAACM,MAAnC;AACAH,UAAAA,QAAQ,GAAG,MAAM,KAAKL,OAAL,CAAaS,qBAAb,CAAmCF,KAAnC,CAAjB;AACD,SAHD,CAGE,OAAOG,CAAP,EAAe;AACf,iBAAOP,GAAG,CAACQ,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,uCAArB,CAAP;AACD,SAZC,CAcF;;;AACAV,QAAAA,GAAG,CAACG,QAAJ,GAAeA,QAAf,CAfE,CAgBF;;AACAH,QAAAA,GAAG,CAACW,YAAJ,GAAmB,KAAnB;AAEAV,QAAAA,GAAG,CAACW,GAAJ,CAAQ,eAAR,EAA0B,oBAAmBjB,aAAc,EAA3D;AAEA,eAAOO,IAAI,EAAX;AACD,OAtBD,CAsBE,OAAOM,CAAP,EAAe;AACf,aAAKT,MAAL,CAAYc,KAAZ,CAAkB,wBAAlB,EAA4CL,CAA5C;AACA,eAAOP,GAAG,CAACQ,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,yCAArB,CAAP;AACD;AACF,KA5BW,EA6BZ,yDAA0B,KAAKX,MAA/B,CA7BY,CAVZ;AAAE;;AAP4D","sourcesContent":["import type { NextFunction, Request, Response } from '@teambit/express';\nimport type { ComponentUrlParams, RegisteredComponentRoute } from '@teambit/component';\nimport { noPreview, serverError } from '@teambit/ui-foundation.ui.pages.static-error';\nimport type { Logger } from '@teambit/logger';\n\nimport type { PreviewMain } from './preview.main.runtime';\nimport type { PreviewArtifact } from './preview-artifact';\nimport { getArtifactFileMiddleware } from './artifact-file-middleware';\n\ntype UrlParams = ComponentUrlParams & {\n  filePath?: string;\n};\n\n// Week for now\nconst CACHE_MAX_AGE = 60 * 60 * 24 * 7;\n\nexport class EnvTemplateRoute implements RegisteredComponentRoute {\n  constructor(\n    /**\n     * preview extension.\n     */\n    private preview: PreviewMain,\n    private logger: Logger\n  ) {}\n\n  route = `/env-template/:previewName/:filePath(*)`;\n  method = 'get';\n\n  // Since we might give it a core env id\n  // Then in the component route when we do host.get(id) it will fail, as we don't have the core envs in the scope/workspace\n  resolveComponent = false;\n\n  // @ts-ignore\n  middlewares = [\n    async (req: Request<UrlParams>, res: Response, next: NextFunction) => {\n      try {\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          const { componentId: envId } = req.params;\n          artifact = await this.preview.getEnvTemplateByEnvId(envId);\n        } catch (e: any) {\n          return res.status(404).send(noPreview());\n        }\n\n        // @ts-ignore\n        req.artifact = artifact;\n        // @ts-ignore\n        req.isLegacyPath = false;\n\n        res.set('Cache-control', `private, max-age=${CACHE_MAX_AGE}`);\n\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/generate-link.d.ts

@@ -1,2 +1,2 @@
 import type { ComponentMap } from '@teambit/component';
-export declare function generateLink(prefix: string, componentMap: ComponentMap<string[]>, defaultModule?: string): string;
+export declare function generateLink(prefix: string, componentMap: ComponentMap<string[]>, defaultModule?: string, isSplitComponentBundle?: boolean): string;

package/dist/generate-link.js

@@ -18,16 +18,16 @@ function _toolboxPath() {
 }
 
 // :TODO refactor to building an AST and generate source code based on it.
-function generateLink(prefix, componentMap, defaultModule) {
+function generateLink(prefix, componentMap, defaultModule, isSplitComponentBundle = false) {
   return `
 import { linkModules } from '${(0, _toolboxPath().toWindowsCompatiblePath)(require.resolve('./preview.preview.runtime'))}';
 import harmony from '${(0, _toolboxPath().toWindowsCompatiblePath)(require.resolve('@teambit/harmony'))}';
 ${defaultModule ? `const defaultModule = require('${(0, _toolboxPath().toWindowsCompatiblePath)(defaultModule)}'` : ''});
-linkModules('${prefix}', defaultModule, {
+linkModules('${prefix}', defaultModule, ${isSplitComponentBundle}, {
   ${componentMap.toArray().map(([component, modulePaths]) => {
     return `'${component.id.fullName}': [${modulePaths.map(path => `require('${(0, _toolboxPath().toWindowsCompatiblePath)(path)}')`).join(', ')}]`;
   }).join(',\n')}
-});  
+});
 `;
 }
 

package/dist/generate-link.js.map

@@ -1 +1 @@
-{"version":3,"sources":["generate-link.ts"],"names":["generateLink","prefix","componentMap","defaultModule","require","resolve","toArray","map","component","modulePaths","id","fullName","path","join"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AACO,SAASA,YAAT,CAAsBC,MAAtB,EAAsCC,YAAtC,EAA4EC,aAA5E,EAA4G;AACjH,SAAQ;AACV,+BAA+B,4CAAwBC,OAAO,CAACC,OAAR,CAAgB,2BAAhB,CAAxB,CAAsE;AACrG,uBAAuB,4CAAwBD,OAAO,CAACC,OAAR,CAAgB,kBAAhB,CAAxB,CAA6D;AACpF,EAAEF,aAAa,GAAI,kCAAiC,4CAAwBA,aAAxB,CAAuC,GAA5E,GAAiF,EAAG;AACnG,eAAeF,MAAO;AACtB,IAAIC,YAAY,CACXI,OADD,GAECC,GAFD,CAEK,CAAC,CAACC,SAAD,EAAYC,WAAZ,CAAD,KAAmC;AACtC,WAAQ,IAAGD,SAAS,CAACE,EAAV,CAAaC,QAAS,OAAMF,WAAW,CAC/CF,GADoC,CAC/BK,IAAD,IAAW,YAAW,4CAAwBA,IAAxB,CAA8B,IADpB,EAEpCC,IAFoC,CAE/B,IAF+B,CAEzB,GAFd;AAGD,GAND,EAOCA,IAPD,CAOM,KAPN,CAOa;AACjB;AACA,CAdE;AAeD","sourcesContent":["import { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\nimport type { ComponentMap } from '@teambit/component';\n\n// :TODO refactor to building an AST and generate source code based on it.\nexport function generateLink(prefix: string, componentMap: ComponentMap<string[]>, defaultModule?: string): string {\n  return `\nimport { linkModules } from '${toWindowsCompatiblePath(require.resolve('./preview.preview.runtime'))}';\nimport harmony from '${toWindowsCompatiblePath(require.resolve('@teambit/harmony'))}';\n${defaultModule ? `const defaultModule = require('${toWindowsCompatiblePath(defaultModule)}'` : ''});\nlinkModules('${prefix}', defaultModule, {\n  ${componentMap\n    .toArray()\n    .map(([component, modulePaths]: any) => {\n      return `'${component.id.fullName}': [${modulePaths\n        .map((path) => `require('${toWindowsCompatiblePath(path)}')`)\n        .join(', ')}]`;\n    })\n    .join(',\\n')}\n});  \n`;\n}\n"]}
+{"version":3,"sources":["generate-link.ts"],"names":["generateLink","prefix","componentMap","defaultModule","isSplitComponentBundle","require","resolve","toArray","map","component","modulePaths","id","fullName","path","join"],"mappings":";;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAGA;AACO,SAASA,YAAT,CACLC,MADK,EAELC,YAFK,EAGLC,aAHK,EAILC,sBAAsB,GAAG,KAJpB,EAKG;AACR,SAAQ;AACV,+BAA+B,4CAAwBC,OAAO,CAACC,OAAR,CAAgB,2BAAhB,CAAxB,CAAsE;AACrG,uBAAuB,4CAAwBD,OAAO,CAACC,OAAR,CAAgB,kBAAhB,CAAxB,CAA6D;AACpF,EAAEH,aAAa,GAAI,kCAAiC,4CAAwBA,aAAxB,CAAuC,GAA5E,GAAiF,EAAG;AACnG,eAAeF,MAAO,qBAAoBG,sBAAuB;AACjE,IAAIF,YAAY,CACXK,OADD,GAECC,GAFD,CAEK,CAAC,CAACC,SAAD,EAAYC,WAAZ,CAAD,KAAmC;AACtC,WAAQ,IAAGD,SAAS,CAACE,EAAV,CAAaC,QAAS,OAAMF,WAAW,CAC/CF,GADoC,CAC/BK,IAAD,IAAW,YAAW,4CAAwBA,IAAxB,CAA8B,IADpB,EAEpCC,IAFoC,CAE/B,IAF+B,CAEzB,GAFd;AAGD,GAND,EAOCA,IAPD,CAOM,KAPN,CAOa;AACjB;AACA,CAdE;AAeD","sourcesContent":["import { toWindowsCompatiblePath } from '@teambit/toolbox.path.to-windows-compatible-path';\nimport type { ComponentMap } from '@teambit/component';\n\n// :TODO refactor to building an AST and generate source code based on it.\nexport function generateLink(\n  prefix: string,\n  componentMap: ComponentMap<string[]>,\n  defaultModule?: string,\n  isSplitComponentBundle = false\n): string {\n  return `\nimport { linkModules } from '${toWindowsCompatiblePath(require.resolve('./preview.preview.runtime'))}';\nimport harmony from '${toWindowsCompatiblePath(require.resolve('@teambit/harmony'))}';\n${defaultModule ? `const defaultModule = require('${toWindowsCompatiblePath(defaultModule)}'` : ''});\nlinkModules('${prefix}', defaultModule, ${isSplitComponentBundle}, {\n  ${componentMap\n    .toArray()\n    .map(([component, modulePaths]: any) => {\n      return `'${component.id.fullName}': [${modulePaths\n        .map((path) => `require('${toWindowsCompatiblePath(path)}')`)\n        .join(', ')}]`;\n    })\n    .join(',\\n')}\n});\n`;\n}\n"]}

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { PreviewAspect as default, PreviewAspect, PreviewRuntime } from './preview.aspect';
 export * from './events';
-export type { PreviewMain } from './preview.main.runtime';
+export type { PreviewMain, EnvPreviewConfig, ComponentPreviewSize } from './preview.main.runtime';
 export type { PreviewPreview } from './preview.preview.runtime';
 export { PreviewDefinition } from './preview-definition';
 export type { PreviewModule, ModuleFile } from './types/preview-module';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { PreviewAspect as default, PreviewAspect, PreviewRuntime } from './preview.aspect';\n\nexport * from './events';\nexport type { PreviewMain } from './preview.main.runtime';\nexport type { PreviewPreview } from './preview.preview.runtime';\nexport { PreviewDefinition } from './preview-definition';\nexport type { PreviewModule, ModuleFile } from './types/preview-module';\nexport type { RenderingContext } from './rendering-context';\n"]}
+{"version":3,"sources":["index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAGA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA","sourcesContent":["export { PreviewAspect as default, PreviewAspect, PreviewRuntime } from './preview.aspect';\n\nexport * from './events';\nexport type { PreviewMain, EnvPreviewConfig, ComponentPreviewSize } from './preview.main.runtime';\nexport type { PreviewPreview } from './preview.preview.runtime';\nexport { PreviewDefinition } from './preview-definition';\nexport type { PreviewModule, ModuleFile } from './types/preview-module';\nexport type { RenderingContext } from './rendering-context';\n"]}

package/dist/preview-artifact.d.ts

@@ -2,5 +2,7 @@ import { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
 export declare class PreviewArtifact {
     private artifacts;
     constructor(artifacts: AbstractVinyl[]);
+    getPaths(): string[];
     getFile(path: string): AbstractVinyl | undefined;
+    getFileEndsWith(path: string): AbstractVinyl | undefined;
 }

package/dist/preview-artifact.js

@@ -15,17 +15,38 @@ function _utils() {
   return data;
 }
 
+function _lodash() {
+  const data = require("lodash");
+
+  _lodash = function () {
+    return data;
+  };
+
+  return data;
+}
+
 class PreviewArtifact {
   constructor(artifacts) {
     this.artifacts = artifacts;
   }
 
+  getPaths() {
+    // TODO: check why the artifacts stored twice, then remove this uniq here
+    return (0, _lodash().uniq)(this.artifacts.map(artifact => artifact.relative));
+  }
+
   getFile(path) {
     return this.artifacts.find(file => {
       return (0, _utils().pathNormalizeToLinux)(file.relative) === path;
     });
   }
 
+  getFileEndsWith(path) {
+    return this.artifacts.find(file => {
+      return (0, _utils().pathNormalizeToLinux)(file.relative).endsWith(path);
+    });
+  }
+
 }
 
 exports.PreviewArtifact = PreviewArtifact;

package/dist/preview-artifact.js.map

@@ -1 +1 @@
-{"version":3,"sources":["preview-artifact.ts"],"names":["PreviewArtifact","constructor","artifacts","getFile","path","find","file","relative"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,eAAN,CAAsB;AAC3BC,EAAAA,WAAW,CAASC,SAAT,EAAqC;AAAA,SAA5BA,SAA4B,GAA5BA,SAA4B;AAAE;;AAElDC,EAAAA,OAAO,CAACC,IAAD,EAAe;AACpB,WAAO,KAAKF,SAAL,CAAeG,IAAf,CAAqBC,IAAD,IAAU;AACnC,aAAO,mCAAqBA,IAAI,CAACC,QAA1B,MAAwCH,IAA/C;AACD,KAFM,CAAP;AAGD;;AAP0B","sourcesContent":["import { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\n\nexport class PreviewArtifact {\n  constructor(private artifacts: AbstractVinyl[]) {}\n\n  getFile(path: string) {\n    return this.artifacts.find((file) => {\n      return pathNormalizeToLinux(file.relative) === path;\n    });\n  }\n}\n"]}
+{"version":3,"sources":["preview-artifact.ts"],"names":["PreviewArtifact","constructor","artifacts","getPaths","map","artifact","relative","getFile","path","find","file","getFileEndsWith","endsWith"],"mappings":";;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAEO,MAAMA,eAAN,CAAsB;AAC3BC,EAAAA,WAAW,CAASC,SAAT,EAAqC;AAAA,SAA5BA,SAA4B,GAA5BA,SAA4B;AAAE;;AAElDC,EAAAA,QAAQ,GAAG;AACT;AACA,WAAO,oBAAK,KAAKD,SAAL,CAAeE,GAAf,CAAoBC,QAAD,IAAcA,QAAQ,CAACC,QAA1C,CAAL,CAAP;AACD;;AAEDC,EAAAA,OAAO,CAACC,IAAD,EAAe;AACpB,WAAO,KAAKN,SAAL,CAAeO,IAAf,CAAqBC,IAAD,IAAU;AACnC,aAAO,mCAAqBA,IAAI,CAACJ,QAA1B,MAAwCE,IAA/C;AACD,KAFM,CAAP;AAGD;;AAEDG,EAAAA,eAAe,CAACH,IAAD,EAAe;AAC5B,WAAO,KAAKN,SAAL,CAAeO,IAAf,CAAqBC,IAAD,IAAU;AACnC,aAAO,mCAAqBA,IAAI,CAACJ,QAA1B,EAAoCM,QAApC,CAA6CJ,IAA7C,CAAP;AACD,KAFM,CAAP;AAGD;;AAlB0B","sourcesContent":["import { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport { pathNormalizeToLinux } from '@teambit/legacy/dist/utils';\nimport { uniq } from 'lodash';\n\nexport class PreviewArtifact {\n  constructor(private artifacts: AbstractVinyl[]) {}\n\n  getPaths() {\n    // TODO: check why the artifacts stored twice, then remove this uniq here\n    return uniq(this.artifacts.map((artifact) => artifact.relative));\n  }\n\n  getFile(path: string) {\n    return this.artifacts.find((file) => {\n      return pathNormalizeToLinux(file.relative) === path;\n    });\n  }\n\n  getFileEndsWith(path: string) {\n    return this.artifacts.find((file) => {\n      return pathNormalizeToLinux(file.relative).endsWith(path);\n    });\n  }\n}\n"]}

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

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

package/dist/preview-assets.route.js

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+require("core-js/modules/es.promise.js");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PreviewAssetsRoute = 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;
+}
+
+class PreviewAssetsRoute {
+  constructor(
+  /**
+   * preview extension.
+   */
+  preview, logger) {
+    this.preview = preview;
+    this.logger = logger;
+    (0, _defineProperty2().default)(this, "route", '/preview-assets');
+    (0, _defineProperty2().default)(this, "method", 'get');
+    (0, _defineProperty2().default)(this, "middlewares", [async (req, res) => {
+      try {
+        // @ts-ignore TODO: @guy please fix.
+        const component = req.component; // if (!component) return res.status(404).send(noPreview());
+
+        if (!component) return res.status(404).jsonp({
+          error: 'not found'
+        });
+        const result = await this.preview.getPreviewFiles(component);
+        if (!result) return res.status(404).jsonp({
+          error: 'not found'
+        });
+        return res.json(result);
+      } catch (e) {
+        this.logger.error('failed getting preview assets', e);
+        return res.status(500).send((0, _uiFoundationUiPages().serverError)());
+      }
+    }]);
+  }
+
+}
+
+exports.PreviewAssetsRoute = PreviewAssetsRoute;
+
+//# sourceMappingURL=preview-assets.route.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["preview-assets.route.ts"],"names":["PreviewAssetsRoute","constructor","preview","logger","req","res","component","status","jsonp","error","result","getPreviewFiles","json","e","send"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAKO,MAAMA,kBAAN,CAA0C;AAC/CC,EAAAA,WAAW;AACT;AACJ;AACA;AACYC,EAAAA,OAJC,EAKDC,MALC,EAMT;AAAA,SAFQD,OAER,GAFQA,OAER;AAAA,SADQC,MACR,GADQA,MACR;AAAA,mDAEM,iBAFN;AAAA,oDAGO,KAHP;AAAA,yDAKY,CACZ,OAAOC,GAAP,EAAqBC,GAArB,KAAuC;AACrC,UAAI;AACF;AACA,cAAMC,SAAS,GAAGF,GAAG,CAACE,SAAtB,CAFE,CAGF;;AACA,YAAI,CAACA,SAAL,EAAgB,OAAOD,GAAG,CAACE,MAAJ,CAAW,GAAX,EAAgBC,KAAhB,CAAsB;AAAEC,UAAAA,KAAK,EAAE;AAAT,SAAtB,CAAP;AAChB,cAAMC,MAAM,GAAG,MAAM,KAAKR,OAAL,CAAaS,eAAb,CAA6BL,SAA7B,CAArB;AACA,YAAI,CAACI,MAAL,EAAa,OAAOL,GAAG,CAACE,MAAJ,CAAW,GAAX,EAAgBC,KAAhB,CAAsB;AAAEC,UAAAA,KAAK,EAAE;AAAT,SAAtB,CAAP;AACb,eAAOJ,GAAG,CAACO,IAAJ,CAASF,MAAT,CAAP;AACD,OARD,CAQE,OAAOG,CAAP,EAAe;AACf,aAAKV,MAAL,CAAYM,KAAZ,CAAkB,+BAAlB,EAAmDI,CAAnD;AACA,eAAOR,GAAG,CAACE,MAAJ,CAAW,GAAX,EAAgBO,IAAhB,CAAqB,yCAArB,CAAP;AACD;AACF,KAdW,CALZ;AAAE;;AAP2C","sourcesContent":["import type { Request, Response, Route } from '@teambit/express';\nimport type { Component } from '@teambit/component';\nimport { serverError } from '@teambit/ui-foundation.ui.pages.static-error';\nimport type { Logger } from '@teambit/logger';\n\nimport { PreviewMain } from './preview.main.runtime';\n\nexport class PreviewAssetsRoute implements Route {\n  constructor(\n    /**\n     * preview extension.\n     */\n    private preview: PreviewMain,\n    private logger: Logger\n  ) {}\n\n  route = '/preview-assets';\n  method = 'get';\n\n  middlewares = [\n    async (req: Request, res: Response) => {\n      try {\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        if (!component) return res.status(404).jsonp({ error: 'not found' });\n        const result = await this.preview.getPreviewFiles(component);\n        if (!result) return res.status(404).jsonp({ error: 'not found' });\n        return res.json(result);\n      } catch (e: any) {\n        this.logger.error('failed getting preview assets', e);\n        return res.status(500).send(serverError());\n      }\n    },\n  ];\n}\n"]}

package/dist/preview-definition.d.ts

@@ -1,17 +1,30 @@
-import { Component, ComponentMap } from '@teambit/component';
-import { ExecutionContext } from '@teambit/envs';
-import { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
+import type { Component, ComponentMap } from '@teambit/component';
+import type { Environment, ExecutionContext } from '@teambit/envs';
+import type { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';
 export interface PreviewDefinition {
     /**
      * extension preview prefix
      */
     prefix: string;
+    /**
+     * which other extension modules to include in the preview context.
+     */
+    include?: string[];
     /**
      * path of the default template to be executed.
      */
     renderTemplatePath?: (context: ExecutionContext) => Promise<string>;
+    /**
+     * get the template by env.
+     * TODO: refactor `renderTemplatePath` to accept only an env and remove this method.
+     */
+    renderTemplatePathByEnv?: (env: Environment) => Promise<string>;
     /**
      * get all files to require in the preview runtime.
      */
     getModuleMap(components: Component[]): Promise<ComponentMap<AbstractVinyl[]>>;
+    /**
+     * Whether to include the peers chunk in the output html
+     */
+    includePeers?: boolean;
 }

package/dist/preview.graphql.d.ts

@@ -4,7 +4,14 @@ export declare function previewSchema(previewExtension: PreviewMain): {
     typeDefs: import("graphql").DocumentNode;
     resolvers: {
         Component: {
-            preview: (component: Component) => Promise<import("./preview-artifact").PreviewArtifact | undefined>;
+            preview: (component: Component) => {
+                component: Component;
+            };
+        };
+        Preview: {
+            includesEnvTemplate: ({ component }: {
+                component: any;
+            }) => Promise<boolean>;
         };
     };
 };

package/dist/preview.graphql.js

@@ -21,7 +21,8 @@ function previewSchema(previewExtension) {
   return {
     typeDefs: (0, _graphqlTag().default)`
       type Preview {
-        url: String!
+        # url: String!
+        includesEnvTemplate: Boolean
       }
 
       extend type Component {
@@ -31,7 +32,17 @@ function previewSchema(previewExtension) {
     resolvers: {
       Component: {
         preview: component => {
-          return previewExtension.getPreview(component);
+          // return previewExtension.getPreview(component);
+          return {
+            component
+          };
+        }
+      },
+      Preview: {
+        includesEnvTemplate: ({
+          component
+        }) => {
+          return previewExtension.isBundledWithEnv(component);
         }
       }
     }

package/dist/preview.graphql.js.map

@@ -1 +1 @@
-{"version":3,"sources":["preview.graphql.ts"],"names":["previewSchema","previewExtension","typeDefs","resolvers","Component","preview","component","getPreview"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIO,SAASA,aAAT,CAAuBC,gBAAvB,EAAsD;AAC3D,SAAO;AACLC,IAAAA,QAAQ,EAAE,0BAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KATS;AAULC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE;AACTC,QAAAA,OAAO,EAAGC,SAAD,IAA0B;AACjC,iBAAOL,gBAAgB,CAACM,UAAjB,CAA4BD,SAA5B,CAAP;AACD;AAHQ;AADF;AAVN,GAAP;AAkBD","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      }\n\n      extend type Component {\n        preview: Preview\n      }\n    `,\n    resolvers: {\n      Component: {\n        preview: (component: Component) => {\n          return previewExtension.getPreview(component);\n        },\n      },\n    },\n  };\n}\n"]}
+{"version":3,"sources":["preview.graphql.ts"],"names":["previewSchema","previewExtension","typeDefs","resolvers","Component","preview","component","Preview","includesEnvTemplate","isBundledWithEnv"],"mappings":";;;;;;;;;AACA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAIO,SAASA,aAAT,CAAuBC,gBAAvB,EAAsD;AAC3D,SAAO;AACLC,IAAAA,QAAQ,EAAE,0BAAI;AAClB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,KAVS;AAWLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE;AACTC,QAAAA,OAAO,EAAGC,SAAD,IAA0B;AACjC;AACA,iBAAO;AAACA,YAAAA;AAAD,WAAP;AACD;AAJQ,OADF;AAOTC,MAAAA,OAAO,EAAE;AACPC,QAAAA,mBAAmB,EAAE,CAAC;AAACF,UAAAA;AAAD,SAAD,KAAiB;AACpC,iBAAOL,gBAAgB,CAACQ,gBAAjB,CAAkCH,SAAlC,CAAP;AACD;AAHM;AAPA;AAXN,GAAP;AAyBD","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      }\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      }\n    },\n  };\n}\n"]}

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

@@ -1,23 +1,44 @@
-import { BuilderMain } from '@teambit/builder';
-import { BundlerMain } from '@teambit/bundler';
+import type { BuilderMain } from '@teambit/builder';
+import { Asset, BundlerMain } from '@teambit/bundler';
 import { PubsubMain } from '@teambit/pubsub';
 import { Component, ComponentMain, ComponentMap } from '@teambit/component';
-import { EnvsMain } from '@teambit/envs';
+import type { EnvsMain, PreviewEnv } from '@teambit/envs';
 import { SlotRegistry, Harmony } from '@teambit/harmony';
 import { UiMain } from '@teambit/ui';
 import { PkgMain } from '@teambit/pkg';
-import { AspectLoaderMain } from '@teambit/aspect-loader';
+import type { AspectLoaderMain } from '@teambit/aspect-loader';
 import { Workspace } from '@teambit/workspace';
 import { LoggerMain, Logger } from '@teambit/logger';
+import type { DependencyResolverMain } from '@teambit/dependency-resolver';
+import { GraphqlMain } from '@teambit/graphql';
 import { PreviewArtifact } from './preview-artifact';
 import { PreviewDefinition } from './preview-definition';
 import { BundlingStrategy } from './bundling-strategy';
 export declare type PreviewDefinitionRegistry = SlotRegistry<PreviewDefinition>;
+declare type PreviewFiles = {
+    files: string[];
+};
+export declare type ComponentPreviewSizedFile = Asset;
+export declare type ComponentPreviewSize = {
+    files: ComponentPreviewSizedFile[];
+    assets: ComponentPreviewSizedFile[];
+    totalFiles: number;
+    totalAssets: number;
+    total: number;
+};
+export declare type ComponentPreviewMetaData = {
+    size?: ComponentPreviewSize;
+};
 export declare type PreviewConfig = {
-    bundlingStrategy: string;
+    bundlingStrategy?: string;
     disabled: boolean;
 };
+export declare type EnvPreviewConfig = {
+    strategyName?: string;
+    splitComponentBundle?: boolean;
+};
 export declare type BundlingStrategySlot = SlotRegistry<BundlingStrategy>;
+export declare type GenerateLinkFn = (prefix: string, componentMap: ComponentMap<string[]>, defaultModule?: string) => string;
 export declare class PreviewMain {
     /**
      * harmony context.
@@ -29,6 +50,7 @@ export declare class PreviewMain {
     private previewSlot;
     private ui;
     private envs;
+    private componentAspect;
     private pkg;
     private aspectLoader;
     readonly config: PreviewConfig;
@@ -36,6 +58,7 @@ export declare class PreviewMain {
     private builder;
     private workspace;
     private logger;
+    private dependencyResolver;
     constructor(
     /**
      * harmony context.
@@ -44,9 +67,49 @@ export declare class PreviewMain {
     /**
      * slot for preview definitions.
      */
-    previewSlot: PreviewDefinitionRegistry, ui: UiMain, envs: EnvsMain, pkg: PkgMain, aspectLoader: AspectLoaderMain, config: PreviewConfig, bundlingStrategySlot: BundlingStrategySlot, builder: BuilderMain, workspace: Workspace | undefined, logger: Logger);
+    previewSlot: PreviewDefinitionRegistry, ui: UiMain, envs: EnvsMain, componentAspect: ComponentMain, pkg: PkgMain, aspectLoader: AspectLoaderMain, config: PreviewConfig, bundlingStrategySlot: BundlingStrategySlot, builder: BuilderMain, workspace: Workspace | undefined, logger: Logger, dependencyResolver: DependencyResolverMain);
     get tempFolder(): string;
+    getComponentBundleSize(component: Component): ComponentPreviewSize | undefined;
     getPreview(component: Component): Promise<PreviewArtifact | undefined>;
+    /**
+     * Get a list of all the artifact files generated during the GeneratePreview task
+     * @param component
+     * @returns
+     */
+    getPreviewFiles(component: Component): Promise<PreviewFiles | undefined>;
+    /**
+     * Check if the component preview bundle contain the env as part of the bundle or only the component code
+     * (we used in the past to bundle them together, there might also be specific envs which still uses the env strategy)
+     * @param component
+     * @returns
+     */
+    isBundledWithEnv(component: Component): Promise<boolean>;
+    /**
+     * Getting the env template artifact
+     * This should be called with the env itself or it will return undefined
+     * If you want to get the env template from the env of the component,
+     * use: getEnvTemplateFromComponentEnv below
+     *
+     * @param component
+     * @returns
+     */
+    getEnvTemplate(component: Component): Promise<PreviewArtifact | undefined>;
+    /**
+     * This is a special method to get a core env template
+     * As the core envs doesn't exist in the scope we need to bring it from other place
+     * We will bring it from the core env package files
+     */
+    private getCoreEnvTemplate;
+    /**
+     * This will fetch the component env, then will take the env template from the component env
+     * @param component
+     */
+    getEnvTemplateFromComponentEnv(component: Component): Promise<PreviewArtifact | undefined>;
+    /**
+     * This will fetch the component env, then will take the env template from the component env
+     * @param component
+     */
+    getEnvTemplateByEnvId(envId: string): Promise<PreviewArtifact | undefined>;
     getDefs(): PreviewDefinition[];
     private writeHash;
     private timestamp;
@@ -57,7 +120,8 @@ export declare class PreviewMain {
      * @param defaultModule
      * @param dirName
      */
-    writeLink(prefix: string, moduleMap: ComponentMap<string[]>, defaultModule: string | undefined, dirName: string): string;
+    writeLink(prefix: string, moduleMap: ComponentMap<string[]>, defaultModule: string | undefined, dirName: string, isSplitComponentBundle: boolean): string;
+    writeLinkContents(contents: string, targetDir: string, prefix: string): string;
     private executionRefs;
     private getPreviewTarget;
     private updateLinkFiles;
@@ -76,10 +140,11 @@ export declare class PreviewMain {
     private getDefaultStrategies;
     private handleComponentChange;
     private handleComponentRemoval;
+    getEnvPreviewConfig(env?: PreviewEnv): EnvPreviewConfig;
     /**
      * return the configured bundling strategy.
      */
-    getBundlingStrategy(): BundlingStrategy;
+    getBundlingStrategy(env?: PreviewEnv): BundlingStrategy;
     /**
      * register a new bundling strategy. default available strategies are `env` and ``
      */
@@ -92,10 +157,9 @@ export declare class PreviewMain {
     static runtime: import("@teambit/harmony").RuntimeDefinition;
     static dependencies: import("@teambit/harmony").Aspect[];
     static defaultConfig: {
-        bundlingStrategy: string;
         disabled: boolean;
     };
-    static provider([bundler, builder, componentExtension, uiMain, envs, workspace, pkg, pubsub, aspectLoader, loggerMain]: [
+    static provider([bundler, builder, componentExtension, uiMain, envs, workspace, pkg, pubsub, aspectLoader, loggerMain, dependencyResolver, graphql,]: [
         BundlerMain,
         BuilderMain,
         ComponentMain,
@@ -105,6 +169,9 @@ export declare class PreviewMain {
         PkgMain,
         PubsubMain,
         AspectLoaderMain,
-        LoggerMain
+        LoggerMain,
+        DependencyResolverMain,
+        GraphqlMain
     ], config: PreviewConfig, [previewSlot, bundlingStrategySlot]: [PreviewDefinitionRegistry, BundlingStrategySlot], harmony: Harmony): Promise<PreviewMain>;
 }
+export {};