@teambit/ui 0.0.881 → 0.0.883

package/dist/ui-server.js

@@ -1,140 +1,98 @@
 "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.UIServer = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _lodash() {
   const data = require("lodash");
-
   _lodash = function () {
     return data;
   };
-
   return data;
 }
-
 function _express() {
   const data = _interopRequireDefault(require("express"));
-
   _express = function () {
     return data;
   };
-
   return data;
 }
-
 function _expressHistoryApiFallback() {
   const data = _interopRequireDefault(require("express-history-api-fallback"));
-
   _expressHistoryApiFallback = function () {
     return data;
   };
-
   return data;
 }
-
 function _toolboxNetwork() {
   const data = require("@teambit/toolbox.network.get-port");
-
   _toolboxNetwork = function () {
     return data;
   };
-
   return data;
 }
-
 function _httpProxy() {
   const data = _interopRequireDefault(require("http-proxy"));
-
   _httpProxy = function () {
     return data;
   };
-
   return data;
 }
-
 function _path() {
   const data = require("path");
-
   _path = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpack() {
   const data = _interopRequireDefault(require("webpack"));
-
   _webpack = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpackDevServer() {
   const data = _interopRequireDefault(require("webpack-dev-server"));
-
   _webpackDevServer = function () {
     return data;
   };
-
   return data;
 }
-
 function _ssrMiddleware() {
   const data = require("./ssr-middleware");
-
   _ssrMiddleware = function () {
     return data;
   };
-
   return data;
 }
-
 function _ui() {
   const data = require("./ui.aspect");
-
   _ui = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpackDev() {
   const data = require("./webpack/webpack.dev.config");
-
   _webpackDev = function () {
     return data;
   };
-
   return data;
 }
-
 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 UIServer {
   constructor(graphql, expressExtension, ui, uiRoot, uiRootExtension, logger, publicDir, plugins) {
     this.graphql = graphql;
@@ -149,49 +107,41 @@ class UIServer {
     (0, _defineProperty2().default)(this, "setReady", void 0);
     (0, _defineProperty2().default)(this, "startPromise", new Promise(resolve => this.setReady = resolve));
   }
-
   getName() {
     return this.uiRoot.name;
   }
-
   get port() {
     return this._port;
   }
-  /** the hostname for the server to listen at. Currently statically 'localhost' */
-
 
+  /** the hostname for the server to listen at. Currently statically 'localhost' */
   get host() {
     return 'localhost';
   }
-  /** the server listens at this url */
-
 
+  /** the server listens at this url */
   get fullUrl() {
     const port = this.port !== 80 ? `:${this.port}` : '';
     return `http://${this.host}${port}`;
   }
-
   get buildOptions() {
     return this.uiRoot.buildOptions;
   }
+
   /**
    * get the webpack configuration of the UI server.
    */
-
-
   async getDevConfig() {
     const aspects = await this.uiRoot.resolveAspects(_ui().UIRuntime.name);
     return (0, _webpackDev().devConfig)(this.uiRoot.path, [await this.ui.generateRoot(aspects, this.uiRootExtension)], this.uiRoot.name);
   }
-
   get whenReady() {
     return Promise.all([this.startPromise, ...this.plugins.map(x => x === null || x === void 0 ? void 0 : x.whenReady)]);
   }
+
   /**
    * start a UI server.
    */
-
-
   async start({
     portRange
   } = {}) {
@@ -200,11 +150,13 @@ class UIServer {
     const root = (0, _path().join)(this.uiRoot.path, publicDir);
     const server = await this.graphql.createServer({
       app
-    }); // set up proxy, for things like preview, e.g. '/preview/teambit.react/react'
+    });
 
-    await this.configureProxy(app, server); // pass through files from public /folder:
-    // setting `index: false` so index.html will be served by the fallback() middleware
+    // set up proxy, for things like preview, e.g. '/preview/teambit.react/react'
+    await this.configureProxy(app, server);
 
+    // pass through files from public /folder:
+    // setting `index: false` so index.html will be served by the fallback() middleware
     app.use(_express().default.static(root, {
       index: false
     }));
@@ -213,31 +165,30 @@ class UIServer {
       root,
       port,
       app
-    }); // in any and all other cases, serve index.html.
-    // No any other endpoints past this will execute
+    });
 
+    // in any and all other cases, serve index.html.
+    // No any other endpoints past this will execute
     app.use((0, _expressHistoryApiFallback().default)('index.html', {
       root
     }));
     server.listen(port);
-    this._port = port; // important: we use the string of the following message for the http.e2e.ts. if you change the message,
-    // please make sure you change the `HTTP_SERVER_READY_MSG` const.
+    this._port = port;
 
+    // important: we use the string of the following message for the http.e2e.ts. if you change the message,
+    // please make sure you change the `HTTP_SERVER_READY_MSG` const.
     this.logger.info(`UI server of ${this.uiRootExtension} is listening to port ${port}`);
     this.setReady();
   }
-
   getPluginsComponents() {
     return this.plugins.map(plugin => plugin.render);
   }
-
   async setupServerSideRendering({
     root,
     port,
     app
   }) {
     var _this$buildOptions;
-
     if (!((_this$buildOptions = this.buildOptions) !== null && _this$buildOptions !== void 0 && _this$buildOptions.ssr)) return;
     const ssrMiddleware = await (0, _ssrMiddleware().createSsrMiddleware)({
       root,
@@ -245,23 +196,21 @@ class UIServer {
       title: this.uiRoot.name,
       logger: this.logger
     });
-
     if (!ssrMiddleware) {
       this.logger.warn('[ssr] middleware failed setup');
       return;
-    } // eslint-disable-next-line @typescript-eslint/no-misused-promises
-
+    }
 
+    // eslint-disable-next-line @typescript-eslint/no-misused-promises
     app.get('*', ssrMiddleware);
     this.logger.debug('[ssr] serving for "*"');
   }
-
   async configureProxy(app, server) {
     const proxServer = _httpProxy().default.createProxyServer();
-
     proxServer.on('error', e => this.logger.error(e.message));
-    const proxyEntries = await this.getProxyFromPlugins(); // TODO - should use https://github.com/chimurai/http-proxy-middleware
+    const proxyEntries = await this.getProxyFromPlugins();
 
+    // TODO - should use https://github.com/chimurai/http-proxy-middleware
     server.on('upgrade', function (req, socket, head) {
       const entry = proxyEntries.find(proxy => proxy.context.some(item => item === req.url));
       if (!entry) return;
@@ -279,11 +228,10 @@ class UIServer {
       });
     });
   }
