@modern-js/runtime 2.54.6 → 2.55.0

package/dist/cjs/cli/template.server.js

@@ -0,0 +1,71 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var template_server_exports = {};
+__export(template_server_exports, {
+  serverIndex: () => serverIndex
+});
+module.exports = __toCommonJS(template_server_exports);
+var import_utils = require("@modern-js/utils");
+const SERVER_ENTRY = `
+import {
+  #render,
+  createRequestHandler,
+} from '@#metaName/runtime/ssr/server';
+
+const handleRequest = async (request, ServerRoot, options) => {
+
+  const body = await #render(request, <ServerRoot />, options);
+
+  return new Response(body, {
+    headers: {
+      'content-type': 'text/html; charset=utf-8',
+      #headers
+    },
+  })
+};
+
+export const requestHandler = createRequestHandler(handleRequest);
+`;
+const serverIndex = (options) => {
+  const { metaName = "modern-js", entryName } = options;
+  return `
+    import '@${metaName}/runtime/registry/${entryName}';
+    ${genHandlerCode(options)}
+  `;
+};
+function genHandlerCode({ mode, metaName, customServerEntry, srcDirectory, internalSrcAlias }) {
+  if (customServerEntry) {
+    return `export { default as requestHandler } from '${(0, import_utils.formatImportPath)(customServerEntry.replace(srcDirectory, internalSrcAlias))}'`;
+  } else {
+    const serverEntry = transformServerEntry(SERVER_ENTRY, {
+      metaName: metaName || "modern-js",
+      mode
+    });
+    return serverEntry;
+  }
+}
+function transformServerEntry(source, options) {
+  const { metaName = "modern-js", mode } = options;
+  const output = source.replace(/#metaName/g, metaName).replace(/#render/g, mode === "string" ? "renderString" : "renderStreaming").replace(/#headers/g, mode === "string" ? "" : `'transfer-encoding': 'chunked',`);
+  return output;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  serverIndex
+});

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

@@ -0,0 +1,116 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var hydrate_exports = {};
+__export(hydrate_exports, {
+  hydrateRoot: () => hydrateRoot,
+  isReact18: () => isReact18
+});
+module.exports = __toCommonJS(hydrate_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_url = require("@modern-js/runtime-utils/url");
+var import_component = require("@loadable/component");
+var import_react = __toESM(require("react"));
+var import_constants = require("../constants");
+var import_withCallback = require("./withCallback");
+const isReact18 = () => process.env.IS_REACT18 === "true";
+function hydrateRoot(App, context, ModernRender, ModernHydrate) {
+  var _window__SSR_DATA, _window, _window__SSR_DATA1, _window1;
+  const hydrateContext = {
+    ...context,
+    get routes() {
+      return context.routes;
+    },
+    _hydration: true
+  };
+  const { ssrContext } = hydrateContext;
+  const currentPathname = (0, import_url.normalizePathname)(window.location.pathname);
+  const initialPathname = (0, import_url.normalizePathname)(ssrContext.request.pathname);
+  if (initialPathname !== currentPathname && context.router) {
+    const errorMsg = `The initial URL ${initialPathname} and the URL ${currentPathname} to be hydrated do not match, reload.`;
+    console.error(errorMsg);
+    window.location.reload();
+  }
+  const callback = () => {
+    delete hydrateContext._hydration;
+  };
+  const renderLevel = ((_window = window) === null || _window === void 0 ? void 0 : (_window__SSR_DATA = _window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : _window__SSR_DATA.renderLevel) || import_constants.RenderLevel.CLIENT_RENDER;
+  const renderMode = ((_window1 = window) === null || _window1 === void 0 ? void 0 : (_window__SSR_DATA1 = _window1._SSR_DATA) === null || _window__SSR_DATA1 === void 0 ? void 0 : _window__SSR_DATA1.mode) || "string";
+  if (isReact18() && renderMode === "stream") {
+    return streamSSRHydrate();
+  }
+  function streamSSRHydrate() {
+    if (renderLevel === import_constants.RenderLevel.SERVER_RENDER) {
+      const SSRApp = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_withCallback.WithCallback, {
+        callback,
+        children: /* @__PURE__ */ import_react.default.cloneElement(App, {
+          _internal_context: hydrateContext
+        })
+      });
+      return ModernHydrate(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SSRApp, {}));
+    } else {
+      return ModernRender(App);
+    }
+  }
+  return stringSSRHydrate();
+  function stringSSRHydrate() {
+    if (renderLevel === import_constants.RenderLevel.CLIENT_RENDER || renderLevel === import_constants.RenderLevel.SERVER_PREFETCH) {
+      return ModernRender(App);
+    } else if (renderLevel === import_constants.RenderLevel.SERVER_RENDER) {
+      return new Promise((resolve) => {
+        if (isReact18()) {
+          (0, import_component.loadableReady)(() => {
+            const SSRApp = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_withCallback.WithCallback, {
+              callback,
+              children: /* @__PURE__ */ import_react.default.cloneElement(App, {
+                _internal_context: hydrateContext
+              })
+            });
+            ModernHydrate(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SSRApp, {})).then((root) => {
+              resolve(root);
+            });
+          });
+        } else {
+          (0, import_component.loadableReady)(() => {
+            ModernHydrate(App, callback).then((root) => {
+              resolve(root);
+            });
+          });
+        }
+      });
+    } else {
+      console.warn(`unknow render level: ${renderLevel}, execute render()`);
+      return ModernRender(App);
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  hydrateRoot,
+  isReact18
+});

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

