@modern-js/app-tools 1.22.1 → 2.0.0-alpha.0

package/dist/js/treeshaking/analyze/constants.js

@@ -0,0 +1,37 @@
+var JS_EXTENSIONS = [
+    ".js",
+    ".ts",
+    ".jsx",
+    ".tsx"
+];
+var INDEX_FILE_NAME = "index";
+var APP_FILE_NAME = "App";
+var PAGES_DIR_NAME = "pages";
+var NESTED_ROUTES_DIR = "routes";
+var FILE_SYSTEM_ROUTES_FILE_NAME = "routes.js";
+var LOADER_EXPORT_NAME = "loader";
+var TEMP_LOADERS_DIR = "__loaders__";
+var ENTRY_POINT_FILE_NAME = "index.js";
+var ENTRY_BOOTSTRAP_FILE_NAME = "bootstrap.js";
+var FILE_SYSTEM_ROUTES_DYNAMIC_REGEXP = /^\[(\S+)\]([*+?]?)$/;
+var FILE_SYSTEM_ROUTES_LAYOUT = "_layout";
+var FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT = "_app";
+var FILE_SYSTEM_ROUTES_INDEX = "index";
+var FILE_SYSTEM_ROUTES_IGNORED_REGEX = /\.(d|test|spec|e2e)\.(js|jsx|ts|tsx)$/;
+var HTML_PARTIALS_FOLDER = "html";
+var HTML_PARTIALS_EXTENSIONS = [
+    ".htm",
+    ".html",
+    ".ejs"
+];
+var FILE_SYSTEM_ROUTES_COMPONENTS_DIR = "internal_components";
+var NESTED_ROUTE = {
+    LAYOUT_FILE: "layout",
+    LAYOUT_LOADER_FILE: "layout.loader",
+    PAGE_FILE: "page",
+    PAGE_LOADER_FILE: "page.loader",
+    LOADING_FILE: "loading",
+    ERROR_FILE: "error",
+    LOADER_FILE: "loader"
+};
+export { APP_FILE_NAME, ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME, FILE_SYSTEM_ROUTES_COMPONENTS_DIR, FILE_SYSTEM_ROUTES_DYNAMIC_REGEXP, FILE_SYSTEM_ROUTES_FILE_NAME, FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT, FILE_SYSTEM_ROUTES_IGNORED_REGEX, FILE_SYSTEM_ROUTES_INDEX, FILE_SYSTEM_ROUTES_LAYOUT, HTML_PARTIALS_EXTENSIONS, HTML_PARTIALS_FOLDER, INDEX_FILE_NAME, JS_EXTENSIONS, LOADER_EXPORT_NAME, NESTED_ROUTE, NESTED_ROUTES_DIR, PAGES_DIR_NAME, TEMP_LOADERS_DIR };

package/dist/js/treeshaking/analyze/generateCode.js

