@modern-js/app-tools 2.5.0 → 2.5.1-alpha.1

package/dist/js/treeshaking/builder/shared/builderPlugins/adapterModern.js

@@ -0,0 +1,300 @@
+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 _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;
+}
+import { mergeBuilderConfig } from "@modern-js/builder-shared";
+import { getEntryOptions } from "@modern-js/utils";
+import HtmlWebpackPlugin from "@modern-js/builder-webpack-provider/html-webpack-plugin";
+import { template as lodashTemplate } from "@modern-js/utils/lodash";
+import { HtmlAsyncChunkPlugin } from "../bundlerPlugins/HtmlAsyncChunkPlugin";
+import { BottomTemplatePlugin } from "../bundlerPlugins/HtmlBottomTemplate";
+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;
+    }
+    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;
+};
+var builderPluginAdapterModern = function(options) {
+    return {
+        name: "builder-plugin-adapter-modern",
+        setup: function setup(api) {
+            var isHtmlEnabled = 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 !== "service-worker" && target !== "web-worker";
+            };
+            var normalizedConfig = options.normalizedConfig, appContext = options.appContext;
+            api.modifyBuilderConfig(function(config) {
+                if (isStreamingSSR(normalizedConfig)) {
+                    return mergeBuilderConfig(config, {
+                        html: {
+                            inject: "body"
+                        }
+                    });
+                }
+                return config;
+            });
+            api.modifyBundlerChain(function(chain, param) {
+                var target = param.target, CHAIN_ID = param.CHAIN_ID, isProd = param.isProd;
+                var builderConfig = api.getNormalizedConfig();
+                if (target === "node") {
+                    chain.name("server");
+                } else if (target === "service-worker") {
+                    chain.name("service-worker");
+                } else if (target === "web-worker") {
+                    chain.name("worker");
+                } else if (target === "modern-web") {
+                    chain.name("modern");
+                } else {
+                    chain.name("client");
+                }
+                if (target === "node" || target === "service-worker") {
+                    applyNodeCompat(target, chain, normalizedConfig, isProd);
+                }
+                if (isHtmlEnabled(builderConfig, target)) {
+                    applyBottomHtmlPlugin({
+                        api: api,
+                        chain: chain,
+                        modernConfig: normalizedConfig,
+                        appContext: appContext,
+                        CHAIN_ID: CHAIN_ID
+                    });
+                    applyAsyncChunkHtmlPlugin({
+                        chain: chain,
+                        modernConfig: normalizedConfig,
+                        CHAIN_ID: CHAIN_ID
+                    });
+                }
+                if (target !== "node" && target !== "web-worker" && target !== "service-worker") {
+                    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"));
+                }
+            });
+            applyCallbacks(api, options);
+        }
+    };
+};
+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 applyBottomHtmlPlugin(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;
+            }
+        }
+    }
+    chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [
+        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
+        ]);
+    }
+}
+function applyNodeCompat(target, chain, modernConfig, isProd) {
+    var filterEntriesBySSRConfig = function filterEntriesBySSRConfig(isProd2, chain2, serverConfig, outputConfig) {
+        var _outputConfig_ssg;
+        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 : (_outputConfig_ssg = outputConfig.ssg) === null || _outputConfig_ssg === void 0 ? void 0 : _outputConfig_ssg[0]) === "function")) {
+            return;
+        }
+        if (typeof entries === "undefined") {
+            throw new Error("No entry found, one of src/routes/layout.tsx, src/App.tsx, src/index.tsx is required");
+        }
+        var entryNames = Object.keys(entries);
+        if (isProd2 && entryNames.length === 1 && (outputConfig === null || outputConfig === void 0 ? void 0 : outputConfig.ssg)) {
+            return;
+        }
+        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 _ref = serverConfig || {}, ssr = _ref.ssr, ssrByEntries = _ref.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);
+            }
+        });
+    };
+    var nodeExts = [
+        ".node.js",
+        ".node.jsx",
+        ".node.ts",
+        ".node.tsx",
+        ".server.js",
+        ".server.ts",
+        ".server.ts",
+        ".server.tsx"
+    ];
+    var webWorkerExts = [
+        ".worker.js",
+        ".worker.jsx",
+        ".worker.ts",
+        ".worker.tsx"
+    ];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = nodeExts[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var ext = _step.value;
+            chain.resolve.extensions.prepend(ext);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    if (target === "service-worker") {
+        var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+        try {
+            for(var _iterator1 = webWorkerExts[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                var ext1 = _step1.value;
+                chain.resolve.extensions.prepend(ext1);
+            }
+        } catch (err) {
+            _didIteratorError1 = true;
+            _iteratorError1 = err;
+        } finally{
+            try {
+                if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                    _iterator1.return();
+                }
+            } finally{
+                if (_didIteratorError1) {
+                    throw _iteratorError1;
+                }
+            }
+        }
+    }
+    filterEntriesBySSRConfig(isProd, chain, modernConfig.server, modernConfig.output);
+}
+export { applyCallbacks, builderPluginAdapterModern };

