@teambit/preview 0.0.880 → 0.0.882

package/dist/preview.route.js.map

@@ -1 +1 @@
-{"version":3,"names":["PreviewRoute","constructor","preview","logger","req","res","next","component","status","send","noPreview","isLegacyPath","isBundledWithEnv","artifact","getEnvTemplateFromComponentEnv","getPreview","e","error","serverError","getArtifactFileMiddleware"],"sources":["preview.route.ts"],"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 { PreviewArtifact } from './preview-artifact';\nimport { getArtifactFileMiddleware } from './artifact-file-middleware';\nimport type { PreviewUrlParams } from './artifact-file-middleware';\n\nexport class PreviewRoute implements Route {\n  constructor(\n    /**\n     * preview extension.\n     */\n    private preview: PreviewMain,\n    private logger: Logger\n  ) {}\n\n  route = `/preview/:previewName?/:filePath(*)`;\n  method = 'get';\n\n  middlewares = [\n    async (req: Request<PreviewUrlParams>, 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        const isLegacyPath = await this.preview.isBundledWithEnv(component);\n\n        let artifact: PreviewArtifact | undefined;\n        // TODO - prevent error `getVinylsAndImportIfMissing is not a function` #4680\n        try {\n          // Taking the env template (in this case we will take the component only bundle throw component-preview route)\n          // We use this route for the env template for backward compatibility - new scopes which contain components tagged with old versions of bit\n          if (!isLegacyPath) {\n            artifact = await this.preview.getEnvTemplateFromComponentEnv(component);\n          } else {\n            // If it's legacy (bundled together with the env template) take the preview bundle from the component directly\n            artifact = await this.preview.getPreview(component);\n          }\n        } catch (e: any) {\n          this.logger.error(`getEnvTemplateFromComponentEnv or getPreview has failed`, e);\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAKA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAGO,MAAMA,YAAN,CAAoC;EACzCC,WAAW;EACT;AACJ;AACA;EACYC,OAJC,EAKDC,MALC,EAMT;IAAA,KAFQD,OAER,GAFQA,OAER;IAAA,KADQC,MACR,GADQA,MACR;IAAA,+CAEO,qCAFP;IAAA,gDAGO,KAHP;IAAA,qDAKY,CACZ,OAAOC,GAAP,EAAuCC,GAAvC,EAAsDC,IAAtD,KAA6E;MAC3E,IAAI;QACF;QACA,MAAMC,SAAS,GAAGH,GAAG,CAACG,SAAtB;QACA,IAAI,CAACA,SAAL,EAAgB,OAAOF,GAAG,CAACG,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,IAAAC,gCAAA,GAArB,CAAP;QAChB,MAAMC,YAAY,GAAG,MAAM,KAAKT,OAAL,CAAaU,gBAAb,CAA8BL,SAA9B,CAA3B;QAEA,IAAIM,QAAJ,CANE,CAOF;;QACA,IAAI;UACF;UACA;UACA,IAAI,CAACF,YAAL,EAAmB;YACjBE,QAAQ,GAAG,MAAM,KAAKX,OAAL,CAAaY,8BAAb,CAA4CP,SAA5C,CAAjB;UACD,CAFD,MAEO;YACL;YACAM,QAAQ,GAAG,MAAM,KAAKX,OAAL,CAAaa,UAAb,CAAwBR,SAAxB,CAAjB;UACD;QACF,CATD,CASE,OAAOS,CAAP,EAAe;UACf,KAAKb,MAAL,CAAYc,KAAZ,CAAmB,yDAAnB,EAA6ED,CAA7E;UACA,OAAOX,GAAG,CAACG,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,IAAAC,gCAAA,GAArB,CAAP;QACD,CApBC,CAqBF;;;QACAN,GAAG,CAACS,QAAJ,GAAeA,QAAf,CAtBE,CAuBF;;QACAT,GAAG,CAACO,YAAJ,GAAmBA,YAAnB;QACA,OAAOL,IAAI,EAAX;MACD,CA1BD,CA0BE,OAAOU,CAAP,EAAe;QACf,KAAKb,MAAL,CAAYc,KAAZ,CAAkB,wBAAlB,EAA4CD,CAA5C;QACA,OAAOX,GAAG,CAACG,MAAJ,CAAW,GAAX,EAAgBC,IAAhB,CAAqB,IAAAS,kCAAA,GAArB,CAAP;MACD;IACF,CAhCW,EAiCZ,IAAAC,mDAAA,EAA0B,KAAKhB,MAA/B,CAjCY,CALZ;EAAE;;AAPqC"}
+{"version":3,"names":["PreviewRoute","constructor","preview","logger","req","res","next","component","status","send","noPreview","isLegacyPath","isBundledWithEnv","artifact","getEnvTemplateFromComponentEnv","getPreview","e","error","serverError","getArtifactFileMiddleware"],"sources":["preview.route.ts"],"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 { PreviewArtifact } from './preview-artifact';\nimport { getArtifactFileMiddleware } from './artifact-file-middleware';\nimport type { PreviewUrlParams } from './artifact-file-middleware';\n\nexport class PreviewRoute implements Route {\n  constructor(\n    /**\n     * preview extension.\n     */\n    private preview: PreviewMain,\n    private logger: Logger\n  ) {}\n\n  route = `/preview/:previewName?/:filePath(*)`;\n  method = 'get';\n\n  middlewares = [\n    async (req: Request<PreviewUrlParams>, 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        const isLegacyPath = await this.preview.isBundledWithEnv(component);\n\n        let artifact: PreviewArtifact | undefined;\n        // TODO - prevent error `getVinylsAndImportIfMissing is not a function` #4680\n        try {\n          // Taking the env template (in this case we will take the component only bundle throw component-preview route)\n          // We use this route for the env template for backward compatibility - new scopes which contain components tagged with old versions of bit\n          if (!isLegacyPath) {\n            artifact = await this.preview.getEnvTemplateFromComponentEnv(component);\n          } else {\n            // If it's legacy (bundled together with the env template) take the preview bundle from the component directly\n            artifact = await this.preview.getPreview(component);\n          }\n        } catch (e: any) {\n          this.logger.error(`getEnvTemplateFromComponentEnv or getPreview has failed`, e);\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"],"mappings":";;;;;;;;;;;;;;;AAEA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAKA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAGO,MAAMA,YAAY,CAAkB;EACzCC,WAAW;EACT;AACJ;AACA;EACYC,OAAoB,EACpBC,MAAc,EACtB;IAAA,KAFQD,OAAoB,GAApBA,OAAoB;IAAA,KACpBC,MAAc,GAAdA,MAAc;IAAA,+CAGf,qCAAoC;IAAA,gDACpC,KAAK;IAAA,qDAEA,CACZ,OAAOC,GAA8B,EAAEC,GAAa,EAAEC,IAAkB,KAAK;MAC3E,IAAI;QACF;QACA,MAAMC,SAAS,GAAGH,GAAG,CAACG,SAAkC;QACxD,IAAI,CAACA,SAAS,EAAE,OAAOF,GAAG,CAACG,MAAM,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,IAAAC,gCAAS,GAAE,CAAC;QACxD,MAAMC,YAAY,GAAG,MAAM,IAAI,CAACT,OAAO,CAACU,gBAAgB,CAACL,SAAS,CAAC;QAEnE,IAAIM,QAAqC;QACzC;QACA,IAAI;UACF;UACA;UACA,IAAI,CAACF,YAAY,EAAE;YACjBE,QAAQ,GAAG,MAAM,IAAI,CAACX,OAAO,CAACY,8BAA8B,CAACP,SAAS,CAAC;UACzE,CAAC,MAAM;YACL;YACAM,QAAQ,GAAG,MAAM,IAAI,CAACX,OAAO,CAACa,UAAU,CAACR,SAAS,CAAC;UACrD;QACF,CAAC,CAAC,OAAOS,CAAM,EAAE;UACf,IAAI,CAACb,MAAM,CAACc,KAAK,CAAE,yDAAwD,EAAED,CAAC,CAAC;UAC/E,OAAOX,GAAG,CAACG,MAAM,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,IAAAC,gCAAS,GAAE,CAAC;QAC1C;QACA;QACAN,GAAG,CAACS,QAAQ,GAAGA,QAAQ;QACvB;QACAT,GAAG,CAACO,YAAY,GAAGA,YAAY;QAC/B,OAAOL,IAAI,EAAE;MACf,CAAC,CAAC,OAAOU,CAAM,EAAE;QACf,IAAI,CAACb,MAAM,CAACc,KAAK,CAAC,wBAAwB,EAAED,CAAC,CAAC;QAC9C,OAAOX,GAAG,CAACG,MAAM,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,IAAAS,kCAAW,GAAE,CAAC;MAC5C;IACF,CAAC,EACD,IAAAC,mDAAyB,EAAC,IAAI,CAAChB,MAAM,CAAC,CACvC;EAvCE;AAwCL;AAAC"}

