@modern-js/runtime 2.63.3 → 2.63.5

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

@@ -3,7 +3,6 @@ import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { merge } from "@modern-js/runtime-utils/merge";
-import { parsedJSONFromElement } from "@modern-js/runtime-utils/parsed";
 import { RouterProvider, createBrowserRouter, createHashRouter, createRoutesFromElements, useHref, useLocation, useMatches } from "@modern-js/runtime-utils/router";
 import { useContext, useMemo } from "react";
 import { RuntimeReactContext } from "../../core";
@@ -32,7 +31,6 @@ var routerPlugin = function() {
     },
     setup: function(api) {
       var routes = [];
-      window._SERVER_DATA = parsedJSONFromElement("__MODERN_SERVER_DATA__");
       return {
         beforeRender: function beforeRender(context) {
           context.router = {
@@ -63,9 +61,8 @@ var routerPlugin = function() {
           }
           var getRouteApp = function() {
             var useCreateRouter = function(props) {
-              var _window__SERVER_DATA;
               var runtimeContext = useContext(RuntimeReactContext);
-              var baseUrl = (((_window__SERVER_DATA = window._SERVER_DATA) === null || _window__SERVER_DATA === void 0 ? void 0 : _window__SERVER_DATA.router.baseUrl) || select(location.pathname)).replace(/^\/*/, "/");
+              var baseUrl = select(location.pathname).replace(/^\/*/, "/");
               var _basename = baseUrl === "/" ? urlJoin(baseUrl, runtimeContext._internalRouterBaseName || basename) : baseUrl;
               var hydrationData = window._ROUTER_DATA;
               var getBlockNavState = runtimeContext.unstable_getBlockNavState;

package/dist/esm/state/cli/index.js

@@ -7,32 +7,30 @@ var statePlugin = function() {
       "@modern-js/runtime"
     ],
     setup: function(api) {
-      return {
-        _internalRuntimePlugins: function _internalRuntimePlugins(param) {
-          var entrypoint = param.entrypoint, plugins = param.plugins;
-          var _getEntryOptions;
-          var entryName = entrypoint.entryName, isMainEntry = entrypoint.isMainEntry;
-          var userConfig = api.useResolvedConfigContext();
-          var _api_useAppContext = api.useAppContext(), packageName = _api_useAppContext.packageName, metaName = _api_useAppContext.metaName;
-          var stateConfig = (_getEntryOptions = getEntryOptions(entryName, isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
-          if (stateConfig) {
-            plugins.push({
-              name: PLUGIN_IDENTIFIER,
-              path: "@".concat(metaName, "/runtime/model"),
-              config: typeof stateConfig === "boolean" ? {} : stateConfig
-            });
-          }
-          return {
-            entrypoint,
-            plugins
-          };
-        },
-        addRuntimeExports: function addRuntimeExports() {
-          var _api_useAppContext = api.useAppContext(), internalDirectory = _api_useAppContext.internalDirectory, metaName = _api_useAppContext.metaName;
-          var pluginsExportsUtils = createRuntimeExportsUtils(internalDirectory, "plugins");
-          pluginsExportsUtils.addExport("export { default as state } from '@".concat(metaName, "/runtime/model'"));
+      api._internalRuntimePlugins(function(param) {
+        var entrypoint = param.entrypoint, plugins = param.plugins;
+        var _getEntryOptions;
+        var entryName = entrypoint.entryName, isMainEntry = entrypoint.isMainEntry;
+        var userConfig = api.useResolvedConfigContext();
+        var _api_useAppContext = api.useAppContext(), packageName = _api_useAppContext.packageName, metaName = _api_useAppContext.metaName;
+        var stateConfig = (_getEntryOptions = getEntryOptions(entryName, isMainEntry, userConfig.runtime, userConfig.runtimeByEntries, packageName)) === null || _getEntryOptions === void 0 ? void 0 : _getEntryOptions.state;
+        if (stateConfig) {
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            path: "@".concat(metaName, "/runtime/model"),
+            config: typeof stateConfig === "boolean" ? {} : stateConfig
+          });
         }
-      };
+        return {
+          entrypoint,
+          plugins
+        };
+      });
+      api.addRuntimeExports(function() {
+        var _api_useAppContext = api.useAppContext(), internalDirectory = _api_useAppContext.internalDirectory, metaName = _api_useAppContext.metaName;
+        var pluginsExportsUtils = createRuntimeExportsUtils(internalDirectory, "plugins");
+        pluginsExportsUtils.addExport("export { default as state } from '@".concat(metaName, "/runtime/model'"));
+      });
     }
   };
 };

package/dist/esm-node/cli/code.js

@@ -19,13 +19,13 @@ function getSSRMode(entry, config) {
     return ssr2.mode === "stream" ? "stream" : "string";
   }
 }
-const generateCode = async (entrypoints, appContext, config, onCollectRuntimePlugins) => {
+const generateCode = async (entrypoints, appContext, config, hooks) => {
   const { mountId } = config.html;
   const { enableAsyncEntry } = config.source;
   const { runtimeConfigFile, internalDirectory, internalSrcAlias, metaName, srcDirectory } = appContext;
   await Promise.all(entrypoints.map(async (entrypoint) => {
     const { entryName, isAutoMount, entry, customEntry, customBootstrap, customServerEntry } = entrypoint;
-    const { plugins: runtimePlugins } = await onCollectRuntimePlugins({
+    const { plugins: runtimePlugins } = await hooks._internalRuntimePlugins.call({
       entrypoint,
       plugins: []
     });

package/dist/esm-node/cli/index.js

@@ -26,119 +26,113 @@ const runtimePlugin = (params) => ({
     documentPlugin()
   ],
   setup: (api) => {
-    return {
-      checkEntryPoint({ path: path2, entry }) {
-        return {
-          path: path2,
-          entry: entry || isRuntimeEntry(path2)
-        };
-      },
-      modifyEntrypoints({ entrypoints }) {
-        const { internalDirectory } = api.useAppContext();
-        const { source: { enableAsyncEntry } } = api.useResolvedConfigContext();
-        const newEntryPoints = entrypoints.map((entrypoint) => {
-          if (entrypoint.isAutoMount) {
-            entrypoint.internalEntry = path.resolve(internalDirectory, `./${entrypoint.entryName}/${enableAsyncEntry ? ENTRY_BOOTSTRAP_FILE_NAME : ENTRY_POINT_FILE_NAME}`);
+    api.checkEntryPoint(({ path: path2, entry }) => {
+      return {
+        path: path2,
+        entry: entry || isRuntimeEntry(path2)
+      };
+    });
+    api.modifyEntrypoints(({ entrypoints }) => {
+      const { internalDirectory } = api.getAppContext();
+      const { source: { enableAsyncEntry } } = api.getNormalizedConfig();
+      const newEntryPoints = entrypoints.map((entrypoint) => {
+        if (entrypoint.isAutoMount) {
+          entrypoint.internalEntry = path.resolve(internalDirectory, `./${entrypoint.entryName}/${enableAsyncEntry ? ENTRY_BOOTSTRAP_FILE_NAME : ENTRY_POINT_FILE_NAME}`);
+        }
+        return entrypoint;
+      });
+      return {
+        entrypoints: newEntryPoints
+      };
+    });
+    api.generateEntryCode(async ({ entrypoints }) => {
+      const appContext = api.getAppContext();
+      const resolvedConfig = api.getNormalizedConfig();
+      const hooks = api.getHooks();
+      await generateCode(entrypoints, appContext, resolvedConfig, hooks);
+    });
+    api.onPrepare(() => {
+      const { builder, entrypoints, internalDirectory, metaName } = api.getAppContext();
+      builder === null || builder === void 0 ? void 0 : builder.addPlugins([
+        builderPluginAlias({
+          entrypoints,
+          internalDirectory,
+          metaName
+        })
+      ]);
+    });
+    api.config(() => {
+      const { appDirectory, metaName, internalDirectory } = api.getAppContext();
+      const isReact18 = checkIsReact18(appDirectory);
+      process.env.IS_REACT18 = isReact18.toString();
+      const pluginsExportsUtils = createRuntimeExportsUtils(internalDirectory, "plugins");
+      return {
+        runtime: {},
+        runtimeByEntries: {},
+        source: {
+          alias: {
+            /**
+            * 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"),
+            /**
+            * Compatible with the reference path of the old version of the plugin.
+            */
+            [`@${metaName}/runtime/plugins`]: pluginsExportsUtils.getPath(),
+            "@meta/runtime/browser$": require.resolve("@modern-js/runtime/browser"),
+            "@meta/runtime/react$": require.resolve("@modern-js/runtime/react"),
+            "@meta/runtime/context$": require.resolve("@modern-js/runtime/context"),
+            "@meta/runtime$": require.resolve("@modern-js/runtime")
+          },
+          globalVars: {
+            "process.env.IS_REACT18": process.env.IS_REACT18
           }
-          return entrypoint;
-        });
-        return {
-          entrypoints: newEntryPoints
-        };
-      },
-      async generateEntryCode({ entrypoints }) {
-        const appContext = api.useAppContext();
-        const resolvedConfig = api.useResolvedConfigContext();
-        const runners = api.useHookRunners();
-        await generateCode(entrypoints, appContext, resolvedConfig, runners._internalRuntimePlugins);
-      },
-      /* Note that the execution time of the config hook is before prepare.
-      /* This means that the entry information cannot be obtained in the config hook.
-      /* Therefore, aliases cannot be set directly in the config.
-      */
-      prepare() {
-        const { builder, entrypoints, internalDirectory, metaName } = api.useAppContext();
-        builder === null || builder === void 0 ? void 0 : builder.addPlugins([
-          builderPluginAlias({
-            entrypoints,
-            internalDirectory,
-            metaName
-          })
-        ]);
-      },
-      config() {
-        const { appDirectory, metaName, internalDirectory } = api.useAppContext();
-        const isReact18 = checkIsReact18(appDirectory);
-        process.env.IS_REACT18 = isReact18.toString();
-        const pluginsExportsUtils = createRuntimeExportsUtils(internalDirectory, "plugins");
-        return {
-          runtime: {},
-          runtimeByEntries: {},
-          source: {
-            alias: {
-              /**
-              * 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"),
-              /**
-              * Compatible with the reference path of the old version of the plugin.
-              */
-              [`@${metaName}/runtime/plugins`]: pluginsExportsUtils.getPath(),
-              "@meta/runtime/browser$": require.resolve("@modern-js/runtime/browser"),
-              "@meta/runtime/react$": require.resolve("@modern-js/runtime/react"),
-              "@meta/runtime/context$": require.resolve("@modern-js/runtime/context"),
-              "@meta/runtime$": require.resolve("@modern-js/runtime")
-            },
-            globalVars: {
-              "process.env.IS_REACT18": process.env.IS_REACT18
+        },
+        tools: {
+          styledComponents: {
+            // https://github.com/styled-components/babel-plugin-styled-components/issues/287
+            topLevelImportPaths: [
+              "@modern-js/runtime/styled"
+            ]
+          },
+          bundlerChain: (chain) => {
+            chain.module.rule("modern-entry").test(/\.jsx?$/).include.add(path.resolve(appDirectory, "node_modules", `.${metaName}`)).end().sideEffects(true);
+          },
+          /**
+          * Add IgnorePlugin to fix react-dom/client import error when use react17
+          */
+          webpackChain: (chain, { webpack }) => {
+            if (!isReact18) {
+              chain.plugin("ignore-plugin").use(webpack.IgnorePlugin, [
+                {
+                  resourceRegExp: /^react-dom\/client$/,
+                  contextRegExp: /./
+                }
+              ]);
             }
           },
-          tools: {
-            styledComponents: {
-              // https://github.com/styled-components/babel-plugin-styled-components/issues/287
-              topLevelImportPaths: [
-                "@modern-js/runtime/styled"
-              ]
-            },
-            bundlerChain: (chain) => {
-              chain.module.rule("modern-entry").test(/\.jsx?$/).include.add(path.resolve(appDirectory, "node_modules", `.${metaName}`)).end().sideEffects(true);
-            },
-            /**
-            * Add IgnorePlugin to fix react-dom/client import error when use react17
-            */
-            webpackChain: (chain, { webpack }) => {
-              if (!isReact18) {
-                chain.plugin("ignore-plugin").use(webpack.IgnorePlugin, [
-                  {
-                    resourceRegExp: /^react-dom\/client$/,
-                    contextRegExp: /./
-                  }
-                ]);
-              }
-            },
-            rspack: (_config, { appendPlugins, rspack }) => {
-              if (!isReact18) {
-                appendPlugins([
-                  new rspack.IgnorePlugin({
-                    resourceRegExp: /^react-dom\/client$/,
-                    contextRegExp: /./
-                  })
-                ]);
-              }
+          rspack: (_config, { appendPlugins, rspack }) => {
+            if (!isReact18) {
+              appendPlugins([
+                new rspack.IgnorePlugin({
+                  resourceRegExp: /^react-dom\/client$/,
+                  contextRegExp: /./
+                })
+              ]);
             }
           }
-        };
-      },
-      async beforeRestart() {
-        cleanRequireCache([
-          require.resolve("../state/cli"),
-          require.resolve("../router/cli"),
-          require.resolve("./ssr")
-        ]);
-      }
-    };
+        }
+      };
+    });
+    api.onBeforeRestart(() => {
+      cleanRequireCache([
+        require.resolve("../state/cli"),
+        require.resolve("../router/cli"),
+        require.resolve("./ssr")
+      ]);
+    });
   }
 });
 var cli_default = runtimePlugin;

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

@@ -24,7 +24,7 @@ const ssrBuilderPlugin = (modernAPI) => ({
   setup(api) {
     api.modifyEnvironmentConfig((config, { name, mergeEnvironmentConfig }) => {
       const isServerEnvironment = config.output.target === "node" || name === "workerSSR";
-      const userConfig = modernAPI.useResolvedConfigContext();
+      const userConfig = modernAPI.getNormalizedConfig();
       const useLoadablePlugin = isUseSSRBundle(userConfig) && !isServerEnvironment && checkUseStringSSR(userConfig);
       return mergeEnvironmentConfig(config, {
         source: {
@@ -52,61 +52,58 @@ const ssrPlugin = () => ({
     "@modern-js/runtime"
   ],
   setup: (api) => {
-    const appContext = api.useAppContext();
-    return {
-      // for bundle
-      config() {
-        const { bundlerType = "webpack" } = api.useAppContext();
-        const babelHandler = (() => {
-          if (bundlerType === "webpack") {
-            return (config) => {
-              var _config_plugins;
-              const userConfig = api.useResolvedConfigContext();
+    const appContext = api.getAppContext();
+    api.config(() => {
+      const { bundlerType = "webpack" } = api.getAppContext();
+      const babelHandler = (() => {
+        if (bundlerType === "webpack") {
+          return (config) => {
+            var _config_plugins;
+            const userConfig = api.getNormalizedConfig();
+            (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(path.join(__dirname, "./babel-plugin-ssr-loader-id"));
+            if (isUseSSRBundle(userConfig) && checkUseStringSSR(userConfig)) {
+              var _config_plugins1;
+              (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
+            }
+          };
+        } else if (bundlerType === "rspack") {
+          return (config) => {
+            const userConfig = api.useResolvedConfigContext();
+            if (isUseSSRBundle(userConfig) && checkUseStringSSR(userConfig)) {
+              var _config_plugins, _config_plugins1;
               (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(path.join(__dirname, "./babel-plugin-ssr-loader-id"));
-              if (isUseSSRBundle(userConfig) && checkUseStringSSR(userConfig)) {
-                var _config_plugins1;
-                (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
-              }
-            };
-          } else if (bundlerType === "rspack") {
-            return (config) => {
-              const userConfig = api.useResolvedConfigContext();
-              if (isUseSSRBundle(userConfig) && checkUseStringSSR(userConfig)) {
-                var _config_plugins, _config_plugins1;
-                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(path.join(__dirname, "./babel-plugin-ssr-loader-id"));
-                (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
-              }
-            };
-          }
-        })();
-        return {
-          builderPlugins: [
-            ssrBuilderPlugin(api)
-          ],
-          source: {
-            alias: {
-              // ensure that all packages use the same storage in @modern-js/runtime-utils/node
-              "@modern-js/runtime-utils/node$": require.resolve("@modern-js/runtime-utils/node")
+              (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(require.resolve("@loadable/babel-plugin"));
             }
-          },
-          tools: {
-            babel: babelHandler,
-            bundlerChain: (chain, { isServer }) => {
-              if (isServer && appContext.moduleType === "module") {
-                chain.output.libraryTarget("module").set("chunkFormat", "module");
-                chain.output.library({
-                  type: "module"
-                });
-                chain.experiments({
-                  ...chain.get("experiments"),
-                  outputModule: true
-                });
-              }
+          };
+        }
+      })();
+      return {
+        builderPlugins: [
+          ssrBuilderPlugin(api)
+        ],
+        source: {
+          alias: {
+            // ensure that all packages use the same storage in @modern-js/runtime-utils/node
+            "@modern-js/runtime-utils/node$": require.resolve("@modern-js/runtime-utils/node")
+          }
+        },
+        tools: {
+          babel: babelHandler,
+          bundlerChain: (chain, { isServer }) => {
+            if (isServer && appContext.moduleType === "module") {
+              chain.output.libraryTarget("module").set("chunkFormat", "module");
+              chain.output.library({
+                type: "module"
+              });
+              chain.experiments({
+                ...chain.get("experiments"),
+                outputModule: true
+              });
             }
           }
-        };
-      }
-    };
+        }
+      };
+    });
   }
 });
 var ssr_default = ssrPlugin;

package/dist/esm-node/document/cli/index.js

@@ -39,13 +39,13 @@ const documentPlugin = () => ({
       };
     }
     const documentEntry = (entryName, templateParameters) => {
-      const { entrypoints, internalDirectory, appDirectory } = api.useAppContext();
+      const { entrypoints, internalDirectory, appDirectory } = api.getAppContext();
       const documentFilePath = getDocumenByEntryName(entrypoints, entryName, appDirectory);
       if (!documentFilePath) {
         return null;
       }
       return async ({ htmlWebpackPlugin }) => {
-        const config = api.useResolvedConfigContext();
+        const config = api.getNormalizedConfig();
         const documentParams = getDocParams({
           config,
           entryName,
@@ -109,7 +109,7 @@ const documentPlugin = () => ({
         }, React.createElement(Document, null));
         let html = ReactDomServer.renderToStaticMarkup(HTMLElement);
         debug("entry %s's document jsx rendered html: %o", entryName, html);
-        const { partialsByEntrypoint } = api.useAppContext();
+        const { partialsByEntrypoint } = api.getAppContext();
         const scripts = [
           htmlWebpackPlugin.tags.headTags.filter((item) => item.tagName === "script").join(""),
           htmlWebpackPlugin.tags.bodyTags.toString()
@@ -148,38 +148,36 @@ const documentPlugin = () => ({
         return finalHtml;
       };
     };
-    return {
-      config: () => {
-        var _userConfig_tools;
-        const userConfig = api.useConfigContext();
-        if (((_userConfig_tools = userConfig.tools) === null || _userConfig_tools === void 0 ? void 0 : _userConfig_tools.htmlPlugin) === false) {
-          return {};
-        }
-        return {
-          tools: {
-            htmlPlugin: (options, entry) => {
-              const hackParameters = typeof (options === null || options === void 0 ? void 0 : options.templateParameters) === "function" ? options === null || options === void 0 ? void 0 : options.templateParameters({}, {}, {}, {}) : {
-                ...options === null || options === void 0 ? void 0 : options.templateParameters
-              };
-              const templateContent = documentEntry(
-                entry.entryName,
-                // options,
-                hackParameters
-              );
-              const documentHtmlOptions = templateContent ? {
-                templateContent,
-                // Note: the behavior of inject/modify tags in afterTemplateExecution hook will not take effect
-                inject: false
-              } : {};
-              return {
-                ...options,
-                ...documentHtmlOptions
-              };
-            }
-          }
-        };
+    api.config(() => {
+      var _userConfig_tools;
+      const userConfig = api.getConfig();
+      if (((_userConfig_tools = userConfig.tools) === null || _userConfig_tools === void 0 ? void 0 : _userConfig_tools.htmlPlugin) === false) {
+        return {};
       }
-    };
+      return {
+        tools: {
+          htmlPlugin: (options, entry) => {
+            const hackParameters = typeof (options === null || options === void 0 ? void 0 : options.templateParameters) === "function" ? options === null || options === void 0 ? void 0 : options.templateParameters({}, {}, {}, {}) : {
+              ...options === null || options === void 0 ? void 0 : options.templateParameters
+            };
+            const templateContent = documentEntry(
+              entry.entryName,
+              // options,
+              hackParameters
+            );
+            const documentHtmlOptions = templateContent ? {
+              templateContent,
+              // Note: the behavior of inject/modify tags in afterTemplateExecution hook will not take effect
+              inject: false
+            } : {};
+            return {
+              ...options,
+              ...documentHtmlOptions
+            };
+          }
+        }
+      };
+    });
   }
 });
 var cli_default = documentPlugin;

package/dist/esm-node/router/cli/code/index.js

@@ -10,14 +10,14 @@ import * as templates from "./templates";
 import { getServerCombinedModueFile, getServerLoadersFile } from "./utils";
 const generateCode = async (appContext, config, entrypoints, api) => {
   const { internalDirectory, srcDirectory, internalDirAlias, internalSrcAlias, packageName } = appContext;
-  const hookRunners = api.useHookRunners();
+  const hooks = api.getHooks();
   const isV5 = isRouterV5(config);
   const getRoutes = isV5 ? getClientRoutesLegacy : getClientRoutes;
   const oldVersion = typeof (config === null || config === void 0 ? void 0 : config.runtime.router) === "object" ? Boolean((config === null || config === void 0 ? void 0 : config.runtime.router).oldVersion) : false;
   await Promise.all(entrypoints.map(generateEntryCode));
   async function generateEntryCode(entrypoint) {
     const { entryName, isMainEntry, isAutoMount, pageRoutesEntry, nestedRoutesEntry } = entrypoint;
-    const { metaName } = api.useAppContext();
+    const { metaName } = api.getAppContext();
     if (isAutoMount) {
       if (pageRoutesEntry || nestedRoutesEntry) {
         var _config_output;
@@ -48,11 +48,11 @@ const generateCode = async (appContext, config, entrypoints, api) => {
             }
           }
         }
-        const config2 = api.useResolvedConfigContext();
+        const config2 = api.getNormalizedConfig();
         const ssrByRouteIds = config2.server.ssrByRouteIds || [];
         const clonedRoutes = cloneDeep(initialRoutes);
         const markedRoutes = ssrByRouteIds.length > 0 ? markRoutes(clonedRoutes, ssrByRouteIds) : initialRoutes;
-        const { routes } = await hookRunners.modifyFileSystemRoutes({
+        const { routes } = await hooks.modifyFileSystemRoutes.call({
           entrypoint,
           routes: markedRoutes
         });
@@ -69,7 +69,7 @@ const generateCode = async (appContext, config, entrypoints, api) => {
             process.exit(1);
           }
         }
-        const { code } = await hookRunners.beforeGenerateRoutes({
+        const { code } = await hooks.onBeforeGenerateRoutes.call({
           entrypoint,
           code: await templates.fileSystemRoutes({
             metaName,

package/dist/esm-node/router/cli/handler.js

@@ -5,13 +5,13 @@ import { isPageComponentFile } from "./code/utils";
 import { modifyEntrypoints } from "./entry";
 let originEntrypoints = [];
 async function handleModifyEntrypoints(api, entrypoints) {
-  const config = api.useResolvedConfigContext();
+  const config = api.getNormalizedConfig();
   return modifyEntrypoints(entrypoints, config);
 }
 async function handleGeneratorEntryCode(api, entrypoints) {
-  const appContext = api.useAppContext();
-  const { internalDirectory } = api.useAppContext();
-  const resolvedConfig = api.useResolvedConfigContext();
+  const appContext = api.getAppContext();
+  const { internalDirectory } = appContext;
+  const resolvedConfig = api.getNormalizedConfig();
   const { generatorRegisterCode, generateCode } = await import("./code");
   originEntrypoints = cloneDeep(entrypoints);
   await generateCode(appContext, resolvedConfig, entrypoints, api);
@@ -30,7 +30,7 @@ async function handleGeneratorEntryCode(api, entrypoints) {
   return entrypoints;
 }
 async function handleFileChange(api, e) {
-  const appContext = api.useAppContext();
+  const appContext = api.getAppContext();
   const { appDirectory, entrypoints } = appContext;
   const { filename, eventType } = e;
   const nestedRouteEntries = entrypoints.map((point) => point.nestedRoutesEntry).filter(Boolean);
@@ -39,7 +39,7 @@ async function handleFileChange(api, e) {
   const absoluteFilePath = path.resolve(appDirectory, filename);
   const isRouteComponent = isPageFile(absoluteFilePath) && isPageComponentFile(absoluteFilePath);
   if (isRouteComponent && (eventType === "add" || eventType === "unlink")) {
-    const resolvedConfig = api.useResolvedConfigContext();
+    const resolvedConfig = api.getNormalizedConfig();
     const { generateCode } = await import("./code");
     const entrypoints2 = cloneDeep(originEntrypoints);
     await generateCode(appContext, resolvedConfig, entrypoints2, api);