@modern-js/runtime 2.56.2 → 2.56.3-alpha.0

package/dist/cjs/cli/index.js

@@ -124,7 +124,11 @@ const runtimePlugin = (params) => ({
               /**
               * Compatible with the reference path of the old version of the plugin.
               */
-              [`@${metaName}/runtime/plugins`]: pluginsExportsUtils.getPath()
+              [`@${metaName}/runtime/plugins`]: pluginsExportsUtils.getPath(),
+              "@meta/runtime/browser": "@modern-js/runtime/browser",
+              "@meta/runtime/react": "@modern-js/runtime/react",
+              "@meta/runtime/context": "@modern-js/runtime/context",
+              "@meta/runtime": "@modern-js/runtime"
             },
             globalVars: {
               "process.env.IS_REACT18": process.env.IS_REACT18

package/dist/cjs/router/cli/code/index.js

@@ -34,6 +34,7 @@ __export(code_exports, {
 module.exports = __toCommonJS(code_exports);
 var import_path = __toESM(require("path"));
 var import_utils = require("@modern-js/utils");
+var import_lodash = require("@modern-js/utils/lodash");
 var import_constants = require("../constants");
 var import_constants2 = require("../../../cli/constants");
 var templates = __toESM(require("./templates"));
@@ -80,11 +81,14 @@ const generateCode = async (appContext, config, entrypoints, api) => {
             }
           }
         }
+        const config2 = api.useResolvedConfigContext();
+        const ssrByRouteIds = config2.server.ssrByRouteIds || [];
+        const clonedRoutes = (0, import_lodash.cloneDeep)(initialRoutes);
+        const markedRoutes = ssrByRouteIds.length > 0 ? markRoutes(clonedRoutes, ssrByRouteIds) : initialRoutes;
         const { routes } = await hookRunners.modifyFileSystemRoutes({
           entrypoint,
-          routes: initialRoutes
+          routes: markedRoutes
         });
-        const config2 = api.useResolvedConfigContext();
         const ssr = (0, import_utils.getEntryOptions)(entryName, isMainEntry, config2.server.ssr, config2.server.ssrByEntries, packageName);
         const useSSG = (0, import_utils.isSSGEntry)(config2, entryName, entrypoints);
         let mode;
@@ -111,23 +115,55 @@ const generateCode = async (appContext, config, entrypoints, api) => {
           })
         });
         if (entrypoint.nestedRoutesEntry && (0, import_utils.isUseSSRBundle)(config2)) {
+          var _config_output1;
           const routesServerFile = (0, import_utils2.getServerLoadersFile)(internalDirectory, entryName);
+          const filtedRoutesForServer = (0, import_utils.filterRoutesForServer)(routes);
+          const routesForServerLoaderMatches = (0, import_utils.filterRoutesLoader)(routes);
           const code2 = templates.routesForServer({
-            routes
+            routesForServerLoaderMatches
           });
           await import_utils.fs.ensureFile(routesServerFile);
           await import_utils.fs.writeFile(routesServerFile, code2);
+          const serverRoutesCode = await templates.fileSystemRoutes({
+            metaName,
+            routes: filtedRoutesForServer,
+            ssrMode: useSSG ? "string" : mode,
+            nestedRoutesEntry: entrypoint.nestedRoutesEntry,
+            entryName: entrypoint.entryName,
+            internalDirectory,
+            splitRouteChunks: config2 === null || config2 === void 0 ? void 0 : (_config_output1 = config2.output) === null || _config_output1 === void 0 ? void 0 : _config_output1.splitRouteChunks
+          });
+          await import_utils.fs.outputFile(import_path.default.resolve(internalDirectory, `./${entryName}/routes.server.js`), serverRoutesCode, "utf8");
         }
         const serverLoaderCombined = templates.ssrLoaderCombinedModule(entrypoints, entrypoint, config2, appContext);
         if (serverLoaderCombined) {
           const serverLoaderFile = (0, import_utils2.getServerCombinedModueFile)(internalDirectory, entryName);
           await import_utils.fs.outputFile(serverLoaderFile, serverLoaderCombined);
         }
-        import_utils.fs.outputFileSync(import_path.default.resolve(internalDirectory, `./${entryName}/${import_constants.FILE_SYSTEM_ROUTES_FILE_NAME}`), code, "utf8");
+        await import_utils.fs.outputFile(import_path.default.resolve(internalDirectory, `./${entryName}/${import_constants.FILE_SYSTEM_ROUTES_FILE_NAME}`), code, "utf8");
       }
     }
   }
 };
