@modern-js/app-tools 2.6.0 → 2.7.1-alpha.0

package/dist/esm/builder/shared/builderPlugins/adapterSSR.js

@@ -0,0 +1,131 @@
+import { mergeBuilderConfig } from "@modern-js/builder-shared";
+import { HtmlAsyncChunkPlugin, RouterPlugin } from "../bundlerPlugins";
+import { isHtmlEnabled } from "./adapterHtml";
+var builderPluginAdapterSSR = function(options) {
+    return {
+        name: "builder-plugin-adapter-modern-ssr",
+        setup: function setup(api) {
+            var normalizedConfig = options.normalizedConfig;
+            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, HtmlBundlerPlugin = param.HtmlPlugin;
+                var builderConfig = api.getNormalizedConfig();
+                applyRouterPlugin(chain, options);
+                if ([
+                    "node",
+                    "service-worker"
+                ].includes(target)) {
+                    applyFilterEntriesBySSRConfig({
+                        isProd: isProd,
+                        chain: chain,
+                        appNormalizedConfig: options.normalizedConfig
+                    });
+                }
+                if (isHtmlEnabled(builderConfig, target)) {
+                    applyAsyncChunkHtmlPlugin({
+                        chain: chain,
+                        modernConfig: options.normalizedConfig,
+                        CHAIN_ID: CHAIN_ID,
+                        HtmlBundlerPlugin: HtmlBundlerPlugin
+                    });
+                }
+            });
+        }
+    };
+};
+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;
+};
+function applyAsyncChunkHtmlPlugin(param) {
+    var chain = param.chain, modernConfig = param.modernConfig, CHAIN_ID = param.CHAIN_ID, HtmlBundlerPlugin = param.HtmlBundlerPlugin;
+    if (isStreamingSSR(modernConfig)) {
+        chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(HtmlAsyncChunkPlugin, [
+            HtmlBundlerPlugin
+        ]);
+    }
+}
+function applyRouterPlugin(chain, options) {
+    var _normalizedConfig_runtime;
+    var appContext = options.appContext, normalizedConfig = options.normalizedConfig;
+    var entrypoints = appContext.entrypoints;
+    var existNestedRoutes = entrypoints.some(function(entrypoint) {
+        return entrypoint.nestedRoutesEntry;
+    });
+    var routerConfig = normalizedConfig === null || normalizedConfig === void 0 ? void 0 : (_normalizedConfig_runtime = normalizedConfig.runtime) === null || _normalizedConfig_runtime === void 0 ? void 0 : _normalizedConfig_runtime.router;
+    var routerManifest = Boolean(routerConfig === null || routerConfig === void 0 ? void 0 : routerConfig.manifest);
+    if (existNestedRoutes || routerManifest) {
+        chain.plugin("route-plugin").use(RouterPlugin);
+    }
+}
+function applyFilterEntriesBySSRConfig(param) {
+    var isProd = param.isProd, chain = param.chain, appNormalizedConfig = param.appNormalizedConfig;
+    var _outputConfig_ssg;
+    var serverConfig = appNormalizedConfig.server, outputConfig = appNormalizedConfig.output;
+    var entries = chain.entryPoints.entries();
+    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 (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 (isProd && entryNames.length === 1 && (outputConfig === null || outputConfig === void 0 ? void 0 : outputConfig.ssg)) {
+        return;
+    }
+    var ssgEntries = [];
+    if (isProd && (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]))) {
+            chain.entryPoints.delete(name);
+        }
+    });
+}
+export { builderPluginAdapterSSR };

package/dist/esm/builder/shared/builderPlugins/index.js

@@ -0,0 +1,3 @@
+export * from "./adapterBasic";
+export * from "./adapterHtml";
+export * from "./adapterSSR";

