@bleedingdev/modern-js-runtime 3.5.0-ultramodern.102 → 3.5.0-ultramodern.103

package/dist/esm/module-federation/manifest-recovery-runtime-plugin.mjs

@@ -1,3 +1,4 @@
+import { wait } from "@modern-js/utils/universal";
 const DEFAULT_ATTEMPTS = 3;
 const DEFAULT_RETRY_DELAY_MS = 100;
 const DEFAULT_TIMEOUT_MS = 1000;
@@ -43,7 +44,7 @@ const isRetryableError = (error)=>{
     return error instanceof TypeError || /(?:fetch failed|network|ECONNREFUSED|ECONNRESET|ETIMEDOUT|EAI_AGAIN)/i.test(message);
 };
 const isHttpManifestUrl = (id)=>{
-    if (!id) return false;
+    if (void 0 === id || 0 === id.length) return false;
     try {
         const url = new URL(id);
         return ('http:' === url.protocol || 'https:' === url.protocol) && url.pathname.endsWith('.json');
@@ -51,47 +52,35 @@ const isHttpManifestUrl = (id)=>{
         return false;
     }
 };
-const defaultWait = (milliseconds)=>new Promise((resolve)=>{
-        setTimeout(resolve, milliseconds);
+const defaultWait = (milliseconds)=>wait(milliseconds).then(()=>void 0);
+const fetchWithTimeout = (fetchImpl, url, timeoutMs)=>fetchImpl(url, {
+        signal: AbortSignal.timeout(timeoutMs)
     });
-const fetchWithTimeout = async (fetchImpl, url, timeoutMs)=>{
-    const controller = new AbortController();
-    const timeout = setTimeout(()=>controller.abort(), timeoutMs);
-    try {
-        return await fetchImpl(url, {
-            signal: controller.signal
-        });
-    } finally{
-        clearTimeout(timeout);
-    }
-};
 const createModuleFederationManifestRecoveryPlugin = (options = {})=>{
     const attempts = clampInteger(options.attempts, DEFAULT_ATTEMPTS, 1, MAX_ATTEMPTS);
     const retryDelayMs = clampInteger(options.retryDelayMs, DEFAULT_RETRY_DELAY_MS, 0, MAX_RETRY_DELAY_MS);
     const timeoutMs = clampInteger(options.timeoutMs, DEFAULT_TIMEOUT_MS, 1, MAX_TIMEOUT_MS);
     const fetchImpl = options.fetchImpl ?? globalThis.fetch;
     const waitImpl = options.waitImpl ?? defaultWait;
+    const recoverManifest = (url, attempt)=>{
+        const fetchManifest = ()=>Promise.resolve().then(()=>fetchWithTimeout(fetchImpl, url, timeoutMs)).then((response)=>{
+                if (!response.ok) {
+                    if (!RETRYABLE_HTTP_STATUSES.has(response.status) || attempt === attempts - 1) return;
+                    return recoverManifest(url, attempt + 1);
+                }
+                return Promise.resolve().then(()=>response.json()).then((manifest)=>manifest, ()=>void 0);
+            }, (error)=>{
+                if (!isRetryableError(error) || attempt === attempts - 1) return;
+                return recoverManifest(url, attempt + 1);
+            });
+        if (attempt > 0 && retryDelayMs > 0) return waitImpl(retryDelayMs).then(fetchManifest);
+        return fetchManifest();
+    };
     return {
         name: 'modern-js-manifest-recovery-plugin',
-        async errorLoadRemote (args) {
-            if ('afterResolve' !== args.lifecycle || !isHttpManifestUrl(args.id) || !isRetryableError(args.error) || 'function' != typeof fetchImpl) return;
-            for(let attempt = 0; attempt < attempts; attempt++){
-                if (attempt > 0 && retryDelayMs > 0) await waitImpl(retryDelayMs);
-                try {
-                    const response = await fetchWithTimeout(fetchImpl, args.id, timeoutMs);
-                    if (!response.ok) {
-                        if (!RETRYABLE_HTTP_STATUSES.has(response.status) || attempt === attempts - 1) return;
-                        continue;
-                    }
-                    try {
-                        return await response.json();
-                    } catch  {
-                        break;
-                    }
-                } catch (error) {
-                    if (!isRetryableError(error) || attempt === attempts - 1) break;
-                }
-            }
+        errorLoadRemote (args) {
+            if ('afterResolve' !== args.lifecycle || !isHttpManifestUrl(args.id) || !isRetryableError(args.error) || 'function' != typeof fetchImpl) return Promise.resolve(void 0);
+            return recoverManifest(args.id, 0);
         }
     };
 };

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

@@ -41,6 +41,7 @@ async function generateRoutesForEntry(entrypoint, appContext) {
 }
 const generateCode = async (appContext, config, entrypoints, api, options = {})=>{
     const { internalDirectory, srcDirectory, internalSrcAlias, packageName } = appContext;
+    const includeRouteServerLoadersInSsrEntry = false !== options.includeRouteServerLoadersInSsrEntry || !isUseRsc(config);
     const hooks = api.getHooks();
     const generatedRoutesByEntry = {};
     const eagerRouteComponentFilesByEntry = new Map();
@@ -106,12 +107,14 @@ const generateCode = async (appContext, config, entrypoints, api, options = {})=
                 if (entrypoint.nestedRoutesEntry && (isUseSSRBundle(config) || isUseRsc(config))) {
                     const routesServerFile = getServerLoadersFile(internalDirectory, entryName);
                     const filtedRoutesForServer = filterRoutesForServer(routes);
-                    const routesForServerLoaderMatches = filterRoutesLoader(routes);
-                    const code = __rspack_external__templates_mjs_ab577925.routesForServer({
-                        routesForServerLoaderMatches
-                    });
-                    await fs.ensureFile(routesServerFile);
-                    await fs.writeFile(routesServerFile, code);
+                    if (includeRouteServerLoadersInSsrEntry) {
+                        const routesForServerLoaderMatches = filterRoutesLoader(routes);
+                        const code = __rspack_external__templates_mjs_ab577925.routesForServer({
+                            routesForServerLoaderMatches
+                        });
+                        await fs.ensureFile(routesServerFile);
+                        await fs.writeFile(routesServerFile, code);
+                    } else await fs.remove(routesServerFile);
                     const serverRoutesCode = await __rspack_external__templates_mjs_ab577925.fileSystemRoutes({
                         metaName,
                         routes: filtedRoutesForServer,
@@ -121,12 +124,15 @@ const generateCode = async (appContext, config, entrypoints, api, options = {})=
                         internalDirectory,
                         splitRouteChunks: config?.output?.splitRouteChunks,
                         isRscClientBundle: false,
+                        isolateRouteDataInRscLayer: isUseRsc(config) && options.isolateRouteDataInRscLayer,
                         srcDirectory,
                         internalSrcAlias: appContext.internalSrcAlias
                     });
                     await fs.outputFile(path.resolve(internalDirectory, `./${entryName}/${options.serverRoutesFileName || 'routes.server.js'}`), serverRoutesCode, 'utf8');
                 }
-                const serverLoaderCombined = __rspack_external__templates_mjs_ab577925.ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext);
+                const serverLoaderCombined = __rspack_external__templates_mjs_ab577925.ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext, {
+                    includeRouteServerLoaders: includeRouteServerLoadersInSsrEntry
+                });
                 if (serverLoaderCombined) {
                     const serverLoaderFile = getServerCombinedModuleFile(internalDirectory, entryName);
                     await fs.outputFile(serverLoaderFile, serverLoaderCombined);

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

@@ -89,7 +89,7 @@ async function hasUseClientDirective(componentPath, srcDirectory, internalSrcAli
         await fh?.close();
     }
 }
-const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry, entryName, internalDirectory, splitRouteChunks = true, isRscClientBundle = false, hydrateRscClientRoutes = false, srcDirectory, internalSrcAlias })=>{
+const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry, entryName, internalDirectory, splitRouteChunks = true, isRscClientBundle = false, hydrateRscClientRoutes = false, isolateRouteDataInRscLayer = false, srcDirectory, internalSrcAlias })=>{
     const components = [];
     const loadings = [];
     const errors = [];
@@ -181,9 +181,9 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
             component = `component_${components.length - 1}`;
         }
         const isClientComponent = 'nested' === route.type && Boolean(route._component) && Boolean(srcDirectory) && Boolean(internalSrcAlias) && await hasUseClientDirective(route._component, srcDirectory, internalSrcAlias);