package/dist/preview.start-plugin.js

@@ -1,94 +1,65 @@
 "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.PreviewStartPlugin = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _react() {
   const data = _interopRequireWildcard(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 function _lodash() {
   const data = require("lodash");
-
   _lodash = function () {
     return data;
   };
-
   return data;
 }
-
 function _previewCli() {
   const data = require("@teambit/preview.cli.preview-server-status");
-
   _previewCli = function () {
     return data;
   };
-
   return data;
 }
-
 function _workspace() {
   const data = require("@teambit/workspace");
-
   _workspace = function () {
     return data;
   };
-
   return data;
 }
-
 function _previewCli2() {
   const data = require("@teambit/preview.cli.webpack-events-listener");
-
   _previewCli2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _compiler() {
   const data = require("@teambit/compiler");
-
   _compiler = function () {
     return data;
   };
-
   return data;
 }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2().default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 class PreviewStartPlugin {
   constructor(workspace, bundler, ui, pubsub, logger) {
     this.workspace = workspace;
@@ -118,15 +89,14 @@ class PreviewStartPlugin {
       });
     });
   }
-
   async initiate(options) {
     this.listenToDevServers();
-    const components = await this.workspace.byPattern(options.pattern || ''); // TODO: logic for creating preview servers must be refactored to this aspect from the DevServer aspect.
-
-    const previewServers = await this.bundler.devServer(components); // eslint-disable-next-line @typescript-eslint/no-misused-promises
-
-    previewServers.forEach(server => server.listen()); // DON'T add wait! this promise never resolve so it's stop all the start process!
-
+    const components = await this.workspace.byPattern(options.pattern || '');
+    // TODO: logic for creating preview servers must be refactored to this aspect from the DevServer aspect.
+    const previewServers = await this.bundler.devServer(components);
+    // eslint-disable-next-line @typescript-eslint/no-misused-promises
+    previewServers.forEach(server => server.listen());
+    // DON'T add wait! this promise never resolve so it's stop all the start process!
     this.workspace.watcher.watchAll({
       spawnTSServer: true,
       checkTypes: _workspace().CheckTypes.None,
@@ -139,7 +109,6 @@ class PreviewStartPlugin {
     });
     this.previewServers = this.previewServers.concat(previewServers);
   }
-
   getProxy() {
     const proxyConfigs = this.previewServers.map(server => {
       return [{
@@ -152,9 +121,9 @@ class PreviewStartPlugin {
       }];
     });
     return (0, _lodash().flatten)(proxyConfigs);
-  } // TODO: this should be a part of the devServer
-
+  }
 
+  // TODO: this should be a part of the devServer
   listenToDevServers() {
     // keep state changes immutable!
     (0, _previewCli2().SubscribeToWebpackEvents)(this.pubsub, {
@@ -172,13 +141,10 @@ class PreviewStartPlugin {
       }
     });
   }
-
   get whenReady() {
     return this.readyPromise;
   }
-
 }
