@teambit/ui 0.0.880 → 0.0.882

package/dist/ui.main.runtime.js

@@ -1,278 +1,195 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.array.sort.js");
-
 require("core-js/modules/es.promise.js");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.UiMain = void 0;
-
 function _defineProperty2() {
   const data = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
   _defineProperty2 = function () {
     return data;
   };
-
   return data;
 }
-
 function _cache() {
   const data = require("@teambit/cache");
-
   _cache = function () {
     return data;
   };
-
   return data;
 }
-
 function _cli() {
   const data = require("@teambit/cli");
-
   _cli = function () {
     return data;
   };
-
   return data;
 }
-
 function _component() {
   const data = require("@teambit/component");
-
   _component = function () {
     return data;
   };
-
   return data;
 }
-
 function _express() {
   const data = require("@teambit/express");
-
   _express = function () {
     return data;
   };
-
   return data;
 }
-
 function _graphql() {
   const data = require("@teambit/graphql");
-
   _graphql = function () {
     return data;
   };
-
   return data;
 }
-
 function _chalk() {
   const data = _interopRequireDefault(require("chalk"));
-
   _chalk = function () {
     return data;
   };
-
   return data;
 }
-
 function _harmony() {
   const data = require("@teambit/harmony");
-
   _harmony = function () {
     return data;
   };
-
   return data;
 }
-
 function _logger() {
   const data = require("@teambit/logger");
-
   _logger = function () {
     return data;
   };
-
   return data;
 }
-
 function _pubsub() {
   const data = _interopRequireDefault(require("@teambit/pubsub"));
-
   _pubsub = function () {
     return data;
   };
-
   return data;
 }
-
 function _utils() {
   const data = require("@teambit/legacy/dist/utils");
-
   _utils = function () {
     return data;
   };
-
   return data;
 }
-
 function _pMapSeries() {
   const data = _interopRequireDefault(require("p-map-series"));
-
   _pMapSeries = function () {
     return data;
   };
-
   return data;
 }
-
 function _fsExtra() {
   const data = _interopRequireDefault(require("fs-extra"));
-
   _fsExtra = function () {
     return data;
   };
-
   return data;
 }
-
 function _toolboxNetwork() {
   const data = require("@teambit/toolbox.network.get-port");
-
   _toolboxNetwork = function () {
     return data;
   };
-
   return data;
 }
-
 function _path() {
   const data = require("path");
-
   _path = function () {
     return data;
   };
-
   return data;
 }