@@ -0,0 +1,122 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var browser_exports = {};
+__export(browser_exports, {
+  render: () => render
+});
+module.exports = __toCommonJS(browser_exports);
+var import_react = __toESM(require("react"));
+var import_context = require("../context");
+var import_runtime = require("../context/runtime");
+var import_loaderManager = require("../loader/loaderManager");
+var import_runner = require("../plugin/runner");
+var import_hydrate = require("./hydrate");
+const IS_REACT18 = process.env.IS_REACT18 === "true";
+function isClientArgs(id) {
+  return typeof id === "undefined" || typeof id === "string" || typeof HTMLElement !== "undefined" && id instanceof HTMLElement;
+}
+async function render(App, id) {
+  const runner = (0, import_runner.getGlobalRunner)();
+  const context = (0, import_runtime.getInitialContext)(runner);
+  const runInit = (_context) => runner.init({
+    context: _context
+  }, {
+    onLast: ({ context: context1 }) => {
+      const init = (0, import_context.getGlobalAppInit)();
+      return init === null || init === void 0 ? void 0 : init(context1);
+    }
+  });
+  if (isClientArgs(id)) {
+    var _ssrData_data, _ssrData_data1;
+    const ssrData = window._SSR_DATA;
+    const loadersData = (ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_data = ssrData.data) === null || _ssrData_data === void 0 ? void 0 : _ssrData_data.loadersData) || {};
+    const initialLoadersState = Object.keys(loadersData).reduce((res, key) => {
+      const loaderData = loadersData[key];
+      if ((loaderData === null || loaderData === void 0 ? void 0 : loaderData.loading) !== false) {
+        return res;
+      }
+      res[key] = loaderData;
+      return res;
+    }, {});
+    Object.assign(context, {
+      loaderManager: (0, import_loaderManager.createLoaderManager)(initialLoadersState, {
+        skipStatic: true
+      }),
+      ...ssrData ? {
+        ssrContext: ssrData === null || ssrData === void 0 ? void 0 : ssrData.context
+      } : {}
+    });
+    context.initialData = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_data1 = ssrData.data) === null || _ssrData_data1 === void 0 ? void 0 : _ssrData_data1.initialData;
+    const initialData = await runInit(context);
+    if (initialData) {
+      context.initialData = initialData;
+    }
+    const rootElement = id && typeof id !== "string" ? id : document.getElementById(id || "root");
+    async function ModernRender(App2) {
+      const renderFunc = IS_REACT18 ? renderWithReact18 : renderWithReact17;
+      return renderFunc(/* @__PURE__ */ import_react.default.cloneElement(App2, {
+        _internal_context: context
+      }), rootElement);
+    }
+    async function ModernHydrate(App2, callback) {
+      const hydrateFunc = IS_REACT18 ? hydrateWithReact18 : hydrateWithReact17;
+      return hydrateFunc(App2, rootElement, callback);
+    }
+    if (ssrData) {
+      return (0, import_hydrate.hydrateRoot)(App, context, ModernRender, ModernHydrate);
+    }
+    return ModernRender(App);
+  }
+  throw Error("`render` function needs id in browser environment, it needs to be string or element");
+}
+async function renderWithReact18(App, rootElement) {
+  const ReactDOM = await Promise.resolve().then(() => __toESM(require("react-dom/client")));
+  const root = ReactDOM.createRoot(rootElement);
+  root.render(App);
+  return root;
+}
+async function renderWithReact17(App, rootElement) {
+  const ReactDOM = await Promise.resolve().then(() => __toESM(require("react-dom")));
+  ReactDOM.render(App, rootElement);
+  return rootElement;
+}
+async function hydrateWithReact18(App, rootElement) {
+  const ReactDOM = await Promise.resolve().then(() => __toESM(require("react-dom/client")));
+  const root = ReactDOM.hydrateRoot(rootElement, App);
+  return root;
+}
+async function hydrateWithReact17(App, rootElement, callback) {
+  const ReactDOM = await Promise.resolve().then(() => __toESM(require("react-dom")));
+  const root = ReactDOM.hydrate(App, rootElement, callback);
+  return root;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  render
+});

