@bleedingdev/modern-js-runtime 3.9.0-ultramodern.17 → 3.9.0-ultramodern.18

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

@@ -34,11 +34,11 @@ __webpack_require__.d(__webpack_exports__, {
     routerPlugin: ()=>routerPlugin
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const context_namespaceObject = require("@modern-js/runtime/context");
 const merge_namespaceObject = require("@modern-js/runtime-utils/merge");
 const router_namespaceObject = require("@modern-js/runtime-utils/router");
 const url_namespaceObject = require("@modern-js/runtime-utils/url");
 const external_react_namespaceObject = require("react");
-const index_js_namespaceObject = require("../../core/context/index.js");
 const external_hooks_js_namespaceObject = require("./hooks.js");
 const external_PrefetchLink_js_namespaceObject = require("./PrefetchLink.js");
 const external_rsc_router_js_namespaceObject = require("./rsc-router.js");
@@ -92,8 +92,8 @@ const routerPlugin = (userConfig = {})=>({
                 const mergedConfig = (0, merge_namespaceObject.merge)(api.getRuntimeConfig().router || {}, userConfig);
                 const { serverBase = [], supportHtml5History = true, basename = '', routesConfig, createRoutes } = mergedConfig;
                 finalRouteConfig = {
-                    routes: (0, index_js_namespaceObject.getGlobalRoutes)(),
-                    globalApp: (0, index_js_namespaceObject.getGlobalLayoutApp)(),
+                    routes: (0, context_namespaceObject.getGlobalRoutes)(),
+                    globalApp: (0, context_namespaceObject.getGlobalLayoutApp)(),
                     ...routesConfig
                 };
                 if (!finalRouteConfig.routes && !createRoutes) return App;
@@ -102,7 +102,7 @@ const routerPlugin = (userConfig = {})=>({
                     return match || '/';
                 };
                 const RouterWrapper = (props)=>{
-                    const routerResult = useRouterCreation(("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === (0, index_js_namespaceObject.getGlobalEnableRsc)()) ? {
+                    const routerResult = useRouterCreation(("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === (0, context_namespaceObject.getGlobalEnableRsc)()) ? {
                         ...props,
                         rscPayload: props?.rscPayload
                     } : props, {
@@ -150,12 +150,12 @@ function isSegmentPrefix(pathname, base) {
 }
 function useRouterCreation(props, options) {
     const { api, createRoutes, supportHtml5History, selectBasePath, basename } = options;
-    const runtimeContext = (0, external_react_namespaceObject.useContext)(index_js_namespaceObject.InternalRuntimeContext);
+    const runtimeContext = (0, external_react_namespaceObject.useContext)(context_namespaceObject.InternalRuntimeContext);
     const baseUrl = selectBasePath(location.pathname).replace(/^\/*/, '/');
     const _basename = '/' === baseUrl ? (0, external_utils_js_namespaceObject.urlJoin)(baseUrl, runtimeContext._internalRouterBaseName || basename || '') : baseUrl;
     const { unstable_getBlockNavState: getBlockNavState } = runtimeContext;
-    const rscPayload = ("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === (0, index_js_namespaceObject.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 === (0, index_js_namespaceObject.getGlobalEnableRsc)() ? window._ROUTER_DATA || rscPayload : window._ROUTER_DATA;
+    const rscPayload = ("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === (0, context_namespaceObject.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 === (0, context_namespaceObject.getGlobalEnableRsc)() ? window._ROUTER_DATA || rscPayload : window._ROUTER_DATA;
     const result = (0, external_react_namespaceObject.useRef)(null);
     if (null === result.current) {
         if (hydrationData?.errors) hydrationData = {
@@ -163,7 +163,7 @@ function useRouterCreation(props, options) {
             errors: (0, external_utils_js_namespaceObject.deserializeErrors)(hydrationData.errors)
         };
         let routes = null;
-        routes = ("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === (0, index_js_namespaceObject.getGlobalEnableRsc)()) && (0, index_js_namespaceObject.getGlobalIsRscClient)() ? createRoutes ? createRoutes() : (0, external_utils_js_namespaceObject.createRouteObjectsFromConfig)({
+        routes = ("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === (0, context_namespaceObject.getGlobalEnableRsc)()) && (0, context_namespaceObject.getGlobalIsRscClient)() ? createRoutes ? createRoutes() : (0, external_utils_js_namespaceObject.createRouteObjectsFromConfig)({
             routesConfig: finalRouteConfig
         }) : createRoutes ? createRoutes() : (0, router_namespaceObject.createRoutesFromElements)((0, external_utils_js_namespaceObject.renderRoutes)({
             routesConfig: finalRouteConfig,
@@ -171,7 +171,7 @@ function useRouterCreation(props, options) {
         }));
         if (!routes) routes = [];
         const hooks = api.getHooks();
-        if (("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === (0, index_js_namespaceObject.getGlobalEnableRsc)()) && rscPayload) try {
+        if (("u" > typeof __MODERN_ENABLE_RSC__ ? __MODERN_ENABLE_RSC__ : true === (0, context_namespaceObject.getGlobalEnableRsc)()) && rscPayload) try {
             const router = (0, external_rsc_router_js_namespaceObject.createClientRouterFromPayload)(rscPayload, routes, _basename);
             result.current = {
                 router,

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

@@ -41,13 +41,13 @@ __webpack_require__.d(__webpack_exports__, {
     routerPlugin: ()=>routerPlugin
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const context_namespaceObject = require("@modern-js/runtime/context");
 const merge_namespaceObject = require("@modern-js/runtime-utils/merge");
 const node_namespaceObject = require("@modern-js/runtime-utils/node");
 const router_namespaceObject = require("@modern-js/runtime-utils/router");
 const time_namespaceObject = require("@modern-js/runtime-utils/time");
 const constants_namespaceObject = require("@modern-js/utils/universal/constants");
 const external_react_namespaceObject = require("react");
-const index_js_namespaceObject = require("../../core/context/index.js");
 const index_server_js_namespaceObject = require("../../core/context/serverPayload/index.server.js");
 const external_DeferredDataScripts_node_js_namespaceObject = require("./DeferredDataScripts.node.js");
 var external_DeferredDataScripts_node_js_default = /*#__PURE__*/ __webpack_require__.n(external_DeferredDataScripts_node_js_namespaceObject);
@@ -81,12 +81,12 @@ const routerPlugin = (userConfig = {})=>({
                 const pluginConfig = api.getRuntimeConfig();
                 const { basename = '', routesConfig, createRoutes } = (0, merge_namespaceObject.merge)(pluginConfig.router || {}, userConfig);
                 finalRouteConfig = {
-                    routes: (0, index_js_namespaceObject.getGlobalRoutes)(),
-                    globalApp: (0, index_js_namespaceObject.getGlobalLayoutApp)(),
+                    routes: (0, context_namespaceObject.getGlobalRoutes)(),
+                    globalApp: (0, context_namespaceObject.getGlobalLayoutApp)(),
                     ...routesConfig
                 };
                 if (!finalRouteConfig.routes && !createRoutes) return;
-                const enableRsc = (0, index_js_namespaceObject.getGlobalEnableRsc)();
+                const enableRsc = (0, context_namespaceObject.getGlobalEnableRsc)();
                 if (enableRsc) await (0, external_rsc_router_js_namespaceObject.prepareRSCRoutes)(finalRouteConfig.routes);
                 const { request, mode: ssrMode, nonce, loaderFailureMode = 'errorBoundary', baseUrl } = context.ssrContext;
                 const _basename = '/' === baseUrl ? (0, external_utils_js_namespaceObject.urlJoin)(baseUrl, basename) : baseUrl;
@@ -154,9 +154,9 @@ const routerPlugin = (userConfig = {})=>({
             api.wrapRoot((App)=>{
                 if (!finalRouteConfig) return App;
                 const getRouteApp = ()=>{
-                    const enableRsc = (0, index_js_namespaceObject.getGlobalEnableRsc)();
+                    const enableRsc = (0, context_namespaceObject.getGlobalEnableRsc)();
                     return (props)=>{
-                        const context = (0, external_react_namespaceObject.useContext)(index_js_namespaceObject.InternalRuntimeContext);
+                        const context = (0, external_react_namespaceObject.useContext)(context_namespaceObject.InternalRuntimeContext);
                         const { routerContext, routes } = context;
                         const { basename } = routerContext;
                         if (enableRsc) return App ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(App, {

package/dist/esm/cli/ssr/loadable-bundler-plugin.mjs

@@ -2,6 +2,7 @@ import { fs } from "@modern-js/utils";
 import path_0 from "path";
 const normalizeChunkId = (id)=>'string' == typeof id && /^\d+$/.test(id) ? Number(id) : id;
 const DEFAULT_CHUNK_LOADING_GLOBAL = '__LOADABLE_LOADED_CHUNKS__';
+const normalizeStatsPublicPath = (publicPath)=>'auto' === publicPath || 'auto/' === publicPath ? '/' : publicPath;
 const normalizeChunkGroup = (group)=>({
         ...group,
         chunks: (group.chunks || []).map(normalizeChunkId)
@@ -44,6 +45,7 @@ class LoadablePlugin {
         for (const [name, ep] of Object.entries(stats.entrypoints || {}))entrypoints[name] = normalizeChunkGroup(ep);
         const output = {
             ...stats,
+            publicPath: normalizeStatsPublicPath(stats.publicPath),
             namedChunkGroups,
             entrypoints,
             generator: 'loadable-components',

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

@@ -53,13 +53,7 @@ function hydrate_hydrateRoot(App, context, ModernRender, ModernHydrate) {
                     });
                 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()`
-                ]);
-            }
+            console.warn(`unknow render level: ${renderLevel}, execute render()`);
             return ModernRender(wrapRuntimeContextProvider(App, context));
         }
     }

package/dist/esm/core/browser/index.mjs

@@ -1,7 +1,6 @@
+import { getGlobalInternalRuntimeContext, getInitialContext } from "@modern-js/runtime/context";
 import { parseCookie } from "cookie";
 import { createRoot } from "react-dom/client";
-import { getGlobalInternalRuntimeContext } from "../context/index.mjs";
-import { getInitialContext } from "../context/runtime.mjs";
 import { wrapRuntimeContextProvider } from "../react/wrapper.mjs";
 import { hydrateRoot, hydrateWithReact } from "./hydrate.mjs";
 const IS_REACT18 = 'true' === process.env.IS_REACT18;

package/dist/esm/core/context/index.mjs

@@ -42,6 +42,6 @@ function getGlobalBasename() {
 }
 export { DefaultNotFound } from "../../router/runtime/DefaultNotFound.mjs";
 export { modifyRoutes, onAfterCreateRouter, onAfterHydrateRouter, onBeforeCreateRouter, onBeforeCreateRoutes, onBeforeHydrateRouter, routerProviderRegistryHooks } from "../../router/runtime/hooks.mjs";
-export { InternalRuntimeContext, RuntimeComponentResolverContext, RuntimeContext, getInitialContext } from "./runtime.mjs";
+export { InternalRuntimeContext, ReactRuntimeContext, RuntimeComponentResolverContext, RuntimeContext, getInitialContext, useRuntimeContext } from "./runtime.mjs";
 export { getServerPayload, setServerPayload } from "./serverPayload/index.mjs";
 export { getCurrentEntryName, getGlobalApp, getGlobalBasename, getGlobalEnableRsc, getGlobalInternalRuntimeContext, getGlobalIsRscClient, getGlobalLayoutApp, getGlobalRSCRoot, getGlobalRoutes, setGlobalContext, setGlobalInternalRuntimeContext };

package/dist/esm/core/context/public.mjs

@@ -1 +1 @@
-export { ReactRuntimeContext, RuntimeContext, useRuntimeContext } from "./runtime.mjs";
+export { ReactRuntimeContext, RuntimeContext, useRuntimeContext } from "@modern-js/runtime/context";

package/dist/esm/core/context/runtime.mjs

@@ -1,14 +1,8 @@
 import { createContext, useContext } from "react";
 const ROUTE_MANIFEST = '_MODERNJS_ROUTE_MANIFEST';
-function getRuntimeReactContext(kind, create) {
-    const key = Symbol.for(`@modern-js/runtime:react-context:v1:${kind}`);
-    const contexts = globalThis;
-    contexts[key] ??= create();
-    return contexts[key];
-}
-const InternalRuntimeContext = getRuntimeReactContext('internal', ()=>createContext({}));
-const RuntimeContext = getRuntimeReactContext('public', ()=>createContext({}));
-const RuntimeComponentResolverContext = getRuntimeReactContext('component-resolver', ()=>createContext(void 0));
+const InternalRuntimeContext = createContext({});
+const RuntimeContext = createContext({});
+const RuntimeComponentResolverContext = createContext(void 0);
 const ReactRuntimeContext = RuntimeContext;
 const useRuntimeContext = ()=>useContext(RuntimeContext);
 const getInitialContext = (isBrowser = true, routeManifest)=>{

package/dist/esm/core/index.mjs

@@ -1,2 +1,2 @@
+export { RuntimeContext, useRuntimeContext } from "@modern-js/runtime/context";
 export { defineRuntimeConfig } from "./config.mjs";
-export { RuntimeContext, useRuntimeContext } from "./context/runtime.mjs";

package/dist/esm/core/plugin/index.mjs

@@ -1,9 +1,9 @@
 import { runtime } from "@modern-js/plugin/runtime";
+import { setGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 import { merge } from "@modern-js/runtime-utils/merge";
 import { compatPlugin } from "../compat/index.mjs";
 import { handleSetupResult } from "../compat/hooks.mjs";
 import { requestContextPlugin } from "../compat/requestContext.mjs";
-import { setGlobalInternalRuntimeContext } from "../context/index.mjs";
 function registerPlugin(internalPlugins, runtimeConfig) {
     const { plugins = [] } = runtimeConfig || {};
     const { runtimeContext } = runtime.run({

package/dist/esm/core/react/index.mjs

@@ -1,7 +1,7 @@
+import { getGlobalApp, getGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
 import { isBrowser } from "../../common.mjs";
 import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID } from "../constants.mjs";
-import { getGlobalApp, getGlobalInternalRuntimeContext } from "../context/index.mjs";
 function createRoot(UserApp) {
     const App = UserApp || getGlobalApp();
     if (isBrowser()) {

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

@@ -1,6 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { InternalRuntimeContext, RuntimeContext, getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "../context/index.mjs";
-import { RuntimeComponentResolverContext } from "../context/runtime.mjs";
+import { InternalRuntimeContext, RuntimeComponentResolverContext, RuntimeContext, getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 function wrapRuntimeComponentResolver(root, hooks = getGlobalInternalRuntimeContext()?.hooks) {
     return /*#__PURE__*/ jsx(RuntimeComponentResolverContext.Provider, {
         value: hooks?.resolveComponent?.call,

package/dist/esm/core/server/requestHandler.mjs

@@ -1,9 +1,8 @@
 import { jsx } from "react/jsx-runtime";
+import { getGlobalInternalRuntimeContext, getGlobalRSCRoot, getInitialContext } from "@modern-js/runtime/context";
 import { storage } from "@modern-js/runtime-utils/node";
 import { getPathname, parseCookie, parseHeaders, parseQuery } from "@modern-js/runtime-utils/universal/request";
 import react, { Fragment } from "react";
-import { getGlobalInternalRuntimeContext, getGlobalRSCRoot } from "../context/index.mjs";
-import { getInitialContext } from "../context/runtime.mjs";
 import { getServerPayload } from "../context/serverPayload/index.mjs";
 import { createRoot } from "../react/index.mjs";
 import { CHUNK_CSS_PLACEHOLDER } from "./constants.mjs";

package/dist/esm/core/server/stream/createReadableStream.mjs

@@ -1,9 +1,9 @@
+import { getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 import { storage } from "@modern-js/runtime-utils/node";
 import { SSR_HYDRATION_ID_PREFIX } from "@modern-js/utils/universal/constants";
 import { PassThrough, Readable, Transform, finished, pipeline } from "stream";
 import { ESCAPED_SHELL_STREAM_END_MARK } from "../../../common.mjs";
 import { RenderLevel } from "../../constants.mjs";
-import { getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "../../context/index.mjs";
 import { getMonitors } from "../../context/monitors/index.mjs";
 import { wrapRuntimeComponentResolver } from "../../react/wrapper.mjs";
 import { createReplaceHelemt, getHelmetData } from "../helmet.mjs";
@@ -23,6 +23,7 @@ const createReadableStreamFromElement = async (request, rootElement, options)=>{
         config,
         platform: 'node',
         mode: 'stream',
+        monitors: getMonitors(),
         isRsc,
         terminalMarker: ESCAPED_SHELL_STREAM_END_MARK
     }) || [];
@@ -121,7 +122,9 @@ const createReadableStreamFromElement = async (request, rootElement, options)=>{
             });
             if (failed) return;
             const chunks = [];
+            let bufferedLength = 0;
             const marker = Buffer.from(ESCAPED_SHELL_STREAM_END_MARK);
+            let markerTail = Buffer.alloc(0);
             const pendingScripts = [];
             let shellChunkStatus = ShellChunkStatus.START;
             const emitShell = (destination, buffered, markerIndex)=>{
@@ -129,6 +132,7 @@ const createReadableStreamFromElement = async (request, rootElement, options)=>{
                 const completedShellBefore = createReplaceHelemt(getHelmetData(extenders))(shellBefore);
                 shellChunkStatus = ShellChunkStatus.FINISH;
                 chunks.length = 0;
+                bufferedLength = 0;
                 destination.push(`${completedShellBefore}${beforeMark}${shellAfter}`);
                 const afterMark = buffered.subarray(markerIndex + marker.length);
                 if (afterMark.length > 0) destination.push(afterMark);
@@ -140,10 +144,17 @@ const createReadableStreamFromElement = async (request, rootElement, options)=>{
                     try {
                         if (shellChunkStatus === ShellChunkStatus.FINISH) this.push(chunk);
                         else {
-                            chunks.push(Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk));
-                            const buffered = Buffer.concat(chunks);
-                            const markerIndex = buffered.indexOf(marker);
-                            if (-1 !== markerIndex) emitShell(this, buffered, markerIndex);
+                            const bytes = Buffer.isBuffer(chunk) ? chunk : Buffer.from(chunk);
+                            const window = Buffer.concat([
+                                markerTail,
+                                bytes
+                            ]);
+                            const windowIndex = window.indexOf(marker);
+                            const windowStart = bufferedLength - markerTail.length;
+                            chunks.push(bytes);
+                            bufferedLength += bytes.length;
+                            if (-1 === windowIndex) markerTail = window.subarray(Math.max(0, window.length - marker.length + 1));
+                            else emitShell(this, Buffer.concat(chunks, bufferedLength), windowStart + windowIndex);
                         }
                         callback();
                     } catch (error) {

package/dist/esm/core/server/stream/createReadableStream.worker.mjs

@@ -1,9 +1,10 @@
 import { renderSSRStream } from "@modern-js/render/ssr";
+import { getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 import { storage } from "@modern-js/runtime-utils/node";
 import react from "react";
 import { ESCAPED_SHELL_STREAM_END_MARK } from "../../../common.mjs";
 import { RenderLevel } from "../../constants.mjs";
-import { getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "../../context/index.mjs";
+import { getMonitors } from "../../context/monitors/index.mjs";
 import { wrapRuntimeComponentResolver } from "../../react/wrapper.mjs";
 import { createReplaceHelemt, getHelmetData } from "../helmet.mjs";
 import { createSSRRenderLifecycle, createSSRStreamErrorReporter, observeSSRStream, orderSSRStreamTransforms } from "../shared.mjs";
@@ -21,6 +22,7 @@ const createReadableStreamFromElement = async (request, rootElement, options)=>{
         config,
         platform: 'web',
         mode: 'stream',
+        monitors: getMonitors(),
         isRsc,
         terminalMarker: ESCAPED_SHELL_STREAM_END_MARK
     }) || [];
@@ -80,7 +82,9 @@ const createReadableStreamFromElement = async (request, rootElement, options)=>{
         const decoder = new TextDecoder();
         const encoder = new TextEncoder();
         const pendingScripts = [];
-        let buffered = '';
+        const buffered = [];
+        let bufferedLength = 0;
+        let markerTail = '';
         let shellChunkStatus = ShellChunkStatus.START;
         let bodyController;
         const emit = (chunk, controller)=>{
@@ -88,14 +92,21 @@ const createReadableStreamFromElement = async (request, rootElement, options)=>{
                 if (chunk.length > 0) controller.enqueue(encoder.encode(chunk));
                 return;
             }
-            buffered += chunk;
-            const markerIndex = buffered.indexOf(ESCAPED_SHELL_STREAM_END_MARK);
-            if (-1 === markerIndex) return;
-            const beforeMark = lifecycle.completedBody(buffered.slice(0, markerIndex), 'shell');
-            const afterMark = buffered.slice(markerIndex + ESCAPED_SHELL_STREAM_END_MARK.length);
+            const window = markerTail + chunk;
+            const windowIndex = window.indexOf(ESCAPED_SHELL_STREAM_END_MARK);
+            const markerIndex = bufferedLength - markerTail.length + windowIndex;
+            buffered.push(chunk);
+            bufferedLength += chunk.length;
+            if (-1 === windowIndex) {
+                markerTail = window.slice(Math.max(0, window.length - ESCAPED_SHELL_STREAM_END_MARK.length + 1));
+                return;
+            }
+            const shell = buffered.join('');
+            const beforeMark = lifecycle.completedBody(shell.slice(0, markerIndex), 'shell');
+            const afterMark = shell.slice(markerIndex + ESCAPED_SHELL_STREAM_END_MARK.length);
             const completedShellBefore = createReplaceHelemt(getHelmetData(extenders))(shellBefore);
             shellChunkStatus = ShellChunkStatus.FINISH;
-            buffered = '';
+            buffered.length = 0;
             controller.enqueue(encoder.encode(`${completedShellBefore}${beforeMark}${shellAfter}`));
             if (afterMark.length > 0) controller.enqueue(encoder.encode(afterMark));
             for (const script of pendingScripts)controller.enqueue(encoder.encode(script));

package/dist/esm/core/server/string/index.mjs

@@ -1,8 +1,9 @@
+import { getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 import { time } from "@modern-js/runtime-utils/time";
 import { SSR_HYDRATION_ID_PREFIX } from "@modern-js/utils/universal/constants";
 import server from "react-dom/server";
 import { RenderLevel } from "../../constants.mjs";
-import { getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "../../context/index.mjs";
+import { getMonitors } from "../../context/monitors/index.mjs";
 import { wrapRuntimeComponentResolver, wrapRuntimeContextProvider } from "../../react/wrapper.mjs";
 import { CHUNK_CSS_PLACEHOLDER, CHUNK_JS_PLACEHOLDER, HTML_PLACEHOLDER, SSR_DATA_PLACEHOLDER } from "../constants.mjs";
 import { createReplaceHelemt, getHelmetData } from "../helmet.mjs";
@@ -60,6 +61,7 @@ const renderString = async (request, serverRoot, options)=>{
             config,
             platform: 'node',
             mode: 'string',
+            monitors: getMonitors(),
             isRsc: true === getGlobalEnableRsc()
         }
     });

package/dist/esm/exports/head.mjs

@@ -1,7 +1,7 @@
 "use client";
+import { RuntimeComponentResolverContext } from "@modern-js/runtime/context";
 import react from "react";
 import { Helmet, HelmetData, HelmetProvider } from "react-helmet-async";
-import { RuntimeComponentResolverContext } from "../core/context/runtime.mjs";
 const head_Helmet = (props)=>{
     const resolveComponent = react.useContext(RuntimeComponentResolverContext);
     const Component = resolveComponent?.(Helmet, {

package/dist/esm/internal.mjs

@@ -1 +1 @@
-export { InternalRuntimeContext } from "./core/context/runtime.mjs";
+export { InternalRuntimeContext } from "@modern-js/runtime/context";

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

@@ -1,8 +1,8 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { InternalRuntimeContext } from "@modern-js/runtime/context";
 import { Link as router_Link, NavLink, matchRoutes, useHref, useMatches, useResolvedPath } from "@modern-js/runtime-utils/router";
 import react, { useContext, useMemo } from "react";
-import { InternalRuntimeContext } from "../../core/context/index.mjs";
 import { __webpack_require__ } from "../../rslib-runtime~1.mjs";
 const getWebpackChunkLoader = ()=>__webpack_chunk_load__;
 const getWebpackPublicPath = ()=>{

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

@@ -1,9 +1,9 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { InternalRuntimeContext, getGlobalEnableRsc, getGlobalIsRscClient, getGlobalLayoutApp, getGlobalRoutes } from "@modern-js/runtime/context";
 import { merge } from "@modern-js/runtime-utils/merge";
 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, getGlobalEnableRsc, getGlobalIsRscClient, getGlobalLayoutApp, getGlobalRoutes } from "../../core/context/index.mjs";
 import { routerProviderRegistryHooks } from "./hooks.mjs";
 import { Link } from "./PrefetchLink.mjs";
 import { createClientRouterFromPayload } from "./rsc-router.mjs";

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

@@ -1,11 +1,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { InternalRuntimeContext, getGlobalEnableRsc, getGlobalLayoutApp, getGlobalRoutes } from "@modern-js/runtime/context";
 import { merge } from "@modern-js/runtime-utils/merge";
 import { createRequestContext } from "@modern-js/runtime-utils/node";
 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";
-import { InternalRuntimeContext, getGlobalEnableRsc, getGlobalLayoutApp, getGlobalRoutes } from "../../core/context/index.mjs";
 import { setServerPayload } from "../../core/context/serverPayload/index.server.mjs";
 import DeferredDataScripts_node from "./DeferredDataScripts.node.mjs";
 import { routerProviderRegistryHooks } from "./hooks.mjs";

package/dist/esm-node/cli/ssr/loadable-bundler-plugin.mjs

@@ -3,6 +3,7 @@ import { fs } from "@modern-js/utils";
 import path_0 from "path";
 const normalizeChunkId = (id)=>'string' == typeof id && /^\d+$/.test(id) ? Number(id) : id;
 const DEFAULT_CHUNK_LOADING_GLOBAL = '__LOADABLE_LOADED_CHUNKS__';
+const normalizeStatsPublicPath = (publicPath)=>'auto' === publicPath || 'auto/' === publicPath ? '/' : publicPath;
 const normalizeChunkGroup = (group)=>({
         ...group,
         chunks: (group.chunks || []).map(normalizeChunkId)
@@ -45,6 +46,7 @@ class LoadablePlugin {
         for (const [name, ep] of Object.entries(stats.entrypoints || {}))entrypoints[name] = normalizeChunkGroup(ep);
         const output = {
             ...stats,
+            publicPath: normalizeStatsPublicPath(stats.publicPath),
             namedChunkGroups,
             entrypoints,
             generator: 'loadable-components',

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

@@ -54,13 +54,7 @@ function hydrate_hydrateRoot(App, context, ModernRender, ModernHydrate) {
                     });
                 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()`
-                ]);
-            }
+            console.warn(`unknow render level: ${renderLevel}, execute render()`);
             return ModernRender(wrapRuntimeContextProvider(App, context));
         }
     }

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

@@ -1,8 +1,7 @@
 import "node:module";
+import { getGlobalInternalRuntimeContext, getInitialContext } from "@modern-js/runtime/context";
 import { parseCookie } from "cookie";
 import { createRoot } from "react-dom/client";
-import { getGlobalInternalRuntimeContext } from "../context/index.mjs";
-import { getInitialContext } from "../context/runtime.mjs";
 import { wrapRuntimeContextProvider } from "../react/wrapper.mjs";
 import { hydrateRoot, hydrateWithReact } from "./hydrate.mjs";
 const IS_REACT18 = 'true' === process.env.IS_REACT18;

package/dist/esm-node/core/context/index.mjs

@@ -43,6 +43,6 @@ function getGlobalBasename() {
 }
 export { DefaultNotFound } from "../../router/runtime/DefaultNotFound.mjs";
 export { modifyRoutes, onAfterCreateRouter, onAfterHydrateRouter, onBeforeCreateRouter, onBeforeCreateRoutes, onBeforeHydrateRouter, routerProviderRegistryHooks } from "../../router/runtime/hooks.mjs";
-export { InternalRuntimeContext, RuntimeComponentResolverContext, RuntimeContext, getInitialContext } from "./runtime.mjs";
+export { InternalRuntimeContext, ReactRuntimeContext, RuntimeComponentResolverContext, RuntimeContext, getInitialContext, useRuntimeContext } from "./runtime.mjs";
 export { getServerPayload, setServerPayload } from "./serverPayload/index.mjs";
 export { getCurrentEntryName, getGlobalApp, getGlobalBasename, getGlobalEnableRsc, getGlobalInternalRuntimeContext, getGlobalIsRscClient, getGlobalLayoutApp, getGlobalRSCRoot, getGlobalRoutes, setGlobalContext, setGlobalInternalRuntimeContext };

package/dist/esm-node/core/context/public.mjs

@@ -1,2 +1,2 @@
 import "node:module";
-export { ReactRuntimeContext, RuntimeContext, useRuntimeContext } from "./runtime.mjs";
+export { ReactRuntimeContext, RuntimeContext, useRuntimeContext } from "@modern-js/runtime/context";

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

@@ -1,15 +1,9 @@
 import "node:module";
 import { createContext, useContext } from "react";
 const ROUTE_MANIFEST = '_MODERNJS_ROUTE_MANIFEST';
-function getRuntimeReactContext(kind, create) {
-    const key = Symbol.for(`@modern-js/runtime:react-context:v1:${kind}`);
-    const contexts = globalThis;
-    contexts[key] ??= create();
-    return contexts[key];
-}
-const InternalRuntimeContext = getRuntimeReactContext('internal', ()=>createContext({}));
-const RuntimeContext = getRuntimeReactContext('public', ()=>createContext({}));
-const RuntimeComponentResolverContext = getRuntimeReactContext('component-resolver', ()=>createContext(void 0));
+const InternalRuntimeContext = createContext({});
+const RuntimeContext = createContext({});
+const RuntimeComponentResolverContext = createContext(void 0);
 const ReactRuntimeContext = RuntimeContext;
 const useRuntimeContext = ()=>useContext(RuntimeContext);
 const getInitialContext = (isBrowser = true, routeManifest)=>{

package/dist/esm-node/core/index.mjs

@@ -1,3 +1,3 @@
 import "node:module";
+export { RuntimeContext, useRuntimeContext } from "@modern-js/runtime/context";
 export { defineRuntimeConfig } from "./config.mjs";
-export { RuntimeContext, useRuntimeContext } from "./context/runtime.mjs";

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

@@ -1,10 +1,10 @@
 import "node:module";
 import { runtime } from "@modern-js/plugin/runtime";
+import { setGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 import { merge } from "@modern-js/runtime-utils/merge";
 import { compatPlugin } from "../compat/index.mjs";
 import { handleSetupResult } from "../compat/hooks.mjs";
 import { requestContextPlugin } from "../compat/requestContext.mjs";
-import { setGlobalInternalRuntimeContext } from "../context/index.mjs";
 function registerPlugin(internalPlugins, runtimeConfig) {
     const { plugins = [] } = runtimeConfig || {};
     const { runtimeContext } = runtime.run({

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

@@ -1,8 +1,8 @@
 import "node:module";
+import { getGlobalApp, getGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
 import { isBrowser } from "../../common.mjs";
 import { ROUTER_DATA_JSON_ID, SSR_DATA_JSON_ID } from "../constants.mjs";
-import { getGlobalApp, getGlobalInternalRuntimeContext } from "../context/index.mjs";
 function createRoot(UserApp) {
     const App = UserApp || getGlobalApp();
     if (isBrowser()) {

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

@@ -1,7 +1,6 @@
 import "node:module";
 import { jsx } from "react/jsx-runtime";
-import { InternalRuntimeContext, RuntimeContext, getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "../context/index.mjs";
-import { RuntimeComponentResolverContext } from "../context/runtime.mjs";
+import { InternalRuntimeContext, RuntimeComponentResolverContext, RuntimeContext, getGlobalEnableRsc, getGlobalInternalRuntimeContext } from "@modern-js/runtime/context";
 function wrapRuntimeComponentResolver(root, hooks = getGlobalInternalRuntimeContext()?.hooks) {
     return /*#__PURE__*/ jsx(RuntimeComponentResolverContext.Provider, {
         value: hooks?.resolveComponent?.call,

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

@@ -1,10 +1,9 @@
 import "node:module";
 import { jsx } from "react/jsx-runtime";
+import { getGlobalInternalRuntimeContext, getGlobalRSCRoot, getInitialContext } from "@modern-js/runtime/context";
 import { storage } from "@modern-js/runtime-utils/node";
 import { getPathname, parseCookie, parseHeaders, parseQuery } from "@modern-js/runtime-utils/universal/request";
 import react, { Fragment } from "react";
-import { getGlobalInternalRuntimeContext, getGlobalRSCRoot } from "../context/index.mjs";
-import { getInitialContext } from "../context/runtime.mjs";
 import { getServerPayload } from "../context/serverPayload/index.mjs";
 import { createRoot } from "../react/index.mjs";
 import { CHUNK_CSS_PLACEHOLDER } from "./constants.mjs";