+
   /**
    * start a UI dev server.
    */
-
-
   async dev({
     portRange
   } = {}) {
@@ -294,25 +242,22 @@ class UIServer {
     const expressAppPort = this._port;
     const config = await this.getDevConfig();
     const compiler = (0, _webpack().default)(config);
-    const devServerConfig = await this.getDevServerConfig(devServerPort, expressAppPort, config.devServer); // @ts-ignore in the capsules it throws an error about compatibilities issues between webpack.compiler and webpackDevServer/webpack/compiler
-
+    const devServerConfig = await this.getDevServerConfig(devServerPort, expressAppPort, config.devServer);
+    // @ts-ignore in the capsules it throws an error about compatibilities issues between webpack.compiler and webpackDevServer/webpack/compiler
     const devServer = new (_webpackDevServer().default)(devServerConfig, compiler);
     await devServer.start();
     this._port = devServerPort;
     return devServer;
   }
-
   async selectPort(portRange) {
     return _toolboxNetwork().Port.getPortFromRange(portRange || [3100, 3200]);
   }
-
   async getProxyFromPlugins() {
     const proxiesByPlugin = this.plugins.map(plugin => {
       return plugin.getProxy ? plugin.getProxy() : [];
     });
     return (0, _lodash().flatten)(await Promise.all(proxiesByPlugin));
   }
-
   async getProxy(port = 4000) {
     const proxyEntries = await this.getProxyFromPlugins();
     const gqlProxies = [{
@@ -326,24 +271,18 @@ class UIServer {
     }];
     return gqlProxies.concat(proxyEntries);
   }
-
   async getDevServerConfig(appPort, gqlPort, config) {
     const proxy = await this.getProxy(gqlPort);
-
     const devServerConf = _objectSpread(_objectSpread({}, config), {}, {
       proxy,
       port: appPort
     });
-
     return devServerConf;
   }
-
   static create(props) {
     return new UIServer(props.graphql, props.express, props.ui, props.uiRoot, props.uiRootExtension, props.logger, props.publicDir, props.startPlugins);
   }
-
 }
-
 exports.UIServer = UIServer;
 
 //# sourceMappingURL=ui-server.js.map

package/dist/ui-server.js.map

@@ -1 +1 @@
-{"version":3,"names":["UIServer","constructor","graphql","expressExtension","ui","uiRoot","uiRootExtension","logger","publicDir","plugins","Promise","resolve","setReady","getName","name","port","_port","host","fullUrl","buildOptions","getDevConfig","aspects","resolveAspects","UIRuntime","devConfig","path","generateRoot","whenReady","all","startPromise","map","x","start","portRange","app","createApp","root","join","server","createServer","configureProxy","use","express","static","index","Port","getPortFromRange","setupServerSideRendering","fallback","listen","info","getPluginsComponents","plugin","render","ssr","ssrMiddleware","createSsrMiddleware","title","warn","get","debug","proxServer","httpProxy","createProxyServer","on","e","error","message","proxyEntries","getProxyFromPlugins","req","socket","head","entry","find","proxy","context","some","item","url","ws","target","forEach","route","res","web","originalUrl","dev","devServerPort","selectPort","expressAppPort","config","compiler","webpack","devServerConfig","getDevServerConfig","devServer","WebpackDevServer","proxiesByPlugin","getProxy","flatten","gqlProxies","changeOrigin","concat","appPort","gqlPort","devServerConf","create","props","startPlugins"],"sources":["ui-server.ts"],"sourcesContent":["import { flatten } from 'lodash';\nimport { ExpressMain } from '@teambit/express';\nimport { GraphqlMain } from '@teambit/graphql';\nimport { Logger } from '@teambit/logger';\nimport express, { Express } from 'express';\nimport fallback from 'express-history-api-fallback';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { Server } from 'http';\nimport httpProxy from 'http-proxy';\nimport { join } from 'path';\nimport webpack from 'webpack';\nimport WebpackDevServer, { Configuration as WdsConfiguration } from 'webpack-dev-server';\nimport { createSsrMiddleware } from './ssr-middleware';\nimport { StartPlugin } from './start-plugin';\nimport { ProxyEntry, UIRoot } from './ui-root';\nimport { UIRuntime } from './ui.aspect';\nimport { UiMain } from './ui.main.runtime';\n\nimport { devConfig } from './webpack/webpack.dev.config';\n\nexport type UIServerProps = {\n  graphql: GraphqlMain;\n  express: ExpressMain;\n  ui: UiMain;\n  uiRoot: UIRoot;\n  uiRootExtension: string;\n  logger: Logger;\n  publicDir: string;\n  startPlugins: StartPlugin[];\n};\n\nexport type StartOptions = {\n  /**\n   * port range for the UI server to bind. default is a port range of 4000-4200.\n   */\n  portRange?: number[] | number;\n};\n\nexport class UIServer {\n  constructor(\n    private graphql: GraphqlMain,\n    private expressExtension: ExpressMain,\n    private ui: UiMain,\n    private uiRoot: UIRoot,\n    private uiRootExtension: string,\n    private logger: Logger,\n    private publicDir: string,\n    private plugins: StartPlugin[]\n  ) {}\n\n  getName() {\n    return this.uiRoot.name;\n  }\n\n  private _port = 0;\n\n  get port() {\n    return this._port;\n  }\n\n  /** the hostname for the server to listen at. Currently statically 'localhost' */\n  get host() {\n    return 'localhost';\n  }\n\n  /** the server listens at this url */\n  get fullUrl() {\n    const port = this.port !== 80 ? `:${this.port}` : '';\n    return `http://${this.host}${port}`;\n  }\n\n  get buildOptions() {\n    return this.uiRoot.buildOptions;\n  }\n\n  /**\n   * get the webpack configuration of the UI server.\n   */\n  async getDevConfig() {\n    const aspects = await this.uiRoot.resolveAspects(UIRuntime.name);\n\n    return devConfig(this.uiRoot.path, [await this.ui.generateRoot(aspects, this.uiRootExtension)], this.uiRoot.name);\n  }\n\n  private setReady: () => void;\n  private startPromise = new Promise<void>((resolve) => (this.setReady = resolve));\n  get whenReady() {\n    return Promise.all([this.startPromise, ...this.plugins.map((x) => x?.whenReady)]);\n  }\n\n  /**\n   * start a UI server.\n   */\n  async start({ portRange }: StartOptions = {}) {\n    const app = this.expressExtension.createApp();\n    const publicDir = `/${this.publicDir}`;\n    const root = join(this.uiRoot.path, publicDir);\n    const server = await this.graphql.createServer({ app });\n\n    // set up proxy, for things like preview, e.g. '/preview/teambit.react/react'\n    await this.configureProxy(app, server);\n\n    // pass through files from public /folder:\n    // setting `index: false` so index.html will be served by the fallback() middleware\n    app.use(express.static(root, { index: false }));\n\n    const port = await Port.getPortFromRange(portRange || [3100, 3200]);\n\n    await this.setupServerSideRendering({ root, port, app });\n\n    // in any and all other cases, serve index.html.\n    // No any other endpoints past this will execute\n    app.use(fallback('index.html', { root }));\n\n    server.listen(port);\n    this._port = port;\n\n    // important: we use the string of the following message for the http.e2e.ts. if you change the message,\n    // please make sure you change the `HTTP_SERVER_READY_MSG` const.\n    this.logger.info(`UI server of ${this.uiRootExtension} is listening to port ${port}`);\n\n    this.setReady();\n  }\n\n  getPluginsComponents() {\n    return this.plugins.map((plugin) => plugin.render);\n  }\n\n  private async setupServerSideRendering({ root, port, app }: { root: string; port: number; app: Express }) {\n    if (!this.buildOptions?.ssr) return;\n\n    const ssrMiddleware = await createSsrMiddleware({\n      root,\n      port,\n      title: this.uiRoot.name,\n      logger: this.logger,\n    });\n\n    if (!ssrMiddleware) {\n      this.logger.warn('[ssr] middleware failed setup');\n      return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    app.get('*', ssrMiddleware);\n    this.logger.debug('[ssr] serving for \"*\"');\n  }\n\n  private async configureProxy(app: Express, server: Server) {\n    const proxServer = httpProxy.createProxyServer();\n    proxServer.on('error', (e) => this.logger.error(e.message));\n    const proxyEntries = await this.getProxyFromPlugins();\n\n    // TODO - should use https://github.com/chimurai/http-proxy-middleware\n    server.on('upgrade', function (req, socket, head) {\n      const entry = proxyEntries.find((proxy) => proxy.context.some((item) => item === req.url));\n      if (!entry) return;\n      proxServer.ws(req, socket, head, {\n        target: entry.target,\n      });\n    });\n\n    proxyEntries.forEach((entry) => {\n      entry.context.forEach((route) => {\n        app.use(`${route}/*`, (req, res) => {\n          proxServer.web(req, res, { ...entry, target: `${entry.target}/${req.originalUrl}` });\n        });\n      });\n    });\n  }\n\n  /**\n   * start a UI dev server.\n   */\n  async dev({ portRange }: StartOptions = {}) {\n    const devServerPort = await this.selectPort(portRange);\n    await this.start({ portRange: [4100, 4200] });\n    const expressAppPort = this._port;\n\n    const config = await this.getDevConfig();\n    const compiler = webpack(config);\n    const devServerConfig = await this.getDevServerConfig(devServerPort, expressAppPort, config.devServer);\n    // @ts-ignore in the capsules it throws an error about compatibilities issues between webpack.compiler and webpackDevServer/webpack/compiler\n    const devServer = new WebpackDevServer(devServerConfig, compiler);\n\n    await devServer.start();\n    this._port = devServerPort;\n    return devServer;\n  }\n\n  private async selectPort(portRange?: number[] | number) {\n    return Port.getPortFromRange(portRange || [3100, 3200]);\n  }\n\n  private async getProxyFromPlugins(): Promise<ProxyEntry[]> {\n    const proxiesByPlugin = this.plugins.map((plugin) => {\n      return plugin.getProxy ? plugin.getProxy() : [];\n    });\n\n    return flatten(await Promise.all(proxiesByPlugin));\n  }\n\n  private async getProxy(port = 4000) {\n    const proxyEntries = await this.getProxyFromPlugins();\n\n    const gqlProxies: ProxyEntry[] = [\n      {\n        context: ['/graphql', '/api'],\n        target: `http://${this.host}:${port}`,\n        changeOrigin: true,\n      },\n      {\n        context: ['/subscriptions'],\n        target: `ws://${this.host}:${port}`,\n        ws: true,\n      },\n    ];\n\n    return gqlProxies.concat(proxyEntries);\n  }\n\n  private async getDevServerConfig(\n    appPort: number,\n    gqlPort: number,\n    config?: WdsConfiguration\n  ): Promise<WdsConfiguration> {\n    const proxy = await this.getProxy(gqlPort);\n    const devServerConf = { ...config, proxy, port: appPort };\n\n    return devServerConf;\n  }\n\n  static create(props: UIServerProps) {\n    return new UIServer(\n      props.graphql,\n      props.express,\n      props.ui,\n      props.uiRoot,\n      props.uiRootExtension,\n      props.logger,\n      props.publicDir,\n      props.startPlugins\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["UIServer","constructor","graphql","expressExtension","ui","uiRoot","uiRootExtension","logger","publicDir","plugins","Promise","resolve","setReady","getName","name","port","_port","host","fullUrl","buildOptions","getDevConfig","aspects","resolveAspects","UIRuntime","devConfig","path","generateRoot","whenReady","all","startPromise","map","x","start","portRange","app","createApp","root","join","server","createServer","configureProxy","use","express","static","index","Port","getPortFromRange","setupServerSideRendering","fallback","listen","info","getPluginsComponents","plugin","render","ssr","ssrMiddleware","createSsrMiddleware","title","warn","get","debug","proxServer","httpProxy","createProxyServer","on","e","error","message","proxyEntries","getProxyFromPlugins","req","socket","head","entry","find","proxy","context","some","item","url","ws","target","forEach","route","res","web","originalUrl","dev","devServerPort","selectPort","expressAppPort","config","compiler","webpack","devServerConfig","getDevServerConfig","devServer","WebpackDevServer","proxiesByPlugin","getProxy","flatten","gqlProxies","changeOrigin","concat","appPort","gqlPort","devServerConf","create","props","startPlugins"],"sources":["ui-server.ts"],"sourcesContent":["import { flatten } from 'lodash';\nimport { ExpressMain } from '@teambit/express';\nimport { GraphqlMain } from '@teambit/graphql';\nimport { Logger } from '@teambit/logger';\nimport express, { Express } from 'express';\nimport fallback from 'express-history-api-fallback';\nimport { Port } from '@teambit/toolbox.network.get-port';\nimport { Server } from 'http';\nimport httpProxy from 'http-proxy';\nimport { join } from 'path';\nimport webpack from 'webpack';\nimport WebpackDevServer, { Configuration as WdsConfiguration } from 'webpack-dev-server';\nimport { createSsrMiddleware } from './ssr-middleware';\nimport { StartPlugin } from './start-plugin';\nimport { ProxyEntry, UIRoot } from './ui-root';\nimport { UIRuntime } from './ui.aspect';\nimport { UiMain } from './ui.main.runtime';\n\nimport { devConfig } from './webpack/webpack.dev.config';\n\nexport type UIServerProps = {\n  graphql: GraphqlMain;\n  express: ExpressMain;\n  ui: UiMain;\n  uiRoot: UIRoot;\n  uiRootExtension: string;\n  logger: Logger;\n  publicDir: string;\n  startPlugins: StartPlugin[];\n};\n\nexport type StartOptions = {\n  /**\n   * port range for the UI server to bind. default is a port range of 4000-4200.\n   */\n  portRange?: number[] | number;\n};\n\nexport class UIServer {\n  constructor(\n    private graphql: GraphqlMain,\n    private expressExtension: ExpressMain,\n    private ui: UiMain,\n    private uiRoot: UIRoot,\n    private uiRootExtension: string,\n    private logger: Logger,\n    private publicDir: string,\n    private plugins: StartPlugin[]\n  ) {}\n\n  getName() {\n    return this.uiRoot.name;\n  }\n\n  private _port = 0;\n\n  get port() {\n    return this._port;\n  }\n\n  /** the hostname for the server to listen at. Currently statically 'localhost' */\n  get host() {\n    return 'localhost';\n  }\n\n  /** the server listens at this url */\n  get fullUrl() {\n    const port = this.port !== 80 ? `:${this.port}` : '';\n    return `http://${this.host}${port}`;\n  }\n\n  get buildOptions() {\n    return this.uiRoot.buildOptions;\n  }\n\n  /**\n   * get the webpack configuration of the UI server.\n   */\n  async getDevConfig() {\n    const aspects = await this.uiRoot.resolveAspects(UIRuntime.name);\n\n    return devConfig(this.uiRoot.path, [await this.ui.generateRoot(aspects, this.uiRootExtension)], this.uiRoot.name);\n  }\n\n  private setReady: () => void;\n  private startPromise = new Promise<void>((resolve) => (this.setReady = resolve));\n  get whenReady() {\n    return Promise.all([this.startPromise, ...this.plugins.map((x) => x?.whenReady)]);\n  }\n\n  /**\n   * start a UI server.\n   */\n  async start({ portRange }: StartOptions = {}) {\n    const app = this.expressExtension.createApp();\n    const publicDir = `/${this.publicDir}`;\n    const root = join(this.uiRoot.path, publicDir);\n    const server = await this.graphql.createServer({ app });\n\n    // set up proxy, for things like preview, e.g. '/preview/teambit.react/react'\n    await this.configureProxy(app, server);\n\n    // pass through files from public /folder:\n    // setting `index: false` so index.html will be served by the fallback() middleware\n    app.use(express.static(root, { index: false }));\n\n    const port = await Port.getPortFromRange(portRange || [3100, 3200]);\n\n    await this.setupServerSideRendering({ root, port, app });\n\n    // in any and all other cases, serve index.html.\n    // No any other endpoints past this will execute\n    app.use(fallback('index.html', { root }));\n\n    server.listen(port);\n    this._port = port;\n\n    // important: we use the string of the following message for the http.e2e.ts. if you change the message,\n    // please make sure you change the `HTTP_SERVER_READY_MSG` const.\n    this.logger.info(`UI server of ${this.uiRootExtension} is listening to port ${port}`);\n\n    this.setReady();\n  }\n\n  getPluginsComponents() {\n    return this.plugins.map((plugin) => plugin.render);\n  }\n\n  private async setupServerSideRendering({ root, port, app }: { root: string; port: number; app: Express }) {\n    if (!this.buildOptions?.ssr) return;\n\n    const ssrMiddleware = await createSsrMiddleware({\n      root,\n      port,\n      title: this.uiRoot.name,\n      logger: this.logger,\n    });\n\n    if (!ssrMiddleware) {\n      this.logger.warn('[ssr] middleware failed setup');\n      return;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-misused-promises\n    app.get('*', ssrMiddleware);\n    this.logger.debug('[ssr] serving for \"*\"');\n  }\n\n  private async configureProxy(app: Express, server: Server) {\n    const proxServer = httpProxy.createProxyServer();\n    proxServer.on('error', (e) => this.logger.error(e.message));\n    const proxyEntries = await this.getProxyFromPlugins();\n\n    // TODO - should use https://github.com/chimurai/http-proxy-middleware\n    server.on('upgrade', function (req, socket, head) {\n      const entry = proxyEntries.find((proxy) => proxy.context.some((item) => item === req.url));\n      if (!entry) return;\n      proxServer.ws(req, socket, head, {\n        target: entry.target,\n      });\n    });\n\n    proxyEntries.forEach((entry) => {\n      entry.context.forEach((route) => {\n        app.use(`${route}/*`, (req, res) => {\n          proxServer.web(req, res, { ...entry, target: `${entry.target}/${req.originalUrl}` });\n        });\n      });\n    });\n  }\n\n  /**\n   * start a UI dev server.\n   */\n  async dev({ portRange }: StartOptions = {}) {\n    const devServerPort = await this.selectPort(portRange);\n    await this.start({ portRange: [4100, 4200] });\n    const expressAppPort = this._port;\n\n    const config = await this.getDevConfig();\n    const compiler = webpack(config);\n    const devServerConfig = await this.getDevServerConfig(devServerPort, expressAppPort, config.devServer);\n    // @ts-ignore in the capsules it throws an error about compatibilities issues between webpack.compiler and webpackDevServer/webpack/compiler\n    const devServer = new WebpackDevServer(devServerConfig, compiler);\n\n    await devServer.start();\n    this._port = devServerPort;\n    return devServer;\n  }\n\n  private async selectPort(portRange?: number[] | number) {\n    return Port.getPortFromRange(portRange || [3100, 3200]);\n  }\n\n  private async getProxyFromPlugins(): Promise<ProxyEntry[]> {\n    const proxiesByPlugin = this.plugins.map((plugin) => {\n      return plugin.getProxy ? plugin.getProxy() : [];\n    });\n\n    return flatten(await Promise.all(proxiesByPlugin));\n  }\n\n  private async getProxy(port = 4000) {\n    const proxyEntries = await this.getProxyFromPlugins();\n\n    const gqlProxies: ProxyEntry[] = [\n      {\n        context: ['/graphql', '/api'],\n        target: `http://${this.host}:${port}`,\n        changeOrigin: true,\n      },\n      {\n        context: ['/subscriptions'],\n        target: `ws://${this.host}:${port}`,\n        ws: true,\n      },\n    ];\n\n    return gqlProxies.concat(proxyEntries);\n  }\n\n  private async getDevServerConfig(\n    appPort: number,\n    gqlPort: number,\n    config?: WdsConfiguration\n  ): Promise<WdsConfiguration> {\n    const proxy = await this.getProxy(gqlPort);\n    const devServerConf = { ...config, proxy, port: appPort };\n\n    return devServerConf;\n  }\n\n  static create(props: UIServerProps) {\n    return new UIServer(\n      props.graphql,\n      props.express,\n      props.ui,\n      props.uiRoot,\n      props.uiRootExtension,\n      props.logger,\n      props.publicDir,\n      props.startPlugins\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/ui.aspect.js

@@ -4,25 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.UIRuntime = exports.UIAspect = void 0;
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 const UIRuntime = new (_harmony().RuntimeDefinition)('ui');
 exports.UIRuntime = UIRuntime;
-
 const UIAspect = _harmony().Aspect.create({
   id: 'teambit.ui-foundation/ui',
   declareRuntime: UIRuntime
 });
-
 exports.UIAspect = UIAspect;
 var _default = UIAspect;
 exports.default = _default;

package/dist/ui.aspect.js.map

@@ -1 +1 @@
-{"version":3,"names":["UIRuntime","RuntimeDefinition","UIAspect","Aspect","create","id","declareRuntime"],"sources":["ui.aspect.ts"],"sourcesContent":["import { Aspect, RuntimeDefinition } from '@teambit/harmony';\n\nexport const UIRuntime = new RuntimeDefinition('ui');\n\nexport const UIAspect = Aspect.create({\n  id: 'teambit.ui-foundation/ui',\n  declareRuntime: UIRuntime,\n});\n\nexport default UIAspect;\n"],"mappings":";;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,SAAS,GAAG,KAAIC,4BAAJ,EAAsB,IAAtB,CAAlB;;;AAEA,MAAMC,QAAQ,GAAGC,iBAAA,CAAOC,MAAP,CAAc;EACpCC,EAAE,EAAE,0BADgC;EAEpCC,cAAc,EAAEN;AAFoB,CAAd,CAAjB;;;eAKQE,Q"}
+{"version":3,"names":["UIRuntime","RuntimeDefinition","UIAspect","Aspect","create","id","declareRuntime"],"sources":["ui.aspect.ts"],"sourcesContent":["import { Aspect, RuntimeDefinition } from '@teambit/harmony';\n\nexport const UIRuntime = new RuntimeDefinition('ui');\n\nexport const UIAspect = Aspect.create({\n  id: 'teambit.ui-foundation/ui',\n  declareRuntime: UIRuntime,\n});\n\nexport default UIAspect;\n"],"mappings":";;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,SAAS,GAAG,KAAIC,4BAAiB,EAAC,IAAI,CAAC;AAAC;AAE9C,MAAMC,QAAQ,GAAGC,iBAAM,CAACC,MAAM,CAAC;EACpCC,EAAE,EAAE,0BAA0B;EAC9BC,cAAc,EAAEN;AAClB,CAAC,CAAC;AAAC;AAAA,eAEYE,QAAQ;AAAA"}

package/dist/ui.cli.rt.js

@@ -2,6 +2,7 @@
 // import { StartCmd } from './start.cmd';
 // import { Workspace } from '../workspace';
 // import { GraphQLExtension } from '../graphql';
+
 // export default ([cli, envs, workspace, graphql]: [CLIExtension, Environments, Workspace, GraphQLExtension]) => {
 //     // const ui = new UIExtension(envs, graphql);
 //     cli.register(new StartCmd(ui, workspace));

package/dist/ui.cli.rt.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["ui.cli.rt.tsx"],"sourcesContent":["// import { CLIExtension } from '../cli';\n// import { StartCmd } from './start.cmd';\n// import { Workspace } from '../workspace';\n// import { GraphQLExtension } from '../graphql';\n\n// export default ([cli, envs, workspace, graphql]: [CLIExtension, Environments, Workspace, GraphQLExtension]) => {\n//     // const ui = new UIExtension(envs, graphql);\n//     cli.register(new StartCmd(ui, workspace));\n//     // return ui;\n//   }\n"],"mappings":"AAAA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA"}
+{"version":3,"names":[],"sources":["ui.cli.rt.tsx"],"sourcesContent":["// import { CLIExtension } from '../cli';\n// import { StartCmd } from './start.cmd';\n// import { Workspace } from '../workspace';\n// import { GraphQLExtension } from '../graphql';\n\n// export default ([cli, envs, workspace, graphql]: [CLIExtension, Environments, Workspace, GraphQLExtension]) => {\n//     // const ui = new UIExtension(envs, graphql);\n//     cli.register(new StartCmd(ui, workspace));\n//     // return ui;\n//   }\n"],"mappings":"AAAA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AAAA"}

package/dist/ui.composition.js

@@ -1,22 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Logo = void 0;
-
 function _react() {
   const data = _interopRequireDefault(require("react"));
-
   _react = function () {
     return data;
   };
-
   return data;
 }
-
 const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   style: {
     height: '100%',
@@ -29,7 +24,6 @@ const Logo = () => /*#__PURE__*/_react().default.createElement("div", {
   },
   src: "https://static.bit.dev/extensions-icons/ui.svg"
 }));
-
 exports.Logo = Logo;
 
 //# sourceMappingURL=ui.composition.js.map

package/dist/ui.composition.js.map

@@ -1 +1 @@
-{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["ui.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/ui.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;;;AAAA;EAAA;;EAAA;IAAA;EAAA;;EAAA;AAAA;;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAV;IAAkBC,OAAO,EAAE,MAA3B;IAAmCC,cAAc,EAAE;EAAnD;AAAZ,gBACE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAT,CAAZ;EAA2B,GAAG,EAAC;AAA/B,EADF,CADK"}
+{"version":3,"names":["Logo","height","display","justifyContent","width"],"sources":["ui.composition.tsx"],"sourcesContent":["import React from 'react';\n\nexport const Logo = () => (\n  <div style={{ height: '100%', display: 'flex', justifyContent: 'center' }}>\n    <img style={{ width: 70 }} src=\"https://static.bit.dev/extensions-icons/ui.svg\" />\n  </div>\n);\n"],"mappings":";;;;;;;AAAA;EAAA;EAAA;IAAA;EAAA;EAAA;AAAA;AAEO,MAAMA,IAAI,GAAG,mBAClB;EAAK,KAAK,EAAE;IAAEC,MAAM,EAAE,MAAM;IAAEC,OAAO,EAAE,MAAM;IAAEC,cAAc,EAAE;EAAS;AAAE,gBACxE;EAAK,KAAK,EAAE;IAAEC,KAAK,EAAE;EAAG,CAAE;EAAC,GAAG,EAAC;AAAgD,EAAG,CAErF;AAAC"}