package/dist/js/treeshaking/builder/shared/bundlerPlugins/HtmlAsyncChunkPlugin.js

@@ -0,0 +1,110 @@
+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 _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+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 _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);
+}
+var HtmlAsyncChunkPlugin = /*#__PURE__*/ function() {
+    "use strict";
+    function HtmlAsyncChunkPlugin(htmlWebpackPlugin) {
+        _classCallCheck(this, HtmlAsyncChunkPlugin);
+        _defineProperty(this, "name", void 0);
+        _defineProperty(this, "htmlWebpackPlugin", void 0);
+        this.name = "HtmlAsyncChunkPlugin";
+        this.htmlWebpackPlugin = htmlWebpackPlugin;
+    }
+    _createClass(HtmlAsyncChunkPlugin, [
+        {
+            key: "apply",
+            value: function apply(compiler) {
+                var _this = this;
+                compiler.hooks.compilation.tap(this.name, function(compilation) {
+                    var hooks = _this.htmlWebpackPlugin.getHooks(compilation);
+                    hooks.alterAssetTagGroups.tap(_this.name, function(assets) {
+                        var tags = _toConsumableArray(assets.headTags).concat(_toConsumableArray(assets.bodyTags));
+                        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                        try {
+                            for(var _iterator = tags[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                var tag = _step.value;
+                                if (tag.tagName === "script") {
+                                    var attributes = tag.attributes;
+                                    if (attributes && attributes.defer === true) {
+                                        attributes.async = true;
+                                        delete attributes.defer;
+                                    }
+                                }
+                            }
+                        } catch (err) {
+                            _didIteratorError = true;
+                            _iteratorError = err;
+                        } finally{
+                            try {
+                                if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                    _iterator.return();
+                                }
+                            } finally{
+                                if (_didIteratorError) {
+                                    throw _iteratorError;
+                                }
+                            }
+                        }
+                        return assets;
+                    });
+                });
+            }
+        }
+    ]);
+    return HtmlAsyncChunkPlugin;
+}();
+export { HtmlAsyncChunkPlugin };

package/dist/js/treeshaking/builder/shared/bundlerPlugins/HtmlBottomTemplate.js