package/dist/esm/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -0,0 +1,350 @@
+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 _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+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 _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 _iterableToArray(iter) {
+    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+function _iterableToArrayLimit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+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 _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+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, ROUTE_MANIFEST, logger, ROUTE_MINIFEST_FILE } from "@modern-js/utils";
+var PLUGIN_NAME = "ModernjsRoutePlugin";
+var RouterPlugin = /*#__PURE__*/ function() {
+    "use strict";
+    function RouterPlugin() {
+        _classCallCheck(this, RouterPlugin);
+    }
+    _createClass(RouterPlugin, [
+        {
+            key: "apply",
+            value: function apply(compiler) {
+                var target = compiler.options.target;
+                if (target === "node" || Array.isArray(target) && target.includes("node")) {
+                    return;
+                }
+                if (target === "webworker" || Array.isArray(target) && target.includes("webworker")) {
+                    return;
+                }
+                var webpack = compiler.webpack;
+                var Compilation = webpack.Compilation, sources = webpack.sources;
+                var RawSource = sources.RawSource;
+                var PROCESS_ASSETS_STAGE_REPORT = Compilation.PROCESS_ASSETS_STAGE_REPORT;
+                var outputPath = compiler.options.output.path;
+                var newAssetsMap = /* @__PURE__ */ new Map();
+                var normalizePath = function(path2) {
+                    if (!path2.endsWith("/")) {
+                        return "".concat(path2, "/");
+                    }
+                    return path2;
+                };
+                compiler.hooks.thisCompilation.tap(PLUGIN_NAME, function(compilation) {
+                    compilation.hooks.processAssets.tapPromise({
+                        name: PLUGIN_NAME,
+                        stage: PROCESS_ASSETS_STAGE_REPORT
+                    }, /*#__PURE__*/ _asyncToGenerator(function() {
+                        var stats, publicPath, _stats_chunks, chunks, routeAssets, namedChunkGroups, assetsByChunkName, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, manifest, injectedContent, entrypointsArray, entryChunkIds, entryChunks, entryChunkFiles, _iteratorNormalCompletion1, _didIteratorError1, _iteratorError1, _iterator1, _step1, file, asset, newContent, filename;
+                        return __generator(this, function(_state) {
+                            switch(_state.label){
+                                case 0:
+                                    stats = compilation.getStats().toJson({
+                                        chunkGroups: true,
+                                        chunks: true
+                                    });
+                                    publicPath = stats.publicPath, _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks;
+                                    routeAssets = {};
+                                    namedChunkGroups = stats.namedChunkGroups, assetsByChunkName = stats.assetsByChunkName;
+                                    if (!namedChunkGroups || !assetsByChunkName) {
+                                        logger.warn("Route manifest does not exist, performance will be affected");
+                                        return [
+                                            2
+                                        ];
+                                    }
+                                    _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+                                    try {
+                                        for(_iterator = Object.entries(namedChunkGroups)[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                                            _step_value = _slicedToArray(_step.value, 2), name = _step_value[0], chunkGroup = _step_value[1];
+                                            if (assetsByChunkName[name]) {
+                                                routeAssets[name] = {
+                                                    chunkIds: chunkGroup.chunks,
+                                                    assets: assetsByChunkName[name].map(function(item) {
+                                                        return publicPath ? normalizePath(publicPath) + item : item;
+                                                    })
+                                                };
+                                            }
+                                        }
+                                    } catch (err) {
+                                        _didIteratorError = true;
+                                        _iteratorError = err;
+                                    } finally{
+                                        try {
+                                            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                                                _iterator.return();
+                                            }
+                                        } finally{
+                                            if (_didIteratorError) {
+                                                throw _iteratorError;
+                                            }
+                                        }
+                                    }
+                                    manifest = {
+                                        routeAssets: routeAssets
+                                    };
+                                    injectedContent = "\n            ;(function(){\n              window.".concat(ROUTE_MANIFEST, " = ").concat(JSON.stringify(manifest), ";\n            })();\n          ");
+                                    entrypointsArray = Array.from(compilation.entrypoints.entries());
+                                    entryChunkIds = entrypointsArray.map(function(entrypoint) {
+                                        return entrypoint[0];
+                                    });
+                                    entryChunks = _toConsumableArray(chunks).filter(function(chunk) {
+                                        var _chunk_names;
+                                        return (_chunk_names = chunk.names) === null || _chunk_names === void 0 ? void 0 : _chunk_names.some(function(name) {
+                                            return entryChunkIds.includes(name);
+                                        });
+                                    });
+                                    entryChunkFiles = entryChunks.map(function(chunk) {
+                                        return _toConsumableArray(chunk.files || []).find(function(fname) {
+                                            return fname.includes(".js");
+                                        });
+                                    });
+                                    _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
+                                    try {
+                                        for(_iterator1 = entryChunkFiles[Symbol.iterator](); !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
+                                            file = _step1.value;
+                                            asset = compilation.assets[file];
+                                            newContent = "".concat(injectedContent).concat(asset.source().toString());
+                                            newAssetsMap.set(path.join(outputPath, file), newContent);
+                                            compilation.updateAsset(file, new RawSource(newContent), // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+                                            void 0);
+                                        }
+                                    } catch (err) {
+                                        _didIteratorError1 = true;
+                                        _iteratorError1 = err;
+                                    } finally{
+                                        try {
+                                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+                                                _iterator1.return();
+                                            }
+                                        } finally{
+                                            if (_didIteratorError1) {
+                                                throw _iteratorError1;
+                                            }
+                                        }
+                                    }
+                                    filename = path.join(outputPath, ROUTE_MINIFEST_FILE);
+                                    return [
+                                        4,
+                                        fs.ensureFile(filename)
+                                    ];
+                                case 1:
+                                    _state.sent();
+                                    return [
+                                        4,
+                                        fs.writeFile(filename, JSON.stringify(manifest, null, 2))
+                                    ];
+                                case 2:
+                                    _state.sent();
+                                    return [
+                                        2
+                                    ];
+                            }
+                        });
+                    }));
+                });
+            }
+        }
+    ]);
+    return RouterPlugin;
+}();
+export { RouterPlugin };

