@modern-js/plugin-router-v5 2.17.1 → 2.17.2-alpha.1

package/dist/cjs/runtime/hooks.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "modifyRoutesHook", {
+  enumerable: true,
+  get: () => modifyRoutesHook
+});
+const _plugin = require("@modern-js/plugin");
+const modifyRoutesHook = (0, _plugin.createWaterfall)();

package/dist/cjs/runtime/plugin.js

@@ -14,6 +14,7 @@ const _hoistnonreactstatics = /* @__PURE__ */ _interop_require_default(require("
 const _runtime = require("@modern-js/runtime");
 const _runtime1 = require("@modern-js/utils/runtime");
 const _utils = require("./utils");
+const _hooks = require("./hooks");
 function _interop_require_default(obj) {
   return obj && obj.__esModule ? obj : {
     default: obj
@@ -60,6 +61,7 @@ function _interop_require_wildcard(obj, nodeInterop) {
   return newObj;
 }
 const routerPlugin = ({ serverBase = [], history: customHistory, supportHtml5History = true, routesConfig, createRoutes, historyOptions = {} }) => {
+  const { routes: originRoutes } = routesConfig;
   const isBrow = (0, _runtime.isBrowser)();
   const select = (pathname) => serverBase.find((baseUrl) => pathname.search(baseUrl) === 0) || "/";
   if (isBrow) {
@@ -67,7 +69,10 @@ const routerPlugin = ({ serverBase = [], history: customHistory, supportHtml5His
   }
   return {
     name: "@modern-js/plugin-router",
-    setup: () => {
+    registerHook: {
+      modifyRoutes: _hooks.modifyRoutesHook
+    },
+    setup: (api) => {
       return {
         init({ context }, next) {
           context.router = {
@@ -84,6 +89,9 @@ const routerPlugin = ({ serverBase = [], history: customHistory, supportHtml5His
               var _window__SERVER_DATA;
               const baseUrl = ((_window__SERVER_DATA = window._SERVER_DATA) === null || _window__SERVER_DATA === void 0 ? void 0 : _window__SERVER_DATA.router.baseUrl) || select(location.pathname);
               historyOptions.basename = baseUrl === "/" ? (0, _utils.urlJoin)(baseUrl, historyOptions.basename) : baseUrl;
+              const runner = api.useHookRunners();
+              const routes = runner.modifyRoutes(originRoutes);
+              routesConfig.routes = routes;
               const history = customHistory || (supportHtml5History ? (0, _history.createBrowserHistory)(historyOptions) : (0, _history.createHashHistory)(historyOptions));
               return (props) => /* @__PURE__ */ (0, _jsxruntime.jsx)(_reactrouterdom.Router, {
                 history,

package/dist/esm/runtime/hooks.js

@@ -0,0 +1,3 @@
+import { createWaterfall } from "@modern-js/plugin";
+var modifyRoutesHook = createWaterfall();
+export { modifyRoutesHook };

package/dist/esm/runtime/plugin.js

@@ -58,8 +58,10 @@ import hoistNonReactStatics from "hoist-non-react-statics";
 import { RuntimeReactContext, isBrowser } from "@modern-js/runtime";
 import { parsedJSONFromElement } from "@modern-js/utils/runtime";
 import { renderRoutes, getLocation, urlJoin } from "./utils";
+import { modifyRoutesHook } from "./hooks";
 export var routerPlugin = function(param) {
   var _param_serverBase = param.serverBase, serverBase = _param_serverBase === void 0 ? [] : _param_serverBase, customHistory = param.history, _param_supportHtml5History = param.supportHtml5History, supportHtml5History = _param_supportHtml5History === void 0 ? true : _param_supportHtml5History, routesConfig = param.routesConfig, createRoutes = param.createRoutes, _param_historyOptions = param.historyOptions, historyOptions = _param_historyOptions === void 0 ? {} : _param_historyOptions;
+  var originRoutes = routesConfig.routes;
   var isBrow = isBrowser();
   var select = function(pathname) {
     return serverBase.find(function(baseUrl) {
@@ -71,7 +73,10 @@ export var routerPlugin = function(param) {
   }
   return {
     name: "@modern-js/plugin-router",
-    setup: function() {
+    registerHook: {
+      modifyRoutes: modifyRoutesHook
+    },
+    setup: function(api) {
       return {
         init: function init(param2, next) {
           var context = param2.context;
@@ -90,6 +95,9 @@ export var routerPlugin = function(param) {
               var _window__SERVER_DATA;
               var baseUrl = ((_window__SERVER_DATA = window._SERVER_DATA) === null || _window__SERVER_DATA === void 0 ? void 0 : _window__SERVER_DATA.router.baseUrl) || select(location.pathname);
               historyOptions.basename = baseUrl === "/" ? urlJoin(baseUrl, historyOptions.basename) : baseUrl;
+              var runner = api.useHookRunners();
+              var routes = runner.modifyRoutes(originRoutes);
+              routesConfig.routes = routes;
               var history = customHistory || (supportHtml5History ? createBrowserHistory(historyOptions) : createHashHistory(historyOptions));
               return function(props) {
                 return /* @__PURE__ */ _jsx(Router, {

package/dist/esm-node/runtime/hooks.js

@@ -0,0 +1,3 @@
+import { createWaterfall } from "@modern-js/plugin";
+const modifyRoutesHook = createWaterfall();
+export { modifyRoutesHook };

package/dist/esm-node/runtime/plugin.js

@@ -6,7 +6,9 @@ import hoistNonReactStatics from "hoist-non-react-statics";
 import { RuntimeReactContext, isBrowser } from "@modern-js/runtime";
 import { parsedJSONFromElement } from "@modern-js/utils/runtime";
 import { renderRoutes, getLocation, urlJoin } from "./utils";
+import { modifyRoutesHook } from "./hooks";
 export const routerPlugin = ({ serverBase = [], history: customHistory, supportHtml5History = true, routesConfig, createRoutes, historyOptions = {} }) => {
+  const { routes: originRoutes } = routesConfig;
   const isBrow = isBrowser();
   const select = (pathname) => serverBase.find((baseUrl) => pathname.search(baseUrl) === 0) || "/";
   if (isBrow) {
@@ -14,7 +16,10 @@ export const routerPlugin = ({ serverBase = [], history: customHistory, supportH
   }
   return {
     name: "@modern-js/plugin-router",
-    setup: () => {
+    registerHook: {
+      modifyRoutes: modifyRoutesHook
+    },
+    setup: (api) => {
       return {
         init({ context }, next) {
           context.router = {
@@ -31,6 +36,9 @@ export const routerPlugin = ({ serverBase = [], history: customHistory, supportH
               var _window__SERVER_DATA;
               const baseUrl = ((_window__SERVER_DATA = window._SERVER_DATA) === null || _window__SERVER_DATA === void 0 ? void 0 : _window__SERVER_DATA.router.baseUrl) || select(location.pathname);
               historyOptions.basename = baseUrl === "/" ? urlJoin(baseUrl, historyOptions.basename) : baseUrl;
+              const runner = api.useHookRunners();
+              const routes = runner.modifyRoutes(originRoutes);
+              routesConfig.routes = routes;
               const history = customHistory || (supportHtml5History ? createBrowserHistory(historyOptions) : createHashHistory(historyOptions));
               return (props) => /* @__PURE__ */ _jsx(Router, {
                 history,

package/dist/js/modern/cli/index.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import {
+  getEntryOptions,
+  createRuntimeExportsUtils,
+  PLUGIN_SCHEMAS
+} from "@modern-js/utils";
+import "./types";
+const PLUGIN_IDENTIFIER = "router";
+const ROUTES_IDENTIFIER = "routes";
+const isV5 = (config) => {
+  var _a, _b, _c;
+  return typeof ((_a = config.runtime) == null ? void 0 : _a.router) !== "boolean" && ((_c = (_b = config == null ? void 0 : config.runtime) == null ? void 0 : _b.router) == null ? void 0 : _c.mode) === "react-router-5";
+};
+var cli_default = () => ({
+  name: "@modern-js/plugin-router-v5",
+  required: ["@modern-js/runtime"],
+  setup: (api) => {
+    const runtimeConfigMap = /* @__PURE__ */ new Map();
+    let pluginsExportsUtils;
+    let routerExportsUtils;
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = createRuntimeExportsUtils(
+          appContext.internalDirectory,
+          "plugins"
+        );
+        routerExportsUtils = createRuntimeExportsUtils(
+          appContext.internalDirectory,
+          "router"
+        );
+        return {
+          source: {
+            alias: {
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath(),
+              "@modern-js/runtime/router-v5": routerExportsUtils.getPath()
+            }
+          }
+        };
+      },
+      validateSchema() {
+        return PLUGIN_SCHEMAS["@modern-js/plugin-router"];
+      },
+      modifyEntryImports({ entrypoint, imports }) {
+        const { entryName } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const { packageName } = api.useAppContext();
+        const runtimeConfig = getEntryOptions(
+          entryName,
+          userConfig.runtime,
+          userConfig.runtimeByEntries,
+          packageName
+        );
+        runtimeConfigMap.set(entryName, runtimeConfig);
+        if (isV5(userConfig)) {
+          imports.push({
+            value: "@modern-js/runtime/plugins",
+            specifiers: [{ imported: PLUGIN_IDENTIFIER }]
+          });
+        } else {
+          throw new Error(
+            `should enable runtime.router.mode for entry ${entryName}`
+          );
+        }
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+        const { entryName, fileSystemRoutes } = entrypoint;
+        const { serverRoutes } = api.useAppContext();
+        const runtimeConfig = runtimeConfigMap.get(entryName);
+        const userConfig = api.useResolvedConfigContext();
+        if (isV5(userConfig)) {
+          const serverBase = serverRoutes.filter((route) => route.entryName === entryName).map((route) => route.urlPath).sort((a, b) => a.length - b.length > 0 ? -1 : 1);
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: JSON.stringify(__spreadProps(__spreadValues({
+              serverBase
+            }, runtimeConfig.router), {
+              routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : void 0
+            })).replace(
+              /"routesConfig"\s*:\s*"((\S|\s)+)"/g,
+              '"routesConfig": $1,'
+            )
+          });
+        }
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+      addRuntimeExports() {
+        const userConfig = api.useResolvedConfigContext();
+        if (isV5(userConfig)) {
+          pluginsExportsUtils.addExport(
+            `export { default as router } from '@modern-js/plugin-router-v5/runtime'`
+          );
+          routerExportsUtils == null ? void 0 : routerExportsUtils.addExport(
+            `export * from '@modern-js/plugin-router-v5/runtime'`
+          );
+        }
+      }
+    };
+  }
+});
+export {
+  cli_default as default
+};

package/dist/js/modern/index.js

@@ -0,0 +1,5 @@
+import { default as default2 } from "./runtime";
+export * from "./runtime";
+export {
+  default2 as default
+};

package/dist/js/modern/runtime/DefaultNotFound.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+const DefaultNotFound = () => /* @__PURE__ */ jsx("div", {
+  style: {
+    margin: "150px auto",
+    textAlign: "center",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  children: "404"
+});
+export {
+  DefaultNotFound
+};

package/dist/js/modern/runtime/index.js

@@ -0,0 +1,7 @@
+import { routerPlugin } from "./plugin";
+var runtime_default = routerPlugin;
+export * from "react-router-dom";
+export * from "history";
+export {
+  runtime_default as default
+};

package/dist/js/modern/runtime/plugin.js

@@ -0,0 +1,106 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import {
+  createBrowserHistory,
+  createHashHistory
+} from "history";
+import {
+  Router,
+  StaticRouter,
+  useRouteMatch,
+  useLocation
+} from "react-router-dom";
+import hoistNonReactStatics from "hoist-non-react-statics";
+import { RuntimeReactContext, isBrowser } from "@modern-js/runtime";
+import { renderRoutes, getLocation, urlJoin } from "./utils";
+const routerPlugin = ({
+  serverBase = [],
+  history: customHistory,
+  supportHtml5History = true,
+  routesConfig,
+  historyOptions = {}
+}) => {
+  const isBrow = isBrowser();
+  const select = (pathname) => serverBase.find((baseUrl) => pathname.search(baseUrl) === 0) || "/";
+  return {
+    name: "@modern-js/plugin-router",
+    setup: () => {
+      return {
+        init({ context }, next) {
+          context.router = {
+            useRouteMatch,
+            useLocation
+          };
+          return next({ context });
+        },
+        hoc: ({ App }, next) => {
+          const getRouteApp = () => {
+            var _a;
+            if (isBrow) {
+              const baseUrl = ((_a = window._SERVER_DATA) == null ? void 0 : _a.router.baseUrl) || select(location.pathname);
+              historyOptions.basename = baseUrl === "/" ? urlJoin(baseUrl, historyOptions.basename) : baseUrl;
+              const history = customHistory || (supportHtml5History ? createBrowserHistory(historyOptions) : createHashHistory(historyOptions));
+              return (props) => /* @__PURE__ */ jsx(Router, {
+                history,
+                children: /* @__PURE__ */ jsx(App, __spreadProps(__spreadValues({}, props), {
+                  children: routesConfig ? renderRoutes(routesConfig, props) : null
+                }))
+              });
+            }
+            return (props) => {
+              const runtimeContext = useContext(RuntimeReactContext);
+              const { ssrContext } = runtimeContext;
+              const location2 = getLocation(ssrContext);
+              const routerContext = (ssrContext == null ? void 0 : ssrContext.redirection) || {};
+              const request = ssrContext == null ? void 0 : ssrContext.request;
+              const baseUrl = request == null ? void 0 : request.baseUrl;
+              const basename = baseUrl === "/" ? urlJoin(baseUrl, historyOptions.basename) : baseUrl;
+              return /* @__PURE__ */ jsx(StaticRouter, {
+                basename: basename === "/" ? "" : basename,
+                location: location2,
+                context: routerContext,
+                children: /* @__PURE__ */ jsx(App, __spreadProps(__spreadValues({}, props), {
+                  children: routesConfig ? renderRoutes(routesConfig, props) : null
+                }))
+              });
+            };
+          };
+          let RouteApp = getRouteApp();
+          if (App) {
+            RouteApp = hoistNonReactStatics(RouteApp, App);
+          }
+          if (routesConfig == null ? void 0 : routesConfig.globalApp) {
+            return next({
+              App: hoistNonReactStatics(RouteApp, routesConfig.globalApp)
+            });
+          }
+          return next({
+            App: RouteApp
+          });
+        }
+      };
+    }
+  };
+};
+export {
+  routerPlugin
+};

package/dist/js/modern/runtime/utils.js

@@ -0,0 +1,108 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { jsx } from "react/jsx-runtime";
+import { Route, matchPath } from "react-router-dom";
+import { DefaultNotFound } from "./DefaultNotFound";
+function renderRoutes(routesConfig, extraProps = {}) {
+  const Layout = (_a) => {
+    var _b = _a, { Component } = _b, props = __objRest(_b, ["Component"]);
+    const GlobalLayout = routesConfig == null ? void 0 : routesConfig.globalApp;
+    if (!GlobalLayout) {
+      return /* @__PURE__ */ jsx(Component, __spreadValues({}, props));
+    }
+    return /* @__PURE__ */ jsx(GlobalLayout, __spreadValues({
+      Component
+    }, props));
+  };
+  const findMatchedRoute = (pathname) => {
+    var _a;
+    return (_a = routesConfig == null ? void 0 : routesConfig.routes) == null ? void 0 : _a.find((route) => {
+      const info = matchPath(pathname, {
+        path: route.path,
+        exact: route.exact,
+        sensitive: route.sensitive
+      });
+      return Boolean(info);
+    });
+  };
+  return /* @__PURE__ */ jsx(Route, {
+    path: "/",
+    render: (props) => {
+      const matchedRoute = findMatchedRoute(props.location.pathname);
+      if (!matchedRoute) {
+        return /* @__PURE__ */ jsx(DefaultNotFound, {});
+      }
+      return /* @__PURE__ */ jsx(Route, {
+        path: matchedRoute.path,
+        exact: matchedRoute.exact,
+        sensitive: matchedRoute.sensitive,
+        render: (routeProps) => /* @__PURE__ */ jsx(Layout, __spreadValues(__spreadValues({
+          Component: matchedRoute.component
+        }, routeProps), extraProps))
+      });
+    }
+  });
+}
+function getLocation(serverContext) {
+  var _a;
+  const { pathname, url } = (serverContext == null ? void 0 : serverContext.request) || {};
+  const cleanUrl = (_a = url == null ? void 0 : url.replace("http://", "")) == null ? void 0 : _a.replace("https://", "");
+  const index = (cleanUrl || "").indexOf(pathname);
+  if (index === -1) {
+    return pathname;
+  }
+  return cleanUrl.substring(index);
+}
+const urlJoin = (...parts) => {
+  const separator = "/";
+  const replace = new RegExp(`${separator}{1,}`, "g");
+  return standardSlash(parts.join(separator).replace(replace, separator));
+};
+function standardSlash(str) {
+  let addr = str;
+  if (!addr || typeof addr !== "string") {
+    return addr;
+  }
+  if (addr.startsWith(".")) {
+    addr = addr.slice(1);
+  }
+  if (!addr.startsWith("/")) {
+    addr = `/${addr}`;
+  }
+  if (addr.endsWith("/") && addr !== "/") {
+    addr = addr.slice(0, addr.length - 1);
+  }
+  return addr;
+}
+export {
+  getLocation,
+  renderRoutes,
+  standardSlash,
+  urlJoin
+};

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

@@ -0,0 +1,143 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 cli_exports = {};
+__export(cli_exports, {
+  default: () => cli_default
+});
+module.exports = __toCommonJS(cli_exports);
+var import_utils = require("@modern-js/utils");
+var import_types2 = require("./types");
+const PLUGIN_IDENTIFIER = "router";
+const ROUTES_IDENTIFIER = "routes";
+const isV5 = (config) => {
+  var _a, _b, _c;
+  return typeof ((_a = config.runtime) == null ? void 0 : _a.router) !== "boolean" && ((_c = (_b = config == null ? void 0 : config.runtime) == null ? void 0 : _b.router) == null ? void 0 : _c.mode) === "react-router-5";
+};
+var cli_default = () => ({
+  name: "@modern-js/plugin-router-v5",
+  required: ["@modern-js/runtime"],
+  setup: (api) => {
+    const runtimeConfigMap = /* @__PURE__ */ new Map();
+    let pluginsExportsUtils;
+    let routerExportsUtils;
+    return {
+      config() {
+        const appContext = api.useAppContext();
+        pluginsExportsUtils = (0, import_utils.createRuntimeExportsUtils)(
+          appContext.internalDirectory,
+          "plugins"
+        );
+        routerExportsUtils = (0, import_utils.createRuntimeExportsUtils)(
+          appContext.internalDirectory,
+          "router"
+        );
+        return {
+          source: {
+            alias: {
+              "@modern-js/runtime/plugins": pluginsExportsUtils.getPath(),
+              "@modern-js/runtime/router-v5": routerExportsUtils.getPath()
+            }
+          }
+        };
+      },
+      validateSchema() {
+        return import_utils.PLUGIN_SCHEMAS["@modern-js/plugin-router"];
+      },
+      modifyEntryImports({ entrypoint, imports }) {
+        const { entryName } = entrypoint;
+        const userConfig = api.useResolvedConfigContext();
+        const { packageName } = api.useAppContext();
+        const runtimeConfig = (0, import_utils.getEntryOptions)(
+          entryName,
+          userConfig.runtime,
+          userConfig.runtimeByEntries,
+          packageName
+        );
+        runtimeConfigMap.set(entryName, runtimeConfig);
+        if (isV5(userConfig)) {
+          imports.push({
+            value: "@modern-js/runtime/plugins",
+            specifiers: [{ imported: PLUGIN_IDENTIFIER }]
+          });
+        } else {
+          throw new Error(
+            `should enable runtime.router.mode for entry ${entryName}`
+          );
+        }
+        return {
+          entrypoint,
+          imports
+        };
+      },
+      modifyEntryRuntimePlugins({ entrypoint, plugins }) {
+        const { entryName, fileSystemRoutes } = entrypoint;
+        const { serverRoutes } = api.useAppContext();
+        const runtimeConfig = runtimeConfigMap.get(entryName);
+        const userConfig = api.useResolvedConfigContext();
+        if (isV5(userConfig)) {
+          const serverBase = serverRoutes.filter((route) => route.entryName === entryName).map((route) => route.urlPath).sort((a, b) => a.length - b.length > 0 ? -1 : 1);
+          plugins.push({
+            name: PLUGIN_IDENTIFIER,
+            options: JSON.stringify(__spreadProps(__spreadValues({
+              serverBase
+            }, runtimeConfig.router), {
+              routesConfig: fileSystemRoutes ? `{ ${ROUTES_IDENTIFIER}, globalApp: App }` : void 0
+            })).replace(
+              /"routesConfig"\s*:\s*"((\S|\s)+)"/g,
+              '"routesConfig": $1,'
+            )
+          });
+        }
+        return {
+          entrypoint,
+          plugins
+        };
+      },
+      addRuntimeExports() {
+        const userConfig = api.useResolvedConfigContext();
+        if (isV5(userConfig)) {
+          pluginsExportsUtils.addExport(
+            `export { default as router } from '@modern-js/plugin-router-v5/runtime'`
+          );
+          routerExportsUtils == null ? void 0 : routerExportsUtils.addExport(
+            `export * from '@modern-js/plugin-router-v5/runtime'`
+          );
+        }
+      }
+    };
+  }
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

package/dist/js/node/index.js

@@ -0,0 +1,33 @@
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_runtime.default
+});
+module.exports = __toCommonJS(src_exports);
+var import_runtime = __toESM(require("./runtime"));
+__reExport(src_exports, require("./runtime"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});