@modern-js/app-tools 2.0.0-beta.3 → 2.0.0-beta.6

package/dist/js/treeshaking/builder/builderPlugins/compatModern.js

@@ -1,218 +1,304 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import { join } from 'path';
-import { mergeBuilderConfig } from '@modern-js/builder-shared';
-import { template as lodashTemplate } from '@modern-js/utils/lodash';
-import HtmlWebpackPlugin from '@modern-js/builder-webpack-provider/html-webpack-plugin';
-import { getEntryOptions } from '@modern-js/utils';
+function _arrayLikeToArray(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _arrayWithoutHoles(arr) {
+    if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _nonIterableSpread() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _toConsumableArray(arr) {
+    return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+function _unsupportedIterableToArray(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+import { join } from "path";
+import { mergeBuilderConfig } from "@modern-js/builder-shared";
+import { template as lodashTemplate } from "@modern-js/utils/lodash";
+import HtmlWebpackPlugin from "@modern-js/builder-webpack-provider/html-webpack-plugin";
+import { getEntryOptions } from "@modern-js/utils";
 import { BottomTemplatePlugin } from "../webpackPlugins/htmlBottomTemplate";
 import { HtmlAsyncChunkPlugin } from "../webpackPlugins/htmlAsyncChunkPlugin";
 import { createCopyPattern } from "../share";
 import RouterPlugin from "../webpackPlugins/routerPlugin";
-/**
- * Provides default configuration consistent with `@modern-js/webpack`
- */
-export var PluginCompatModern = function PluginCompatModern(appContext, modernConfig, options) {
-  return {
-    name: 'builder-plugin-compat-modern',
-    setup: function setup(api) {
-      api.modifyBuilderConfig(function (config) {
-        if (isStreamingSSR(modernConfig)) {
-          return mergeBuilderConfig(config, {
-            html: {
-              inject: 'body'
+var PluginCompatModern = function(appContext, modernConfig, options) {
+    return {
+        name: "builder-plugin-compat-modern",
+        setup: function setup(api) {
+            api.modifyBuilderConfig(function(config) {
+                if (isStreamingSSR(modernConfig)) {
+                    return mergeBuilderConfig(config, {
+                        html: {
+                            inject: "body"
+                        }
+                    });
+                }
+                return config;
+            });
+            api.modifyWebpackChain(function(chain, param) {
+                var target = param.target, CHAIN_ID = param.CHAIN_ID, isProd = param.isProd;
+                var isHtmlEnabled = function isHtmlEnabled(config, target2) {
+                    var ref;
+                    return ((ref = config.tools) === null || ref === void 0 ? void 0 : ref.htmlPlugin) !== false && target2 !== "node" && target2 !== "web-worker";
+                };
+                var ref;
+                var builderNormalizedConfig = api.getNormalizedConfig();
+                if (target === "node") {
+                    chain.name("server");
+                } else if (target === "modern-web") {
+                    chain.name("modern");
+                } else {
+                    chain.name("client");
+                }
+                chain.resolve.modules.add("node_modules").add(join(api.context.rootPath, "node_modules"));
+                if (target === "node") {
+                    applyNodeCompat(chain, modernConfig, isProd);
+                }
+                if (isHtmlEnabled(builderNormalizedConfig, target)) {
+                    applyBottomHtmlWebpackPlugin({
+                        api: api,
+                        chain: chain,
+                        CHAIN_ID: CHAIN_ID,
+                        appContext: appContext,
+                        modernConfig: modernConfig
+                    });
+                    applyAsyncChunkHtmlPlugin({
+                        chain: chain,
+                        CHAIN_ID: CHAIN_ID,
+                        modernConfig: modernConfig
+                    });
+                }
+                if (chain.plugins.has(CHAIN_ID.PLUGIN.COPY)) {
+                    var defaultCopyPattern = createCopyPattern(appContext, modernConfig, "public", chain);
+                    chain.plugin(CHAIN_ID.PLUGIN.COPY).tap(function(args) {
+                        var ref;
+                        return [
+                            {
+                                patterns: _toConsumableArray(((ref = args[0]) === null || ref === void 0 ? void 0 : ref.patterns) || []).concat([
+                                    defaultCopyPattern
+                                ])
+                            }
+                        ];
+                    });
+                }
+                var entrypoints = appContext.entrypoints;
+                var existNestedRoutes = entrypoints.some(function(entrypoint) {
+                    return entrypoint.nestedRoutesEntry;
+                });
+                var routerConfig = modernConfig === null || modernConfig === void 0 ? void 0 : (ref = modernConfig.runtime) === null || ref === void 0 ? void 0 : ref.router;
+                var routerManifest = Boolean(routerConfig === null || routerConfig === void 0 ? void 0 : routerConfig.manifest);
+                if (existNestedRoutes || routerManifest) {
+                    chain.plugin("route-plugin").use(RouterPlugin);
+                }
+                if (target !== "node") {
+                    var bareServerModuleReg = /\.(server|node)\.[tj]sx?$/;
+                    chain.module.rule(CHAIN_ID.RULE.JS).exclude.add(bareServerModuleReg);
+                    chain.module.rule("bare-server-module").test(bareServerModuleReg).use("server-module-loader").loader(require.resolve("../loaders/serverModuleLoader"));
+                }
+            });
+            if (options) {
+                applyCallbacks(api, options);
             }
-          });
         }
-        return config;
-      });
-      api.modifyWebpackChain(function (chain, _ref) {
-        var target = _ref.target,
-          CHAIN_ID = _ref.CHAIN_ID,
-          isProd = _ref.isProd;
-        var builderNormalizedConfig = api.getNormalizedConfig();
-        // set webpack config name
-        if (target === 'node') {
-          chain.name('server');
-        } else if (target === 'modern-web') {
-          chain.name('modern');
-        } else {
-          chain.name('client');
+    };
+};
+function applyCallbacks(api, options) {
+    options.onAfterBuild && api.onAfterBuild(options.onAfterBuild);
+    options.onAfterCreateCompiler && api.onAfterCreateCompiler(options.onAfterCreateCompiler);
+    options.onAfterStartDevServer && api.onAfterStartDevServer(options.onAfterStartDevServer);
+    options.onBeforeBuild && api.onBeforeBuild(options.onBeforeBuild);
+    options.onBeforeCreateCompiler && api.onBeforeCreateCompiler(options.onBeforeCreateCompiler);
+    options.onBeforeStartDevServer && api.onBeforeStartDevServer(options.onBeforeStartDevServer);
+    options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
+    options.onExit && api.onExit(options.onExit);
+}
+function applyNodeCompat(chain, modernConfig, isProd) {
+    var filterEntriesBySSRConfig = function filterEntriesBySSRConfig(isProd2, chain2, serverConfig, outputConfig) {
+        var ref;
+        var entries = chain2.entryPoints.entries();
+        if (isProd2 && ((outputConfig === null || outputConfig === void 0 ? void 0 : outputConfig.ssg) === true || typeof (outputConfig === null || outputConfig === void 0 ? void 0 : (ref = outputConfig.ssg) === null || ref === void 0 ? void 0 : ref[0]) === "function")) {
+            return;
         }
-        chain.resolve.modules.add('node_modules').add(join(api.context.rootPath, 'node_modules'));
-
-        // apply node compat
-        if (target === 'node') {
-          applyNodeCompat(chain, modernConfig, isProd);
+        if (typeof entries === "undefined") {
+            throw new Error("No entry found, one of src/routes/layout.tsx, src/App.tsx, src/index.tsx is required");
         }
-        if (isHtmlEnabled(builderNormalizedConfig, target)) {
-          applyBottomHtmlWebpackPlugin({
-            api: api,
-            chain: chain,
-            CHAIN_ID: CHAIN_ID,
-            appContext: appContext,
-            modernConfig: modernConfig
-          });
-          applyAsyncChunkHtmlPlugin({
-            chain: chain,
-            CHAIN_ID: CHAIN_ID,
-            modernConfig: modernConfig
-          });
+        var entryNames = Object.keys(entries);
+        if (isProd2 && entryNames.length === 1 && (outputConfig === null || outputConfig === void 0 ? void 0 : outputConfig.ssg)) {
+            return;
         }
-
-        // apply copy plugin
-        if (chain.plugins.has(CHAIN_ID.PLUGIN.COPY)) {
-          var defaultCopyPattern = createCopyPattern(appContext, modernConfig, 'public', chain);
-          chain.plugin(CHAIN_ID.PLUGIN.COPY).tap(function (args) {
-            var _args$;
-            return [{
-              patterns: [].concat(_toConsumableArray(((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.patterns) || []), [defaultCopyPattern])
-            }];
-          });
+        var ssgEntries = [];
+        if (isProd2 && (outputConfig === null || outputConfig === void 0 ? void 0 : outputConfig.ssg)) {
+            var ssg = outputConfig.ssg;
+            entryNames.forEach(function(name) {
+                if (ssg[name]) {
+                    ssgEntries.push(name);
+                }
+            });
         }
-        var entrypoints = appContext.entrypoints;
-        var existNestedRoutes = entrypoints.some(function (entrypoint) {
-          return entrypoint.nestedRoutesEntry;
+        var ref1 = serverConfig || {}, ssr = ref1.ssr, ssrByEntries = ref1.ssrByEntries;
+        entryNames.forEach(function(name) {
+            if (!ssgEntries.includes(name) && (ssr && (ssrByEntries === null || ssrByEntries === void 0 ? void 0 : ssrByEntries[name]) === false || !ssr && !(ssrByEntries === null || ssrByEntries === void 0 ? void 0 : ssrByEntries[name]))) {
+                chain2.entryPoints.delete(name);
+            }
         });
-        chain.plugin('route-plugin').use(RouterPlugin, [{
-          existNestedRoutes: existNestedRoutes
-        }]);
-        if (target !== 'node') {
-          var bareServerModuleReg = /\.(server|node)\.[tj]sx?$/;
-          chain.module.rule(CHAIN_ID.RULE.JS).exclude.add(bareServerModuleReg);
-          chain.module.rule('bare-server-module').test(bareServerModuleReg).use('server-module-loader').loader(require.resolve("../loaders/serverModuleLoader"));
-        }
-        function isHtmlEnabled(config, target) {
-          var _config$tools;
-          return ((_config$tools = config.tools) === null || _config$tools === void 0 ? void 0 : _config$tools.htmlPlugin) !== false && target !== 'node' && target !== 'web-worker';
-        }
-      });
-      if (options) {
-        applyCallbacks(api, options);
-      }
+    };
+    for(var _i = 0, _iter = [
+        ".node.js",
+        ".node.jsx",
+        ".node.ts",
+        ".node.tsx",
+        ".server.js",
+        ".server.ts",
+        ".server.ts",
+        ".server.tsx"
+    ]; _i < _iter.length; _i++){
+        var ext = _iter[_i];
+        chain.resolve.extensions.prepend(ext);
     }
-  };
-};
-
-/**
- * register builder hooks callback
- */
-function applyCallbacks(api, options) {
-  options.onAfterBuild && api.onAfterBuild(options.onAfterBuild);
-  options.onAfterCreateCompiler && api.onAfterCreateCompiler(options.onAfterCreateCompiler);
-  options.onAfterStartDevServer && api.onAfterStartDevServer(options.onAfterStartDevServer);
-  options.onBeforeBuild && api.onBeforeBuild(options.onBeforeBuild);
-  options.onBeforeCreateCompiler && api.onBeforeCreateCompiler(options.onBeforeCreateCompiler);
-  options.onBeforeStartDevServer && api.onBeforeStartDevServer(options.onBeforeStartDevServer);
-  options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
-  options.onExit && api.onExit(options.onExit);
+    filterEntriesBySSRConfig(isProd, chain, modernConfig.server, modernConfig.output);
 }
-
-/**
- * compat some config, if target is `node`
- */
-function applyNodeCompat(chain, modernConfig, isProd) {
-  // apply node resolve extensions
-  for (var _i = 0, _arr = ['.node.js', '.node.jsx', '.node.ts', '.node.tsx', '.server.js', '.server.ts', '.server.ts', '.server.tsx']; _i < _arr.length; _i++) {
-    var ext = _arr[_i];
-    chain.resolve.extensions.prepend(ext);
-  }
-
-  // apply filterEntriesBySSRConfig
-  filterEntriesBySSRConfig(isProd, chain, modernConfig.server, modernConfig.output);
-  function filterEntriesBySSRConfig(isProd, chain, serverConfig, outputConfig) {
-    var _outputConfig$ssg;
-    var entries = chain.entryPoints.entries();
-    // if prod and ssg config is true or function
-    if (isProd && ((outputConfig === null || outputConfig === void 0 ? void 0 : outputConfig.ssg) === true || typeof (outputConfig === null || outputConfig === void 0 ? void 0 : (_outputConfig$ssg = outputConfig.ssg) === null || _outputConfig$ssg === void 0 ? void 0 : _outputConfig$ssg[0]) === 'function')) {
-      return;
-    }
-
-    // if single entry has ssg config
-    // `ssg: {}` is not allowed if multi entry
-    var entryNames = Object.keys(entries);
-    if (isProd && entryNames.length === 1 && outputConfig !== null && outputConfig !== void 0 && outputConfig.ssg) {
-      return;
-    }
-
-    // collect all ssg entries
-    var ssgEntries = [];
-    if (isProd && outputConfig !== null && outputConfig !== void 0 && outputConfig.ssg) {
-      var ssg = outputConfig.ssg;
-      entryNames.forEach(function (name) {
-        if (ssg[name]) {
-          ssgEntries.push(name);
+function applyBottomHtmlWebpackPlugin(param) {
+    var api = param.api, chain = param.chain, modernConfig = param.modernConfig, appContext = param.appContext, CHAIN_ID = param.CHAIN_ID;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        var _loop = function() {
+            var entryName = _step.value;
+            var baseTemplateParams = _objectSpread({
+                entryName: entryName,
+                title: getEntryOptions(entryName, modernConfig.html.title, modernConfig.html.titleByEntries, appContext.packageName),
+                mountId: modernConfig.html.mountId
+            }, getEntryOptions(entryName, modernConfig.html.templateParameters, modernConfig.html.templateParametersByEntries, appContext.packageName));
+            chain.plugin("".concat(CHAIN_ID.PLUGIN.HTML, "-").concat(entryName)).tap(function(args) {
+                return [
+                    _objectSpreadProps(_objectSpread({}, args[0] || {}), {
+                        __internal__: true,
+                        bottomTemplate: appContext.htmlTemplates["__".concat(entryName, "-bottom__")] && lodashTemplate(appContext.htmlTemplates["__".concat(entryName, "-bottom__")])(baseTemplateParams)
+                    })
+                ];
+            });
+        };
+        for(var _iterator = Object.keys(api.context.entry)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
         }
-      });
     }
-    var _ref2 = serverConfig || {},
-      ssr = _ref2.ssr,
-      ssrByEntries = _ref2.ssrByEntries;
-    entryNames.forEach(function (name) {
-      if (!ssgEntries.includes(name) && (ssr && (ssrByEntries === null || ssrByEntries === void 0 ? void 0 : ssrByEntries[name]) === false || !ssr && !(ssrByEntries !== null && ssrByEntries !== void 0 && ssrByEntries[name]))) {
-        chain.entryPoints["delete"](name);
-      }
-    });
-  }
+    chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [
+        HtmlWebpackPlugin
+    ]);
 }
-
-/**
- * inject bottom template
- */
-function applyBottomHtmlWebpackPlugin(_ref3) {
-  var api = _ref3.api,
-    chain = _ref3.chain,
-    modernConfig = _ref3.modernConfig,
-    appContext = _ref3.appContext,
-    CHAIN_ID = _ref3.CHAIN_ID;
-  var _loop = function _loop() {
-    var entryName = _Object$keys[_i2];
-    // FIXME: the only need necessary
-    var baseTemplateParams = _objectSpread({
-      entryName: entryName,
-      title: getEntryOptions(entryName, modernConfig.html.title, modernConfig.html.titleByEntries, appContext.packageName),
-      mountId: modernConfig.html.mountId
-    }, getEntryOptions(entryName, modernConfig.html.templateParameters, modernConfig.html.templateParametersByEntries, appContext.packageName));
-    chain.plugin("".concat(CHAIN_ID.PLUGIN.HTML, "-").concat(entryName)).tap(function (args) {
-      return [_objectSpread(_objectSpread({}, args[0] || {}), {}, {
-        __internal__: true,
-        bottomTemplate: appContext.htmlTemplates["__".concat(entryName, "-bottom__")] && lodashTemplate(appContext.htmlTemplates["__".concat(entryName, "-bottom__")])(baseTemplateParams)
-      })];
-    });
-  };
-  // inject bottomTemplate into html-webpack-plugin
-  for (var _i2 = 0, _Object$keys = Object.keys(api.context.entry); _i2 < _Object$keys.length; _i2++) {
-    _loop();
-  }
-  chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [HtmlWebpackPlugin]);
-}
-var isStreamingSSR = function isStreamingSSR(userConfig) {
-  var isStreaming = function isStreaming(ssr) {
-    return ssr && _typeof(ssr) === 'object' && ssr.mode === 'stream';
-  };
-  var server = userConfig.server;
-  if (isStreaming(server.ssr)) {
-    return true;
-  }
-
-  // Since we cannot apply different plugins for different entries,
-  // we regard the whole app as streaming ssr only if one entry meets the requirement.
-  if (server !== null && server !== void 0 && server.ssrByEntries && _typeof(server.ssrByEntries) === 'object') {
-    for (var _i3 = 0, _Object$keys2 = Object.keys(server.ssrByEntries); _i3 < _Object$keys2.length; _i3++) {
-      var name = _Object$keys2[_i3];
-      if (isStreaming(server.ssrByEntries[name])) {
+var isStreamingSSR = function(userConfig) {
+    var isStreaming = function(ssr) {
+        return ssr && typeof ssr === "object" && ssr.mode === "stream";
+    };
+    var server = userConfig.server;
+    if (isStreaming(server.ssr)) {
         return true;
-      }
     }
-  }
-  return false;
+    if ((server === null || server === void 0 ? void 0 : server.ssrByEntries) && typeof server.ssrByEntries === "object") {
+        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+        try {
+            for(var _iterator = Object.keys(server.ssrByEntries)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                var name = _step.value;
+                if (isStreaming(server.ssrByEntries[name])) {
+                    return true;
+                }
+            }
+        } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                    _iterator.return();
+                }
+            } finally{
+                if (_didIteratorError) {
+                    throw _iteratorError;
+                }
+            }
+        }
+    }
+    return false;
 };
-function applyAsyncChunkHtmlPlugin(_ref4) {
-  var chain = _ref4.chain,
-    modernConfig = _ref4.modernConfig,
-    CHAIN_ID = _ref4.CHAIN_ID;
-  if (isStreamingSSR(modernConfig)) {
-    chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(HtmlAsyncChunkPlugin, [HtmlWebpackPlugin]);
-  }
-}
+function applyAsyncChunkHtmlPlugin(param) {
+    var chain = param.chain, modernConfig = param.modernConfig, CHAIN_ID = param.CHAIN_ID;
+    if (isStreamingSSR(modernConfig)) {
+        chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(HtmlAsyncChunkPlugin, [
+            HtmlWebpackPlugin
+        ]);
+    }
+}
+export { PluginCompatModern };