package/dist/esm/builder/shared/bundlerPlugins/index.js

@@ -0,0 +1,3 @@
+export * from "./HtmlAsyncChunkPlugin";
+export * from "./HtmlBottomTemplate";
+export * from "./RouterPlugin";

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

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

package/dist/esm/commands/dev.js

@@ -240,6 +240,12 @@ var dev = function() {
                             https: normalizedConfig.dev.https,
                             host: normalizedConfig.dev.host
                         }, (_normalizedConfig_tools = normalizedConfig.tools) === null || _normalizedConfig_tools === void 0 ? void 0 : _normalizedConfig_tools.devServer),
+                        appContext: {
+                            appDirectory: appContext.appDirectory,
+                            sharedDirectory: appContext.sharedDirectory,
+                            apiDirectory: appContext.apiDirectory,
+                            lambdaDirectory: appContext.lambdaDirectory
+                        },
                         pwd: appDirectory,
                         config: normalizedConfig,
                         serverConfigFile: serverConfigFile,

package/dist/esm/commands/serve.js

@@ -122,7 +122,7 @@ var __generator = this && this.__generator || function(thisArg, body) {
         };
     }
 };
-import { logger, chalk, isApiOnly } from "@modern-js/utils";
+import { logger, chalk, isApiOnly, getTargetDir } from "@modern-js/utils";
 import server from "@modern-js/prod-server";
 import { printInstructions } from "../utils/printInstructions";
 import { injectDataLoaderPlugin } from "../utils/createServer";
