@modern-js/runtime 2.63.7-alpha.0 → 2.64.0

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

@@ -27,6 +27,7 @@ module.exports = __toCommonJS(plugin_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_merge = require("@modern-js/runtime-utils/merge");
 var import_router = require("@modern-js/runtime-utils/router");
+var import_url = require("@modern-js/runtime-utils/url");
 var import_react = require("react");
 var import_core = require("../../core");
 var import_context = require("../../core/context");
@@ -48,110 +49,120 @@ function modifyRoutes(modifyFunction) {
 const routerPlugin = (userConfig = {}) => {
   return {
     name: "@modern-js/plugin-router",
-    registerHook: {
-      modifyRoutes: import_hooks.modifyRoutes
+    registryHooks: {
+      modifyRoutes: import_hooks.modifyRoutes,
+      onBeforeCreateRoutes: import_hooks.onBeforeCreateRoutes
     },
     setup: (api) => {
       let routes = [];
-      return {
-        beforeRender(context) {
-          context.router = {
-            useMatches: import_router.useMatches,
-            useLocation: import_router.useLocation,
-            useHref: import_router.useHref
-          };
-          Object.defineProperty(context, "routes", {
-            get() {
-              return routes;
-            }
-          });
-        },
-        wrapRoot: (App) => {
-          const pluginConfig = api.useRuntimeConfigContext();
-          const { serverBase = [], supportHtml5History = true, basename = "", routesConfig, createRoutes, future } = (0, import_merge.merge)(pluginConfig.router || {}, userConfig);
-          const select = (pathname) => serverBase.find((baseUrl) => pathname.search(baseUrl) === 0) || "/";
-          finalRouteConfig = {
-            routes: (0, import_context.getGlobalRoutes)(),
-            globalApp: (0, import_context.getGlobalLayoutApp)(),
-            ...routesConfig
-          };
-          if (!finalRouteConfig.routes && !createRoutes) {
-            return App;
+      api.onBeforeRender((context) => {
+        if (window._SSR_DATA && userConfig.unstable_reloadOnURLMismatch) {
+          var _ssrContext_request;
+          const { ssrContext } = context;
+          const currentPathname = (0, import_url.normalizePathname)(window.location.pathname);
+          const initialPathname = (ssrContext === null || ssrContext === void 0 ? void 0 : (_ssrContext_request = ssrContext.request) === null || _ssrContext_request === void 0 ? void 0 : _ssrContext_request.pathname) && (0, import_url.normalizePathname)(ssrContext.request.pathname);
+          if (initialPathname && initialPathname !== currentPathname) {
+            const errorMsg = `The initial URL ${initialPathname} and the URL ${currentPathname} to be hydrated do not match, reload.`;
+            console.error(errorMsg);
+            window.location.reload();
+          }
+        }
+        context.router = {
+          useMatches: import_router.useMatches,
+          useLocation: import_router.useLocation,
+          useHref: import_router.useHref
+        };
+        Object.defineProperty(context, "routes", {
+          get() {
+            return routes;
           }
-          const getRouteApp = () => {
-            const useCreateRouter = (props) => {
-              const runtimeContext = (0, import_react.useContext)(import_core.RuntimeReactContext);
-              const baseUrl = select(location.pathname).replace(/^\/*/, "/");
-              const _basename = baseUrl === "/" ? (0, import_utils.urlJoin)(baseUrl, runtimeContext._internalRouterBaseName || basename) : baseUrl;
-              let hydrationData = window._ROUTER_DATA;
-              const { unstable_getBlockNavState: getBlockNavState } = runtimeContext;
-              return (0, import_react.useMemo)(() => {
-                if (hydrationData === null || hydrationData === void 0 ? void 0 : hydrationData.errors) {
-                  hydrationData = {
-                    ...hydrationData,
-                    errors: (0, import_utils.deserializeErrors)(hydrationData.errors)
-                  };
-                }
-                routes = createRoutes ? createRoutes() : (0, import_router.createRoutesFromElements)((0, import_utils.renderRoutes)({
-                  routesConfig: finalRouteConfig,
-                  props
-                }));
-                const runner = api.useHookRunners();
-                routes = runner.modifyRoutes(routes);
-                const router = supportHtml5History ? (0, import_router.createBrowserRouter)(routes, {
-                  basename: _basename,
-                  hydrationData
-                }) : (0, import_router.createHashRouter)(routes, {
-                  basename: _basename,
-                  hydrationData
-                });
-                const originSubscribe = router.subscribe;
-                router.subscribe = (listener) => {
-                  const wrapedListener = (...args) => {
-                    const blockRoute = getBlockNavState ? getBlockNavState() : false;
-                    if (blockRoute) {
-                      return;
-                    }
-                    return listener(...args);
-                  };
-                  return originSubscribe(wrapedListener);
+        });
+      });
+      api.wrapRoot((App) => {
+        const pluginConfig = api.getRuntimeConfig();
+        const { serverBase = [], supportHtml5History = true, basename = "", routesConfig, createRoutes, future } = (0, import_merge.merge)(pluginConfig.router || {}, userConfig);
+        const select = (pathname) => serverBase.find((baseUrl) => pathname.search(baseUrl) === 0) || "/";
+        finalRouteConfig = {
+          routes: (0, import_context.getGlobalRoutes)(),
+          globalApp: (0, import_context.getGlobalLayoutApp)(),
+          ...routesConfig
+        };
+        if (!finalRouteConfig.routes && !createRoutes) {
+          return App;
+        }
+        const getRouteApp = () => {
+          const useCreateRouter = (props) => {
+            const runtimeContext = (0, import_react.useContext)(import_core.RuntimeReactContext);
+            const baseUrl = select(location.pathname).replace(/^\/*/, "/");
+            const _basename = baseUrl === "/" ? (0, import_utils.urlJoin)(baseUrl, runtimeContext._internalRouterBaseName || basename) : baseUrl;
+            let hydrationData = window._ROUTER_DATA;
+            const { unstable_getBlockNavState: getBlockNavState } = runtimeContext;
+            return (0, import_react.useMemo)(() => {
+              if (hydrationData === null || hydrationData === void 0 ? void 0 : hydrationData.errors) {
+                hydrationData = {
+                  ...hydrationData,
+                  errors: (0, import_utils.deserializeErrors)(hydrationData.errors)
+                };
+              }
+              routes = createRoutes ? createRoutes() : (0, import_router.createRoutesFromElements)((0, import_utils.renderRoutes)({
+                routesConfig: finalRouteConfig,
+                props
+              }));
+              const hooks = api.getHooks();
+              routes = hooks.modifyRoutes.call(routes);
+              const router = supportHtml5History ? (0, import_router.createBrowserRouter)(routes, {
+                basename: _basename,
+                hydrationData
+              }) : (0, import_router.createHashRouter)(routes, {
+                basename: _basename,
+                hydrationData
+              });
+              const originSubscribe = router.subscribe;
+              router.subscribe = (listener) => {
+                const wrapedListener = (...args) => {
+                  const blockRoute = getBlockNavState ? getBlockNavState() : false;
+                  if (blockRoute) {
+                    return;
+                  }
+                  return listener(...args);
                 };
-                return router;
-              }, [
-                finalRouteConfig,
-                props,
-                _basename,
-                hydrationData,
-                getBlockNavState
-              ]);
-            };
-            const Null = () => null;
-            return (props) => {
-              beforeCreateRouter = false;
-              const router = useCreateRouter(props);
-              const routerWrapper = (
-                // To match the node tree about https://github.com/web-infra-dev/modern.js/blob/v2.59.0/packages/runtime/plugin-runtime/src/router/runtime/plugin.node.tsx#L150-L168
-                // According to react [useId generation algorithm](https://github.com/facebook/react/pull/22644), `useId` will generate id with the react node react struct.
-                // To void hydration failed, we must guarantee that the node tree when browser hydrate must have same struct with node tree when ssr render.
-                /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_router.RouterProvider, {
-                      router,
-                      future
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Null, {}),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Null, {})
-                  ]
-                })
-              );
-              return App ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
-                children: routerWrapper
-              }) : routerWrapper;
-            };
+                return originSubscribe(wrapedListener);
+              };
+              return router;
+            }, [
+              finalRouteConfig,
+              props,
+              _basename,
+              hydrationData,
+              getBlockNavState
+            ]);
           };
-          return getRouteApp();
-        }
-      };
+          const Null = () => null;
+          return (props) => {
+            beforeCreateRouter = false;
+            const router = useCreateRouter(props);
+            const routerWrapper = (
+              // To match the node tree about https://github.com/web-infra-dev/modern.js/blob/v2.59.0/packages/runtime/plugin-runtime/src/router/runtime/plugin.node.tsx#L150-L168
+              // According to react [useId generation algorithm](https://github.com/facebook/react/pull/22644), `useId` will generate id with the react node react struct.
+              // To void hydration failed, we must guarantee that the node tree when browser hydrate must have same struct with node tree when ssr render.
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_router.RouterProvider, {
+                    router,
+                    future
+                  }),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Null, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Null, {})
+                ]
+              })
+            );
+            return App ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
+              children: routerWrapper
+            }) : routerWrapper;
+          };
+        };
+        return getRouteApp();
+      });
     }
   };
 };

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