+function markRoutes(routes, routeIds) {
+  return routes.map((route) => {
+    if (route.type !== "nested") {
+      return route;
+    }
+    if (route.children && route.children.length > 0) {
+      route.children = markRoutes(route.children, routeIds);
+    }
+    if (route.children && route.children.length > 0) {
+      route.inValidSSRRoute = route.children.every((child) => {
+        var _child_inValidSSRRoute;
+        return (_child_inValidSSRRoute = child.inValidSSRRoute) !== null && _child_inValidSSRRoute !== void 0 ? _child_inValidSSRRoute : false;
+      });
+    } else if (route.id) {
+      route.inValidSSRRoute = !routeIds.includes(route.id);
+    }
+    return route;
+  });
+}
 function generatorRegisterCode(internalDirectory, entryName, code) {
   import_utils.fs.outputFileSync(import_path.default.resolve(internalDirectory, `./${entryName}/${import_constants2.ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME}`), code, "utf8");
 }

package/dist/cjs/router/cli/code/templates.js

@@ -39,7 +39,7 @@ var import_utils = require("@modern-js/utils");
 var import_constants = require("@modern-js/utils/universal/constants");
 var import_constants2 = require("../constants");
 var import_utils2 = require("./utils");
-const routesForServer = ({ routes }) => {
+const routesForServer = ({ routesForServerLoaderMatches }) => {
   const loaders = [];
   const actions = [];
   const loadersMap = {};
@@ -82,7 +82,7 @@ const routesForServer = ({ routes }) => {
   let routesCode = `
   export const routes = [
   `;
-  for (const route of routes) {
+  for (const route of routesForServerLoaderMatches) {
     if ("type" in route) {
       const keywords = [
         "loader",
@@ -135,13 +135,14 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
     import loadable, { lazy as loadableLazy } from "@${metaName}/runtime/loadable"
   `;
   let rootLayoutCode = ``;
-  const getDataLoaderPath = ({ loaderId, clientData, action, inline, routeId }) => {
+  const getDataLoaderPath = ({ loaderId, clientData, action, inline, routeId, inValidSSRRoute }) => {
     if (!ssrMode) {
       return "";
     }
     const clientDataStr = clientData ? `&clientData=${clientData}` : "";
+    const retain = inValidSSRRoute !== null && inValidSSRRoute !== void 0 ? inValidSSRRoute : false;
     if (nestedRoutesEntry) {
-      return `?loaderId=${loaderId}${clientDataStr}&action=${action ? (0, import_utils.slash)(action) : action}&inline=${inline}&routeId=${routeId}`;
+      return `?loaderId=${loaderId}${clientDataStr}&action=${action ? (0, import_utils.slash)(action) : action}&inline=${inline}&routeId=${routeId}&retain=${retain}`;
     }
     return "";
   };
@@ -175,6 +176,7 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
         loadersMap[loader] = {
           loaderId,
           routeId: route.id,
+          inValidSSRRoute: route.inValidSSRRoute,
           filePath: route.data || route.loader,
           clientData: Boolean(route.clientData),
           route,
@@ -299,7 +301,8 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
           clientData: loaderInfo.clientData,
           action: route.action,
           inline: loaderInfo.inline,
-          routeId: loaderInfo.routeId
+          routeId: loaderInfo.routeId,
+          inValidSSRRoute: loaderInfo.inValidSSRRoute
         })}";
 `;
       } else {
@@ -308,7 +311,8 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
           clientData: loaderInfo.clientData,
           action: false,
           inline: loaderInfo.inline,
-          routeId: route.id
+          routeId: route.id,
+          inValidSSRRoute: loaderInfo.inValidSSRRoute
         })}";
 `;
       }
@@ -318,7 +322,8 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
         clientData: loaderInfo.clientData,
         action: false,
         inline: loaderInfo.inline,
-        routeId: loaderInfo.routeId
+        routeId: loaderInfo.routeId,
+        inValidSSRRoute: loaderInfo.inValidSSRRoute
       })}";
 `;
     }
@@ -418,7 +423,7 @@ const runtimeGlobalContext = async ({ metaName, srcDirectory, nestedRoutesEntry,
   }
   return `${imports.join("\n")}
 
-import { routes } from './routes.js';
+import { routes } from './routes';
 
 setGlobalContext({
   layoutApp,

package/dist/cjs/router/cli/index.js

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var cli_exports = {};
 __export(cli_exports, {
@@ -25,6 +35,7 @@ __export(cli_exports, {
   routerPlugin: () => routerPlugin
 });
 module.exports = __toCommonJS(cli_exports);
+var import_node_path = __toESM(require("node:path"));
 var import_utils = require("@modern-js/utils");
 var import_entry = require("./entry");
 var import_handler = require("./handler");
@@ -36,6 +47,8 @@ const routerPlugin = () => ({
     "@modern-js/runtime"
   ],
   setup: (api) => {
+    const nestedRoutes = {};
+    const nestedRoutesForServer = {};
     return {
       _internalRuntimePlugins({ entrypoint, plugins }) {
         var _getEntryOptions;
@@ -60,10 +73,10 @@ const routerPlugin = () => ({
           plugins
         };
       },
-      checkEntryPoint({ path, entry }) {
+      checkEntryPoint({ path: path2, entry }) {
         return {
-          path,
-          entry: entry || (0, import_entry.isRouteEntry)(path)
+          path: path2,
+          entry: entry || (0, import_entry.isRouteEntry)(path2)
         };
       },
       config() {
@@ -99,6 +112,22 @@ const routerPlugin = () => ({
       },
       async fileChange(e) {
         await (0, import_handler.handleFileChange)(api, e);
+      },
+      async modifyFileSystemRoutes({ entrypoint, routes }) {
+        nestedRoutes[entrypoint.entryName] = routes;
+        nestedRoutesForServer[entrypoint.entryName] = (0, import_utils.filterRoutesForServer)(routes);
+        return {
+          entrypoint,
+          routes
+        };
+      },
+      async beforeGenerateRoutes({ entrypoint, code }) {
+        const { distDirectory } = api.useAppContext();
+        await import_utils.fs.outputJSON(import_node_path.default.resolve(distDirectory, import_utils.NESTED_ROUTE_SPEC_FILE), nestedRoutesForServer);
+        return {
+          entrypoint,
+          code
+        };
       }
     };
   }

package/dist/esm/cli/index.js

@@ -94,23 +94,22 @@ var runtimePlugin = function(params) {
           var isReact18 = checkIsReact18(appDirectory);
           process.env.IS_REACT18 = isReact18.toString();
           var pluginsExportsUtils = createRuntimeExportsUtils(internalDirectory, "plugins");
+          var _obj;
           return {
             runtime: {},
             runtimeByEntries: {},
             source: {
-              alias: (
+              alias: (_obj = {
                 /**
-                * Compatible with the reference path of the old version of the plugin.
+                * twin.macro inserts styled-components into the code during the compilation process
+                * But it will not be installed under the user project.
+                * So need to add alias
                 */
-                _define_property({
-                  /**
-                  * twin.macro inserts styled-components into the code during the compilation process
-                  * But it will not be installed under the user project.
-                  * So need to add alias
-                  */
-                  "styled-components": require.resolve("styled-components")
-                }, "@".concat(metaName, "/runtime/plugins"), pluginsExportsUtils.getPath())
-              ),
+                "styled-components": require.resolve("styled-components")
+              }, /**
+              * Compatible with the reference path of the old version of the plugin.
+              */
+              _define_property(_obj, "@".concat(metaName, "/runtime/plugins"), pluginsExportsUtils.getPath()), _define_property(_obj, "@meta/runtime/browser", "@modern-js/runtime/browser"), _define_property(_obj, "@meta/runtime/react", "@modern-js/runtime/react"), _define_property(_obj, "@meta/runtime/context", "@modern-js/runtime/context"), _define_property(_obj, "@meta/runtime", "@modern-js/runtime"), _obj),
               globalVars: {
                 "process.env.IS_REACT18": process.env.IS_REACT18
               }

package/dist/esm/router/cli/code/index.js

@@ -1,7 +1,8 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import path from "path";
-import { fs, getEntryOptions, isRouterV5, isSSGEntry, isUseSSRBundle, logger } from "@modern-js/utils";
+import { fs, getEntryOptions, isRouterV5, isSSGEntry, isUseSSRBundle, logger, filterRoutesForServer, filterRoutesLoader } from "@modern-js/utils";
+import { cloneDeep } from "@modern-js/utils/lodash";
 import { FILE_SYSTEM_ROUTES_FILE_NAME } from "../constants";
 import { ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME } from "../../../cli/constants";
 import * as templates from "./templates";
@@ -16,7 +17,7 @@ var generateCode = function() {
     }
     function _generateEntryCode() {
       _generateEntryCode = _async_to_generator(function(entrypoint) {
-        var entryName, isMainEntry, isAutoMount, pageRoutesEntry, nestedRoutesEntry, metaName, _config_output, initialRoutes, nestedRoutes, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, route, routes, _$config, ssr, useSSG, mode, hasPageRoute, code, _, _tmp, routesServerFile, code1, serverLoaderCombined, serverLoaderFile;
+        var entryName, isMainEntry, isAutoMount, pageRoutesEntry, nestedRoutesEntry, metaName, _config_output, initialRoutes, nestedRoutes, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, route, _$config, ssrByRouteIds, clonedRoutes, markedRoutes, routes, ssr, useSSG, mode, hasPageRoute, code, _, _tmp, _config_output1, routesServerFile, filtedRoutesForServer, routesForServerLoaderMatches, code1, serverRoutesCode, serverLoaderCombined, serverLoaderFile;
         return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -25,12 +26,12 @@ var generateCode = function() {
               if (!isAutoMount)
                 return [
                   3,
-                  11
+                  14
                 ];
               if (!(pageRoutesEntry || nestedRoutesEntry))
                 return [
                   3,
-                  11
+                  14
                 ];
               initialRoutes = [];
               nestedRoutes = null;
@@ -86,16 +87,19 @@ var generateCode = function() {
               }
               _state.label = 2;
             case 2:
+              _$config = api.useResolvedConfigContext();
+              ssrByRouteIds = _$config.server.ssrByRouteIds || [];
+              clonedRoutes = cloneDeep(initialRoutes);
+              markedRoutes = ssrByRouteIds.length > 0 ? markRoutes(clonedRoutes, ssrByRouteIds) : initialRoutes;
               return [
                 4,
                 hookRunners.modifyFileSystemRoutes({
                   entrypoint,
-                  routes: initialRoutes
+                  routes: markedRoutes
                 })
               ];
             case 3:
               routes = _state.sent().routes;
-              _$config = api.useResolvedConfigContext();
               ssr = getEntryOptions(entryName, isMainEntry, _$config.server.ssr, _$config.server.ssrByEntries, packageName);
               useSSG = isSSGEntry(_$config, entryName, entrypoints);
               if (ssr) {
@@ -138,11 +142,13 @@ var generateCode = function() {
               if (!(entrypoint.nestedRoutesEntry && isUseSSRBundle(_$config)))
                 return [
                   3,
-                  8
+                  10
                 ];
               routesServerFile = getServerLoadersFile(internalDirectory, entryName);
+              filtedRoutesForServer = filterRoutesForServer(routes);
+              routesForServerLoaderMatches = filterRoutesLoader(routes);
               code1 = templates.routesForServer({
-                routes
+                routesForServerLoaderMatches
               });
               return [
                 4,
@@ -156,26 +162,51 @@ var generateCode = function() {
               ];
             case 7:
               _state.sent();
-              _state.label = 8;
+              return [
+                4,
+                templates.fileSystemRoutes({
+                  metaName,
+                  routes: filtedRoutesForServer,
+                  ssrMode: useSSG ? "string" : mode,
+                  nestedRoutesEntry: entrypoint.nestedRoutesEntry,
+                  entryName: entrypoint.entryName,
+                  internalDirectory,
+                  splitRouteChunks: _$config === null || _$config === void 0 ? void 0 : (_config_output1 = _$config.output) === null || _config_output1 === void 0 ? void 0 : _config_output1.splitRouteChunks
+                })
+              ];
             case 8:
+              serverRoutesCode = _state.sent();
+              return [
+                4,
+                fs.outputFile(path.resolve(internalDirectory, "./".concat(entryName, "/routes.server.js")), serverRoutesCode, "utf8")
+              ];
+            case 9:
+              _state.sent();
+              _state.label = 10;
+            case 10:
               serverLoaderCombined = templates.ssrLoaderCombinedModule(entrypoints, entrypoint, _$config, appContext);
               if (!serverLoaderCombined)
                 return [
                   3,
-                  10
+                  12
                 ];
               serverLoaderFile = getServerCombinedModueFile(internalDirectory, entryName);
               return [
                 4,
                 fs.outputFile(serverLoaderFile, serverLoaderCombined)
               ];
-            case 9:
-              _state.sent();
-              _state.label = 10;
-            case 10:
-              fs.outputFileSync(path.resolve(internalDirectory, "./".concat(entryName, "/").concat(FILE_SYSTEM_ROUTES_FILE_NAME)), code, "utf8");
-              _state.label = 11;
             case 11:
+              _state.sent();
+              _state.label = 12;
+            case 12:
+              return [
+                4,
+                fs.outputFile(path.resolve(internalDirectory, "./".concat(entryName, "/").concat(FILE_SYSTEM_ROUTES_FILE_NAME)), code, "utf8")
+              ];
+            case 13:
+              _state.sent();
+              _state.label = 14;
+            case 14:
               return [
                 2
               ];
@@ -208,6 +239,25 @@ var generateCode = function() {
     return _ref.apply(this, arguments);
   };
 }();
+function markRoutes(routes, routeIds) {
+  return routes.map(function(route) {
+    if (route.type !== "nested") {
+      return route;
+    }
+    if (route.children && route.children.length > 0) {
+      route.children = markRoutes(route.children, routeIds);
+    }
+    if (route.children && route.children.length > 0) {
+      route.inValidSSRRoute = route.children.every(function(child) {
+        var _child_inValidSSRRoute;
+        return (_child_inValidSSRRoute = child.inValidSSRRoute) !== null && _child_inValidSSRRoute !== void 0 ? _child_inValidSSRRoute : false;
+      });
+    } else if (route.id) {
+      route.inValidSSRRoute = !routeIds.includes(route.id);
+    }
+    return route;
+  });
+}
 function generatorRegisterCode(internalDirectory, entryName, code) {
   fs.outputFileSync(path.resolve(internalDirectory, "./".concat(entryName, "/").concat(ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME)), code, "utf8");
 }

package/dist/esm/router/cli/code/templates.js

@@ -9,7 +9,7 @@ import { ROUTE_MODULES } from "@modern-js/utils/universal/constants";
 import { APP_CONFIG_NAME, APP_INIT_EXPORTED, TEMP_LOADERS_DIR } from "../constants";
 import { getPathWithoutExt, getServerLoadersFile, parseModule, replaceWithAlias } from "./utils";
 var routesForServer = function(param) {
-  var routes = param.routes;
+  var routesForServerLoaderMatches = param.routesForServerLoaderMatches;
   var loaders = [];
   var actions = [];
   var loadersMap = {};
@@ -51,7 +51,7 @@ var routesForServer = function(param) {
   var routesCode = "\n  export const routes = [\n  ";
   var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
   try {
-    for (var _iterator = routes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+    for (var _iterator = routesForServerLoaderMatches[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var route = _step.value;
       if ("type" in route) {
         var keywords = [
@@ -136,13 +136,14 @@ var fileSystemRoutes = function() {
           importLazyCode = '\n    import { lazy } from "react";\n    import loadable, { lazy as loadableLazy } from "@'.concat(metaName, '/runtime/loadable"\n  ');
           rootLayoutCode = "";
           getDataLoaderPath = function(param2) {
-            var loaderId = param2.loaderId, clientData = param2.clientData, action = param2.action, inline = param2.inline, routeId = param2.routeId;
+            var loaderId = param2.loaderId, clientData = param2.clientData, action = param2.action, inline = param2.inline, routeId = param2.routeId, inValidSSRRoute = param2.inValidSSRRoute;
             if (!ssrMode) {
               return "";
             }
             var clientDataStr = clientData ? "&clientData=".concat(clientData) : "";
+            var retain = inValidSSRRoute !== null && inValidSSRRoute !== void 0 ? inValidSSRRoute : false;
             if (nestedRoutesEntry) {
-              return "?loaderId=".concat(loaderId).concat(clientDataStr, "&action=").concat(action ? slash(action) : action, "&inline=").concat(inline, "&routeId=").concat(routeId);
+              return "?loaderId=".concat(loaderId).concat(clientDataStr, "&action=").concat(action ? slash(action) : action, "&inline=").concat(inline, "&routeId=").concat(routeId, "&retain=").concat(retain);
             }
             return "";
           };
@@ -176,6 +177,7 @@ var fileSystemRoutes = function() {
                 loadersMap[loader] = {
                   loaderId,
                   routeId: route2.id,
+                  inValidSSRRoute: route2.inValidSSRRoute,
                   filePath: route2.data || route2.loader,
                   clientData: Boolean(route2.clientData),
                   route: route2,
@@ -316,7 +318,8 @@ var fileSystemRoutes = function() {
                     clientData: loaderInfo.clientData,
                     action: route1.action,
                     inline: loaderInfo.inline,
-                    routeId: loaderInfo.routeId
+                    routeId: loaderInfo.routeId,
+                    inValidSSRRoute: loaderInfo.inValidSSRRoute
                   }), '";\n');
                 } else {
                   importLoadersCode += "import { loader as ".concat(key, ' } from "').concat(slash(loaderInfo.filePath)).concat(getDataLoaderPath({
@@ -324,7 +327,8 @@ var fileSystemRoutes = function() {
                     clientData: loaderInfo.clientData,
                     action: false,
                     inline: loaderInfo.inline,
-                    routeId: route1.id
+                    routeId: route1.id,
+                    inValidSSRRoute: loaderInfo.inValidSSRRoute
                   }), '";\n');
                 }
               } else {
@@ -333,7 +337,8 @@ var fileSystemRoutes = function() {
                   clientData: loaderInfo.clientData,
                   action: false,
                   inline: loaderInfo.inline,
-                  routeId: loaderInfo.routeId
+                  routeId: loaderInfo.routeId,
+                  inValidSSRRoute: loaderInfo.inValidSSRRoute
                 }), '";\n');
               }
             }
@@ -496,7 +501,7 @@ var runtimeGlobalContext = function() {
           }
           return [
             2,
-            "".concat(imports.join("\n"), "\n\nimport { routes } from './routes.js';\n\nsetGlobalContext({\n  layoutApp,\n  routes,\n  appInit,\n  appConfig,\n});")
+            "".concat(imports.join("\n"), "\n\nimport { routes } from './routes';\n\nsetGlobalContext({\n  layoutApp,\n  routes,\n  appInit,\n  appConfig,\n});")
           ];
       }
     });

package/dist/esm/router/cli/index.js

@@ -2,7 +2,8 @@ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { createRuntimeExportsUtils, getEntryOptions, isRouterV5 as isV5 } from "@modern-js/utils";
+import path from "node:path";
+import { createRuntimeExportsUtils, filterRoutesForServer, fs, getEntryOptions, isRouterV5 as isV5, NESTED_ROUTE_SPEC_FILE } from "@modern-js/utils";
 import { isRouteEntry } from "./entry";
 import { handleFileChange, handleGeneratorEntryCode, handleModifyEntrypoints } from "./handler";
 import { isRouteEntry as isRouteEntry2 } from "./entry";
@@ -14,6 +15,8 @@ var routerPlugin = function() {
       "@modern-js/runtime"
     ],
     setup: function(api) {
+      var nestedRoutes = {};
+      var nestedRoutesForServer = {};
       return {
         _internalRuntimePlugins: function _internalRuntimePlugins(param) {
           var entrypoint = param.entrypoint, plugins = param.plugins;
@@ -45,10 +48,10 @@ var routerPlugin = function() {
           };
         },
         checkEntryPoint: function checkEntryPoint(param) {
-          var path = param.path, entry = param.entry;
+          var path2 = param.path, entry = param.entry;
           return {
-            path,
-            entry: entry || isRouteEntry(path)
+            path: path2,
+            entry: entry || isRouteEntry(path2)
           };
         },
         config: function config() {
@@ -132,6 +135,47 @@ var routerPlugin = function() {
               }
             });
           })();
+        },
+        modifyFileSystemRoutes: function modifyFileSystemRoutes(param) {
+          var entrypoint = param.entrypoint, routes = param.routes;
+          return _async_to_generator(function() {
+            return _ts_generator(this, function(_state) {
+              nestedRoutes[entrypoint.entryName] = routes;
+              nestedRoutesForServer[entrypoint.entryName] = filterRoutesForServer(routes);
+              return [
+                2,
+                {
+                  entrypoint,
+                  routes
+                }
+              ];
+            });
+          })();
+        },
+        beforeGenerateRoutes: function beforeGenerateRoutes(param) {
+          var entrypoint = param.entrypoint, code = param.code;
+          return _async_to_generator(function() {
+            var distDirectory;
+            return _ts_generator(this, function(_state) {
+              switch (_state.label) {
+                case 0:
+                  distDirectory = api.useAppContext().distDirectory;
+                  return [
+                    4,
+                    fs.outputJSON(path.resolve(distDirectory, NESTED_ROUTE_SPEC_FILE), nestedRoutesForServer)
+                  ];
+                case 1:
+                  _state.sent();
+                  return [
+                    2,
+                    {
+                      entrypoint,
+                      code
+                    }
+                  ];
+              }
+            });
+          })();
         }
       };
     }

package/dist/esm-node/cli/index.js

@@ -85,7 +85,11 @@ const runtimePlugin = (params) => ({
               /**
               * Compatible with the reference path of the old version of the plugin.
               */
-              [`@${metaName}/runtime/plugins`]: pluginsExportsUtils.getPath()
+              [`@${metaName}/runtime/plugins`]: pluginsExportsUtils.getPath(),
+              "@meta/runtime/browser": "@modern-js/runtime/browser",
+              "@meta/runtime/react": "@modern-js/runtime/react",
+              "@meta/runtime/context": "@modern-js/runtime/context",
+              "@meta/runtime": "@modern-js/runtime"
             },
             globalVars: {
               "process.env.IS_REACT18": process.env.IS_REACT18

package/dist/esm-node/router/cli/code/index.js

@@ -1,5 +1,6 @@
 import path from "path";
-import { fs, getEntryOptions, isRouterV5, isSSGEntry, isUseSSRBundle, logger } from "@modern-js/utils";
+import { fs, getEntryOptions, isRouterV5, isSSGEntry, isUseSSRBundle, logger, filterRoutesForServer, filterRoutesLoader } from "@modern-js/utils";
+import { cloneDeep } from "@modern-js/utils/lodash";
 import { FILE_SYSTEM_ROUTES_FILE_NAME } from "../constants";
 import { ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME } from "../../../cli/constants";
 import * as templates from "./templates";
@@ -46,11 +47,14 @@ const generateCode = async (appContext, config, entrypoints, api) => {
             }
           }
         }
+        const config2 = api.useResolvedConfigContext();
+        const ssrByRouteIds = config2.server.ssrByRouteIds || [];
+        const clonedRoutes = cloneDeep(initialRoutes);
+        const markedRoutes = ssrByRouteIds.length > 0 ? markRoutes(clonedRoutes, ssrByRouteIds) : initialRoutes;
         const { routes } = await hookRunners.modifyFileSystemRoutes({
           entrypoint,
-          routes: initialRoutes
+          routes: markedRoutes
         });
-        const config2 = api.useResolvedConfigContext();
         const ssr = getEntryOptions(entryName, isMainEntry, config2.server.ssr, config2.server.ssrByEntries, packageName);
         const useSSG = isSSGEntry(config2, entryName, entrypoints);
         let mode;
@@ -77,23 +81,55 @@ const generateCode = async (appContext, config, entrypoints, api) => {
           })
         });
         if (entrypoint.nestedRoutesEntry && isUseSSRBundle(config2)) {
+          var _config_output1;
           const routesServerFile = getServerLoadersFile(internalDirectory, entryName);
+          const filtedRoutesForServer = filterRoutesForServer(routes);
+          const routesForServerLoaderMatches = filterRoutesLoader(routes);
           const code2 = templates.routesForServer({
-            routes
+            routesForServerLoaderMatches
           });
           await fs.ensureFile(routesServerFile);
           await fs.writeFile(routesServerFile, code2);
+          const serverRoutesCode = await templates.fileSystemRoutes({
+            metaName,
+            routes: filtedRoutesForServer,
+            ssrMode: useSSG ? "string" : mode,
+            nestedRoutesEntry: entrypoint.nestedRoutesEntry,
+            entryName: entrypoint.entryName,
+            internalDirectory,
+            splitRouteChunks: config2 === null || config2 === void 0 ? void 0 : (_config_output1 = config2.output) === null || _config_output1 === void 0 ? void 0 : _config_output1.splitRouteChunks
+          });
+          await fs.outputFile(path.resolve(internalDirectory, `./${entryName}/routes.server.js`), serverRoutesCode, "utf8");
         }
         const serverLoaderCombined = templates.ssrLoaderCombinedModule(entrypoints, entrypoint, config2, appContext);
         if (serverLoaderCombined) {
           const serverLoaderFile = getServerCombinedModueFile(internalDirectory, entryName);
           await fs.outputFile(serverLoaderFile, serverLoaderCombined);
         }
-        fs.outputFileSync(path.resolve(internalDirectory, `./${entryName}/${FILE_SYSTEM_ROUTES_FILE_NAME}`), code, "utf8");
+        await fs.outputFile(path.resolve(internalDirectory, `./${entryName}/${FILE_SYSTEM_ROUTES_FILE_NAME}`), code, "utf8");
       }
     }
   }
 };
+function markRoutes(routes, routeIds) {
+  return routes.map((route) => {
+    if (route.type !== "nested") {
+      return route;
+    }
+    if (route.children && route.children.length > 0) {
+      route.children = markRoutes(route.children, routeIds);
+    }
+    if (route.children && route.children.length > 0) {
+      route.inValidSSRRoute = route.children.every((child) => {
+        var _child_inValidSSRRoute;
+        return (_child_inValidSSRRoute = child.inValidSSRRoute) !== null && _child_inValidSSRRoute !== void 0 ? _child_inValidSSRRoute : false;
+      });
+    } else if (route.id) {
+      route.inValidSSRRoute = !routeIds.includes(route.id);
+    }
+    return route;
+  });
+}
 function generatorRegisterCode(internalDirectory, entryName, code) {
   fs.outputFileSync(path.resolve(internalDirectory, `./${entryName}/${ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME}`), code, "utf8");
 }

package/dist/esm-node/router/cli/code/templates.js

@@ -3,7 +3,7 @@ import { findExists, formatImportPath, fs, getEntryOptions, isSSGEntry, slash }
 import { ROUTE_MODULES } from "@modern-js/utils/universal/constants";
 import { APP_CONFIG_NAME, APP_INIT_EXPORTED, TEMP_LOADERS_DIR } from "../constants";
 import { getPathWithoutExt, getServerLoadersFile, parseModule, replaceWithAlias } from "./utils";
-const routesForServer = ({ routes }) => {
+const routesForServer = ({ routesForServerLoaderMatches }) => {
   const loaders = [];
   const actions = [];
   const loadersMap = {};
@@ -46,7 +46,7 @@ const routesForServer = ({ routes }) => {
   let routesCode = `
   export const routes = [
   `;
-  for (const route of routes) {
+  for (const route of routesForServerLoaderMatches) {
     if ("type" in route) {
       const keywords = [
         "loader",
@@ -99,13 +99,14 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
     import loadable, { lazy as loadableLazy } from "@${metaName}/runtime/loadable"
   `;
   let rootLayoutCode = ``;
-  const getDataLoaderPath = ({ loaderId, clientData, action, inline, routeId }) => {
+  const getDataLoaderPath = ({ loaderId, clientData, action, inline, routeId, inValidSSRRoute }) => {
     if (!ssrMode) {
       return "";
     }
     const clientDataStr = clientData ? `&clientData=${clientData}` : "";
+    const retain = inValidSSRRoute !== null && inValidSSRRoute !== void 0 ? inValidSSRRoute : false;
     if (nestedRoutesEntry) {
-      return `?loaderId=${loaderId}${clientDataStr}&action=${action ? slash(action) : action}&inline=${inline}&routeId=${routeId}`;
+      return `?loaderId=${loaderId}${clientDataStr}&action=${action ? slash(action) : action}&inline=${inline}&routeId=${routeId}&retain=${retain}`;
     }
     return "";
   };
@@ -139,6 +140,7 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
         loadersMap[loader] = {
           loaderId,
           routeId: route.id,
+          inValidSSRRoute: route.inValidSSRRoute,
           filePath: route.data || route.loader,
           clientData: Boolean(route.clientData),
           route,
@@ -263,7 +265,8 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
           clientData: loaderInfo.clientData,
           action: route.action,
           inline: loaderInfo.inline,
-          routeId: loaderInfo.routeId
+          routeId: loaderInfo.routeId,
+          inValidSSRRoute: loaderInfo.inValidSSRRoute
         })}";
 `;
       } else {
@@ -272,7 +275,8 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
           clientData: loaderInfo.clientData,
           action: false,
           inline: loaderInfo.inline,
-          routeId: route.id
+          routeId: route.id,
+          inValidSSRRoute: loaderInfo.inValidSSRRoute
         })}";
 `;
       }
@@ -282,7 +286,8 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
         clientData: loaderInfo.clientData,
         action: false,
         inline: loaderInfo.inline,
-        routeId: loaderInfo.routeId
+        routeId: loaderInfo.routeId,
+        inValidSSRRoute: loaderInfo.inValidSSRRoute
       })}";
 `;
     }
@@ -382,7 +387,7 @@ const runtimeGlobalContext = async ({ metaName, srcDirectory, nestedRoutesEntry,
   }
   return `${imports.join("\n")}
 