-        const shouldHydrateRscRoute = hydrateRscClientRoutes && isRscClientBundle && !isClientComponent && !route.loader && !route.data;
+        const shouldHydrateRscRoute = hydrateRscClientRoutes && isRscClientBundle && !isClientComponent && ('nested' !== route.type || !route.loader && !route.data);
         const shouldIncludeClientBundle = !isRscClientBundle || isClientComponent || shouldHydrateRscRoute;
-        if (route.isRoot && route._component && shouldIncludeClientBundle) rootLayoutCode = `import RootLayout from '${route._component}'`;
+        if ('nested' === route.type && route.isRoot && route._component && shouldIncludeClientBundle) rootLayoutCode = `import RootLayout from '${route._component}'`;
         const finalRoute = {
             ...route,
             loading,
@@ -244,32 +244,30 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
     const importComponentsCode = components.map((component, index)=>`import component_${index} from '${component}';\n`).join('');
     const importErrorComponentsCode = errors.map((error, index)=>`import error_${index} from '${error}';\n`).join('');
     let importLoadersCode = '';
-    for (const [key, loaderInfo] of Object.entries(loadersMap))if (loaderInfo.inline) {
+    const isolatedRouteDataDirectory = path.join(internalDirectory, entryName, '__rsc_route_data__');
+    await fs.remove(isolatedRouteDataDirectory);
+    if (isolateRouteDataInRscLayer) await fs.ensureDir(isolatedRouteDataDirectory);
+    for (const [key, loaderInfo] of Object.entries(loadersMap)){
         const { route } = loaderInfo;
-        if (route.action) importLoadersCode += `import { loader as ${key}, action as action_${loaderInfo.loaderId} } from "${slash(loaderInfo.filePath)}${getDataLoaderPath({
+        const loaderRequest = `${slash(loaderInfo.filePath)}${getDataLoaderPath({
             loaderId: key,
             clientData: loaderInfo.clientData,
-            action: route.action,
+            action: route.action || false,
             inline: loaderInfo.inline,
             routeId: loaderInfo.routeId,
             inValidSSRRoute: loaderInfo.inValidSSRRoute
-        })}";\n`;
-        else importLoadersCode += `import { loader as ${key} } from "${slash(loaderInfo.filePath)}${getDataLoaderPath({
-            loaderId: key,
-            clientData: loaderInfo.clientData,
-            action: false,
-            inline: loaderInfo.inline,
-            routeId: route.id,
-            inValidSSRRoute: loaderInfo.inValidSSRRoute
-        })}";\n`;
-    } else importLoadersCode += `import ${key} from "${slash(loaderInfo.filePath)}${getDataLoaderPath({
-        loaderId: key,
-        clientData: loaderInfo.clientData,
-        action: false,
-        inline: loaderInfo.inline,
-        routeId: loaderInfo.routeId,
-        inValidSSRRoute: loaderInfo.inValidSSRRoute
-    })}";\n`;
+        })}`;
+        let loaderImport = loaderRequest;
+        if (isolateRouteDataInRscLayer) {
+            const isolatedLoaderFile = path.join(isolatedRouteDataDirectory, `${key}.js`);
+            const isolatedLoaderCode = loaderInfo.inline ? route.action ? `export { loader, action } from ${JSON.stringify(loaderRequest)};` : `export { loader } from ${JSON.stringify(loaderRequest)};` : `export { default } from ${JSON.stringify(loaderRequest)};`;
+            await fs.outputFile(isolatedLoaderFile, isolatedLoaderCode, 'utf8');
+            loaderImport = `./__rsc_route_data__/${key}.js`;
+        }
+        if (loaderInfo.inline) if (route.action) importLoadersCode += `import { loader as ${key}, action as action_${loaderInfo.loaderId} } from "${loaderImport}";\n`;
+        else importLoadersCode += `import { loader as ${key} } from "${loaderImport}";\n`;
+        else importLoadersCode += `import ${key} from "${loaderImport}";\n`;
+    }
     let importConfigsCode = '';
     for (const [key, configPath] of Object.entries(configsMap))importConfigsCode += `import * as ${key} from "${slash(configPath)}";\n`;
     await fs.ensureFile(loadersMapFile);
@@ -295,7 +293,7 @@ const fileSystemRoutes = async ({ metaName, routes, ssrMode, nestedRoutesEntry,
     ${routeComponentsCode}
   `;
 };