@@ -60,102 +60,100 @@ function createRemixReuqest(request) {
 const routerPlugin = (userConfig = {}) => {
   return {
     name: "@modern-js/plugin-router",
-    registerHook: {
+    registryHooks: {
       modifyRoutes: import_hooks.modifyRoutes,
-      beforeCreateRoutes: import_hooks.beforeCreateRoutes
+      onBeforeCreateRoutes: import_hooks.onBeforeCreateRoutes
     },
     setup: (api) => {
       let finalRouteConfig = {};
-      return {
-        async beforeRender(context, interrupt) {
-          var _context_ssrContext, _context_ssrContext_onTiming, _context_ssrContext1;
-          const pluginConfig = api.useRuntimeConfigContext();
-          const { basename = "", routesConfig, createRoutes } = (0, import_merge.merge)(pluginConfig.router || {}, userConfig);
-          finalRouteConfig = {
-            routes: (0, import_context.getGlobalRoutes)(),
-            globalApp: (0, import_context.getGlobalLayoutApp)(),
-            ...routesConfig
-          };
-          if (!finalRouteConfig.routes && !createRoutes) {
-            return;
-          }
-          const { request, mode: ssrMode, nonce, loaderFailureMode = "errorBoundary" } = context.ssrContext;
-          const { baseUrl } = request;
-          const _basename = baseUrl === "/" ? (0, import_utils.urlJoin)(baseUrl, basename) : baseUrl;
-          const { reporter } = context.ssrContext;
-          const requestContext = (0, import_node.createRequestContext)((_context_ssrContext = context.ssrContext) === null || _context_ssrContext === void 0 ? void 0 : _context_ssrContext.loaderContext);
-          requestContext.set(import_node.reporterCtx, reporter);
-          const runner = api.useHookRunners();
-          await runner.beforeCreateRoutes(context);
-          let routes = createRoutes ? createRoutes() : (0, import_router2.createRoutesFromElements)((0, import_utils.renderRoutes)({
-            routesConfig: finalRouteConfig,
-            ssrMode,
-            props: {
-              nonce
-            },
-            reporter
-          }));
-          routes = runner.modifyRoutes(routes);
-          const { query } = (0, import_remix_router.createStaticHandler)(routes, {
-            basename: _basename
-          });
-          const remixRequest = createRemixReuqest(context.ssrContext.request.raw);
-          const end = (0, import_time.time)();
-          const routerContext = await query(remixRequest, {
-            requestContext
-          });
-          const cost = end();
-          (_context_ssrContext1 = context.ssrContext) === null || _context_ssrContext1 === void 0 ? void 0 : (_context_ssrContext_onTiming = _context_ssrContext1.onTiming) === null || _context_ssrContext_onTiming === void 0 ? void 0 : _context_ssrContext_onTiming.call(_context_ssrContext1, import_constants.LOADER_REPORTER_NAME, cost);
-          if (routerContext instanceof Response) {
-            return interrupt(routerContext);
-          }
-          const errors = Object.values(routerContext.errors || {});
-          if (
-            // TODO: if loaderFailureMode is not 'errroBoundary', error log will not be printed.
-            errors.length > 0 && loaderFailureMode === "clientRender"
-          ) {
-            routerContext.statusCode = 200;
-            throw errors[0];
-          }
-          const router = (0, import_router.createStaticRouter)(routes, routerContext);
-          context.routerContext = routerContext;
-          context.remixRouter = router;
-          context.routes = routes;
-        },
-        wrapRoot: (App) => {
-          if (!finalRouteConfig) {
-            return App;
-          }
-          const getRouteApp = () => {
-            return () => {
-              const context = (0, import_react.useContext)(import_core.RuntimeReactContext);
-              const { remixRouter, routerContext, ssrContext } = context;
-              const { nonce, mode, useJsonScript } = ssrContext;
-              const routerWrapper = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_router.StaticRouterProvider, {
-                    router: remixRouter,
-                    context: routerContext,
-                    hydrate: false
-                  }),
-                  mode === "stream" && // ROUTER_DATA will inject in `packages/runtime/plugin-runtime/src/core/server/string/ssrData.ts` in string ssr
-                  // So we can inject it only when streaming ssr
-                  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DeferredDataScripts.default, {
-                    nonce,
-                    context: routerContext,
-                    useJsonScript
-                  }),
-                  mode === "stream" && import_common.JSX_SHELL_STREAM_END_MARK
-                ]
-              });
-              return App ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
-                children: routerWrapper
-              }) : routerWrapper;
-            };
-          };
-          return getRouteApp();
+      api.onBeforeRender(async (context, interrupt) => {
+        var _context_ssrContext, _context_ssrContext_onTiming, _context_ssrContext1;
+        const pluginConfig = api.getRuntimeConfig();
+        const { basename = "", routesConfig, createRoutes } = (0, import_merge.merge)(pluginConfig.router || {}, userConfig);
+        finalRouteConfig = {
+          routes: (0, import_context.getGlobalRoutes)(),
+          globalApp: (0, import_context.getGlobalLayoutApp)(),
+          ...routesConfig
+        };
+        if (!finalRouteConfig.routes && !createRoutes) {
+          return;
+        }
+        const { request, mode: ssrMode, nonce, loaderFailureMode = "errorBoundary" } = context.ssrContext;
+        const { baseUrl } = request;
+        const _basename = baseUrl === "/" ? (0, import_utils.urlJoin)(baseUrl, basename) : baseUrl;
+        const { reporter } = context.ssrContext;
+        const requestContext = (0, import_node.createRequestContext)((_context_ssrContext = context.ssrContext) === null || _context_ssrContext === void 0 ? void 0 : _context_ssrContext.loaderContext);
+        requestContext.set(import_node.reporterCtx, reporter);
+        const hooks = api.getHooks();
+        await hooks.onBeforeCreateRoutes.call(context);
+        let routes = createRoutes ? createRoutes() : (0, import_router2.createRoutesFromElements)((0, import_utils.renderRoutes)({
+          routesConfig: finalRouteConfig,
+          ssrMode,
+          props: {
+            nonce
+          },
+          reporter
+        }));
+        routes = hooks.modifyRoutes.call(routes);
+        const { query } = (0, import_remix_router.createStaticHandler)(routes, {
+          basename: _basename
+        });
+        const remixRequest = createRemixReuqest(context.ssrContext.request.raw);
+        const end = (0, import_time.time)();
+        const routerContext = await query(remixRequest, {
+          requestContext
+        });
+        const cost = end();
+        (_context_ssrContext1 = context.ssrContext) === null || _context_ssrContext1 === void 0 ? void 0 : (_context_ssrContext_onTiming = _context_ssrContext1.onTiming) === null || _context_ssrContext_onTiming === void 0 ? void 0 : _context_ssrContext_onTiming.call(_context_ssrContext1, import_constants.LOADER_REPORTER_NAME, cost);
+        if (routerContext instanceof Response) {
+          return interrupt(routerContext);
         }
-      };
+        const errors = Object.values(routerContext.errors || {});
+        if (
+          // TODO: if loaderFailureMode is not 'errroBoundary', error log will not be printed.
+          errors.length > 0 && loaderFailureMode === "clientRender"
+        ) {
+          routerContext.statusCode = 200;
+          throw errors[0];
+        }
+        const router = (0, import_router.createStaticRouter)(routes, routerContext);
+        context.routerContext = routerContext;
+        context.remixRouter = router;
+        context.routes = routes;
+      });
+      api.wrapRoot((App) => {
+        if (!finalRouteConfig) {
+          return App;
+        }
+        const getRouteApp = () => {
+          return () => {
+            const context = (0, import_react.useContext)(import_core.RuntimeReactContext);
+            const { remixRouter, routerContext, ssrContext } = context;
+            const { nonce, mode, useJsonScript } = ssrContext;
+            const routerWrapper = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_router.StaticRouterProvider, {
+                  router: remixRouter,
+                  context: routerContext,
+                  hydrate: false
+                }),
+                mode === "stream" && // ROUTER_DATA will inject in `packages/runtime/plugin-runtime/src/core/server/string/ssrData.ts` in string ssr
+                // So we can inject it only when streaming ssr
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DeferredDataScripts.default, {
+                  nonce,
+                  context: routerContext,
+                  useJsonScript
+                }),
+                mode === "stream" && import_common.JSX_SHELL_STREAM_END_MARK
+              ]
+            });
+            return App ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
+              children: routerWrapper
+            }) : routerWrapper;
+          };
+        };
+        return getRouteApp();
+      });
     }
   };
 };

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