-
 exports.PreviewStartPlugin = PreviewStartPlugin;
 
 //# sourceMappingURL=preview.start-plugin.js.map

package/dist/preview.start-plugin.js.map

@@ -1 +1 @@
-{"version":3,"names":["PreviewStartPlugin","constructor","workspace","bundler","ui","pubsub","logger","Promise","resolve","setReady","servers","initialState","setServers","useState","updateServers","useEffect","noneAreCompiling","Object","values","every","x","compiling","previewServers","initiate","options","listenToDevServers","components","byPattern","pattern","devServer","forEach","server","listen","watcher","watchAll","spawnTSServer","checkTypes","CheckTypes","None","preCompile","initiator","CompilationInitiator","Start","catch","err","msg","error","console","message","concat","getProxy","proxyConfigs","map","context","envRuntime","id","target","port","ws","flatten","SubscribeToWebpackEvents","onStart","state","onDone","results","whenReady","readyPromise"],"sources":["preview.start-plugin.tsx"],"sourcesContent":["import React, { useState, useEffect, Dispatch, SetStateAction } from 'react';\nimport { flatten } from 'lodash';\nimport { PreviewServerStatus } from '@teambit/preview.cli.preview-server-status';\nimport { BundlerMain, ComponentServer } from '@teambit/bundler';\nimport { PubsubMain } from '@teambit/pubsub';\nimport { ProxyEntry, StartPlugin, StartPluginOptions, UiMain } from '@teambit/ui';\nimport { Workspace, CheckTypes } from '@teambit/workspace';\nimport { SubscribeToWebpackEvents, CompilationResult } from '@teambit/preview.cli.webpack-events-listener';\nimport { CompilationInitiator } from '@teambit/compiler';\nimport { Logger } from '@teambit/logger';\n\ntype CompilationServers = Record<string, CompilationResult>;\ntype ServersSetter = Dispatch<SetStateAction<CompilationServers>>;\n\nexport class PreviewStartPlugin implements StartPlugin {\n  constructor(\n    private workspace: Workspace,\n    private bundler: BundlerMain,\n    private ui: UiMain,\n    private pubsub: PubsubMain,\n    private logger: Logger\n  ) {}\n\n  previewServers: ComponentServer[] = [];\n\n  async initiate(options: StartPluginOptions) {\n    this.listenToDevServers();\n\n    const components = await this.workspace.byPattern(options.pattern || '');\n    // TODO: logic for creating preview servers must be refactored to this aspect from the DevServer aspect.\n    const previewServers = await this.bundler.devServer(components);\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    previewServers.forEach((server) => server.listen());\n    // DON'T add wait! this promise never resolve so it's stop all the start process!\n    this.workspace.watcher\n      .watchAll({\n        spawnTSServer: true,\n        checkTypes: CheckTypes.None,\n        preCompile: false,\n        initiator: CompilationInitiator.Start,\n      })\n      .catch((err) => {\n        const msg = `watcher found an error`;\n        this.logger.error(msg, err);\n        this.logger.console(`${msg}, ${err.message}`);\n      });\n    this.previewServers = this.previewServers.concat(previewServers);\n  }\n\n  getProxy(): ProxyEntry[] {\n    const proxyConfigs = this.previewServers.map<ProxyEntry[]>((server) => {\n      return [\n        {\n          context: [`/preview/${server.context.envRuntime.id}`],\n          target: `http://localhost:${server.port}`,\n        },\n        {\n          context: [`/_hmr/${server.context.envRuntime.id}`],\n          target: `http://localhost:${server.port}`,\n          ws: true,\n        },\n      ];\n    });\n\n    return flatten(proxyConfigs);\n  }\n\n  // TODO: this should be a part of the devServer\n  private listenToDevServers() {\n    // keep state changes immutable!\n    SubscribeToWebpackEvents(this.pubsub, {\n      onStart: (id) => {\n        this.updateServers((state) => ({\n          ...state,\n          [id]: { compiling: true },\n        }));\n      },\n      onDone: (id, results) => {\n        this.updateServers((state) => ({\n          ...state,\n          [id]: results,\n        }));\n      },\n    });\n  }\n\n  private setReady: () => void;\n  private readyPromise = new Promise<void>((resolve) => (this.setReady = resolve));\n  get whenReady(): Promise<void> {\n    return this.readyPromise;\n  }\n\n  private initialState: CompilationServers = {};\n  // implements react-like setter (value or updater)\n  private updateServers: ServersSetter = (servers) => {\n    this.initialState = typeof servers === 'function' ? servers(this.initialState) : servers;\n    return servers;\n  };\n\n  render = () => {\n    const [servers, setServers] = useState<CompilationServers>(this.initialState);\n    this.updateServers = setServers;\n    this.initialState = {};\n\n    useEffect(() => {\n      const noneAreCompiling = Object.values(servers).every((x) => !x.compiling);\n      if (noneAreCompiling) this.setReady();\n    }, [servers]);\n\n    return <PreviewServerStatus previewServers={this.previewServers} serverStats={servers} />;\n  };\n}\n"],"mappings":"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"}
+{"version":3,"names":["PreviewStartPlugin","constructor","workspace","bundler","ui","pubsub","logger","Promise","resolve","setReady","servers","initialState","setServers","useState","updateServers","useEffect","noneAreCompiling","Object","values","every","x","compiling","previewServers","initiate","options","listenToDevServers","components","byPattern","pattern","devServer","forEach","server","listen","watcher","watchAll","spawnTSServer","checkTypes","CheckTypes","None","preCompile","initiator","CompilationInitiator","Start","catch","err","msg","error","console","message","concat","getProxy","proxyConfigs","map","context","envRuntime","id","target","port","ws","flatten","SubscribeToWebpackEvents","onStart","state","onDone","results","whenReady","readyPromise"],"sources":["preview.start-plugin.tsx"],"sourcesContent":["import React, { useState, useEffect, Dispatch, SetStateAction } from 'react';\nimport { flatten } from 'lodash';\nimport { PreviewServerStatus } from '@teambit/preview.cli.preview-server-status';\nimport { BundlerMain, ComponentServer } from '@teambit/bundler';\nimport { PubsubMain } from '@teambit/pubsub';\nimport { ProxyEntry, StartPlugin, StartPluginOptions, UiMain } from '@teambit/ui';\nimport { Workspace, CheckTypes } from '@teambit/workspace';\nimport { SubscribeToWebpackEvents, CompilationResult } from '@teambit/preview.cli.webpack-events-listener';\nimport { CompilationInitiator } from '@teambit/compiler';\nimport { Logger } from '@teambit/logger';\n\ntype CompilationServers = Record<string, CompilationResult>;\ntype ServersSetter = Dispatch<SetStateAction<CompilationServers>>;\n\nexport class PreviewStartPlugin implements StartPlugin {\n  constructor(\n    private workspace: Workspace,\n    private bundler: BundlerMain,\n    private ui: UiMain,\n    private pubsub: PubsubMain,\n    private logger: Logger\n  ) {}\n\n  previewServers: ComponentServer[] = [];\n\n  async initiate(options: StartPluginOptions) {\n    this.listenToDevServers();\n\n    const components = await this.workspace.byPattern(options.pattern || '');\n    // TODO: logic for creating preview servers must be refactored to this aspect from the DevServer aspect.\n    const previewServers = await this.bundler.devServer(components);\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    previewServers.forEach((server) => server.listen());\n    // DON'T add wait! this promise never resolve so it's stop all the start process!\n    this.workspace.watcher\n      .watchAll({\n        spawnTSServer: true,\n        checkTypes: CheckTypes.None,\n        preCompile: false,\n        initiator: CompilationInitiator.Start,\n      })\n      .catch((err) => {\n        const msg = `watcher found an error`;\n        this.logger.error(msg, err);\n        this.logger.console(`${msg}, ${err.message}`);\n      });\n    this.previewServers = this.previewServers.concat(previewServers);\n  }\n\n  getProxy(): ProxyEntry[] {\n    const proxyConfigs = this.previewServers.map<ProxyEntry[]>((server) => {\n      return [\n        {\n          context: [`/preview/${server.context.envRuntime.id}`],\n          target: `http://localhost:${server.port}`,\n        },\n        {\n          context: [`/_hmr/${server.context.envRuntime.id}`],\n          target: `http://localhost:${server.port}`,\n          ws: true,\n        },\n      ];\n    });\n\n    return flatten(proxyConfigs);\n  }\n\n  // TODO: this should be a part of the devServer\n  private listenToDevServers() {\n    // keep state changes immutable!\n    SubscribeToWebpackEvents(this.pubsub, {\n      onStart: (id) => {\n        this.updateServers((state) => ({\n          ...state,\n          [id]: { compiling: true },\n        }));\n      },\n      onDone: (id, results) => {\n        this.updateServers((state) => ({\n          ...state,\n          [id]: results,\n        }));\n      },\n    });\n  }\n\n  private setReady: () => void;\n  private readyPromise = new Promise<void>((resolve) => (this.setReady = resolve));\n  get whenReady(): Promise<void> {\n    return this.readyPromise;\n  }\n\n  private initialState: CompilationServers = {};\n  // implements react-like setter (value or updater)\n  private updateServers: ServersSetter = (servers) => {\n    this.initialState = typeof servers === 'function' ? servers(this.initialState) : servers;\n    return servers;\n  };\n\n  render = () => {\n    const [servers, setServers] = useState<CompilationServers>(this.initialState);\n    this.updateServers = setServers;\n    this.initialState = {};\n\n    useEffect(() => {\n      const noneAreCompiling = Object.values(servers).every((x) => !x.compiling);\n      if (noneAreCompiling) this.setReady();\n    }, [servers]);\n\n    return <PreviewServerStatus previewServers={this.previewServers} serverStats={servers} />;\n  };\n}\n"],"mappings":"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"}