-function ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext) {
+function ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext, options = {}) {
     const { entryName, isMainEntry } = entrypoint;
     const { packageName } = appContext;
     const ssr = getEntryOptions(entryName, isMainEntry, config.server.ssr, config.server.ssrByEntries, packageName);
@@ -303,6 +301,17 @@ function ssrLoaderCombinedModule(entrypoints, entrypoint, config, appContext) {
     if (entrypoint.nestedRoutesEntry && (ssr || ssg)) {
         const serverLoaderRuntime = require.resolve('@modern-js/plugin-data-loader/runtime');
         const serverLoadersFile = './route-server-loaders.js';
+        const includeRouteServerLoaders = false !== options.includeRouteServerLoaders;
+        if (!includeRouteServerLoaders) {
+            if (!config.source.enableAsyncEntry) return `export * from "${slash(serverLoaderRuntime)}"`;
+            return `
+      async function loadModules() {
+        return import("${slash(serverLoaderRuntime)}");
+      }
+
+      export { loadModules };
+      `;
+        }
         const combinedModule = `export * from "${slash(serverLoaderRuntime)}"; export * from "${serverLoadersFile}"`;
         if (!config.source.enableAsyncEntry) return combinedModule;
         return `

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

@@ -22,6 +22,8 @@ async function handleGeneratorEntryCode(api, entrypoints, options = {}) {
     const enableRsc = resolvedConfig?.server?.rsc;
     const routesByEntry = await generateCode(appContext, resolvedConfig, entrypoints, api, {
         hydrateRscClientRoutes: normalizedOptions.hydrateRscClientRoutes,
+        includeRouteServerLoadersInSsrEntry: normalizedOptions.includeRouteServerLoadersInSsrEntry,
+        isolateRouteDataInRscLayer: normalizedOptions.isolateRouteDataInRscLayer,
         serverRoutesFileName: normalizedOptions.serverRoutesFileName
     });
     await Promise.all(entrypoints.map(async (entrypoint)=>{

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

@@ -1,10 +1,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { merge } from "@modern-js/runtime-utils/merge";
-import { RouterProvider, createBrowserRouter, createHashRouter, createRoutesFromElements, useHref, useLocation, useMatches } from "@modern-js/runtime-utils/router";
+import { RouterProvider, createBrowserRouter, createHashRouter, createRoutesFromElements, useHref, useInRouterContext, useLocation, useMatches, useNavigate, useParams } from "@modern-js/runtime-utils/router";
 import { normalizePathname } from "@modern-js/runtime-utils/url";
 import * as __rspack_external_react from "react";
-import { InternalRuntimeContext, getGlobalIsRscClient, getGlobalLayoutApp, getGlobalRoutes } from "../../core/context/index.mjs";
+import { InternalRuntimeContext, getGlobalEnableRsc, getGlobalIsRscClient, getGlobalLayoutApp, getGlobalRoutes } from "../../core/context/index.mjs";
 import { applyRouterRuntimeState } from "./lifecycle.mjs";
+import { Link } from "./PrefetchLink.mjs";
 import { routerProviderRegistryHooks } from "./provider.mjs";
 import { createClientRouterFromPayload } from "./rsc-router.mjs";
 import { createRouteObjectsFromConfig, deserializeErrors, renderRoutes, urlJoin } from "./utils.mjs";
@@ -38,9 +39,13 @@ const routerPlugin = (userConfig = {})=>({
                     }
                 }
                 context.router = {
+                    Link: Link,
                     useMatches: useMatches,
                     useLocation: useLocation,
-                    useHref: useHref
+                    useHref: useHref,
+                    useInRouterContext: useInRouterContext,
+                    useNavigate: useNavigate,
+                    useParams: useParams
                 };
                 Object.defineProperty(context, 'routes', {
                     get () {
@@ -64,7 +69,7 @@ const routerPlugin = (userConfig = {})=>({
                 };
                 let cachedRouter = null;
                 const RouterWrapper = (props)=>{
-                    const routerResult = useRouterCreation(process.env.MODERN_ENABLE_RSC ? {
+                    const routerResult = useRouterCreation(("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === getGlobalEnableRsc()) ? {
                         ...props,
                         rscPayload: props?.rscPayload
                     } : props, {
@@ -121,15 +126,15 @@ function useRouterCreation(props, options) {
     const baseUrl = selectBasePath(location.pathname).replace(/^\/*/, '/');
     const _basename = '/' === baseUrl ? urlJoin(baseUrl, runtimeContext._internalRouterBaseName || basename || '') : baseUrl;
     const { unstable_getBlockNavState: getBlockNavState } = runtimeContext;
-    const rscPayload = process.env.MODERN_ENABLE_RSC && props?.rscPayload ? safeUse(props.rscPayload) : null;
-    let hydrationData = process.env.MODERN_ENABLE_RSC ? window._ROUTER_DATA || rscPayload : window._ROUTER_DATA;
+    const rscPayload = ("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === getGlobalEnableRsc()) && props?.rscPayload ? safeUse(props.rscPayload) : null;
+    let hydrationData = "u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ ? window._ROUTER_DATA || rscPayload : window._ROUTER_DATA : true === getGlobalEnableRsc() ? window._ROUTER_DATA || rscPayload : window._ROUTER_DATA;
     return (0, __rspack_external_react.useMemo)(()=>{
         if (hydrationData?.errors) hydrationData = {
             ...hydrationData,
             errors: deserializeErrors(hydrationData.errors)
         };
         let routes = null;
-        routes = process.env.MODERN_ENABLE_RSC && getGlobalIsRscClient() ? createRoutes ? createRoutes() : createRouteObjectsFromConfig({
+        routes = ("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === getGlobalEnableRsc()) && getGlobalIsRscClient() ? createRoutes ? createRoutes() : createRouteObjectsFromConfig({
             routesConfig: finalRouteConfig
         }) : createRoutes ? createRoutes() : createRoutesFromElements(renderRoutes({
             routesConfig: finalRouteConfig,
@@ -137,7 +142,7 @@ function useRouterCreation(props, options) {
         }));
         if (!routes) routes = [];
         const hooks = api.getHooks();
-        if (process.env.MODERN_ENABLE_RSC && rscPayload) try {
+        if (("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === getGlobalEnableRsc()) && rscPayload) try {
             const router = createClientRouterFromPayload(rscPayload, routes, _basename);
             return {
                 router,

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

@@ -1,7 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { merge } from "@modern-js/runtime-utils/merge";
 import { createRequestContext } from "@modern-js/runtime-utils/node";
-import { StaticRouterProvider, createRoutesFromElements, createStaticHandler, createStaticRouter } from "@modern-js/runtime-utils/router";
+import { StaticRouterProvider, createRoutesFromElements, createStaticHandler, createStaticRouter, useInRouterContext, useLocation, useNavigate, useParams } from "@modern-js/runtime-utils/router";
 import { time } from "@modern-js/runtime-utils/time";
 import { LOADER_REPORTER_NAME } from "@modern-js/utils/universal/constants";
 import { useContext } from "react";
@@ -9,6 +9,7 @@ import { InternalRuntimeContext, getGlobalEnableRsc, getGlobalLayoutApp, getGlob
 import { setServerPayload } from "../../core/context/serverPayload/index.server.mjs";
 import DeferredDataScripts_node from "./DeferredDataScripts.node.mjs";
 import { applyRouterRuntimeState, createRouterServerSnapshot } from "./lifecycle.mjs";
+import { Link } from "./PrefetchLink.mjs";
 import { routerProviderRegistryHooks } from "./provider.mjs";
 import { RSCStaticRouter, createServerPayload, handleRSCRedirect, prepareRSCRoutes } from "./rsc-router.mjs";
 import { createRouteObjectsFromConfig, renderRoutes, urlJoin } from "./utils.mjs";
@@ -46,6 +47,13 @@ const routerPlugin = (userConfig = {})=>({
         setup: (api)=>{
             let finalRouteConfig = {};
             api.onBeforeRender(async (context, interrupt)=>{
+                context.router = {
+                    Link: Link,
+                    useInRouterContext: useInRouterContext,
+                    useLocation: useLocation,
+                    useNavigate: useNavigate,
+                    useParams: useParams
+                };
                 const pluginConfig = api.getRuntimeConfig();
                 const { basename = '', routesConfig, createRoutes } = merge(pluginConfig.router || {}, userConfig);
                 finalRouteConfig = {
@@ -134,10 +142,8 @@ const routerPlugin = (userConfig = {})=>({
                     const enableRsc = getGlobalEnableRsc();
                     return (props)=>{
                         const context = useContext(InternalRuntimeContext);
-                        const { routerContext, ssrContext, routes } = context;
-                        const { nonce, mode, useJsonScript } = ssrContext;
+                        const { routerContext, routes } = context;
                         const { basename } = routerContext;
-                        const remixRouter = createStaticRouter(routes, routerContext);
                         if (enableRsc) return App ? /*#__PURE__*/ jsx(App, {
                             children: /*#__PURE__*/ jsx(RSCStaticRouter, {
                                 basename: basename
@@ -146,6 +152,8 @@ const routerPlugin = (userConfig = {})=>({
                             basename: basename
                         });
                         {
+                            const { nonce, mode, useJsonScript } = context.ssrContext;
+                            const remixRouter = createStaticRouter(routes, routerContext);
                             const routerWrapper = /*#__PURE__*/ jsxs(Fragment, {
                                 children: [
                                     /*#__PURE__*/ jsx(StaticRouterProvider, {

package/dist/esm/router/runtime/provider.mjs

@@ -16,7 +16,7 @@ function createRouterProviderRealm(registrations) {
     const providers = new Map();
     let defaultProvider;
     for (const registration of registrations){
-        if (!registration.name) throw new Error('[@modern-js/runtime] A router provider realm cannot contain an unnamed provider.');
+        if (0 === registration.name.length) throw new Error('[@modern-js/runtime] A router provider realm cannot contain an unnamed provider.');
         if (providers.has(registration.name)) throw new Error(`[@modern-js/runtime] Router provider "${registration.name}" is declared more than once in the same runtime realm.`);
         if (true === registration.isDefault && void 0 !== defaultProvider && defaultProvider !== registration.name) throw new Error(`[@modern-js/runtime] Router provider realm declares both "${defaultProvider}" and "${registration.name}" as defaults.`);
         providers.set(registration.name, registration.factory);
@@ -26,7 +26,7 @@ function createRouterProviderRealm(registrations) {
         ...providers.keys()
     ]);
     return Object.freeze({
-        ...defaultProvider ? {
+        ...void 0 !== defaultProvider ? {
             defaultProvider
         } : {},
         get: (name)=>providers.get(name),

package/dist/esm/router/runtime/redirect.mjs

@@ -0,0 +1,13 @@
+const handleRSCRedirect = (headers, basename, status)=>{
+    const newHeaders = new Headers(headers);
+    let redirectUrl = headers.get('Location');
+    if ('/' !== basename) redirectUrl = redirectUrl.replace(basename, '');
+    newHeaders.set('X-Modernjs-Redirect', redirectUrl);
+    newHeaders.set('X-Modernjs-BaseUrl', basename);
+    newHeaders.delete('Location');
+    return new Response(null, {
+        status,
+        headers: newHeaders
+    });
+};
+export { handleRSCRedirect };

package/dist/esm/router/runtime/routerHelper.mjs

@@ -1,4 +1,5 @@
 import { ROUTE_MODULES } from "@modern-js/utils/universal/constants";
+const isRouteErrorResponse = (error)=>null !== error && 'object' == typeof error && 'number' == typeof error.status && 'string' == typeof error.statusText && 'boolean' == typeof error.internal && 'data' in error;
 const isObjectLike = (value)=>'object' == typeof value && null !== value || 'function' == typeof value;
 const isRouteComponent = (value)=>'function' == typeof value || isObjectLike(value) && '$$typeof' in value;
 const getRouteModules = ()=>{
@@ -51,4 +52,4 @@ const handleRouteModuleError = (error)=>{
     console.error(error);
     return null;
 };
-export { createShouldRevalidate, handleRouteModule, handleRouteModuleError, resolveRouteComponent };
+export { createShouldRevalidate, handleRouteModule, handleRouteModuleError, isRouteErrorResponse, resolveRouteComponent };

package/dist/esm/router/runtime/rsc-router.mjs

@@ -85,18 +85,6 @@ const createServerPayload = (routerContext, routes)=>{
         })
     };
 };
-const handleRSCRedirect = (headers, basename, status)=>{
-    const newHeaders = new Headers(headers);
-    let redirectUrl = headers.get('Location');
-    if ('/' !== basename) redirectUrl = redirectUrl.replace(basename, '');
-    newHeaders.set('X-Modernjs-Redirect', redirectUrl);
-    newHeaders.set('X-Modernjs-BaseUrl', basename);
-    newHeaders.delete('Location');
-    return new Response(null, {
-        status: status,
-        headers: newHeaders
-    });
-};
 const prepareRSCRoutes = async (routes)=>{
     const isLazyComponent = (component)=>null != component && 'object' == typeof component && '_init' in component && '_payload' in component;
     const processRoutes = async (routesList)=>{
@@ -325,4 +313,5 @@ const RSCStaticRouter = ({ basename })=>{
         children: createRSCStaticRouterComponent(payload, basename)
     });
 };
-export { RSCStaticRouter, createClientRouterFromPayload, createServerPayload, handleRSCRedirect, prepareRSCRoutes };
+export { handleRSCRedirect } from "./redirect.mjs";
+export { RSCStaticRouter, createClientRouterFromPayload, createServerPayload, prepareRSCRoutes };

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

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
 import { renderNestedRoute } from "@modern-js/runtime-utils/browser";
-import { Route, UNSAFE_ErrorResponseImpl, isRouteErrorResponse } from "@modern-js/runtime-utils/router";
+import { Route, UNSAFE_ErrorResponseImpl } from "@modern-js/runtime-utils/router";
 import react from "react";
 import { DefaultNotFound } from "./DefaultNotFound.mjs";
 import DeferredDataScripts from "./DeferredDataScripts.mjs";
+import { isRouteErrorResponse } from "./routerHelper.mjs";
 function getRouteComponents(routes, { globalApp, ssrMode, props }) {
     const Layout = ({ Component, ...props })=>{
         const GlobalLayout = globalApp;

package/dist/esm-node/cli/ssr/index.mjs

@@ -108,6 +108,7 @@ const ssrBuilderPlugin = (modernAPI, outputModule, exportLoadablePath)=>({
                             'process.env.MODERN_SSR_ENV': JSON.stringify(ssrEnv),
                             'process.env.MODERN_ENABLE_HYDRATION': JSON.stringify(isUseSSRBundle(userConfig)),
                             'process.env.MODERN_ENABLE_RSC': JSON.stringify(Boolean(userConfig.server?.rsc)),
+                            __MODERN_ENABLE_RSC__: JSON.stringify(Boolean(userConfig.server?.rsc)),
                             'process.env.MODERN_MF_APP_SSR': JSON.stringify(isModuleFederationAppSSR)
                         }
                     },

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

@@ -6,15 +6,23 @@ import { hydrateRoot } from "react-dom/client";
 import { RenderLevel } from "../constants.mjs";
 import { wrapRuntimeContextProvider } from "../react/wrapper.mjs";
 import { WithCallback } from "./withCallback.mjs";
-const isReact18 = ()=>'true' === process.env.IS_REACT18;
 const runtimeProcess = Reflect.get(globalThis, 'process');
+const runtimeEnvironment = null !== runtimeProcess && 'object' == typeof runtimeProcess ? Reflect.get(runtimeProcess, 'env') : void 0;
+const readRuntimeEnvironment = (name)=>{
+    if (null === runtimeEnvironment || 'object' != typeof runtimeEnvironment) return;
+    const value = Reflect.get(runtimeEnvironment, name);
+    return 'string' == typeof value ? value : void 0;
+};
 const loadableReadyOptions = {
-    chunkLoadingGlobal: runtimeProcess?.env?.MODERN_CHUNK_LOADING_GLOBAL || '__LOADABLE_LOADED_CHUNKS__'
+    chunkLoadingGlobal: (()=>{
+        const configured = readRuntimeEnvironment('MODERN_CHUNK_LOADING_GLOBAL');
+        return void 0 === configured || '' === configured ? '__LOADABLE_LOADED_CHUNKS__' : configured;
+    })()
 };
-async function hydrateWithReact(App, rootElement) {
-    return hydrateRoot(rootElement, App, {
+function hydrateWithReact(App, rootElement) {
+    return Promise.resolve(hydrateRoot(rootElement, App, {
         identifierPrefix: SSR_HYDRATION_ID_PREFIX
-    });
+    }));
 }
 function hydrate_hydrateRoot(App, context, ModernRender, ModernHydrate) {
     const hydrateContext = {
@@ -27,9 +35,9 @@ function hydrate_hydrateRoot(App, context, ModernRender, ModernHydrate) {
     const callback = ()=>{
         delete hydrateContext._hydration;
     };
-    const renderLevel = window?._SSR_DATA?.renderLevel || RenderLevel.CLIENT_RENDER;
-    const renderMode = window?._SSR_DATA?.mode || 'string';
-    if (isReact18() && 'stream' === renderMode) return streamSSRHydrate();
+    const renderLevel = window?._SSR_DATA?.renderLevel ?? RenderLevel.CLIENT_RENDER;
+    const renderMode = window?._SSR_DATA?.mode ?? 'string';
+    if ('stream' === renderMode) return streamSSRHydrate();
     function streamSSRHydrate() {
         if (renderLevel !== RenderLevel.SERVER_RENDER) return ModernRender(wrapRuntimeContextProvider(App, context));
         {
@@ -43,23 +51,23 @@ function hydrate_hydrateRoot(App, context, ModernRender, ModernHydrate) {
     return stringSSRHydrate();
     function stringSSRHydrate() {
         if (renderLevel === RenderLevel.CLIENT_RENDER) return ModernRender(wrapRuntimeContextProvider(App, context));
-        if (renderLevel === RenderLevel.SERVER_RENDER) return new Promise((resolve)=>{
-            isReact18() ? loadableReady(()=>{
+        {
+            if (renderLevel === RenderLevel.SERVER_RENDER) return loadableReady(()=>void 0, loadableReadyOptions).then(()=>{
                 const SSRApp = ()=>/*#__PURE__*/ jsx(WithCallback, {
                         callback: callback,
                         children: App
                     });
-                ModernHydrate(wrapRuntimeContextProvider(/*#__PURE__*/ jsx(SSRApp, {}), hydrateContext)).then((root)=>{
-                    resolve(root);
-                });
-            }, loadableReadyOptions) : loadableReady(()=>{
-                ModernHydrate(wrapRuntimeContextProvider(App, hydrateContext), callback).then((root)=>{
-                    resolve(root);
-                });
-            }, loadableReadyOptions);
-        });
-        console.warn(`unknow render level: ${renderLevel}, execute render()`);
-        return ModernRender(wrapRuntimeContextProvider(App, context));
+                return ModernHydrate(wrapRuntimeContextProvider(/*#__PURE__*/ jsx(SSRApp, {}), hydrateContext));
+            });
+            const runtimeConsole = Reflect.get(globalThis, 'console');
+            if (null !== runtimeConsole && 'object' == typeof runtimeConsole) {
+                const warn = Reflect.get(runtimeConsole, 'warn');
+                if ('function' == typeof warn) Reflect.apply(warn, runtimeConsole, [
+                    `unknow render level: ${renderLevel}, execute render()`
+                ]);
+            }
+            return ModernRender(wrapRuntimeContextProvider(App, context));
+        }
     }
 }
-export { hydrateWithReact, hydrate_hydrateRoot as hydrateRoot, isReact18 };
+export { hydrateWithReact, hydrate_hydrateRoot as hydrateRoot };

package/dist/esm-node/core/react/wrapper.mjs

@@ -4,39 +4,34 @@ import { HelmetProvider } from "react-helmet-async";
 import { InternalRuntimeContext, RuntimeContext, getGlobalEnableRsc } from "../context/index.mjs";
 import { stripRuntimeContextExtensions } from "../context/extensions.mjs";
 import { ensureHelmetContext } from "../context/helmetContext.mjs";
-function toRscSafeRecord(value) {
-    if (!value || 'object' != typeof value) return value;
-    return Object.fromEntries(Object.entries(value));
-}
-function createRscSafeSsrContext(ssrContext) {
-    if (!ssrContext) return ssrContext;
-    const { request } = ssrContext;
+function createRscSafeRequestContext(ssrContext) {
+    if (void 0 === ssrContext) return {
+        request: {},
+        response: {
+            locals: {}
+        }
+    };
+    const { request, response } = ssrContext;
     return {
-        nonce: ssrContext.nonce,
-        useJsonScript: ssrContext.useJsonScript,
-        htmlModifiers: [],
-        baseUrl: ssrContext.baseUrl,
-        request: request ? {
+        request: {
             url: request.url,
             userAgent: request.userAgent,
             cookie: request.cookie,
             pathname: request.pathname,
-            query: toRscSafeRecord(request.query),
-            params: toRscSafeRecord(request.params),
-            headers: toRscSafeRecord(request.headers),
+            query: {
+                ...request.query
+            },
+            params: {
+                ...request.params
+            },
+            headers: {
+                ...request.headers
+            },
             host: request.host,
             referer: request.referer
-        } : request,
-        mode: ssrContext.mode,
-        loaderFailureMode: ssrContext.loaderFailureMode
-    };
-}
-function createRscSafeRequestContext(ssrContext) {
-    const safeSsrContext = createRscSafeSsrContext(ssrContext);
-    return {
-        request: safeSsrContext?.request || {},
+        },
         response: {
-            locals: ssrContext?.response?.locals || {}
+            locals: response.locals ?? {}
         }
     };
 }
@@ -52,14 +47,14 @@ function wrapRuntimeContextProvider(App, contextValue) {
         ...rest
     };
     stripRuntimeContextExtensions(runtimeContextValue);
-    if (getGlobalEnableRsc() && !isBrowser) {
+    if (true === getGlobalEnableRsc() && false === isBrowser) {
         const rscSafeRequestContext = createRscSafeRequestContext(ssrContext);
         const rscInternalContextValue = {
             ...internalContextValue,
             context: rscSafeRequestContext,
-            requestContext: rscSafeRequestContext,
-            ssrContext: createRscSafeSsrContext(ssrContext)
+            requestContext: rscSafeRequestContext
         };
+        delete rscInternalContextValue.ssrContext;
         const rscRuntimeContextValue = {
             ...runtimeContextValue,
             context: rscSafeRequestContext,