@modern-js/runtime 2.56.2 → 2.57.0

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

@@ -28,6 +28,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_router = require("@modern-js/runtime-utils/router");
 var import_parsed = require("@modern-js/runtime-utils/parsed");
+var import_merge = require("@modern-js/runtime-utils/merge");
 var import_context = require("../../core/context");
 var import_core = require("../../core");
 var import_hooks = require("./hooks");
@@ -45,23 +46,17 @@ function modifyRoutes(modifyFunction) {
     console.error("It is not allowed to modify routes config after create router.");
   }
 }
-const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename = "", routesConfig, createRoutes }) => {
-  const select = (pathname) => serverBase.find((baseUrl) => pathname.search(baseUrl) === 0) || "/";
-  let routes = [];
-  finalRouteConfig = {
-    routes: (0, import_context.getGlobalRoutes)(),
-    globalApp: (0, import_context.getGlobalLayoutApp)(),
-    ...routesConfig
-  };
-  window._SERVER_DATA = (0, import_parsed.parsedJSONFromElement)("__MODERN_SERVER_DATA__");
+const routerPlugin = (userConfig = {}) => {
   return {
     name: "@modern-js/plugin-router",
     registerHook: {
       modifyRoutes: import_hooks.modifyRoutes
     },
     setup: (api) => {
+      let routes = [];
+      window._SERVER_DATA = (0, import_parsed.parsedJSONFromElement)("__MODERN_SERVER_DATA__");
       return {
-        init({ context }, next) {
+        beforeRender(context) {
           context.router = {
             useMatches: import_router.useMatches,
             useLocation: import_router.useLocation,
@@ -72,24 +67,26 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
               return routes;
             }
           });
-          return next({
-            context
-          });
         },
-        hoc: ({ App, config }, next) => {
+        wrapRoot: (App) => {
+          const pluginConfig = api.useRuntimeConfigContext();
+          const { serverBase = [], supportHtml5History = true, basename = "", routesConfig, createRoutes } = (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 next({
-              App,
-              config
-            });
+            return App;
           }
           const getRouteApp = () => {
             const useCreateRouter = (props) => {
-              var _config_router, _window__SERVER_DATA;
-              const baseUrl = ((config === null || config === void 0 ? void 0 : (_config_router = config.router) === null || _config_router === void 0 ? void 0 : _config_router.basename) || ((_window__SERVER_DATA = window._SERVER_DATA) === null || _window__SERVER_DATA === void 0 ? void 0 : _window__SERVER_DATA.router.baseUrl) || select(location.pathname)).replace(/^\/*/, "/");
+              var _window__SERVER_DATA;
+              const runtimeContext = (0, import_react.useContext)(import_core.RuntimeReactContext);
+              const baseUrl = (runtimeContext._internalRouterBaseName || ((_window__SERVER_DATA = window._SERVER_DATA) === null || _window__SERVER_DATA === void 0 ? void 0 : _window__SERVER_DATA.router.baseUrl) || select(location.pathname)).replace(/^\/*/, "/");
               const _basename = baseUrl === "/" ? (0, import_utils.urlJoin)(baseUrl, basename) : baseUrl;
               let hydrationData = window._ROUTER_DATA;
-              const runtimeContext = (0, import_react.useContext)(import_core.RuntimeReactContext);
               const { unstable_getBlockNavState: getBlockNavState } = runtimeContext;
               return (0, import_react.useMemo)(() => {
                 if (hydrationData === null || hydrationData === void 0 ? void 0 : hydrationData.errors) {
@@ -126,7 +123,8 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
                   get() {
                     return router;
                   },
-                  configurable: true
+                  configurable: true,
+                  enumerable: true
                 });
                 return router;
               }, [
@@ -145,33 +143,24 @@ const routerPlugin = ({ serverBase = [], supportHtml5History = true, basename =
               });
             };
           };
-          const RouteApp = getRouteApp();
-          return next({
-            App: RouteApp,
-            config
-          });
+          return getRouteApp();
         },
-        pickContext: ({ context, pickedContext }, next) => {
-          const { remixRouter } = context;
+        pickContext: (pickedContext) => {
+          const { remixRouter } = pickedContext;
           if (!remixRouter) {
-            return next({
-              context,
-              pickedContext
-            });
+            return pickedContext;
           }
           const router = {
+            ...pickedContext.router,
             navigate: remixRouter.navigate,
             get location() {
               return remixRouter.state.location;
             }
           };
-          return next({
-            context,
-            pickedContext: {
-              ...pickedContext,
-              router
-            }
-          });
+          return {
+            ...pickedContext,
+            router
+          };
         }
       };
     }

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

@@ -40,6 +40,7 @@ var import_router2 = require("@modern-js/runtime-utils/router");
 var import_node = require("@modern-js/runtime-utils/node");
 var import_time = require("@modern-js/runtime-utils/time");
 var import_constants = require("@modern-js/utils/universal/constants");
+var import_merge = require("@modern-js/runtime-utils/merge");
 var import_common = require("../../common");
 var import_core = require("../../core");
 var import_context = require("../../core/context");
@@ -56,25 +57,26 @@ function createRemixReuqest(request) {
     signal: controller.signal
   });
 }
-const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
+const routerPlugin = (userConfig = {}) => {
   return {
     name: "@modern-js/plugin-router",
     registerHook: {
       modifyRoutes: import_hooks.modifyRoutes
     },
     setup: (api) => {
-      const finalRouteConfig = {
-        routes: (0, import_context.getGlobalRoutes)(),
-        globalApp: (0, import_context.getGlobalLayoutApp)(),
-        ...routesConfig
-      };
+      let finalRouteConfig = {};
       return {
-        async init({ context }, next) {
+        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 next({
-              context
-            });
+            return;
           }
           const { request, mode: ssrMode, nonce, loaderFailureMode = "errorBoundary" } = context.ssrContext;
           const { baseUrl } = request;
@@ -103,7 +105,7 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
           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 routerContext;
+            return interrupt(routerContext);
           }
           if (routerContext.statusCode >= 500 && routerContext.statusCode < 600 && loaderFailureMode === "clientRender") {
             routerContext.statusCode = 200;
@@ -113,20 +115,15 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
           context.remixRouter = router;
           context.routerContext = routerContext;
           context.routes = routes;
-          return next({
-            context
-          });
         },
-        hoc: ({ App, config }, next) => {
+        wrapRoot: (App) => {
           if (!finalRouteConfig) {
-            return next({
-              App,
-              config
-            });
+            return App;
           }
           const getRouteApp = () => {
             return () => {
-              const { remixRouter, routerContext, ssrContext } = (0, import_react.useContext)(import_core.RuntimeReactContext);
+              const context = (0, import_react.useContext)(import_core.RuntimeReactContext);
+              const { remixRouter, routerContext, ssrContext } = context;
               const { nonce, mode } = ssrContext;
               return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
                 children: [
@@ -135,6 +132,8 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
                     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
@@ -144,19 +143,12 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
               });
             };
           };
-          const RouteApp = getRouteApp();
-          return next({
-            App: RouteApp,
-            config
-          });
+          return getRouteApp();
         },
-        pickContext: ({ context, pickedContext }, next) => {
-          const { remixRouter } = context;
+        pickContext: (pickedContext) => {
+          const { remixRouter } = pickedContext;
           if (!remixRouter) {
-            return next({
-              context,
-              pickedContext
-            });
+            return pickedContext;
           }
           const router = {
             navigate: remixRouter.navigate,
@@ -164,13 +156,10 @@ const routerPlugin = ({ basename = "", routesConfig, createRoutes }) => {
               return remixRouter.state.location;
             }
           };
-          return next({
-            context,
-            pickedContext: {
-              ...pickedContext,
-              router
-            }
-          });
+          return {
+            ...pickedContext,
+            router
+          };
         }
       };
     }

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

@@ -27,6 +27,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_store = require("@modern-js-reduck/store");
 var import_react2 = require("@modern-js-reduck/react");
+var import_merge = require("@modern-js/runtime-utils/merge");
 var import_plugins = require("../plugins");
 var import_core = require("../../core");
 var import_common = require("../../common");
@@ -55,12 +56,12 @@ const getStoreConfig = (config) => {
   storeConfig.plugins = plugins;
   return storeConfig;
 };
-const statePlugin = (config) => ({
+const statePlugin = (userConfig = {}) => ({
   name: "@modern-js/plugin-state",
-  setup: () => {
-    const storeConfig = getStoreConfig(config);
+  setup: (api) => {
+    let storeConfig;
     return {
-      hoc({ App, config: config2 }, next) {
+      wrapRoot(App) {
         const getStateApp = (props) => {
           const context = (0, import_react.useContext)(import_core.RuntimeReactContext);
           return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Provider, {
@@ -71,29 +72,17 @@ const statePlugin = (config) => ({
             })
           });
         };
-        return next({
-          App: getStateApp,
-          config: config2
-        });
+        return getStateApp;
       },
-      init({ context }, next) {
+      beforeRender(context) {
+        const pluginConfig = api.useRuntimeConfigContext();
+        const config = (0, import_merge.merge)(pluginConfig.state || {}, userConfig);
+        storeConfig = getStoreConfig(config);
         if ((0, import_common.isBrowser)()) {
           var _window__SSR_DATA_data, _window__SSR_DATA, _window;
           storeConfig.initialState = storeConfig.initialState || ((_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.storeState) || {};
         }
         context.store = (0, import_store.createStore)(storeConfig);
-        return next({
-          context
-        });
-      },
-      pickContext({ context, pickedContext }, next) {
-        return next({
-          context,
-          pickedContext: {
-            ...pickedContext,
-            store: context.store
-          }
-        });
       }
     };
   }

package/dist/esm/cli/index.js

@@ -94,23 +94,22 @@ var runtimePlugin = function(params) {
           var isReact18 = checkIsReact18(appDirectory);
           process.env.IS_REACT18 = isReact18.toString();
           var pluginsExportsUtils = createRuntimeExportsUtils(internalDirectory, "plugins");
+          var _obj;
           return {
             runtime: {},
             runtimeByEntries: {},
             source: {
-              alias: (
+              alias: (_obj = {
                 /**
-                * Compatible with the reference path of the old version of the plugin.
+                * twin.macro inserts styled-components into the code during the compilation process
+                * But it will not be installed under the user project.
+                * So need to add alias
                 */
-                _define_property({
-                  /**
-                  * twin.macro inserts styled-components into the code during the compilation process
-                  * But it will not be installed under the user project.
-                  * So need to add alias
-                  */
-                  "styled-components": require.resolve("styled-components")
-                }, "@".concat(metaName, "/runtime/plugins"), pluginsExportsUtils.getPath())
-              ),
+                "styled-components": require.resolve("styled-components")
+              }, /**
+              * Compatible with the reference path of the old version of the plugin.
+              */
+              _define_property(_obj, "@".concat(metaName, "/runtime/plugins"), pluginsExportsUtils.getPath()), _define_property(_obj, "@meta/runtime/browser", "@modern-js/runtime/browser"), _define_property(_obj, "@meta/runtime/react", "@modern-js/runtime/react"), _define_property(_obj, "@meta/runtime/context", "@modern-js/runtime/context"), _define_property(_obj, "@meta/runtime", "@modern-js/runtime"), _obj),
               globalVars: {
                 "process.env.IS_REACT18": process.env.IS_REACT18
               }

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

@@ -70,7 +70,9 @@ function hydrateRoot(App, context, ModernRender, ModernHydrate) {
           });
         } else {
           loadableReady(function() {
-            ModernHydrate(App, callback).then(function(root) {
+            ModernHydrate(/* @__PURE__ */ React.cloneElement(App, {
+              _internal_context: hydrateContext
+            }), callback).then(function(root) {
               resolve(root);
             });
           });

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

@@ -35,7 +35,7 @@ function render(App, id) {
 }
 function _render() {
   _render = _async_to_generator(function(App, id) {
-    var runner, context, runInit, ModernRender, ModernHydrate, _ssrData_data, _ssrData_data1, ssrData, loadersData, initialLoadersState, initialData, rootElement;
+    var runner, context, runBeforeRender, ModernRender, ModernHydrate, _ssrData_data, _ssrData_data1, ssrData, loadersData, initialLoadersState, initialData, rootElement;
     function _ModernRender() {
       _ModernRender = _async_to_generator(function(App2) {
         var renderFunc;
@@ -69,17 +69,30 @@ function _render() {
         case 0:
           runner = getGlobalRunner();
           context = getInitialContext(runner);
-          runInit = function(_context) {
-            return runner.init({
-              context: _context
-            }, {
-              onLast: function(param) {
-                var context1 = param.context;
-                var init = getGlobalAppInit();
-                return init === null || init === void 0 ? void 0 : init(context1);
-              }
+          runBeforeRender = function() {
+            var _ref = _async_to_generator(function(context2) {
+              var init;
+              return _ts_generator(this, function(_state2) {
+                switch (_state2.label) {
+                  case 0:
+                    return [
+                      4,
+                      runner.beforeRender(context2)
+                    ];
+                  case 1:
+                    _state2.sent();
+                    init = getGlobalAppInit();
+                    return [
+                      2,
+                      init === null || init === void 0 ? void 0 : init(context2)
+                    ];
+                }
+              });
             });
-          };
+            return function runBeforeRender2(context2) {
+              return _ref.apply(this, arguments);
+            };
+          }();
           if (!isClientArgs(id))
             return [
               3,
@@ -104,14 +117,16 @@ function _render() {
           Object.assign(context, _object_spread({
             loaderManager: createLoaderManager(initialLoadersState, {
               skipStatic: true
-            })
+            }),
+            // garfish plugin params
+            _internalRouterBaseName: App.props.basename
           }, 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;
           return [
             4,
-            runInit(context)
+            runBeforeRender(context)
           ];
         case 1:
           initialData = _state.sent();

package/dist/esm/core/compatible.js

@@ -1,6 +1,7 @@
 import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _instanceof } from "@swc/helpers/_/_instanceof";
 import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
+import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -35,61 +36,60 @@ var createApp = function(param) {
         return /* @__PURE__ */ React.isValidElement(child) ? /* @__PURE__ */ React.cloneElement(child, _object_spread({}, child.props, props)) : child;
       }));
     };
-    var HOCApp = runner.hoc({
-      App: WrapperComponent,
-      config: globalProps || {}
-    }, {
-      onLast: function(param2) {
-        var App2 = param2.App;
-        var WrapComponent = function(_param) {
-          var _internal_context = _param._internal_context, props = _object_without_properties(_param, [
-            "_internal_context"
-          ]);
-          var contextValue = _internal_context;
-          if (!(contextValue === null || contextValue === void 0 ? void 0 : contextValue.runner)) {
-            contextValue = getInitialContext(runner);
-            runner.init({
-              context: contextValue
-            }, {
-              onLast: function(param3) {
-                var context1 = param3.context;
-                var _getGlobalAppInit;
-                return (_getGlobalAppInit = getGlobalAppInit()) === null || _getGlobalAppInit === void 0 ? void 0 : _getGlobalAppInit(context1);
-              }
-            });
-          }
-          var mergedProps = _object_spread({}, props, globalProps);
-          return /* @__PURE__ */ _jsx(RuntimeReactContext.Provider, {
-            value: contextValue,
-            children: /* @__PURE__ */ _jsx(App2, _object_spread({}, mergedProps))
-          });
-        };
-        return WrapComponent;
+    var WrapperApp = runner.wrapRoot(WrapperComponent);
+    var WrapComponent = function(_param) {
+      var _internal_context = _param._internal_context, props = _object_without_properties(_param, [
+        "_internal_context"
+      ]);
+      var contextValue = _internal_context;
+      if (!(contextValue === null || contextValue === void 0 ? void 0 : contextValue.runner)) {
+        var _getGlobalAppInit;
+        contextValue = getInitialContext(runner);
+        runner === null || runner === void 0 ? void 0 : runner.beforeRender(contextValue);
+        (_getGlobalAppInit = getGlobalAppInit()) === null || _getGlobalAppInit === void 0 ? void 0 : _getGlobalAppInit(contextValue);
       }
-    });
-    return HOCApp;
+      var mergedProps = _object_spread({}, props, globalProps);
+      return /* @__PURE__ */ _jsx(RuntimeReactContext.Provider, {
+        value: contextValue,
+        children: /* @__PURE__ */ _jsx(WrapperApp, _object_spread({}, mergedProps))
+      });
+    };
+    return WrapComponent;
   };
 };
 var bootstrap = function() {
   var _ref = _async_to_generator(function(BootApp, id, root, ReactDOM) {
-    var App, runner, context, runInit, isBrowser, _ssrData_data, _ssrData_data1, ssrData, loadersData, initialLoadersState, initialData, rootElement, ModernRender, ModernHydrate;
+    var App, runner, context, runBeforeRender, isBrowser, _ssrData_data, _ssrData_data1, ssrData, loadersData, initialLoadersState, initialData, rootElement, ModernRender, ModernHydrate;
     return _ts_generator(this, function(_state) {
       switch (_state.label) {
         case 0:
           App = BootApp;
           runner = getGlobalRunner();
           context = getInitialContext(runner);
-          runInit = function(_context) {
-            return runner.init({
-              context: _context
-            }, {
-              onLast: function(param) {
-                var context1 = param.context;
-                var init = getGlobalAppInit();
-                return init === null || init === void 0 ? void 0 : init(context1);
-              }
+          runBeforeRender = function() {
+            var _ref2 = _async_to_generator(function(context2) {
+              var init;
+              return _ts_generator(this, function(_state2) {
+                switch (_state2.label) {
+                  case 0:
+                    return [
+                      4,
+                      runner.beforeRender(context2)
+                    ];
+                  case 1:
+                    _state2.sent();
+                    init = getGlobalAppInit();
+                    return [
+                      2,
+                      init === null || init === void 0 ? void 0 : init(context2)
+                    ];
+                }
+              });
             });
-          };
+            return function runBeforeRender2(context2) {
+              return _ref2.apply(this, arguments);
+            };
+          }();
           if (!id) {
             return [
               2,
@@ -129,7 +129,7 @@ var bootstrap = function() {
           context.initialData = ssrData === null || ssrData === void 0 ? void 0 : (_ssrData_data1 = ssrData.data) === null || _ssrData_data1 === void 0 ? void 0 : _ssrData_data1.initialData;
           return [
             4,
-            runInit(context)
+            runBeforeRender(context)
           ];
         case 1:
           initialData = _state.sent();
@@ -210,21 +210,12 @@ var bootstrap = function() {
 var useRuntimeContext = function() {
   var _context_ssrContext, _context_ssrContext1;
   var context = useContext(RuntimeReactContext);
-  var pickedContext = {
-    initialData: context.initialData,
+  var pickedContext = _object_spread_props(_object_spread({}, context), {
     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
-  };
+  });
   var memoizedContext = useMemo(function() {
-    return context.runner.pickContext({
-      context,
-      pickedContext
-    }, {
-      onLast: function(param) {
-        var pickedContext2 = param.pickedContext;
-        return pickedContext2;
-      }
-    });
+    return context.runner.pickContext(pickedContext);
   }, [
     context
   ]);

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

@@ -1,17 +1,28 @@
-import { createManager, createPipeline, createAsyncPipeline } from "@modern-js/plugin";
-var hoc = createPipeline();
-var init = createAsyncPipeline();
-var pickContext = createPipeline();
+import { createManager, createWaterfall, createAsyncInterruptWorkflow, createSyncParallelWorkflow, createContext } from "@modern-js/plugin";
+var RuntimeConfigContext = createContext({});
+var useRuntimeConfigContext = function() {
+  return RuntimeConfigContext.use().value;
+};
+var wrapRoot = createWaterfall();
+var beforeRender = createAsyncInterruptWorkflow();
+var pickContext = createWaterfall();
+var modifyRuntimeConfig = createSyncParallelWorkflow();
 var runtimeHooks = {
-  hoc,
-  init,
-  pickContext
+  beforeRender,
+  wrapRoot,
+  pickContext,
+  modifyRuntimeConfig
+};
+var runtimePluginAPI = {
+  useRuntimeConfigContext
 };
 var createRuntime = function() {
-  return createManager(runtimeHooks);
+  return createManager(runtimeHooks, runtimePluginAPI);
 };
 var runtime = createRuntime();
 export {
+  RuntimeConfigContext,
   createRuntime,
-  runtime
+  runtime,
+  useRuntimeConfigContext
 };

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

@@ -1,14 +1,22 @@
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
-import { merge } from "../utils/merge";
-import { runtime } from "./base";
-import { setGlobalRunner } from "./runner";
+import { merge } from "@modern-js/runtime-utils/merge";
+import { runtime, RuntimeConfigContext } from "./base";
+import { getGlobalRunner, setGlobalRunner } from "./runner";
 export * from "./base";
+function setupConfigContext() {
+  var runner = getGlobalRunner();
+  var configs = runner.modifyRuntimeConfig();
+  RuntimeConfigContext.set(merge.apply(void 0, [
+    {}
+  ].concat(_to_consumable_array(configs))));
+}
 function registerPlugin(internalPlugins, runtimeConfig, customRuntime) {
   var _instance;
   var _ref = runtimeConfig || {}, _ref_plugins = _ref.plugins, plugins = _ref_plugins === void 0 ? [] : _ref_plugins;
   (_instance = customRuntime || runtime).usePlugin.apply(_instance, _to_consumable_array(internalPlugins).concat(_to_consumable_array(plugins)));
   var runner = (customRuntime || runtime).init();
   setGlobalRunner(runner);
+  setupConfigContext();
   return runner;
 }
 function mergeConfig(config) {
@@ -16,6 +24,7 @@ function mergeConfig(config) {
     otherConfig[_key - 1] = arguments[_key];
   }
   return merge.apply(void 0, [
+    {},
     config
   ].concat(_to_consumable_array(otherConfig)));
 }