package/dist/cjs/core/compatible.js

@@ -35,12 +35,13 @@ __export(compatible_exports, {
 module.exports = __toCommonJS(compatible_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
-var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
 var import_constants = require("@modern-js/utils/universal/constants");
 var import_runtime = require("./context/runtime");
 var import_plugin = require("./plugin");
 var import_loaderManager = require("./loader/loaderManager");
 var import_runner = require("./plugin/runner");
+var import_context = require("./context");
+var import_hydrate = require("./browser/hydrate");
 const IS_REACT18 = process.env.IS_REACT18 === "true";
 function isClientArgs(id) {
   return typeof id === "string" || typeof HTMLElement !== "undefined" && id instanceof HTMLElement;
@@ -64,24 +65,21 @@ const createApp = ({ plugins, runtime, props: globalProps }) => {
         ...props
       }) : child));
     };
-    if (App) {
-      (0, import_hoist_non_react_statics.default)(WrapperComponent, App);
-    }
     const HOCApp = runner.hoc({
       App: WrapperComponent,
       config: globalProps || {}
     }, {
       onLast: ({ App: App2 }) => {
-        const WrapComponent = ({ context, ...props }) => {
-          let contextValue = context;
+        const WrapComponent = ({ _internal_context, ...props }) => {
+          let contextValue = _internal_context;
           if (!(contextValue === null || contextValue === void 0 ? void 0 : contextValue.runner)) {
             contextValue = getInitialContext(runner);
             runner.init({
               context: contextValue
             }, {
               onLast: ({ context: context1 }) => {
-                var _App_init;
-                return App2 === null || App2 === void 0 ? void 0 : (_App_init = App2.init) === null || _App_init === void 0 ? void 0 : _App_init.call(App2, context1);
+                var _getGlobalAppInit;
+                return (_getGlobalAppInit = (0, import_context.getGlobalAppInit)()) === null || _getGlobalAppInit === void 0 ? void 0 : _getGlobalAppInit(context1);
               }
             });
           }
@@ -96,7 +94,7 @@ const createApp = ({ plugins, runtime, props: globalProps }) => {
             })
           });
         };
-        return (0, import_hoist_non_react_statics.default)(WrapComponent, App2);
+        return WrapComponent;
       }
     });
     return HOCApp;
@@ -110,13 +108,13 @@ const bootstrap = async (BootApp, id, root, ReactDOM) => {
     context: _context
   }, {
     onLast: ({ context: context1 }) => {
-      var _App_init;
-      return App === null || App === void 0 ? void 0 : (_App_init = App.init) === null || _App_init === void 0 ? void 0 : _App_init.call(App, context1);
+      const init = (0, import_context.getGlobalAppInit)();
+      return init === null || init === void 0 ? void 0 : init(context1);
     }
   });
   if (!id) {
     return /* @__PURE__ */ import_react.default.createElement(App, {
-      context
+      _internal_context: context
     });
   }
   const isBrowser = typeof window !== "undefined" && window.name !== "nodejs";