@@ -2,7 +2,6 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { loadableReady } from "@loadable/component";
-import { normalizePathname } from "@modern-js/runtime-utils/url";
 import { RenderLevel } from "../constants";
 import { wrapRuntimeContextProvider } from "../react/wrapper";
 import { WithCallback } from "./withCallback";
@@ -10,21 +9,13 @@ var isReact18 = function() {
   return process.env.IS_REACT18 === "true";
 };
 function hydrateRoot(App, context, ModernRender, ModernHydrate) {
-  var _ssrContext_request, _window__SSR_DATA, _window, _window__SSR_DATA1, _window1;
+  var _window__SSR_DATA, _window, _window__SSR_DATA1, _window1;
   var hydrateContext = _object_spread_props(_object_spread({}, context), {
     get routes() {
       return context.routes;
     },
     _hydration: true
   });
-  var ssrContext = hydrateContext.ssrContext;
-  var currentPathname = normalizePathname(window.location.pathname);
-  var initialPathname = (ssrContext === null || ssrContext === void 0 ? void 0 : (_ssrContext_request = ssrContext.request) === null || _ssrContext_request === void 0 ? void 0 : _ssrContext_request.pathname) && normalizePathname(ssrContext.request.pathname);
-  if (initialPathname && initialPathname !== currentPathname && context.router) {
-    var errorMsg = "The initial URL ".concat(initialPathname, " and the URL ").concat(currentPathname, " to be hydrated do not match, reload.");
-    console.error(errorMsg);
-    window.location.reload();
-  }
   var callback = function() {
     delete hydrateContext._hydration;
   };

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

@@ -5,10 +5,9 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import cookieTool from "cookie";
-import { getGlobalAppInit } from "../context";
+import { getGlobalAppInit, getGlobalInternalRuntimeContext } from "../context";
 import { getInitialContext } from "../context/runtime";
 import { createLoaderManager } from "../loader/loaderManager";
-import { getGlobalRunner } from "../plugin/runner";
 import { wrapRuntimeContextProvider } from "../react/wrapper";
 import { hydrateRoot } from "./hydrate";
 var IS_REACT18 = process.env.IS_REACT18 === "true";
@@ -54,7 +53,7 @@ function render(App, id) {
 }
 function _render() {
   _render = _async_to_generator(function(App, id) {
-    var runner, context, runBeforeRender, ModernRender, ModernHydrate, _ssrData_data, _ssrData_data1, ssrData, loadersData, initialLoadersState, initialData, rootElement;
+    var context, runBeforeRender, ModernRender, ModernHydrate, _ssrData_data, _ssrData_data1, ssrData, loadersData, initialLoadersState, initialData, rootElement;
     function _ModernRender() {
       _ModernRender = _async_to_generator(function(App2) {
         var renderFunc;
@@ -84,17 +83,20 @@ function _render() {
     return _ts_generator(this, function(_state) {
       switch (_state.label) {
         case 0:
-          runner = getGlobalRunner();
-          context = getInitialContext(runner);
+          context = getInitialContext();
           runBeforeRender = function() {
             var _ref = _async_to_generator(function(context2) {
-              var init;
+              var internalRuntimeContext, api, hooks, init;
               return _ts_generator(this, function(_state2) {
                 switch (_state2.label) {
                   case 0:
+                    internalRuntimeContext = getGlobalInternalRuntimeContext();
+                    api = internalRuntimeContext.pluginAPI;
+                    api.updateRuntimeContext(context2);
+                    hooks = internalRuntimeContext.hooks;
                     return [
                       4,
-                      runner.beforeRender(context2)
+                      hooks.onBeforeRender.call(context2)
                     ];
                   case 1:
                     _state2.sent();

package/dist/esm/core/compat/hooks.js

@@ -0,0 +1,88 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+function transformHookRunner(hookRunnerName) {
+  switch (hookRunnerName) {
+    case "beforeRender":
+      return "onBeforeRender";
+    default:
+      return hookRunnerName;
+  }
+}
+function handleSetupResult(setupResult, api) {
+  if (!setupResult) {
+    return;
+  }
+  Object.keys(setupResult).forEach(function(key) {
+    var fn = setupResult[key];
+    if (typeof fn === "function") {
+      var newAPI = transformHookRunner(key);
+      if (api[newAPI]) {
+        if (key === "beforeRender") {
+          api[newAPI](/* @__PURE__ */ _async_to_generator(function() {
+            var _len, params, _key;
+            var _arguments = arguments;
+            return _ts_generator(this, function(_state) {
+              switch (_state.label) {
+                case 0:
+                  for (_len = _arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+                    params[_key] = _arguments[_key];
+                  }
+                  return [
+                    4,
+                    fn.apply(void 0, _to_consumable_array(params))
+                  ];
+                case 1:
+                  _state.sent();
+                  return [
+                    2
+                  ];
+              }
+            });
+          }));
+        } else {
+          api[newAPI](function() {
+            for (var _len = arguments.length, params = new Array(_len), _key = 0; _key < _len; _key++) {
+              params[_key] = arguments[_key];
+            }
+            var res = fn.apply(void 0, _to_consumable_array(params));
+            return res;
+          });
+        }
+      }
+    }
+  });
+}
+function getHookRunners(runtimeContext) {
+  var _internalContext = runtimeContext._internalContext;
+  var hooks = _internalContext.hooks;
+  return {
+    beforeRender: function() {
+      var _ref = _async_to_generator(function(context) {
+        return _ts_generator(this, function(_state) {
+          return [
+            2,
+            hooks.onBeforeRender.call(context)
+          ];
+        });
+      });
+      return function(context) {
+        return _ref.apply(this, arguments);
+      };
+    }(),
+    wrapRoot: function(App) {
+      return hooks.wrapRoot.call(App);
+    },
+    pickContext: function(context) {
+      return hooks.pickContext.call(context);
+    },
+    modifyRuntimeConfig: function(config) {
+      return hooks.modifyRuntimeConfig.call(config);
+    }
+  };
+}
+export {
+  getHookRunners,
+  handleSetupResult,
+  transformHookRunner
+};

package/dist/esm/core/compat/index.js

@@ -0,0 +1,20 @@
+import { getHookRunners } from "./hooks";
+var compatPlugin = function() {
+  return {
+    name: "@modern-js/runtime-plugin-compat",
+    _registryApi: function(getRuntimeContext) {
+      return {
+        useRuntimeConfigContext: function() {
+          var _internalContext = getRuntimeContext()._internalContext;
+          return _internalContext.config;
+        },
+        useHookRunners: function() {
+          return getHookRunners(getRuntimeContext());
+        }
+      };
+    }
+  };
+};
+export {
+  compatPlugin
+};