package/dist/preview.task.js

@@ -1,47 +1,34 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.PreviewTask = exports.PREVIEW_TASK_NAME = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _path() {
   const data = require("path");
-
   _path = function () {
     return data;
   };
-
   return data;
 }
-
 function _builder() {
   const data = require("@teambit/builder");
-
   _builder = function () {
     return data;
   };
-
   return data;
 }
-
 const PREVIEW_TASK_NAME = 'GeneratePreview';
 exports.PREVIEW_TASK_NAME = PREVIEW_TASK_NAME;
-
 class PreviewTask {
   constructor(
   /**
@@ -60,11 +47,10 @@ class PreviewTask {
     (0, _defineProperty2().default)(this, "name", PREVIEW_TASK_NAME);
     (0, _defineProperty2().default)(this, "location", 'end');
   }
-
   // readonly dependencies = [CompilerAspect.id];
+
   async execute(context) {
     var _envPreviewConfig$spl;
-
     const defs = this.preview.getDefs();
     const url = `/preview/${context.envRuntime.id}`;
     const bundlingStrategy = this.preview.getBundlingStrategy(context.env);
@@ -91,25 +77,20 @@ class PreviewTask {
     const results = bundlingStrategy.computeResults(bundlerContext, bundlerResults, this);
     return results;
   }
-
   getLinkFileDirectory() {
     return (0, _path().join)(_builder().CAPSULE_ARTIFACTS_DIR, 'preview-links');
   }
-
   getPreviewDirectory(context) {
     const outputPath = (0, _path().resolve)(`${context.id}/public`);
     return outputPath;
   }
-
   getPathsFromMap(capsule, moduleMap, context) {
     const compiler = context.env.getCompiler(context);
     return moduleMap.map(files => {
       return files.map(file => (0, _path().join)(capsule.path, compiler.getDistPathBySrcPath(file.relative)));
     });
   }
-
 }
-
 exports.PreviewTask = PreviewTask;
 
 //# sourceMappingURL=preview.task.js.map

package/dist/preview.task.js.map

@@ -1 +1 @@
-{"version":3,"names":["PREVIEW_TASK_NAME","PreviewTask","constructor","bundler","preview","dependencyResolver","logger","execute","context","defs","getDefs","url","envRuntime","id","bundlingStrategy","getBundlingStrategy","env","envPreviewConfig","getEnvPreviewConfig","splitComponentBundle","computeTargetsContext","Object","assign","targets","computeTargets","bundlerContext","compress","name","entry","publicPath","getPreviewDirectory","rootPath","development","dev","metaData","initiator","envId","getBundler","bundlerResults","run","results","computeResults","getLinkFileDirectory","join","CAPSULE_ARTIFACTS_DIR","outputPath","resolve","getPathsFromMap","capsule","moduleMap","compiler","getCompiler","map","files","file","path","getDistPathBySrcPath","relative"],"sources":["preview.task.ts"],"sourcesContent":["import { resolve, join } from 'path';\nimport { ExecutionContext } from '@teambit/envs';\nimport { BuildContext, BuiltTaskResult, BuildTask, TaskLocation, CAPSULE_ARTIFACTS_DIR } from '@teambit/builder';\nimport { Bundler, BundlerContext, BundlerMain, Target } from '@teambit/bundler';\nimport { Compiler } from '@teambit/compiler';\nimport { ComponentMap } from '@teambit/component';\nimport { Capsule } from '@teambit/isolator';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport { Logger } from '@teambit/logger';\nimport { PreviewMain } from './preview.main.runtime';\n\nexport const PREVIEW_TASK_NAME = 'GeneratePreview';\nexport class PreviewTask implements BuildTask {\n  constructor(\n    /**\n     * bundler extension.\n     */\n    private bundler: BundlerMain,\n\n    /**\n     * preview extension.\n     */\n    private preview: PreviewMain,\n\n    private dependencyResolver: DependencyResolverMain,\n    private logger: Logger\n  ) {}\n\n  aspectId = 'teambit.preview/preview';\n  name = PREVIEW_TASK_NAME;\n  location: TaskLocation = 'end';\n  // readonly dependencies = [CompilerAspect.id];\n\n  async execute(context: BuildContext): Promise<BuiltTaskResult> {\n    const defs = this.preview.getDefs();\n    const url = `/preview/${context.envRuntime.id}`;\n    const bundlingStrategy = this.preview.getBundlingStrategy(context.env);\n    const envPreviewConfig = this.preview.getEnvPreviewConfig(context.env);\n    const splitComponentBundle = envPreviewConfig.splitComponentBundle ?? false;\n    const computeTargetsContext = Object.assign(context, { splitComponentBundle });\n\n    const targets: Target[] = await bundlingStrategy.computeTargets(computeTargetsContext, defs, this);\n\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets,\n      compress: bundlingStrategy.name !== 'env' && splitComponentBundle,\n      entry: [],\n      publicPath: this.getPreviewDirectory(context),\n      rootPath: url,\n      development: context.dev,\n      metaData: {\n        initiator: `${PREVIEW_TASK_NAME} task`,\n        envId: context.id,\n      },\n    });\n\n    const bundler: Bundler = await context.env.getBundler(bundlerContext);\n    const bundlerResults = await bundler.run();\n\n    const results = bundlingStrategy.computeResults(bundlerContext, bundlerResults, this);\n    return results;\n  }\n\n  getLinkFileDirectory() {\n    return join(CAPSULE_ARTIFACTS_DIR, 'preview-links');\n  }\n\n  getPreviewDirectory(context: ExecutionContext) {\n    const outputPath = resolve(`${context.id}/public`);\n    return outputPath;\n  }\n\n  getPathsFromMap(\n    capsule: Capsule,\n    moduleMap: ComponentMap<AbstractVinyl[]>,\n    context: BuildContext\n  ): ComponentMap<string[]> {\n    const compiler: Compiler = context.env.getCompiler(context);\n    return moduleMap.map((files) => {\n      return files.map((file) => join(capsule.path, compiler.getDistPathBySrcPath(file.relative)));\n    });\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["PREVIEW_TASK_NAME","PreviewTask","constructor","bundler","preview","dependencyResolver","logger","execute","context","defs","getDefs","url","envRuntime","id","bundlingStrategy","getBundlingStrategy","env","envPreviewConfig","getEnvPreviewConfig","splitComponentBundle","computeTargetsContext","Object","assign","targets","computeTargets","bundlerContext","compress","name","entry","publicPath","getPreviewDirectory","rootPath","development","dev","metaData","initiator","envId","getBundler","bundlerResults","run","results","computeResults","getLinkFileDirectory","join","CAPSULE_ARTIFACTS_DIR","outputPath","resolve","getPathsFromMap","capsule","moduleMap","compiler","getCompiler","map","files","file","path","getDistPathBySrcPath","relative"],"sources":["preview.task.ts"],"sourcesContent":["import { resolve, join } from 'path';\nimport { ExecutionContext } from '@teambit/envs';\nimport { BuildContext, BuiltTaskResult, BuildTask, TaskLocation, CAPSULE_ARTIFACTS_DIR } from '@teambit/builder';\nimport { Bundler, BundlerContext, BundlerMain, Target } from '@teambit/bundler';\nimport { Compiler } from '@teambit/compiler';\nimport { ComponentMap } from '@teambit/component';\nimport { Capsule } from '@teambit/isolator';\nimport { AbstractVinyl } from '@teambit/legacy/dist/consumer/component/sources';\nimport { DependencyResolverMain } from '@teambit/dependency-resolver';\nimport { Logger } from '@teambit/logger';\nimport { PreviewMain } from './preview.main.runtime';\n\nexport const PREVIEW_TASK_NAME = 'GeneratePreview';\nexport class PreviewTask implements BuildTask {\n  constructor(\n    /**\n     * bundler extension.\n     */\n    private bundler: BundlerMain,\n\n    /**\n     * preview extension.\n     */\n    private preview: PreviewMain,\n\n    private dependencyResolver: DependencyResolverMain,\n    private logger: Logger\n  ) {}\n\n  aspectId = 'teambit.preview/preview';\n  name = PREVIEW_TASK_NAME;\n  location: TaskLocation = 'end';\n  // readonly dependencies = [CompilerAspect.id];\n\n  async execute(context: BuildContext): Promise<BuiltTaskResult> {\n    const defs = this.preview.getDefs();\n    const url = `/preview/${context.envRuntime.id}`;\n    const bundlingStrategy = this.preview.getBundlingStrategy(context.env);\n    const envPreviewConfig = this.preview.getEnvPreviewConfig(context.env);\n    const splitComponentBundle = envPreviewConfig.splitComponentBundle ?? false;\n    const computeTargetsContext = Object.assign(context, { splitComponentBundle });\n\n    const targets: Target[] = await bundlingStrategy.computeTargets(computeTargetsContext, defs, this);\n\n    const bundlerContext: BundlerContext = Object.assign(context, {\n      targets,\n      compress: bundlingStrategy.name !== 'env' && splitComponentBundle,\n      entry: [],\n      publicPath: this.getPreviewDirectory(context),\n      rootPath: url,\n      development: context.dev,\n      metaData: {\n        initiator: `${PREVIEW_TASK_NAME} task`,\n        envId: context.id,\n      },\n    });\n\n    const bundler: Bundler = await context.env.getBundler(bundlerContext);\n    const bundlerResults = await bundler.run();\n\n    const results = bundlingStrategy.computeResults(bundlerContext, bundlerResults, this);\n    return results;\n  }\n\n  getLinkFileDirectory() {\n    return join(CAPSULE_ARTIFACTS_DIR, 'preview-links');\n  }\n\n  getPreviewDirectory(context: ExecutionContext) {\n    const outputPath = resolve(`${context.id}/public`);\n    return outputPath;\n  }\n\n  getPathsFromMap(\n    capsule: Capsule,\n    moduleMap: ComponentMap<AbstractVinyl[]>,\n    context: BuildContext\n  ): ComponentMap<string[]> {\n    const compiler: Compiler = context.env.getCompiler(context);\n    return moduleMap.map((files) => {\n      return files.map((file) => join(capsule.path, compiler.getDistPathBySrcPath(file.relative)));\n    });\n  }\n}\n"],"mappings":"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"}

package/dist/rendering-context.js

@@ -4,24 +4,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RenderingContext = void 0;
-
 class RenderingContext {
   constructor(contexts, options = {}) {
     this.contexts = contexts;
     this.options = options;
   }
+
   /**
    * obtain rendering context of a specific aspect.
    */
-
-
   get(aspectId) {
     const contextFactory = this.contexts.get(aspectId);
     return contextFactory === null || contextFactory === void 0 ? void 0 : contextFactory(this.options);
   }
-
 }
-
 exports.RenderingContext = RenderingContext;
 
 //# sourceMappingURL=rendering-context.js.map

package/dist/rendering-context.js.map

@@ -1 +1 @@
-{"version":3,"names":["RenderingContext","constructor","contexts","options","get","aspectId","contextFactory"],"sources":["rendering-context.ts"],"sourcesContent":["import { RenderingContextSlot } from './preview.preview.runtime';\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\n\nexport class RenderingContext {\n  constructor(private contexts: RenderingContextSlot, private options: RenderingContextOptions = {}) {}\n\n  /**\n   * obtain rendering context of a specific aspect.\n   */\n  get(aspectId: string) {\n    const contextFactory = this.contexts.get(aspectId);\n    return contextFactory?.(this.options);\n  }\n}\n"],"mappings":";;;;;;;AAKO,MAAMA,gBAAN,CAAuB;EAC5BC,WAAW,CAASC,QAAT,EAAiDC,OAAgC,GAAG,EAApF,EAAwF;IAAA,KAA/ED,QAA+E,GAA/EA,QAA+E;IAAA,KAAvCC,OAAuC,GAAvCA,OAAuC;EAAE;EAErG;AACF;AACA;;;EACEC,GAAG,CAACC,QAAD,EAAmB;IACpB,MAAMC,cAAc,GAAG,KAAKJ,QAAL,CAAcE,GAAd,CAAkBC,QAAlB,CAAvB;IACA,OAAOC,cAAP,aAAOA,cAAP,uBAAOA,cAAc,CAAG,KAAKH,OAAR,CAArB;EACD;;AAT2B"}
+{"version":3,"names":["RenderingContext","constructor","contexts","options","get","aspectId","contextFactory"],"sources":["rendering-context.ts"],"sourcesContent":["import { RenderingContextSlot } from './preview.preview.runtime';\n\nexport type RenderingContextOptions = { aspectsFilter?: string[] };\nexport type RenderingContextProvider = (options: RenderingContextOptions) => { [key: string]: any };\n\nexport class RenderingContext {\n  constructor(private contexts: RenderingContextSlot, private options: RenderingContextOptions = {}) {}\n\n  /**\n   * obtain rendering context of a specific aspect.\n   */\n  get(aspectId: string) {\n    const contextFactory = this.contexts.get(aspectId);\n    return contextFactory?.(this.options);\n  }\n}\n"],"mappings":";;;;;;AAKO,MAAMA,gBAAgB,CAAC;EAC5BC,WAAW,CAASC,QAA8B,EAAUC,OAAgC,GAAG,CAAC,CAAC,EAAE;IAAA,KAA/ED,QAA8B,GAA9BA,QAA8B;IAAA,KAAUC,OAAgC,GAAhCA,OAAgC;EAAQ;;EAEpG;AACF;AACA;EACEC,GAAG,CAACC,QAAgB,EAAE;IACpB,MAAMC,cAAc,GAAG,IAAI,CAACJ,QAAQ,CAACE,GAAG,CAACC,QAAQ,CAAC;IAClD,OAAOC,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAG,IAAI,CAACH,OAAO,CAAC;EACvC;AACF;AAAC"}

package/dist/size-event.js

@@ -1,39 +1,29 @@
 "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');
 

package/dist/size-event.js.map

@@ -1 +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(SizeEvent.TYPE, '0.0.1', new Date().getTime(), sizeEvent);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAOO,MAAMA,SAAN,SAAwBC,sBAAxB,CAAoD;EAGzDC,WAAW,CAACC,SAAD,EAA2B;IACpC,MAAMH,SAAS,CAACI,IAAhB,EAAsB,OAAtB,EAA+B,IAAIC,IAAJ,GAAWC,OAAX,EAA/B,EAAqDH,SAArD;EACD;;AALwD;;;gCAA9CH,S,UACY,c"}
+{"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(SizeEvent.TYPE, '0.0.1', new Date().getTime(), sizeEvent);\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAOO,MAAMA,SAAS,SAASC,sBAAY,CAAgB;EAGzDC,WAAW,CAACC,SAAwB,EAAE;IACpC,KAAK,CAACH,SAAS,CAACI,IAAI,EAAE,OAAO,EAAE,IAAIC,IAAI,EAAE,CAACC,OAAO,EAAE,EAAEH,SAAS,CAAC;EACjE;AACF;AAAC;AAAA,gCANYH,SAAS,UACG,cAAc"}