@@ -127,7 +125,7 @@ const bootstrap = async (BootApp, id, root, ReactDOM) => {
       const loadersData = (ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_data = ssrData.data) === null || _ssrData_data === void 0 ? void 0 : _ssrData_data.loadersData) || {};
       const initialLoadersState = Object.keys(loadersData).reduce((res, key) => {
         const loaderData = loadersData[key];
-        if (loaderData.loading !== false) {
+        if ((loaderData === null || loaderData === void 0 ? void 0 : loaderData.loading) !== false) {
           return res;
         }
         res[key] = loaderData;
@@ -154,8 +152,12 @@ const bootstrap = async (BootApp, id, root, ReactDOM) => {
         if (IS_REACT18) {
           if (root) {
             root.render(App2);
-          } else if (ReactDOM.createRoot) {
-            ReactDOM.createRoot(rootElement).render(App2);
+            return root;
+          }
+          if (ReactDOM.createRoot) {
+            const root2 = ReactDOM.createRoot(rootElement);
+            root2.render(App2);
+            return root2;
           } else {
             throw Error("The `bootstrap` `ReactDOM` parameter needs to provide the `createRoot` method");
           }
@@ -164,6 +166,7 @@ const bootstrap = async (BootApp, id, root, ReactDOM) => {
             throw Error("The `bootstrap` `ReactDOM` parameter needs to provide the `render` method");
           }
           ReactDOM.render(App2, rootElement);
+          return rootElement;
         }
       };
       const ModernHydrate = (App2, callback) => {
@@ -172,78 +175,40 @@ const bootstrap = async (BootApp, id, root, ReactDOM) => {
             throw Error("The `bootstrap` `ReactDOM` parameter needs to provide the `hydrateRoot` method");
           }
           ReactDOM.hydrateRoot(rootElement, App2);
-        } else {
-          if (!ReactDOM.hydrate) {
-            throw Error("The `bootstrap` `ReactDOM` parameter needs to provide the `hydrate` method");
-          }
-          ReactDOM.hydrate(App2, rootElement, callback);
+          return rootElement;
         }
-      };
-      return runner.client({
-        App,
-        context,
-        ModernRender,
-        ModernHydrate
-      }, {
-        onLast: ({ App: App2 }) => {
-          ModernRender(/* @__PURE__ */ import_react.default.createElement(App2, {
-            context
-          }));
+        if (!ReactDOM.hydrate) {
+          throw Error("The `bootstrap` `ReactDOM` parameter needs to provide the `hydrate` method");
         }
-      });
+        ReactDOM.hydrate(App2, rootElement, callback);
+        return rootElement;
+      };
+      if (ssrData) {
+        return (0, import_hydrate.hydrateRoot)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {}), context, ModernRender, ModernHydrate);
+      }
+      return ModernRender(/* @__PURE__ */ import_react.default.createElement(App, {
+        _internal_context: context
+      }));
     } else {
       throw Error("`bootstrap` needs id in browser environment, it needs to be string or element");
     }
   } else {
-    Object.assign(context, {
-      ssrContext: id,
-      isBrowser: false,
-      loaderManager: (0, import_loaderManager.createLoaderManager)({}, {
-        skipNonStatic: id.staticGenerate,
-        // if not static generate, only non-static loader can exec on prod env
-        skipStatic: process.env.NODE_ENV === "production" && !id.staticGenerate
-      })
-    });
-    const isRedirectResponse = (result) => {
-      if (typeof Response !== "undefined" && // fix: ssg workflow doesn't inject Web Response
-      result instanceof Response && result.status >= 300 && result.status <= 399) {
-        const { status } = result;
-        const redirectUrl = result.headers.get("Location") || "/";
-        const { ssrContext } = context;
-        if (ssrContext) {
-          var _ssrContext_res;
-          ssrContext.res && (ssrContext.res.statusCode = status);
-          (_ssrContext_res = ssrContext.res) === null || _ssrContext_res === void 0 ? void 0 : _ssrContext_res.setHeader("Location", redirectUrl);
-          ssrContext.redirection = ssrContext.redirection || {};
-          ssrContext.redirection.status = status;
-          ssrContext.redirection.url = redirectUrl;
-        }
-        return true;
-      }
-      return false;
-    };
-    const initialData = await runInit(context);
-    if (!isRedirectResponse(initialData)) {
-      var _context_routerContext, _context_routerContext1;
-      context.initialData = initialData;
-      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);
-      }
-      return runner.server({
-        App,
-        context
-      });
-    }
+    throw Error("Bootstrap function not support ssr render");
   }
 };
 const useRuntimeContext = () => {
+  var _context_ssrContext, _context_ssrContext1;
   const context = (0, import_react.useContext)(import_runtime.RuntimeReactContext);
+  const pickedContext = {
+    initialData: context.initialData,
+    request: (_context_ssrContext = context.ssrContext) === null || _context_ssrContext === void 0 ? void 0 : _context_ssrContext.request,
+    response: (_context_ssrContext1 = context.ssrContext) === null || _context_ssrContext1 === void 0 ? void 0 : _context_ssrContext1.response
+  };
   const memoizedContext = (0, import_react.useMemo)(() => context.runner.pickContext({
     context,
-    pickedContext: {}
+    pickedContext
   }, {
-    onLast: ({ pickedContext }) => pickedContext
+    onLast: ({ pickedContext: pickedContext2 }) => pickedContext2
   }), [
     context
   ]);

package/dist/cjs/{ssr/serverRender/types.js → core/constants.js}

@@ -16,11 +16,11 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-__export(types_exports, {
+var constants_exports = {};
+__export(constants_exports, {
   RenderLevel: () => RenderLevel
 });
-module.exports = __toCommonJS(types_exports);
+module.exports = __toCommonJS(constants_exports);
 var RenderLevel;
 (function(RenderLevel2) {
   RenderLevel2[RenderLevel2["CLIENT_RENDER"] = 0] = "CLIENT_RENDER";

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

@@ -18,11 +18,48 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var context_exports = {};
 __export(context_exports, {
-  RuntimeReactContext: () => import_runtime.RuntimeReactContext
+  RuntimeReactContext: () => import_runtime.RuntimeReactContext,
+  getGlobalApp: () => getGlobalApp,
+  getGlobalAppConfig: () => getGlobalAppConfig,
+  getGlobalAppInit: () => getGlobalAppInit,
+  getGlobalLayoutApp: () => getGlobalLayoutApp,
+  getGlobalRoutes: () => getGlobalRoutes,
+  setGlobalContext: () => setGlobalContext
 });
 module.exports = __toCommonJS(context_exports);
 var import_runtime = require("./runtime");
+const globalContext = {};
+function setGlobalContext(context) {
+  globalContext.App = context.App;
+  globalContext.routes = context.routes;
+  globalContext.appInit = context.appInit;
+  globalContext.appConfig = typeof context.appConfig === "function" ? context.appConfig() : context.appConfig;
+  globalContext.layoutApp = context.layoutApp;
+}
+function getGlobalApp() {
+  return globalContext.App;
+}
+function getGlobalRoutes() {
+  return globalContext.routes;
+}
+function getGlobalAppInit() {
+  var _getGlobalApp, _getGlobalLayoutApp;
+  return globalContext.appInit || ((_getGlobalApp = getGlobalApp()) === null || _getGlobalApp === void 0 ? void 0 : _getGlobalApp.init) || ((_getGlobalLayoutApp = getGlobalLayoutApp()) === null || _getGlobalLayoutApp === void 0 ? void 0 : _getGlobalLayoutApp.init);
+}
+function getGlobalAppConfig() {
+  var _getGlobalApp, _getGlobalLayoutApp;
+  return globalContext.appConfig || ((_getGlobalApp = getGlobalApp()) === null || _getGlobalApp === void 0 ? void 0 : _getGlobalApp.config) || ((_getGlobalLayoutApp = getGlobalLayoutApp()) === null || _getGlobalLayoutApp === void 0 ? void 0 : _getGlobalLayoutApp.config);
+}
+function getGlobalLayoutApp() {
+  return globalContext.layoutApp;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  RuntimeReactContext
+  RuntimeReactContext,
+  getGlobalApp,
+  getGlobalAppConfig,
+  getGlobalAppInit,
+  getGlobalLayoutApp,
+  getGlobalRoutes,
+  setGlobalContext
 });

package/dist/cjs/core/context/runtime.js

@@ -28,11 +28,11 @@ var import_constants = require("@modern-js/utils/universal/constants");
 var import_loaderManager = require("../loader/loaderManager");
 const RuntimeReactContext = (0, import_react.createContext)({});
 const ServerRouterContext = (0, import_react.createContext)({});
-const getInitialContext = (runner) => ({
+const getInitialContext = (runner, isBrowser = true, routeManifest) => ({
   loaderManager: (0, import_loaderManager.createLoaderManager)({}),
   runner,
-  isBrowser: true,
-  routeManifest: typeof window !== "undefined" && window[import_constants.ROUTE_MANIFEST]
+  isBrowser,
+  routeManifest: routeManifest || typeof window !== "undefined" && window[import_constants.ROUTE_MANIFEST]
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/cjs/core/loader/useLoader.js

@@ -47,7 +47,7 @@ const useLoader = (loaderFn, options = {
     delete options._cache;
   }
   const load = (0, import_react.useCallback)((params) => {
-    var _unlistenLoaderChangeRef_current, _window__SSR_DATA_data_loadersData_id, _window__SSR_DATA_data, _window__SSR_DATA, _window, _loaderRef_current;
+    var _unlistenLoaderChangeRef_current, _window__SSR_DATA_data_loadersData_id, _window__SSR_DATA_data_loadersData, _window__SSR_DATA_data, _window__SSR_DATA, _window, _loaderRef_current;
     if (typeof params === "undefined") {
       var _loaderRef_current1;
       return (_loaderRef_current1 = loaderRef.current) === null || _loaderRef_current1 === void 0 ? void 0 : _loaderRef_current1.load();
@@ -74,7 +74,7 @@ const useLoader = (loaderFn, options = {
     if (options.skip) {
       return void 0;
     }
-    if (context._hydration && ((_window = window) === null || _window === void 0 ? void 0 : (_window__SSR_DATA = _window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : (_window__SSR_DATA_data = _window__SSR_DATA.data) === null || _window__SSR_DATA_data === void 0 ? void 0 : (_window__SSR_DATA_data_loadersData_id = _window__SSR_DATA_data.loadersData[id]) === null || _window__SSR_DATA_data_loadersData_id === void 0 ? void 0 : _window__SSR_DATA_data_loadersData_id.error) === null) {
+    if (context._hydration && ((_window = window) === null || _window === void 0 ? void 0 : (_window__SSR_DATA = _window._SSR_DATA) === null || _window__SSR_DATA === void 0 ? void 0 : (_window__SSR_DATA_data = _window__SSR_DATA.data) === null || _window__SSR_DATA_data === void 0 ? void 0 : (_window__SSR_DATA_data_loadersData = _window__SSR_DATA_data.loadersData) === null || _window__SSR_DATA_data_loadersData === void 0 ? void 0 : (_window__SSR_DATA_data_loadersData_id = _window__SSR_DATA_data_loadersData[id]) === null || _window__SSR_DATA_data_loadersData_id === void 0 ? void 0 : _window__SSR_DATA_data_loadersData_id.error) === null) {
       return void 0;
     }
     const res = loaderRef.current.load();

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

@@ -23,16 +23,12 @@ __export(base_exports, {
 });
 module.exports = __toCommonJS(base_exports);
 var import_plugin = require("@modern-js/plugin");
-const client = (0, import_plugin.createAsyncPipeline)();
-const server = (0, import_plugin.createAsyncPipeline)();
 const hoc = (0, import_plugin.createPipeline)();
 const init = (0, import_plugin.createAsyncPipeline)();
 const pickContext = (0, import_plugin.createPipeline)();
 const runtimeHooks = {
   hoc,
   init,
-  client,
-  server,
   pickContext
 };
 const createRuntime = () => (0, import_plugin.createManager)(runtimeHooks);

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

@@ -19,9 +19,11 @@ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "defau
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var plugin_exports = {};
 __export(plugin_exports, {
+  mergeConfig: () => mergeConfig,
   registerPlugin: () => registerPlugin
 });
 module.exports = __toCommonJS(plugin_exports);
+var import_lodash = require("@modern-js/utils/lodash");
 var import_base = require("./base");
 var import_runner = require("./runner");
 __reExport(plugin_exports, require("./base"), module.exports);
@@ -32,8 +34,12 @@ function registerPlugin(internalPlugins, runtimeConfig, customRuntime) {
   (0, import_runner.setGlobalRunner)(runner);
   return runner;
 }
+function mergeConfig(config, ...otherConfig) {
+  return (0, import_lodash.merge)(config, ...otherConfig);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  mergeConfig,
   registerPlugin,
   ...require("./base")
 });