@@ -0,0 +1,72 @@
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperties(target, props) {
+    for(var i = 0; i < props.length; i++){
+        var descriptor = props[i];
+        descriptor.enumerable = descriptor.enumerable || false;
+        descriptor.configurable = true;
+        if ("value" in descriptor) descriptor.writable = true;
+        Object.defineProperty(target, descriptor.key, descriptor);
+    }
+}
+function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+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;
+}
+var BottomTemplatePlugin = /*#__PURE__*/ function() {
+    "use strict";
+    function BottomTemplatePlugin(htmlWebpackPlugin) {
+        _classCallCheck(this, BottomTemplatePlugin);
+        _defineProperty(this, "htmlWebpackPlugin", void 0);
+        _defineProperty(this, "bottomTemplateReg", /<!--<\?-\s*bottomTemplate\s*\?>-->/);
+        _defineProperty(this, "bodyRegExp", /(<\/\s*body\s*>)/i);
+        _defineProperty(this, "name", void 0);
+        this.htmlWebpackPlugin = htmlWebpackPlugin;
+        this.name = "bottom-template";
+    }
+    _createClass(BottomTemplatePlugin, [
+        {
+            key: "apply",
+            value: function apply(compiler) {
+                var _this = this;
+                compiler.hooks.compilation.tap(this.name, function(compilation) {
+                    _this.htmlWebpackPlugin.getHooks(compilation).beforeEmit.tap(_this.name, function(data) {
+                        var _data_plugin_options;
+                        if (!((_data_plugin_options = data.plugin.options) === null || _data_plugin_options === void 0 ? void 0 : _data_plugin_options.__internal__)) {
+                            return data;
+                        }
+                        if (_this.bottomTemplateReg.test(data.html)) {
+                            data.html = data.html.replace(_this.bottomTemplateReg, "");
+                            var bottomTemplate = data.plugin.options.bottomTemplate;
+                            if (bottomTemplate) {
+                                data.html = data.html.replace(_this.bodyRegExp, function(match) {
+                                    return "\n".concat(bottomTemplate, "\n").concat(match);
+                                });
+                            }
+                        }
+                        return data;
+                    });
+                });
+            }
+        }
+    ]);
+    return BottomTemplatePlugin;
+}();
+export { BottomTemplatePlugin };

package/dist/js/treeshaking/builder/shared/createCopyPattern.js

@@ -0,0 +1,40 @@
+import path from "path";
+import { removeTailSlash } from "@modern-js/utils";
+function createCopyPattern(appContext, config, patternsType, chain) {
+    var configDir = path.resolve(appContext.appDirectory, config.source.configDir || "./config");
+    var uploadDir = path.posix.join(configDir.replace(/\\/g, "/"), "upload");
+    var publicDir = path.posix.join(configDir.replace(/\\/g, "/"), "public");
+    var minifiedJsRexExp = /\.min\.js/;
+    var info = function(file) {
+        return {
+            minimized: minifiedJsRexExp.test(file.sourceFilename)
+        };
+    };
+    if (patternsType === "public") {
+        if (!chain) {
+            throw new Error("expect get a webpackChain, but receive 'undefined'");
+        }
+        return {
+            info: info,
+            from: "**/*",
+            to: "public",
+            context: publicDir,
+            noErrorOnMissing: true,
+            transform: function(content, absoluteFrom) {
+                if (!/\.html?$/.test(absoluteFrom)) {
+                    return content;
+                }
+                return content.toString("utf8").replace(/<%=\s*assetPrefix\s*%>/g, removeTailSlash(chain.output.get("publicPath")));
+            }
+        };
+    } else {
+        return {
+            info: info,
+            from: "**/*",
+            to: "upload",
+            context: uploadDir,
+            noErrorOnMissing: true
+        };
+    }
+}
+export { createCopyPattern };

package/dist/js/treeshaking/builder/shared/index.js

@@ -0,0 +1,3 @@
+export * from "./createCopyPattern";
+export * from "./types";
+export * from "./builderPlugins/adapterModern";

package/dist/js/treeshaking/builder/shared/loaders/serverModuleLoader.js

@@ -0,0 +1,5 @@
+function loader() {
+    return "module.exports = {}";
+}
+var serverModuleLoader_default = loader;
+export { serverModuleLoader_default as default };

package/dist/js/treeshaking/builder/shared/types.js

@@ -0,0 +1 @@
+"use strict";