-
 function _util() {
   const data = require("util");
-
   _util = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpack() {
   const data = _interopRequireDefault(require("webpack"));
-
   _webpack = function () {
     return data;
   };
-
   return data;
 }
-
 function _events() {
   const data = require("./events");
-
   _events = function () {
     return data;
   };
-
   return data;
 }
-
 function _createRoot() {
   const data = require("./create-root");
-
   _createRoot = function () {
     return data;
   };
-
   return data;
 }
-
 function _exceptions() {
   const data = require("./exceptions");
-
   _exceptions = function () {
     return data;
   };
-
   return data;
 }
-
 function _start() {
   const data = require("./start.cmd");
-
   _start = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiBuild() {
   const data = require("./ui-build.cmd");
-
   _uiBuild = function () {
     return data;
   };
-
   return data;
 }
-
 function _uiServer() {
   const data = require("./ui-server");
-
   _uiServer = function () {
     return data;
   };
-
   return data;
 }
-
 function _ui() {
   const data = require("./ui.aspect");
-
   _ui = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpackBrowser() {
   const data = _interopRequireDefault(require("./webpack/webpack.browser.config"));
-
   _webpackBrowser = function () {
     return data;
   };
-
   return data;
 }
-
 function _webpackSsr() {
   const data = _interopRequireDefault(require("./webpack/webpack.ssr.config"));
-
   _webpackSsr = function () {
     return data;
   };
-
   return data;
 }
-
 class UiMain {
   constructor(
   /**
@@ -337,22 +254,17 @@ class UiMain {
       return new (_events().UiServerStartedEvent)(Date.now(), targetHost, targetPort, uiRoot);
     });
   }
-
   async publicDir(uiRoot) {
     const overwriteFn = this.getOverwritePublic();
-
     if (overwriteFn) {
       const hasDir = await overwriteFn(uiRoot);
       if (hasDir) return hasDir;
     }
-
     if (this.config.publicDir.startsWith('/')) {
       return this.config.publicDir.substring(1);
     }
-
     return this.config.publicDir;
   }
-
   getUiByName(name) {
     const roots = this.uiRootSlot.toArray();
     const [, root] = roots.find(([, uiRoot]) => {
@@ -360,20 +272,19 @@ class UiMain {
     }) || [];
     return root;
   }
+
   /**
    * create a build of the given UI root.
    */
-
-
   async build(uiRootName) {
     var _uiRoot$buildOptions;
-
     // TODO: change to MultiStats from webpack once they export it in their types
     this.logger.debug(`build, uiRootName: "${uiRootName}"`);
     const maybeUiRoot = this.getUi(uiRootName);
     if (!maybeUiRoot) throw new (_exceptions().UnknownUI)(uiRootName, this.possibleUis());
-    const [name, uiRoot] = maybeUiRoot; // TODO: @uri refactor all dev server related code to use the bundler extension instead.
+    const [name, uiRoot] = maybeUiRoot;
 
+    // TODO: @uri refactor all dev server related code to use the bundler extension instead.
     const ssr = ((_uiRoot$buildOptions = uiRoot.buildOptions) === null || _uiRoot$buildOptions === void 0 ? void 0 : _uiRoot$buildOptions.ssr) || false;
     const mainEntry = await this.generateRoot(await uiRoot.resolveAspects(_ui().UIRuntime.name), name);
     const browserConfig = (0, _webpackBrowser().default)(uiRoot.path, [mainEntry], uiRoot.name, await this.publicDir(uiRoot));
@@ -385,30 +296,25 @@ class UiMain {
     const results = await compilerRun();
     this.logger.debug(`build, uiRootName: "${uiRootName}" completed webpack`);
     if (!results) throw new (_exceptions().UnknownBuildError)();
-
     if (results !== null && results !== void 0 && results.hasErrors()) {
       this.clearConsole();
       throw new Error(results === null || results === void 0 ? void 0 : results.toString());
     }
-
     return results;
   }
-
   registerStartPlugin(startPlugin) {
     this.startPluginSlot.register(startPlugin);
     return this;
   }
-
   async initiatePlugins(options) {
     const plugins = this.startPluginSlot.values();
     await (0, _pMapSeries().default)(plugins, plugin => plugin.initiate(options));
     return plugins;
   }
+
   /**
    * create a Bit UI runtime.
    */
-
-
   async createRuntime({
     uiRootName,
     pattern,
@@ -425,7 +331,6 @@ class UiMain {
       pattern
     });
     if (this.componentExtension.isHost(name)) this.componentExtension.setHostPriority(name);
-
     const uiServer = _uiServer().UIServer.create({
       express: this.express,
       graphql: this.graphql,
@@ -435,11 +340,10 @@ class UiMain {
       logger: this.logger,
       publicDir: await this.publicDir(uiRoot),
       startPlugins: plugins
-    }); // Adding signal listeners to make sure we immediately close the process on sigint / sigterm (otherwise webpack dev server closing will take time)
-
+    });
 
+    // Adding signal listeners to make sure we immediately close the process on sigint / sigterm (otherwise webpack dev server closing will take time)
     this.addSignalListener();
-
     if (dev) {
       await uiServer.dev({
         portRange: port || this.config.portRange
@@ -450,11 +354,9 @@ class UiMain {
         portRange: port || this.config.portRange
       });
     }
-
     this.pubsub.pub(_ui().UIAspect.id, this.createUiServerStartedEvent(this.config.host, uiServer.port, uiRoot));
     return uiServer;
   }
-
   addSignalListener() {
     process.on('SIGTERM', () => {
       process.exit();
@@ -463,16 +365,15 @@ class UiMain {
       process.exit();
     });
   }
-
   async getPort(port) {
     if (port) return port;
     return this.config.port || this.selectPort();
   }
+
   /**
    * Events
    */
 
-
   /**
    * pre-start events are triggered and *completed* before the webserver started.
    * (the promise is awaited)
@@ -480,132 +381,109 @@ class UiMain {
   registerPreStart(preStartFn) {
     this.preStartSlot.register(preStartFn);
   }
+
   /**
    * bind to ui server start event.
    */
-
-
   registerOnStart(onStartFn) {
     this.onStartSlot.register(onStartFn);
     return this;
   }
+
   /**
    * overwrite the build ui function
    */
-
-
   registerBuildUIOverwrite(fn) {
     this.buildMethodOverwriteSlot.register(fn);
     return this;
   }
+
   /**
    * overwrite the build ui function
    */
-
-
   registerPublicDirOverwrite(fn) {
     this.publicDirOverwriteSlot.register(fn);
     return this;
   }
-
   getOverwriteBuildFn() {
     const buildMethodOverwrite = this.buildMethodOverwriteSlot.toArray();
-
     if (buildMethodOverwrite[0]) {
       const [, fn] = buildMethodOverwrite[0];
       return fn;
     }
-
     return undefined;
   }
-
   getOverwritePublic() {
     const overwritePublic = this.publicDirOverwriteSlot.toArray();
-
     if (overwritePublic[0]) {
       const [, fn] = overwritePublic[0];
       return fn;
     }
-
     return undefined;
   }
-
   async invokePreStart(preStartOpts) {
     const onPreStartFuncs = this.preStartSlot.values();
     await (0, _pMapSeries().default)(onPreStartFuncs, async fn => fn(preStartOpts));
   }
-
   async invokeOnStart() {
     const onStartFuncs = this.onStartSlot.values();
     const startPlugins = await (0, _pMapSeries().default)(onStartFuncs, async fn => fn());
     return startPlugins.filter(plugin => !!plugin);
   }
+
   /**
    * register a UI slot.
    */
-
-
   registerUiRoot(uiRoot) {
     return this.uiRootSlot.register(uiRoot);
   }
+
   /**
    * get a UI runtime instance.
    */
-
-
   getUi(uiRootName) {
     if (uiRootName) {
       const root = this.uiRootSlot.get(uiRootName) || this.getUiByName(uiRootName);
       if (!root) return undefined;
       return [uiRootName, root];
     }
-
     const uis = this.uiRootSlot.toArray();
     if (uis.length === 1) return uis[0];
     return uis.find(([, root]) => root.priority);
   }
-
   isHostAvailable() {
     return Boolean(this.componentExtension.getHost());
   }
-
   getUiName(uiRootName) {
     const [, ui] = this.getUi(uiRootName) || [];
     if (!ui) return undefined;
     return ui.name;
   }
-
   possibleUis() {
     return this.uiRootSlot.toArray().map(([id]) => id);
   }
-
   createLink(aspectDefs, rootExtensionName) {
     return (0, _createRoot().createRoot)(aspectDefs, rootExtensionName);
   }
+
   /**
    * generate the root file of the UI runtime.
    */
-
-
   async generateRoot(aspectDefs, rootExtensionName, runtimeName = _ui().UIRuntime.name, rootAspect = _ui().UIAspect.id, config, path) {
     const contents = await (0, _createRoot().createRoot)(aspectDefs, rootExtensionName, rootAspect, runtimeName, config || this.harmony.config.toObject());
     const filepath = (0, _path().resolve)((0, _path().join)(path || __dirname, `${runtimeName}.root${(0, _utils().sha1)(contents)}.js`));
     if (_fsExtra().default.existsSync(filepath)) return filepath;
-
     _fsExtra().default.outputFileSync(filepath, contents);
-
     return filepath;
   }
-
   async selectPort() {
     const [from, to] = this.config.portRange;
     const usedPorts = (await this.cache.get(`${from}${to}`)) || [];
-    const port = await _toolboxNetwork().Port.getPort(from, to, usedPorts); // this will lock the port for 1 min to avoid race conditions
-
+    const port = await _toolboxNetwork().Port.getPort(from, to, usedPorts);
+    // this will lock the port for 1 min to avoid race conditions
     await this.cache.set(`${from}${to}`, usedPorts.concat(port), 5000);
     return port;
   }
-
   async buildUI(name, uiRoot, rebuild) {
     this.logger.debug(`buildUI, name ${name}`);
     const overwrite = this.getOverwriteBuildFn();
@@ -614,7 +492,6 @@ class UiMain {
     await this.buildIfNoBundle(name, uiRoot);
     return hash;
   }
-
   async buildUiHash(uiRoot, runtime = 'ui') {
     const aspects = await uiRoot.resolveAspects(runtime);
     aspects.sort((a, b) => a.aspectPath > b.aspectPath ? 1 : -1);
@@ -623,46 +500,37 @@ class UiMain {
     });
     return (0, _utils().sha1)(hash.join(''));
   }
-
   async buildIfChanged(name, uiRoot, force) {
     this.logger.debug(`buildIfChanged, name ${name}`);
     const hash = await this.buildUiHash(uiRoot);
     const hashed = await this.cache.get(uiRoot.path);
-
     if (hash === hashed && !force) {
       this.logger.debug(`buildIfChanged, name ${name}, returned from cache`);
       return hash;
     }
-
     if (!hashed) {
       this.logger.console(`Building UI assets for '${_chalk().default.cyan(uiRoot.name)}' in target directory: ${_chalk().default.cyan(await this.publicDir(uiRoot))}. The first time we build the UI it may take a few minutes.`);
     } else {
       this.logger.console(`Rebuilding UI assets for '${_chalk().default.cyan(uiRoot.name)} in target directory: ${_chalk().default.cyan(await this.publicDir(uiRoot))}' as ${uiRoot.configFile} has been changed.`);
     }
-
     await this.build(name);
     await this.cache.set(uiRoot.path, hash);
     return hash;
   }
-
   clearConsole() {
     process.stdout.write(process.platform === 'win32' ? '\x1B[2J\x1B[0f' : '\x1B[2J\x1B[3J\x1B[H');
   }
-
   async buildIfNoBundle(name, uiRoot) {
     var _config$output;
-
     const config = (0, _webpackBrowser().default)(uiRoot.path, [await this.generateRoot(await uiRoot.resolveAspects(_ui().UIRuntime.name), name)], uiRoot.name, await this.publicDir(uiRoot));
     if ((_config$output = config.output) !== null && _config$output !== void 0 && _config$output.path && _fsExtra().default.pathExistsSync(config.output.path)) return;
     const hash = await this.buildUiHash(uiRoot);
     await this.build(name);
     await this.cache.set(uiRoot.path, hash);
   }
-
   get publicUrl() {
     return this.config.publicUrl;
   }
-
   static async provider([pubsub, cli, graphql, express, componentExtension, cache, loggerMain], config, [uiRootSlot, preStartSlot, onStartSlot, publicDirOverwriteSlot, buildMethodOverwriteSlot, proxyGetterSlot], harmony) {
     // aspectExtension.registerRuntime(new RuntimeDefinition('ui', []))
     const logger = loggerMain.createLogger(_ui().UIAspect.id);
@@ -670,9 +538,7 @@ class UiMain {
     cli.register(new (_start().StartCmd)(ui, logger), new (_uiBuild().UIBuildCmd)(ui));
     return ui;
   }
-
 }
-
 exports.UiMain = UiMain;
 (0, _defineProperty2().default)(UiMain, "defaultConfig", {
   publicDir: 'public/bit',
@@ -682,7 +548,6 @@ exports.UiMain = UiMain;
 (0, _defineProperty2().default)(UiMain, "runtime", _cli().MainRuntime);
 (0, _defineProperty2().default)(UiMain, "dependencies", [_pubsub().default, _cli().CLIAspect, _graphql().GraphqlAspect, _express().ExpressAspect, _component().ComponentAspect, _cache().CacheAspect, _logger().LoggerAspect]);
 (0, _defineProperty2().default)(UiMain, "slots", [_harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType(), _harmony().Slot.withType()]);
-
 _ui().UIAspect.addRuntime(UiMain);
 
 //# sourceMappingURL=ui.main.runtime.js.map