@modern-js/runtime 2.58.2 → 2.58.4-alpha.0

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

@@ -1,14 +1,14 @@
 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, filterRoutesForServer, filterRoutesLoader } from "@modern-js/utils";
+import { fs, filterRoutesForServer, filterRoutesLoader, getEntryOptions, isRouterV5, isSSGEntry, isUseSSRBundle, logger, markRoutes } 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";
+import { FILE_SYSTEM_ROUTES_FILE_NAME } from "../constants";
 import { getClientRoutes, getClientRoutesLegacy } from "./getClientRoutes";
-import { getServerLoadersFile, getServerCombinedModueFile } from "./utils";
 import { walk } from "./nestedRoutes";
+import * as templates from "./templates";
+import { getServerCombinedModueFile, getServerLoadersFile } from "./utils";
 var generateCode = function() {
   var _ref = _async_to_generator(function(appContext, config, entrypoints, api) {
     var internalDirectory, srcDirectory, internalDirAlias, internalSrcAlias, packageName, hookRunners, isV5, getRoutes, oldVersion;
@@ -17,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, _$config, ssrByRouteIds, clonedRoutes, markedRoutes, routes, ssr, useSSG, mode, hasPageRoute, code, _, _tmp, _config_output1, routesServerFile, filtedRoutesForServer, routesForServerLoaderMatches, code1, serverRoutesCode, 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, _config_output2, routesServerFile, filtedRoutesForServer, routesForServerLoaderMatches, code1, serverRoutesCode, mfServerRoutesCode, serverLoaderCombined, serverLoaderFile;
         return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -26,12 +26,12 @@ var generateCode = function() {
               if (!isAutoMount)
                 return [
                   3,
-                  14
+                  16
                 ];
               if (!(pageRoutesEntry || nestedRoutesEntry))
                 return [
                   3,
-                  14
+                  16
                 ];
               initialRoutes = [];
               nestedRoutes = null;
@@ -142,7 +142,7 @@ var generateCode = function() {
               if (!(entrypoint.nestedRoutesEntry && isUseSSRBundle(_$config)))
                 return [
                   3,
-                  10
+                  12
                 ];
               routesServerFile = getServerLoadersFile(internalDirectory, entryName);
               filtedRoutesForServer = filterRoutesForServer(routes);
@@ -182,31 +182,51 @@ var generateCode = function() {
               ];
             case 9:
               _state.sent();
-              _state.label = 10;
+              return [
+                4,
+                templates.fileSystemRoutes({
+                  metaName,
+                  routes,
+                  ssrMode: useSSG ? "string" : mode,
+                  nestedRoutesEntry: entrypoint.nestedRoutesEntry,
+                  entryName: entrypoint.entryName,
+                  internalDirectory,
+                  splitRouteChunks: _$config === null || _$config === void 0 ? void 0 : (_config_output2 = _$config.output) === null || _config_output2 === void 0 ? void 0 : _config_output2.splitRouteChunks
+                })
+              ];
             case 10:
+              mfServerRoutesCode = _state.sent();
+              return [
+                4,
+                fs.outputFile(path.resolve(internalDirectory, "./".concat(entryName, "/mf-routes.js")), mfServerRoutesCode, "utf8")
+              ];
+            case 11:
+              _state.sent();
+              _state.label = 12;
+            case 12:
               serverLoaderCombined = templates.ssrLoaderCombinedModule(entrypoints, entrypoint, _$config, appContext);
               if (!serverLoaderCombined)
                 return [
                   3,
-                  12
+                  14
                 ];
               serverLoaderFile = getServerCombinedModueFile(internalDirectory, entryName);
               return [
                 4,
                 fs.outputFile(serverLoaderFile, serverLoaderCombined)
               ];
-            case 11:
+            case 13:
               _state.sent();
-              _state.label = 12;
-            case 12:
+              _state.label = 14;
+            case 14:
               return [
                 4,
                 fs.outputFile(path.resolve(internalDirectory, "./".concat(entryName, "/").concat(FILE_SYSTEM_ROUTES_FILE_NAME)), code, "utf8")
               ];
-            case 13:
+            case 15:
               _state.sent();
-              _state.label = 14;
-            case 14:
+              _state.label = 16;
+            case 16:
               return [
                 2
               ];
@@ -239,25 +259,6 @@ 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/nestedRoutes.js

@@ -3,7 +3,7 @@ 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 * as path from "path";
-import { JS_EXTENSIONS, fs, normalizeToPosixPath } from "@modern-js/utils";
+import { fs, JS_EXTENSIONS, normalizeToPosixPath } from "@modern-js/utils";
 import { NESTED_ROUTE } from "../constants";
 import { getPathWithoutExt, hasAction, replaceWithAlias } from "./utils";
 var conventionNames = Object.values(NESTED_ROUTE);

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

@@ -4,7 +4,7 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import path from "path";
-import { findExists, formatImportPath, fs, getEntryOptions, isSSGEntry, slash } from "@modern-js/utils";
+import { fs, findExists, formatImportPath, getEntryOptions, isSSGEntry, slash } from "@modern-js/utils";
 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";
@@ -414,7 +414,7 @@ function ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext) {
     if (!config.source.enableAsyncEntry) {
       return combinedModule;
     }
-    return 'export default Promise.all([import("'.concat(slash(serverLoaderRuntime), '"),import("').concat(slash(serverLoadersFile), '")]).then(res=>{\n      return res.reduce((sum,cur)=>{\n        return {\n          ...sum,\n          ...cur\n        }\n     },{})\n    })');
+    return '\n    async function loadModules() {\n      const [moduleA, moduleB] = await Promise.all([\n        import("'.concat(slash(serverLoaderRuntime), '"),\n        import("').concat(slash(serverLoadersFile), '")\n      ]);\n\n      return {\n        ...moduleA,\n        ...moduleB\n      };\n    }\n\n    export { loadModules };\n    ');
   }
   return null;
 }

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

@@ -4,9 +4,9 @@ import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import fs from "fs";
 import path from "path";
-import { normalizeToPosixPath, fs as fse, JS_EXTENSIONS } from "@modern-js/utils";
-import { transform } from "esbuild";
+import { JS_EXTENSIONS, fs as fse, normalizeToPosixPath } from "@modern-js/utils";
 import { parse } from "es-module-lexer";
+import { transform } from "esbuild";
 import { ACTION_EXPORT_NAME, LOADER_EXPORT_NAME } from "../constants";
 var walkDirectory = function(dir) {
   return fs.readdirSync(dir).reduce(function(previous, filename) {

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

@@ -1,7 +1,7 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import path from "path";
-import { JS_EXTENSIONS, findExists, fs, isRouterV5 } from "@modern-js/utils";
+import { fs, JS_EXTENSIONS, findExists, isRouterV5 } from "@modern-js/utils";
 import { hasApp } from "../../cli/entry";
 import { FILE_SYSTEM_ROUTES_GLOBAL_LAYOUT, NESTED_ROUTES_DIR, PAGES_DIR_NAME } from "./constants";
 var hasPages = function(dir) {

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

@@ -2,9 +2,9 @@ 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 { cloneDeep } from "@modern-js/utils/lodash";
-import { modifyEntrypoints } from "./entry";
-import { isPageComponentFile } from "./code/utils";
 import * as templates from "./code/templates";
+import { isPageComponentFile } from "./code/utils";
+import { modifyEntrypoints } from "./entry";
 var originEntrypoints = [];
 function handleModifyEntrypoints(api, entrypoints) {
   return _handleModifyEntrypoints.apply(this, arguments);

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

@@ -3,7 +3,7 @@ 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 path from "node:path";
-import { createRuntimeExportsUtils, filterRoutesForServer, fs, getEntryOptions, isRouterV5 as isV5, NESTED_ROUTE_SPEC_FILE } from "@modern-js/utils";
+import { fs, NESTED_ROUTE_SPEC_FILE, createRuntimeExportsUtils, filterRoutesForServer, getEntryOptions, isRouterV5 as isV5 } from "@modern-js/utils";
 import { isRouteEntry } from "./entry";
 import { handleFileChange, handleGeneratorEntryCode, handleModifyEntrypoints } from "./handler";
 import { isRouteEntry as isRouteEntry2 } from "./entry";

package/dist/esm/router/runtime/DeferredDataScripts.node.js

@@ -1,8 +1,8 @@
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Suspense, useEffect, useRef, useMemo } from "react";
-import { Await, useAsyncError } from "@modern-js/runtime-utils/router";
 import { serializeJson } from "@modern-js/runtime-utils/node";
+import { Await, useAsyncError } from "@modern-js/runtime-utils/router";
+import { Suspense, useEffect, useMemo, useRef } from "react";
 import { serializeErrors } from "./utils";
 var setupFnStr = "function s(r,e){_ROUTER_DATA.r=_ROUTER_DATA.r||{},_ROUTER_DATA.r[r]=_ROUTER_DATA.r[r]||{};return new Promise((function(A,R){_ROUTER_DATA.r[r][e]={resolve:A,reject:R}}))};";
 var resolveFnStr = "function r(e,r,o,A){A?_ROUTER_DATA.r[e][r].reject(A):_ROUTER_DATA.r[e][r].resolve(o)};";

package/dist/esm/router/runtime/PrefetchLink.js

@@ -4,8 +4,8 @@ import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Link as RouterLink, NavLink as RouterNavLink, matchRoutes, useHref, useMatches, useResolvedPath } from "@modern-js/runtime-utils/router";
 import React, { useContext, useMemo } from "react";
-import { Link as RouterLink, matchRoutes, useResolvedPath, useHref, useMatches, NavLink as RouterNavLink } from "@modern-js/runtime-utils/router";
 import { RuntimeReactContext } from "../../core";
 function composeEventHandlers(theirHandler, ourHandler) {
   return function(event) {

package/dist/esm/router/runtime/plugin.js

@@ -2,12 +2,12 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext, useMemo } from "react";
-import { createBrowserRouter, createHashRouter, RouterProvider, createRoutesFromElements, useMatches, useLocation, useHref } from "@modern-js/runtime-utils/router";
-import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
 import { merge } from "@modern-js/runtime-utils/merge";
-import { getGlobalLayoutApp, getGlobalRoutes } from "../../core/context";
+import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
+import { RouterProvider, createBrowserRouter, createHashRouter, createRoutesFromElements, useHref, useLocation, useMatches } from "@modern-js/runtime-utils/router";
+import { useContext, useMemo } from "react";
 import { RuntimeReactContext } from "../../core";
+import { getGlobalLayoutApp, getGlobalRoutes } from "../../core/context";
 import { modifyRoutes as modifyRoutesHook } from "./hooks";
 import { deserializeErrors, renderRoutes, urlJoin } from "./utils";
 var finalRouteConfig = {

package/dist/esm/router/runtime/plugin.node.js

@@ -4,20 +4,20 @@ 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 { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useContext } from "react";
+import { merge } from "@modern-js/runtime-utils/merge";
+import { createRequestContext, reporterCtx } from "@modern-js/runtime-utils/node";
+import { StaticRouterProvider, createStaticRouter } from "@modern-js/runtime-utils/node/router";
 import { createStaticHandler } from "@modern-js/runtime-utils/remix-router";
-import { createStaticRouter, StaticRouterProvider } from "@modern-js/runtime-utils/node/router";
 import { createRoutesFromElements } from "@modern-js/runtime-utils/router";
-import { reporterCtx, createRequestContext } from "@modern-js/runtime-utils/node";
 import { time } from "@modern-js/runtime-utils/time";
 import { LOADER_REPORTER_NAME } from "@modern-js/utils/universal/constants";
-import { merge } from "@modern-js/runtime-utils/merge";
+import { useContext } from "react";
 import { JSX_SHELL_STREAM_END_MARK } from "../../common";
 import { RuntimeReactContext } from "../../core";
 import { getGlobalLayoutApp, getGlobalRoutes } from "../../core/context";
-import { renderRoutes, urlJoin } from "./utils";
-import { modifyRoutes as modifyRoutesHook } from "./hooks";
 import DeferredDataScripts from "./DeferredDataScripts.node";
+import { modifyRoutes as modifyRoutesHook } from "./hooks";
+import { renderRoutes, urlJoin } from "./utils";
 function createRemixReuqest(request) {
   var method = "GET";
   var headers = request.headers;

package/dist/esm/router/runtime/utils.js

@@ -4,9 +4,9 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Route, isRouteErrorResponse } from "@modern-js/runtime-utils/router";
-import { UNSAFE_ErrorResponseImpl as ErrorResponseImpl } from "@modern-js/runtime-utils/remix-router";
 import { renderNestedRoute } from "@modern-js/runtime-utils/browser";
+import { UNSAFE_ErrorResponseImpl as ErrorResponseImpl } from "@modern-js/runtime-utils/remix-router";
+import { Route, isRouteErrorResponse } from "@modern-js/runtime-utils/router";
 import { DefaultNotFound } from "./DefaultNotFound";
 import DeferredDataScripts from "./DeferredDataScripts";
 function getRouteComponents(routes, param) {

package/dist/esm/state/plugins.js

@@ -1,5 +1,5 @@
-import { plugin as effectsPlugin } from "@modern-js-reduck/plugin-effects";
 import autoActionsPlugin from "@modern-js-reduck/plugin-auto-actions";
+import { plugin as effectsPlugin } from "@modern-js-reduck/plugin-effects";
 import immerPlugin from "@modern-js-reduck/plugin-immutable";
 import { default as default2 } from "@modern-js-reduck/plugin-devtools";
 var effects = function() {

package/dist/esm/state/runtime/plugin.js

@@ -1,13 +1,13 @@
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useContext } from "react";
-import { createStore } from "@modern-js-reduck/store";
 import { Provider } from "@modern-js-reduck/react";
+import { createStore } from "@modern-js-reduck/store";
 import { merge } from "@modern-js/runtime-utils/merge";
-import { immer, effects, autoActions, devtools } from "../plugins";
-import { RuntimeReactContext } from "../../core";
+import { useContext } from "react";
 import { isBrowser } from "../../common";
+import { RuntimeReactContext } from "../../core";
+import { autoActions, devtools, effects, immer } from "../plugins";
 var StatePluginHandleMap = {
   immer,
   effects,

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

@@ -1,6 +1,6 @@
 import path from "path";
 import { fs } from "@modern-js/utils";
-import { INDEX_FILE_NAME, ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME, ENTRY_POINT_REGISTER_FILE_NAME, ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME, ENTRY_POINT_RUNTIME_REGISTER_FILE_NAME, SERVER_ENTRY_POINT_FILE_NAME, ENTRY_SERVER_BOOTSTRAP_FILE_NAME } from "./constants";
+import { ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME, ENTRY_POINT_REGISTER_FILE_NAME, ENTRY_POINT_RUNTIME_GLOBAL_CONTEXT_FILE_NAME, ENTRY_POINT_RUNTIME_REGISTER_FILE_NAME, ENTRY_SERVER_BOOTSTRAP_FILE_NAME, INDEX_FILE_NAME, SERVER_ENTRY_POINT_FILE_NAME } from "./constants";
 import * as template from "./template";
 import * as serverTemplate from "./template.server";
 function getSSRMode(entry, config) {

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

@@ -1,13 +1,13 @@
 import path from "path";
 import { isReact18 as checkIsReact18, cleanRequireCache, createRuntimeExportsUtils } from "@modern-js/utils";
-import { statePlugin } from "../state/cli";
-import { routerPlugin } from "../router/cli";
 import { documentPlugin } from "../document/cli";
-import { ssrPlugin } from "./ssr";
-import { isRuntimeEntry } from "./entry";
-import { ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME } from "./constants";
-import { generateCode } from "./code";
+import { routerPlugin } from "../router/cli";
+import { statePlugin } from "../state/cli";
 import { builderPluginAlias } from "./alias";
+import { generateCode } from "./code";
+import { ENTRY_BOOTSTRAP_FILE_NAME, ENTRY_POINT_FILE_NAME } from "./constants";
+import { isRuntimeEntry } from "./entry";
+import { ssrPlugin } from "./ssr";
 import { isRuntimeEntry as isRuntimeEntry2 } from "./entry";
 const runtimePlugin = (params) => ({
   name: "@modern-js/runtime",
@@ -103,10 +103,7 @@ const runtimePlugin = (params) => ({
               ]
             },
             bundlerChain: (chain) => {
-              chain.module.rule("modern-entry").test([
-                /\.js$/,
-                /\.jsx$/
-              ]).include.add(path.resolve(appDirectory, "node_modules", `.${metaName}`)).end().sideEffects(true);
+              chain.module.rule("modern-entry").test(/\.jsx?$/).include.add(path.resolve(appDirectory, "node_modules", `.${metaName}`)).end().sideEffects(true);
             },
             /**
             * Add IgnorePlugin to fix react-dom/client import error when use react17

package/dist/esm-node/cli/ssr/babel-plugin-ssr-loader-id.js

@@ -2,8 +2,8 @@ var __getOwnPropNames = Object.getOwnPropertyNames;
 var __commonJS = (cb, mod) => function __require() {
   return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
 };
-import crypto from "crypto";
 import { Buffer as Buffer2 } from "buffer";
+import crypto from "crypto";
 import * as t from "@babel/types";
 import { get } from "@modern-js/utils/lodash";
 var require_babel_plugin_ssr_loader_id = __commonJS({

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

@@ -53,7 +53,7 @@ const runtimeGlobalContext = ({ srcDirectory, internalSrcAlias, metaName, entry,
   return `import { setGlobalContext } from '@${metaName}/runtime/context'
 
 import App from '${// We need to get the path of App.tsx here, but the entry is `src/entry.tsx`
-  formatImportPath(customEntry ? entry.replace("entry.tsx", "App.tsx").replace(srcDirectory, internalSrcAlias) : entry.replace(srcDirectory, internalSrcAlias))}';
+  formatImportPath(customEntry ? entry.replace("entry.tsx", "App").replace(srcDirectory, internalSrcAlias) : entry.replace(srcDirectory, internalSrcAlias).replace(".tsx", ""))}';
 
 setGlobalContext({
   App,

package/dist/esm-node/core/browser/hydrate.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { normalizePathname } from "@modern-js/runtime-utils/url";
 import { loadableReady } from "@loadable/component";
+import { normalizePathname } from "@modern-js/runtime-utils/url";
 import { RenderLevel } from "../constants";
 import { wrapRuntimeContextProvider } from "../react/wrapper";
 import { WithCallback } from "./withCallback";

package/dist/esm-node/core/browser/index.js

@@ -1,11 +1,11 @@
-import cookieTool from "cookie";
 import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
+import cookieTool from "cookie";
+import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID } from "../constants";
 import { getGlobalAppInit } from "../context";
 import { getInitialContext } from "../context/runtime";
 import { createLoaderManager } from "../loader/loaderManager";
 import { getGlobalRunner } from "../plugin/runner";
 import { wrapRuntimeContextProvider } from "../react/wrapper";
-import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID } from "../constants";
 import { hydrateRoot } from "./hydrate";
 const IS_REACT18 = process.env.IS_REACT18 === "true";
 const getQuery = () => window.location.search.substring(1).split("&").reduce((res, item) => {

package/dist/esm-node/core/browser/withCallback.js

@@ -1,4 +1,4 @@
-import { useRef, useLayoutEffect } from "react";
+import { useLayoutEffect, useRef } from "react";
 const WithCallback = ({ callback, children }) => {
   const once = useRef(false);
   useLayoutEffect(() => {

package/dist/esm-node/core/compatible.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext, useMemo } from "react";
 import { ROUTE_MANIFEST } from "@modern-js/utils/universal/constants";
+import React, { useContext, useMemo } from "react";
+import { hydrateRoot as ModernHydrateRoot } from "./browser/hydrate";
+import { getGlobalAppInit } from "./context";
 import { RuntimeReactContext } from "./context/runtime";
-import { registerPlugin } from "./plugin";
 import { createLoaderManager } from "./loader/loaderManager";
+import { registerPlugin } from "./plugin";
 import { getGlobalRunner } from "./plugin/runner";
-import { getGlobalAppInit } from "./context";
-import { hydrateRoot as ModernHydrateRoot } from "./browser/hydrate";
 import { wrapRuntimeContextProvider } from "./react/wrapper";
 const IS_REACT18 = process.env.IS_REACT18 === "true";
 function isClientArgs(id) {

package/dist/esm-node/core/context/runtime.js

@@ -1,5 +1,5 @@
-import { createContext } from "react";
 import { ROUTE_MANIFEST } from "@modern-js/utils/universal/constants";
+import { createContext } from "react";
 import { createLoaderManager } from "../loader/loaderManager";
 const RuntimeReactContext = createContext({});
 const ServerRouterContext = createContext({});

package/dist/esm-node/core/loader/useLoader.js

@@ -1,5 +1,5 @@
-import { useContext, useRef, useMemo, useState, useCallback, useEffect } from "react";
 import invariant from "invariant";
+import { useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
 import { RuntimeReactContext } from "../context/runtime";
 import { LoaderStatus } from "./loaderManager";
 const useLoader = (loaderFn, options = {

package/dist/esm-node/core/plugin/base.js

@@ -1,4 +1,4 @@
-import { createManager, createWaterfall, createAsyncInterruptWorkflow, createSyncParallelWorkflow, createContext } from "@modern-js/plugin";
+import { createAsyncInterruptWorkflow, createContext, createManager, createSyncParallelWorkflow, createWaterfall } from "@modern-js/plugin";
 const RuntimeConfigContext = createContext({});
 const useRuntimeConfigContext = () => RuntimeConfigContext.use().value;
 const wrapRoot = createWaterfall();

package/dist/esm-node/core/plugin/index.js

@@ -1,5 +1,5 @@
 import { merge } from "@modern-js/runtime-utils/merge";
-import { runtime, RuntimeConfigContext } from "./base";
+import { RuntimeConfigContext, runtime } from "./base";
 import { getGlobalRunner, setGlobalRunner } from "./runner";
 export * from "./base";
 function setupConfigContext() {

package/dist/esm-node/core/server/react/prerender/index.js

@@ -1,6 +1,6 @@
-import withSideEffect from "react-side-effect";
 import React, { createElement } from "react";
-import { getOutermostProperty, aggKeysFromPropsList, exist, aggMatchesFromPropsList } from "./util";
+import withSideEffect from "react-side-effect";
+import { aggKeysFromPropsList, aggMatchesFromPropsList, exist, getOutermostProperty } from "./util";
 const PROP_NAMES = {
   INTERVAL: "interval",
   STALE_LIMIT: "staleLimit",

package/dist/esm-node/core/server/requestHandler.js

@@ -1,11 +1,11 @@
 import { getPathname, parseCookie, parseHeaders, parseQuery } from "@modern-js/runtime-utils/universal/request";
-import { createRoot } from "../react";
 import { getGlobalAppInit } from "../context";
-import { getGlobalRunner } from "../plugin/runner";
 import { getInitialContext } from "../context/runtime";
 import { createLoaderManager } from "../loader/loaderManager";
-import { getSSRConfigByEntry, getSSRMode } from "./utils";
+import { getGlobalRunner } from "../plugin/runner";
+import { createRoot } from "../react";
 import { CHUNK_CSS_PLACEHOLDER } from "./constants";
+import { getSSRConfigByEntry, getSSRMode } from "./utils";
 function createSSRContext(request, options) {
   const { config, loaderContext, onError, onTiming, locals, resource, params, responseProxy, logger, metrics, reporter } = options;
   const { nonce } = config;
@@ -63,6 +63,7 @@ function createSSRContext(request, options) {
 }
 const createRequestHandler = async (handleRequest) => {
   const requestHandler = async (request, options) => {
+    var _context_routerContext, _context_routerContext1;
     const Root = createRoot();
     const runner = getGlobalRunner();
     const { routeManifest } = options.resource;
@@ -110,6 +111,10 @@ const createRequestHandler = async (handleRequest) => {
       return void 0;
     };
     const initialData = await runBeforeRender(context);
+    if (((_context_routerContext = context.routerContext) === null || _context_routerContext === void 0 ? void 0 : _context_routerContext.statusCode) && ((_context_routerContext1 = context.routerContext) === null || _context_routerContext1 === void 0 ? void 0 : _context_routerContext1.statusCode) !== 200) {
+      var _context_routerContext2, _context_ssrContext;
+      (_context_ssrContext = context.ssrContext) === null || _context_ssrContext === void 0 ? void 0 : _context_ssrContext.response.status((_context_routerContext2 = context.routerContext) === null || _context_routerContext2 === void 0 ? void 0 : _context_routerContext2.statusCode);
+    }
     context.initialData = initialData;
     const redirectResponse = getRedirectResponse(initialData);
     if (redirectResponse) {

package/dist/esm-node/core/server/stream/afterTemplate.js

@@ -1,7 +1,7 @@
 import { serializeJson } from "@modern-js/runtime-utils/node";
-import { attributesToString, safeReplace } from "../utils";
 import { SSR_DATA_PLACEHOLDER } from "../constants";
 import { buildHtml } from "../shared";
+import { attributesToString, safeReplace } from "../utils";
 function buildShellAfterTemplate(afterAppTemplate, options) {
   const { request, config, ssrConfig, runtimeContext, renderLevel, entryName } = options;
   const callbacks = [

package/dist/esm-node/core/server/stream/beforeTemplate.js

@@ -1,9 +1,9 @@
-import ReactHelmet from "react-helmet";
 import { matchRoutes } from "@modern-js/runtime-utils/router";
-import { createReplaceHelemt } from "../helmet";
+import ReactHelmet from "react-helmet";
 import { CHUNK_CSS_PLACEHOLDER } from "../constants";
-import { checkIsNode, safeReplace } from "../utils";
+import { createReplaceHelemt } from "../helmet";
 import { buildHtml } from "../shared";
+import { checkIsNode, safeReplace } from "../utils";
 const readAsset = async (chunk) => {
   const fs = await import("fs/promises");
   const path = await import("path");

package/dist/esm-node/core/server/stream/createReadableStream.js

@@ -1,11 +1,11 @@
 import { Transform } from "stream";
 import { createReadableStreamFromReadable } from "@modern-js/runtime-utils/node";
-import { ServerStyleSheet } from "styled-components";
 import checkIsBot from "isbot";
+import { ServerStyleSheet } from "styled-components";
 import { ESCAPED_SHELL_STREAM_END_MARK } from "../../../common";
 import { RenderLevel } from "../../constants";
-import { getTemplates } from "./template";
 import { ShellChunkStatus, getReadableStreamFromString } from "./shared";
+import { getTemplates } from "./template";
 const createReadableStreamFromElement = async (request, rootElement, options) => {
   const { renderToPipeableStream } = await import("react-dom/server");
   const { runtimeContext, htmlTemplate, config, ssrConfig, entryName } = options;

package/dist/esm-node/core/server/stream/createReadableStream.worker.js

@@ -1,7 +1,7 @@
-import { renderToReadableStream } from "react-dom/server";
 import checkIsBot from "isbot";
-import { RenderLevel } from "../../constants";
+import { renderToReadableStream } from "react-dom/server";
 import { ESCAPED_SHELL_STREAM_END_MARK } from "../../../common";
+import { RenderLevel } from "../../constants";
 import { ShellChunkStatus, encodeForWebStream, getReadableStreamFromString } from "./shared";
 import { getTemplates } from "./template";
 const createReadableStreamFromElement = async (request, rootElement, options) => {

package/dist/esm-node/core/server/stream/shared.js

@@ -1,6 +1,6 @@
+import { run } from "@modern-js/runtime-utils/node";
 import { time } from "@modern-js/runtime-utils/time";
 import { parseHeaders } from "@modern-js/runtime-utils/universal/request";
-import { run } from "@modern-js/runtime-utils/node";
 import { wrapRuntimeContextProvider } from "../../react/wrapper";
 import { SSRErrors, SSRTimings, createOnError, createOnTiming } from "../tracer";
 import { getSSRConfigByEntry } from "../utils";

package/dist/esm-node/core/server/stream/template.js

@@ -1,5 +1,5 @@
-import { buildShellBeforeTemplate } from "./beforeTemplate";
 import { buildShellAfterTemplate } from "./afterTemplate";
+import { buildShellBeforeTemplate } from "./beforeTemplate";
 const HTML_SEPARATOR = "<!--<?- html ?>-->";
 const getTemplates = async (htmlTemplate, options) => {
   const [beforeAppTemplate = "", afterAppHtmlTemplate = ""] = htmlTemplate.split(HTML_SEPARATOR) || [];

package/dist/esm-node/core/server/string/index.js

@@ -1,19 +1,19 @@
-import ReactHelmet from "react-helmet";
-import ReactDomServer from "react-dom/server";
-import { time } from "@modern-js/runtime-utils/time";
 import { run } from "@modern-js/runtime-utils/node";
+import { time } from "@modern-js/runtime-utils/time";
 import { parseHeaders } from "@modern-js/runtime-utils/universal/request";
+import ReactDomServer from "react-dom/server";
+import ReactHelmet from "react-helmet";
+import { RenderLevel } from "../../constants";
 import { wrapRuntimeContextProvider } from "../../react/wrapper";
-import { createReplaceHelemt } from "../helmet";
-import { getSSRConfigByEntry, safeReplace } from "../utils";
 import { CHUNK_CSS_PLACEHOLDER, CHUNK_JS_PLACEHOLDER, HTML_PLACEHOLDER, SSR_DATA_PLACEHOLDER } from "../constants";
+import { createReplaceHelemt } from "../helmet";
 import { buildHtml } from "../shared";
 import { SSRErrors, SSRTimings, createOnError, createOnTiming } from "../tracer";
-import { RenderLevel } from "../../constants";
-import { SSRDataCollector } from "./ssrData";
+import { getSSRConfigByEntry, safeReplace } from "../utils";
 import { LoadableCollector } from "./loadable";
-import { StyledCollector } from "./styledComponent";
 import { prefetch } from "./prefetch";
+import { SSRDataCollector } from "./ssrData";
+import { StyledCollector } from "./styledComponent";
 const renderString = async (request, serverRoot, options) => {
   const headersData = parseHeaders(request);
   return run(headersData, async () => {