@modern-js/runtime 2.56.2 → 2.57.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/core/browser/hydrate.js

@@ -97,7 +97,9 @@ function hydrateRoot(App, context, ModernRender, ModernHydrate) {
           });
         } else {
           (0, import_component.loadableReady)(() => {
-            ModernHydrate(App, callback).then((root) => {
+            ModernHydrate(/* @__PURE__ */ import_react.default.cloneElement(App, {
+              _internal_context: hydrateContext
+            }), callback).then((root) => {
               resolve(root);
             });
           });

package/dist/cjs/core/browser/index.js

@@ -64,14 +64,11 @@ function isClientArgs(id) {
 async function render(App, id) {
   const runner = (0, import_runner.getGlobalRunner)();
   const context = (0, import_runtime.getInitialContext)(runner);
-  const runInit = (_context) => runner.init({
-    context: _context
-  }, {
-    onLast: ({ context: context1 }) => {
-      const init = (0, import_context.getGlobalAppInit)();
-      return init === null || init === void 0 ? void 0 : init(context1);
-    }
-  });
+  const runBeforeRender = async (context2) => {
+    await runner.beforeRender(context2);
+    const init = (0, import_context.getGlobalAppInit)();
+    return init === null || init === void 0 ? void 0 : init(context2);
+  };
   if (isClientArgs(id)) {
     var _ssrData_data, _ssrData_data1;
     const ssrData = getSSRData();
@@ -88,12 +85,14 @@ async function render(App, id) {
       loaderManager: (0, import_loaderManager.createLoaderManager)(initialLoadersState, {
         skipStatic: true
       }),
+      // garfish plugin params
+      _internalRouterBaseName: App.props.basename,
       ...ssrData ? {
         ssrContext: ssrData === null || ssrData === void 0 ? void 0 : ssrData.context
       } : {}
     });
     context.initialData = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_data1 = ssrData.data) === null || _ssrData_data1 === void 0 ? void 0 : _ssrData_data1.initialData;
-    const initialData = await runInit(context);
+    const initialData = await runBeforeRender(context);
     if (initialData) {
       context.initialData = initialData;
     }

package/dist/cjs/core/compatible.js

@@ -65,53 +65,38 @@ const createApp = ({ plugins, runtime, props: globalProps }) => {
         ...props
       }) : child));
     };