@@ -0,0 +1,615 @@
+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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
+    }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _asyncToGenerator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
+    };
+}
+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 __generator = this && this.__generator || function(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
+    };
+    return(g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g);
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+};
+import path from "path";
+import { fs, getEntryOptions, LOADER_ROUTES_DIR, logger } from "@modern-js/utils";
+import { useResolvedConfigContext } from "@modern-js/core";
+import { isDevCommand } from "../utils/commands";
+import * as templates from "./templates";
+import { getClientRoutes, getClientRoutesLegacy } from "./getClientRoutes";
+import { FILE_SYSTEM_ROUTES_FILE_NAME, ENTRY_POINT_FILE_NAME, ENTRY_BOOTSTRAP_FILE_NAME, TEMP_LOADERS_DIR } from "./constants";
+import { getDefaultImports } from "./utils";
+import { walk } from "./nestedRoutes";
+import { loaderBuilder, serverLoaderBuilder } from "./Builder";
+var loader = {
+    ".js": "jsx",
+    ".ts": "tsx"
+};
+var EXTERNAL_REGEXP = /^[^./]|^\.[^./]|^\.\.[^/]/;
+var createImportSpecifier = function(specifiers) {
+    var defaults = "";
+    var named = [];
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = specifiers[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var _value = _step.value, local = _value.local, imported = _value.imported;
+            if (local && imported) {
+                named.push("".concat(imported, " as ").concat(local));
+            } else if (local) {
+                defaults = local;
+            } else {
+                named.push(imported);
+            }
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    if (defaults && named.length) {
+        return "".concat(defaults, ", { ").concat(named.join(", "), " }");
+    } else if (defaults) {
+        return defaults;
+    } else {
+        return "{ ".concat(named.join(", "), " }");
+    }
+};
+var createImportStatements = function(statements) {
+    var deDuplicated = [];
+    var seen = /* @__PURE__ */ new Map();
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        var _loop = function() {
+            var _value = _step.value, value = _value.value, specifiers = _value.specifiers, initialize = _value.initialize;
+            if (!seen.has(value)) {
+                deDuplicated.push({
+                    value: value,
+                    specifiers: specifiers,
+                    initialize: initialize
+                });
+                seen.set(value, specifiers);
+            } else {
+                var _instance;
+                var ref;
+                (_instance = seen.get(value)).push.apply(_instance, _toConsumableArray(specifiers));
+                var modifyIndex = deDuplicated.findIndex(function(v) {
+                    return v.value === value;
+                });
+                var ref1;
+                var originInitialize = (ref1 = (ref = deDuplicated[modifyIndex]) === null || ref === void 0 ? void 0 : ref.initialize) !== null && ref1 !== void 0 ? ref1 : "";
+                deDuplicated[modifyIndex].initialize = originInitialize.concat("\n".concat(initialize || ""));
+            }
+        };
+        for(var _iterator = statements[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;
+            }
+        }
+    }
+    return deDuplicated.map(function(param) {
+        var value = param.value, specifiers = param.specifiers, initialize = param.initialize;
+        return "import ".concat(createImportSpecifier(specifiers), " from '").concat(value, "';\n").concat(initialize || "");
+    }).join("\n");
+};
+var buildLoader = function() {
+    var _ref = _asyncToGenerator(function(entry, outfile) {
+        return __generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        loaderBuilder.build({
+                            format: "esm",
+                            platform: "browser",
+                            target: "esnext",
+                            loader: loader,
+                            watch: isDevCommand() && {},
+                            bundle: true,
+                            logLevel: "error",
+                            entryPoints: [
+                                entry
+                            ],
+                            outfile: outfile,
+                            plugins: [
+                                {
+                                    name: "make-all-packages-external",
+                                    setup: function setup(build) {
+                                        build.onResolve({
+                                            filter: EXTERNAL_REGEXP
+                                        }, function(args) {
+                                            var external = true;
+                                            if (args.kind === "entry-point") {
+                                                external = false;
+                                            }
+                                            return {
+                                                path: args.path,
+                                                external: external
+                                            };
+                                        });
+                                    }
+                                }
+                            ]
+                        })
+                    ];
+                case 1:
+                    _state.sent();
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return function buildLoader(entry, outfile) {
+        return _ref.apply(this, arguments);
+    };
+}();
+var buildServerLoader = function() {
+    var _ref = _asyncToGenerator(function(entry, outfile) {
+        return __generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    return [
+                        4,
+                        serverLoaderBuilder.build({
+                            format: "cjs",
+                            platform: "node",
+                            target: "esnext",
+                            loader: loader,
+                            watch: isDevCommand() && {},
+                            bundle: true,
+                            logLevel: "error",
+                            entryPoints: [
+                                entry
+                            ],
+                            outfile: outfile
+                        })
+                    ];
+                case 1:
+                    _state.sent();
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return function buildServerLoader(entry, outfile) {
+        return _ref.apply(this, arguments);
+    };
+}();
+var generateCode = function() {
+    var _ref = _asyncToGenerator(function(appContext, config, entrypoints, api) {
+        var ref, ref1, ref2, internalDirectory, distDirectory, srcDirectory, internalDirAlias, internalSrcAlias, packageName, hookRunners, isV5, mountId, getRoutes;
+        function generateEntryCode(entrypoint) {
+            return _generateEntryCode.apply(this, arguments);
+        }
+        function _generateEntryCode() {
+            _generateEntryCode = _asyncToGenerator(function(entrypoint) {
+                var entryName, isAutoMount, customBootstrap, fileSystemRoutes, initialRoutes, nestedRoute, routes, config2, ssr, mode, hasPageRoute, ref, code2, _, _tmp, routesServerFile, outputRoutesServerFile, code3, loaderEntryFile, loaderIndexFile, ref1, importStatements, plugins, ref2, renderFunction, exportStatement, code, entryFile, ref3, asyncEntryCode, bootstrapFile;
+                return __generator(this, function(_state) {
+                    switch(_state.label){
+                        case 0:
+                            entryName = entrypoint.entryName, isAutoMount = entrypoint.isAutoMount, customBootstrap = entrypoint.customBootstrap, fileSystemRoutes = entrypoint.fileSystemRoutes;
+                            if (!isAutoMount) return [
+                                3,
+                                22
+                            ];
+                            if (!fileSystemRoutes) return [
+                                3,
+                                15
+                            ];
+                            initialRoutes = [];
+                            nestedRoute = null;
+                            if (entrypoint.entry) {
+                                initialRoutes = getRoutes({
+                                    entrypoint: entrypoint,
+                                    srcDirectory: srcDirectory,
+                                    srcAlias: internalSrcAlias,
+                                    internalDirectory: internalDirectory,
+                                    internalDirAlias: internalDirAlias
+                                });
+                            }
+                            if (!entrypoint.nestedRoutesEntry) return [
+                                3,
+                                3
+                            ];
+                            if (!!isV5) return [
+                                3,
+                                2
+                            ];
+                            return [
+                                4,
+                                walk(entrypoint.nestedRoutesEntry, entrypoint.nestedRoutesEntry, {
+                                    name: internalSrcAlias,
+                                    basename: srcDirectory
+                                }, entrypoint.entryName)
+                            ];
+                        case 1:
+                            nestedRoute = _state.sent();
+                            if (nestedRoute) {
+                                initialRoutes.unshift(nestedRoute);
+                            }
+                            return [
+                                3,
+                                3
+                            ];
+                        case 2:
+                            logger.error("Nested routes is not supported in legacy mode.");
+                            process.exit(1);
+                            _state.label = 3;
+                        case 3:
+                            return [
+                                4,
+                                hookRunners.modifyFileSystemRoutes({
+                                    entrypoint: entrypoint,
+                                    routes: initialRoutes
+                                })
+                            ];
+                        case 4:
+                            routes = _state.sent().routes;
+                            config2 = useResolvedConfigContext();
+                            ssr = getEntryOptions(entryName, config2.server.ssr, config2.server.ssrByEntries, packageName);
+                            if (ssr) {
+                                mode = typeof ssr === "object" ? ssr.mode || "string" : "string";
+                            } else {
+                                mode = false;
+                            }
+                            if (mode === "stream") {
+                                hasPageRoute = routes.some(function(route) {
+                                    return "type" in route && route.type === "page";
+                                });
+                                if (hasPageRoute) {
+                                    logger.error("Streaming ssr is not supported when pages dir exists");
+                                    process.exit(1);
+                                }
+                            }
+                            _ = hookRunners.beforeGenerateRoutes;
+                            _tmp = {
+                                entrypoint: entrypoint
+                            };
+                            return [
+                                4,
+                                templates.fileSystemRoutes({
+                                    routes: routes,
+                                    ssrMode: mode,
+                                    nestedRoutesEntry: entrypoint.nestedRoutesEntry,
+                                    entryName: entrypoint.entryName,
+                                    internalDirectory: internalDirectory,
+                                    internalDirAlias: internalDirAlias
+                                })
+                            ];
+                        case 5:
+                            return [
+                                4,
+                                _.apply(hookRunners, [
+                                    (_tmp.code = _state.sent(), _tmp)
+                                ])
+                            ];
+                        case 6:
+                            ref = _state.sent(), code2 = ref.code;
+                            if (!entrypoint.nestedRoutesEntry) return [
+                                3,
+                                14
+                            ];
+                            routesServerFile = path.join(internalDirectory, entryName, "route-server-loaders.js");
+                            outputRoutesServerFile = path.join(distDirectory, LOADER_ROUTES_DIR, entryName, "index.js");
+                            code3 = templates.routesForServer({
+                                routes: routes,
+                                internalDirectory: internalDirectory,
+                                entryName: entryName
+                            });
+                            return [
+                                4,
+                                fs.ensureFile(routesServerFile)
+                            ];
+                        case 7:
+                            _state.sent();
+                            return [
+                                4,
+                                fs.writeFile(routesServerFile, code3)
+                            ];
+                        case 8:
+                            _state.sent();
+                            loaderEntryFile = path.join(internalDirectory, entryName, TEMP_LOADERS_DIR, "entry.js");
+                            loaderIndexFile = path.join(internalDirectory, entryName, TEMP_LOADERS_DIR, "index.js");
+                            return [
+                                4,
+                                fs.pathExists(loaderEntryFile)
+                            ];
+                        case 9:
+                            if (!_state.sent()) return [
+                                3,
+                                11
+                            ];
+                            return [
+                                4,
+                                buildLoader(loaderEntryFile, loaderIndexFile)
+                            ];
+                        case 10:
+                            _state.sent();
+                            _state.label = 11;
+                        case 11:
+                            return [
+                                4,
+                                fs.pathExists(routesServerFile)
+                            ];
+                        case 12:
+                            if (!_state.sent()) return [
+                                3,
+                                14
+                            ];
+                            return [
+                                4,
+                                buildServerLoader(routesServerFile, outputRoutesServerFile)
+                            ];
+                        case 13:
+                            _state.sent();
+                            _state.label = 14;
+                        case 14:
+                            fs.outputFileSync(path.resolve(internalDirectory, "./".concat(entryName, "/").concat(FILE_SYSTEM_ROUTES_FILE_NAME)), code2, "utf8");
+                            _state.label = 15;
+                        case 15:
+                            return [
+                                4,
+                                hookRunners.modifyEntryImports({
+                                    entrypoint: entrypoint,
+                                    imports: getDefaultImports({
+                                        entrypoint: entrypoint,
+                                        srcDirectory: srcDirectory,
+                                        internalSrcAlias: internalSrcAlias,
+                                        internalDirAlias: internalDirAlias,
+                                        internalDirectory: internalDirectory
+                                    })
+                                })
+                            ];
+                        case 16:
+                            ref1 = _state.sent(), importStatements = ref1.imports;
+                            return [
+                                4,
+                                hookRunners.modifyEntryRuntimePlugins({
+                                    entrypoint: entrypoint,
+                                    plugins: []
+                                })
+                            ];
+                        case 17:
+                            plugins = _state.sent().plugins;
+                            return [
+                                4,
+                                hookRunners.modifyEntryRenderFunction({
+                                    entrypoint: entrypoint,
+                                    code: templates.renderFunction({
+                                        plugins: plugins,
+                                        customBootstrap: customBootstrap,
+                                        fileSystemRoutes: fileSystemRoutes
+                                    })
+                                })
+                            ];
+                        case 18:
+                            ref2 = _state.sent(), renderFunction = ref2.code;
+                            return [
+                                4,
+                                hookRunners.modifyEntryExport({
+                                    entrypoint: entrypoint,
+                                    exportStatement: "export default AppWrapper;"
+                                })
+                            ];
+                        case 19:
+                            exportStatement = _state.sent().exportStatement;
+                            code = templates.index({
+                                mountId: mountId,
+                                imports: createImportStatements(importStatements),
+                                renderFunction: renderFunction,
+                                exportStatement: exportStatement
+                            });
+                            entryFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_POINT_FILE_NAME));
+                            entrypoint.entry = entryFile;
+                            if (!config.source.enableAsyncEntry) return [
+                                3,
+                                21
+                            ];
+                            return [
+                                4,
+                                hookRunners.modifyAsyncEntry({
+                                    entrypoint: entrypoint,
+                                    code: "import('./".concat(ENTRY_BOOTSTRAP_FILE_NAME, "');")
+                                })
+                            ];
+                        case 20:
+                            ref3 = _state.sent(), asyncEntryCode = ref3.code;
+                            fs.outputFileSync(entryFile, asyncEntryCode, "utf8");
+                            bootstrapFile = path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_BOOTSTRAP_FILE_NAME));
+                            fs.outputFileSync(bootstrapFile, code, "utf8");
+                            return [
+                                3,
+                                22
+                            ];
+                        case 21:
+                            fs.outputFileSync(entryFile, code, "utf8");
+                            _state.label = 22;
+                        case 22:
+                            return [
+                                2
+                            ];
+                    }
+                });
+            });
+            return _generateEntryCode.apply(this, arguments);
+        }
+        return __generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    internalDirectory = appContext.internalDirectory, distDirectory = appContext.distDirectory, srcDirectory = appContext.srcDirectory, internalDirAlias = appContext.internalDirAlias, internalSrcAlias = appContext.internalSrcAlias, packageName = appContext.packageName;
+                    hookRunners = api.useHookRunners();
+                    isV5 = typeof ((ref = config.runtime) === null || ref === void 0 ? void 0 : ref.router) !== "boolean" && (config === null || config === void 0 ? void 0 : (ref1 = config.runtime) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.router) === null || ref2 === void 0 ? void 0 : ref2.mode) === "react-router-5";
+                    mountId = config.html.mountId;
+                    getRoutes = isV5 ? getClientRoutesLegacy : getClientRoutes;
+                    return [
+                        4,
+                        Promise.all(entrypoints.map(generateEntryCode))
+                    ];
+                case 1:
+                    _state.sent();
+                    return [
+                        2
+                    ];
+            }
+        });
+    });
+    return function generateCode(appContext, config, entrypoints, api) {
+        return _ref.apply(this, arguments);
+    };
+}();
+export { createImportStatements, generateCode };