@@ -155,6 +155,11 @@ var start = function() {
                         server({
                             pwd: appDirectory,
                             config: userConfig,
+                            appContext: {
+                                sharedDirectory: getTargetDir(appContext.sharedDirectory, appContext.appDirectory, appContext.distDirectory),
+                                apiDirectory: getTargetDir(appContext.apiDirectory, appContext.appDirectory, appContext.distDirectory),
+                                lambdaDirectory: getTargetDir(appContext.lambdaDirectory, appContext.appDirectory, appContext.distDirectory)
+                            },
                             serverConfigFile: serverConfigFile,
                             internalPlugins: injectDataLoaderPlugin(serverInternalPlugins),
                             apiOnly: apiOnly

package/dist/esm/index.js

@@ -201,7 +201,7 @@ var devCommand = function() {
                     ];
                 case 1:
                     devToolMetas = _state.sent();
-                    devProgram = program.command("dev").alias("start").usage("[options]").description(i18n.t(localeKeys.command.dev.describe)).option("-c --config <config>", i18n.t(localeKeys.command.shared.config)).option("-e --entry [entry...]", i18n.t(localeKeys.command.dev.entry)).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).option("--api-only", i18n.t(localeKeys.command.dev.apiOnly)).action(function() {
+                    devProgram = program.command("dev").alias("start").usage("[options]").description(i18n.t(localeKeys.command.dev.describe)).option("-c --config <config>", i18n.t(localeKeys.command.shared.config)).option("-e --entry [entry...]", i18n.t(localeKeys.command.dev.entry)).option("--analyze", i18n.t(localeKeys.command.shared.analyze)).option("--api-only", i18n.t(localeKeys.command.dev.apiOnly)).option("--web-only", i18n.t(localeKeys.command.dev.webOnly)).action(function() {
                         var _ref = _asyncToGenerator(function(options) {
                             var dev;
                             return __generator(this, function(_state) {

package/dist/esm/locale/en.js

@@ -8,6 +8,7 @@ var EN_LOCALE = {
             describe: "start dev server",
             entry: "compiler by entry",
             apiOnly: "start api server only",
+            webOnly: "start web server only",
             selectEntry: "Please select the entry that needs to be built",
             requireEntry: "You must choose at least one entry"
         },

package/dist/esm/locale/zh.js

@@ -8,6 +8,7 @@ var ZH_LOCALE = {
             describe: "本地开发命令",
             entry: "指定入口，编译特定的页面",
             apiOnly: "仅启动 API 接口服务",
+            webOnly: "仅启动 Web 服务",
             selectEntry: "请选择需要构建的入口",
             requireEntry: "请至少选择一个入口"
         },

package/dist/esm/schema/index.js

@@ -71,6 +71,13 @@ var bff = {
     prefix: {
         type: "string"
     },
+    httpMethodDecider: {
+        type: "string",
+        enum: [
+            "functionName",
+            "inputParams"
+        ]
+    },
     proxy: {
         type: "object",
         additionalProperties: {

package/dist/esm-node/analyze/generateCode.js

@@ -1,8 +1,12 @@
 import path from "path";
-import { fs, getEntryOptions, isRouterV5, logger } from "@modern-js/utils";
 import {
-  useResolvedConfigContext
-} from "@modern-js/core";
+  fs,
+  getEntryOptions,
+  isRouterV5,
+  isSSGEntry,
+  isUseSSRBundle,
+  logger
+} from "@modern-js/utils";
 import * as templates from "./templates";
 import { getClientRoutes, getClientRoutesLegacy } from "./getClientRoutes";
 import {
@@ -73,6 +77,7 @@ const generateCode = async (appContext, config, entrypoints, api) => {
   const getRoutes = isV5 ? getClientRoutesLegacy : getClientRoutes;
   await Promise.all(entrypoints.map(generateEntryCode));
   async function generateEntryCode(entrypoint) {
+    var _a;
     const { entryName, isAutoMount, customBootstrap, fileSystemRoutes } = entrypoint;
     if (isAutoMount) {
       if (fileSystemRoutes) {
@@ -105,18 +110,17 @@ const generateCode = async (appContext, config, entrypoints, api) => {
           entrypoint,
           routes: initialRoutes
         });
-        const config2 = useResolvedConfigContext();
+        const config2 = api.useResolvedConfigContext();
         const ssr = getEntryOptions(
           entryName,
           config2.server.ssr,
           config2.server.ssrByEntries,
           packageName
         );
+        const useSSG = isSSGEntry(config2, entryName, entrypoints);
         let mode;
         if (ssr) {
           mode = typeof ssr === "object" ? ssr.mode || "string" : "string";
-        } else {
-          mode = false;
         }
         if (mode === "stream") {
           const hasPageRoute = routes.some(
@@ -133,13 +137,14 @@ const generateCode = async (appContext, config, entrypoints, api) => {
           entrypoint,
           code: await templates.fileSystemRoutes({
             routes,
-            ssrMode: mode,
+            ssrMode: useSSG ? "string" : mode,
             nestedRoutesEntry: entrypoint.nestedRoutesEntry,
             entryName: entrypoint.entryName,
-            internalDirectory
+            internalDirectory,
+            splitRoutesChunks: (_a = config2 == null ? void 0 : config2.output) == null ? void 0 : _a.splitRoutesChunks
           })
         });
-        if (entrypoint.nestedRoutesEntry && mode) {
+        if (entrypoint.nestedRoutesEntry && isUseSSRBundle(config2)) {
           const routesServerFile = getServerLoadersFile(
             internalDirectory,
             entryName

package/dist/esm-node/analyze/getClientRoutes/getRoutes.js

@@ -70,7 +70,7 @@ const recursiveReadDir = ({
         }
       }
       const route = {
-        path: `${basePath}${dynamicRouteMatched ? `:${dynamicRouteMatched[1]}${dynamicRouteMatched[2]}` : filename}`,
+        path: `${basePath}${dynamicRouteMatched ? `:${dynamicRouteMatched[1].replace(/\$$/, "?")}${dynamicRouteMatched[2]}` : filename}`,
         _component: alias,
         component: componentName,
         parent,

package/dist/esm-node/analyze/getClientRoutes/getRoutesLegacy.js

@@ -70,7 +70,7 @@ const recursiveReadDirLegacy = ({
         }
       }
       const route = {
-        path: `${basePath}${dynamicRouteMatched ? `:${dynamicRouteMatched[1]}${dynamicRouteMatched[2]}` : filename}`,
+        path: `${basePath}${dynamicRouteMatched ? `:${dynamicRouteMatched[1].replace(/\$$/, "?")}${dynamicRouteMatched[2]}` : filename}`,
         _component: alias,
         component: componentName,
         exact: true,