-    const HOCApp = runner.hoc({
-      App: WrapperComponent,
-      config: globalProps || {}
-    }, {
-      onLast: ({ App: App2 }) => {
-        const WrapComponent = ({ _internal_context, ...props }) => {
-          let contextValue = _internal_context;
-          if (!(contextValue === null || contextValue === void 0 ? void 0 : contextValue.runner)) {
-            contextValue = getInitialContext(runner);
-            runner.init({
-              context: contextValue
-            }, {
-              onLast: ({ context: context1 }) => {
-                var _getGlobalAppInit;
-                return (_getGlobalAppInit = (0, import_context.getGlobalAppInit)()) === null || _getGlobalAppInit === void 0 ? void 0 : _getGlobalAppInit(context1);
-              }
-            });
-          }
-          const mergedProps = {
-            ...props,
-            ...globalProps
-          };
-          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_runtime.RuntimeReactContext.Provider, {
-            value: contextValue,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App2, {
-              ...mergedProps
-            })
-          });
-        };
-        return WrapComponent;
+    const WrapperApp = runner.wrapRoot(WrapperComponent);
+    const WrapComponent = ({ _internal_context, ...props }) => {
+      let contextValue = _internal_context;
+      if (!(contextValue === null || contextValue === void 0 ? void 0 : contextValue.runner)) {
+        var _getGlobalAppInit;
+        contextValue = getInitialContext(runner);
+        runner === null || runner === void 0 ? void 0 : runner.beforeRender(contextValue);
+        (_getGlobalAppInit = (0, import_context.getGlobalAppInit)()) === null || _getGlobalAppInit === void 0 ? void 0 : _getGlobalAppInit(contextValue);
       }
-    });
-    return HOCApp;
+      const mergedProps = {
+        ...props,
+        ...globalProps
+      };
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_runtime.RuntimeReactContext.Provider, {
+        value: contextValue,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperApp, {
+          ...mergedProps
+        })
+      });
+    };
+    return WrapComponent;
   };
 };
 const bootstrap = async (BootApp, id, root, ReactDOM) => {
   const App = BootApp;
   const runner = (0, import_runner.getGlobalRunner)();
   const context = getInitialContext(runner);
-  const runInit = (_context) => runner.init({
-    context: _context
-  }, {
-    onLast: ({ context: context1 }) => {
-      const init = (0, import_context.getGlobalAppInit)();
-      return init === null || init === void 0 ? void 0 : init(context1);
-    }
-  });
+  const runBeforeRender = async (context2) => {
+    await runner.beforeRender(context2);
+    const init = (0, import_context.getGlobalAppInit)();
+    return init === null || init === void 0 ? void 0 : init(context2);
+  };
   if (!id) {
     return /* @__PURE__ */ import_react.default.createElement(App, {
       _internal_context: context
@@ -140,7 +125,7 @@ const bootstrap = async (BootApp, id, root, ReactDOM) => {
         } : {}
       });
       context.initialData = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_data1 = ssrData.data) === null || _ssrData_data1 === void 0 ? void 0 : _ssrData_data1.initialData;
-      const initialData = await runInit(context);
+      const initialData = await runBeforeRender(context);
       if (initialData) {
         context.initialData = initialData;
       }
@@ -200,16 +185,11 @@ const useRuntimeContext = () => {
   var _context_ssrContext, _context_ssrContext1;
   const context = (0, import_react.useContext)(import_runtime.RuntimeReactContext);
   const pickedContext = {
-    initialData: context.initialData,
+    ...context,
     request: (_context_ssrContext = context.ssrContext) === null || _context_ssrContext === void 0 ? void 0 : _context_ssrContext.request,
     response: (_context_ssrContext1 = context.ssrContext) === null || _context_ssrContext1 === void 0 ? void 0 : _context_ssrContext1.response
   };
-  const memoizedContext = (0, import_react.useMemo)(() => context.runner.pickContext({
-    context,
-    pickedContext
-  }, {
-    onLast: ({ pickedContext: pickedContext2 }) => pickedContext2
-  }), [
+  const memoizedContext = (0, import_react.useMemo)(() => context.runner.pickContext(pickedContext), [
     context
   ]);
   return memoizedContext;

package/dist/cjs/core/plugin/base.js

@@ -18,23 +18,34 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var base_exports = {};
 __export(base_exports, {
+  RuntimeConfigContext: () => RuntimeConfigContext,
   createRuntime: () => createRuntime,
-  runtime: () => runtime
+  runtime: () => runtime,
+  useRuntimeConfigContext: () => useRuntimeConfigContext
 });
 module.exports = __toCommonJS(base_exports);
 var import_plugin = require("@modern-js/plugin");
-const hoc = (0, import_plugin.createPipeline)();
-const init = (0, import_plugin.createAsyncPipeline)();
-const pickContext = (0, import_plugin.createPipeline)();
+const RuntimeConfigContext = (0, import_plugin.createContext)({});
+const useRuntimeConfigContext = () => RuntimeConfigContext.use().value;
+const wrapRoot = (0, import_plugin.createWaterfall)();
+const beforeRender = (0, import_plugin.createAsyncInterruptWorkflow)();
+const pickContext = (0, import_plugin.createWaterfall)();
+const modifyRuntimeConfig = (0, import_plugin.createSyncParallelWorkflow)();
 const runtimeHooks = {
-  hoc,
-  init,
-  pickContext
+  beforeRender,
+  wrapRoot,
+  pickContext,
+  modifyRuntimeConfig
 };
-const createRuntime = () => (0, import_plugin.createManager)(runtimeHooks);
+const runtimePluginAPI = {
+  useRuntimeConfigContext
+};
+const createRuntime = () => (0, import_plugin.createManager)(runtimeHooks, runtimePluginAPI);
 const runtime = createRuntime();
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  RuntimeConfigContext,
   createRuntime,
-  runtime
+  runtime,
+  useRuntimeConfigContext
 });

package/dist/cjs/core/plugin/index.js

@@ -23,19 +23,25 @@ __export(plugin_exports, {
   registerPlugin: () => registerPlugin
 });
 module.exports = __toCommonJS(plugin_exports);
-var import_merge = require("../utils/merge");
+var import_merge = require("@modern-js/runtime-utils/merge");
 var import_base = require("./base");
 var import_runner = require("./runner");
 __reExport(plugin_exports, require("./base"), module.exports);
+function setupConfigContext() {
+  const runner = (0, import_runner.getGlobalRunner)();
+  const configs = runner.modifyRuntimeConfig();
+  import_base.RuntimeConfigContext.set((0, import_merge.merge)({}, ...configs));
+}
 function registerPlugin(internalPlugins, runtimeConfig, customRuntime) {
   const { plugins = [] } = runtimeConfig || {};
   (customRuntime || import_base.runtime).usePlugin(...internalPlugins, ...plugins);
   const runner = (customRuntime || import_base.runtime).init();
   (0, import_runner.setGlobalRunner)(runner);
+  setupConfigContext();
   return runner;
 }
 function mergeConfig(config, ...otherConfig) {
-  return (0, import_merge.merge)(config, ...otherConfig);
+  return (0, import_merge.merge)({}, config, ...otherConfig);
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/core/react/index.js

@@ -24,26 +24,19 @@ module.exports = __toCommonJS(react_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_context = require("../context");
 var import_runner = require("../plugin/runner");
-function createRoot(UserApp, config) {
+function createRoot(UserApp) {
   const App = UserApp || (0, import_context.getGlobalApp)();
   const runner = (0, import_runner.getGlobalRunner)();
-  const HOCApp = runner.hoc({
-    App,
-    config: config || {}
-  }, {
-    onLast: ({ App: App2 }) => {
-      const WrapComponent = ({ _internal_context, ...props }) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.RuntimeReactContext.Provider, {
-          value: _internal_context,
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App2, {
-            ...props
-          })
-        });
-      };
-      return WrapComponent;
-    }
-  });
-  return HOCApp;
+  const WrapperApp = runner.wrapRoot(App);
+  const WrapComponent = ({ _internal_context, ...props }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.RuntimeReactContext.Provider, {
+      value: _internal_context,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WrapperApp, {
+        ...props
+      })
+    });
+  };
+  return WrapComponent;
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/core/server/requestHandler.js

@@ -30,7 +30,7 @@ var import_loaderManager = require("../loader/loaderManager");
 var import_utils = require("./utils");
 var import_constants = require("./constants");
 function createSSRContext(request, options) {
-  const { config, loaderContext, onError, onTiming, locals, resource, params, responseProxy, staticGenerate, logger, metrics, reporter } = options;
+  const { config, loaderContext, onError, onTiming, locals, resource, params, responseProxy, logger, metrics, reporter } = options;
   const { nonce } = config;
   const { entryName, route } = resource;
   const cookie = request.headers.get("cookie");
@@ -39,7 +39,7 @@ function createSSRContext(request, options) {
   const query = (0, import_request.parseQuery)(request);
   const headersData = (0, import_request.parseHeaders)(request);
   const url = new URL(request.url);
-  const ssrConfig = (0, import_utils.getSSRConfigByEntry)(entryName, config.ssr, config.ssrByEntries, staticGenerate);
+  const ssrConfig = (0, import_utils.getSSRConfigByEntry)(entryName, config.ssr, config.ssrByEntries);
   const ssrMode = (0, import_utils.getSSRMode)(ssrConfig);
   const loaderFailureMode = typeof ssrConfig === "object" ? ssrConfig.loaderFailureMode : void 0;
   return {
@@ -83,14 +83,14 @@ const createRequestHandler = async (handleRequest) => {
     const runner = (0, import_runner.getGlobalRunner)();
     const { routeManifest } = options.resource;
     const context = (0, import_runtime.getInitialContext)(runner, false, routeManifest);
-    const runInit = (_context) => runner.init({
-      context: _context
-    }, {
-      onLast: ({ context: context1 }) => {
-        const init = (0, import_context.getGlobalAppInit)();
-        return init === null || init === void 0 ? void 0 : init(context1);
+    const runBeforeRender = async (context2) => {
+      const result = await runner.beforeRender(context2);
+      if (typeof Response !== "undefined" && result instanceof Response) {
+        return result;
       }
-    });
+      const init = (0, import_context.getGlobalAppInit)();
+      return init === null || init === void 0 ? void 0 : init(context2);
+    };
     const responseProxy = {
       headers: {},
       code: -1
@@ -125,7 +125,7 @@ const createRequestHandler = async (handleRequest) => {
       }
       return void 0;
     };
-    const initialData = await runInit(context);
+    const initialData = await runBeforeRender(context);
     context.initialData = initialData;
     const redirectResponse = getRedirectResponse(initialData);
     if (redirectResponse) {

package/dist/cjs/core/server/stream/shared.js

@@ -69,11 +69,11 @@ function createRenderStreaming(createReadableStreamFromElement) {
     const headersData = (0, import_request.parseHeaders)(request);
     return (0, import_node.run)(headersData, async () => {
       const end = (0, import_time.time)();
-      const { runtimeContext, config, resource, staticGenerate } = options;
+      const { runtimeContext, config, resource } = options;
       const onError = (0, import_tracer.createOnError)(options.onError);
       const onTiming = (0, import_tracer.createOnTiming)(options.onTiming);
       const { htmlTemplate, entryName } = resource;
-      const ssrConfig = (0, import_utils.getSSRConfigByEntry)(entryName, config.ssr, config.ssrByEntries, staticGenerate);
+      const ssrConfig = (0, import_utils.getSSRConfigByEntry)(entryName, config.ssr, config.ssrByEntries);
       const rootElement = import_react.default.cloneElement(serverRoot, {
         _internal_context: Object.assign(runtimeContext, {
           ssr: true

package/dist/cjs/core/server/string/index.js

@@ -51,14 +51,14 @@ const renderString = async (request, serverRoot, options) => {
   const headersData = (0, import_request.parseHeaders)(request);
   return (0, import_node.run)(headersData, async () => {
     var _runtimeContext_ssrContext;
-    const { resource, runtimeContext, config, onError, onTiming, staticGenerate } = options;
+    const { resource, runtimeContext, config, onError, onTiming } = options;
     const tracer = {
       onError: (0, import_tracer.createOnError)(onError),
       onTiming: (0, import_tracer.createOnTiming)(onTiming)
     };
     const routerContext = runtimeContext.routerContext;
     const { htmlTemplate, entryName, loadableStats, routeManifest } = resource;
-    const ssrConfig = (0, import_utils.getSSRConfigByEntry)(entryName, config.ssr, config.ssrByEntries, staticGenerate);
+    const ssrConfig = (0, import_utils.getSSRConfigByEntry)(entryName, config.ssr, config.ssrByEntries);
     const chunkSet = {
       renderLevel: import_constants2.RenderLevel.CLIENT_RENDER,
       ssrScripts: "",
@@ -71,6 +71,7 @@ const renderString = async (request, serverRoot, options) => {
       chunkSet.renderLevel = import_constants2.RenderLevel.SERVER_PREFETCH;
     } catch (e) {
       chunkSet.renderLevel = import_constants2.RenderLevel.CLIENT_RENDER;
+      tracer.onError(import_tracer.SSRErrors.PRERENDER, e);
     }
     const collectors = [
       new import_styledComponent.StyledCollector(chunkSet),

package/dist/cjs/core/server/utils.js

@@ -63,14 +63,11 @@ function serializeErrors(errors) {
   }
   return serialized;
 }
-function getSSRConfigByEntry(entryName, ssr, ssrByEntries, staticGenerate) {
-  if (staticGenerate) {
-    return true;
-  }
+function getSSRConfigByEntry(entryName, ssr, ssrByEntries) {
   if (ssrByEntries === null || ssrByEntries === void 0 ? void 0 : ssrByEntries[entryName]) {
     return ssrByEntries[entryName];
   }
-  return ssr;
+  return ssr || true;
 }
 function getSSRMode(ssrConfig) {
   if (typeof ssrConfig === "boolean") {

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
+        };
       }
     };
   }