-import { routes } from './routes.js';
+import { routes } from './routes';
 
 setGlobalContext({
   layoutApp,

package/dist/esm-node/router/cli/index.js

@@ -1,4 +1,5 @@
-import { createRuntimeExportsUtils, getEntryOptions, isRouterV5 as isV5 } from "@modern-js/utils";
+import path from "node:path";
+import { createRuntimeExportsUtils, filterRoutesForServer, fs, getEntryOptions, isRouterV5 as isV5, NESTED_ROUTE_SPEC_FILE } from "@modern-js/utils";
 import { isRouteEntry } from "./entry";
 import { handleFileChange, handleGeneratorEntryCode, handleModifyEntrypoints } from "./handler";
 import { isRouteEntry as isRouteEntry2 } from "./entry";
@@ -9,6 +10,8 @@ const routerPlugin = () => ({
     "@modern-js/runtime"
   ],
   setup: (api) => {
+    const nestedRoutes = {};
+    const nestedRoutesForServer = {};
     return {
       _internalRuntimePlugins({ entrypoint, plugins }) {
         var _getEntryOptions;
@@ -33,10 +36,10 @@ const routerPlugin = () => ({
           plugins
         };
       },
-      checkEntryPoint({ path, entry }) {
+      checkEntryPoint({ path: path2, entry }) {
         return {
-          path,
-          entry: entry || isRouteEntry(path)
+          path: path2,
+          entry: entry || isRouteEntry(path2)
         };
       },
       config() {
@@ -72,6 +75,22 @@ const routerPlugin = () => ({
       },
       async fileChange(e) {
         await handleFileChange(api, e);
+      },
+      async modifyFileSystemRoutes({ entrypoint, routes }) {
+        nestedRoutes[entrypoint.entryName] = routes;
+        nestedRoutesForServer[entrypoint.entryName] = filterRoutesForServer(routes);
+        return {
+          entrypoint,
+          routes
+        };
+      },
+      async beforeGenerateRoutes({ entrypoint, code }) {
+        const { distDirectory } = api.useAppContext();
+        await fs.outputJSON(path.resolve(distDirectory, NESTED_ROUTE_SPEC_FILE), nestedRoutesForServer);
+        return {
+          entrypoint,
+          code
+        };
       }
     };
   }

package/dist/types/router/cli/code/templates.d.ts

@@ -1,7 +1,7 @@
 import type { Entrypoint, NestedRouteForCli, PageRoute, RouteLegacy, SSRMode } from '@modern-js/types';
 import type { AppNormalizedConfig, IAppContext } from '@modern-js/app-tools';
-export declare const routesForServer: ({ routes, }: {
-    routes: (NestedRouteForCli | PageRoute)[];
+export declare const routesForServer: ({ routesForServerLoaderMatches, }: {
+    routesForServerLoaderMatches: (NestedRouteForCli | PageRoute)[];
 }) => string;
 export declare const fileSystemRoutes: ({ metaName, routes, ssrMode, nestedRoutesEntry, entryName, internalDirectory, splitRouteChunks, }: {
     metaName: string;

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.56.2",
+  "version": "2.56.3-alpha.0",
   "engines": {
     "node": ">=14.17.6"
   },
@@ -201,8 +201,8 @@
     "@swc/helpers": "0.5.3",
     "@modern-js/plugin": "2.56.2",
     "@modern-js/utils": "2.56.2",
-    "@modern-js/runtime-utils": "2.56.2",
     "@modern-js/types": "2.56.2",
+    "@modern-js/runtime-utils": "2.56.2",
     "@modern-js/plugin-data-loader": "2.56.2"
   },
   "peerDependencies": {
@@ -228,14 +228,13 @@
     "webpack": "^5.93.0",
     "@modern-js/app-tools": "2.56.2",
     "@modern-js/core": "2.56.2",
-    "@scripts/jest-config": "2.56.2",
-    "@scripts/build": "2.56.2"
+    "@scripts/build": "2.56.2",
+    "@scripts/jest-config": "2.56.2"
   },
   "sideEffects": false,
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
-    "access": "public",
-    "provenance": true
+    "access": "public"
   },
   "scripts": {
     "dev": "modern-lib build --watch",