@modern-js/plugin-router-v5 2.18.0 → 2.18.2-alpha.0

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 = {});

package/dist/js/node/runtime/DefaultNotFound.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DefaultNotFound_exports = {};
+__export(DefaultNotFound_exports, {
+  DefaultNotFound: () => DefaultNotFound
+});
+module.exports = __toCommonJS(DefaultNotFound_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+const DefaultNotFound = () => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+  style: {
+    margin: "150px auto",
+    textAlign: "center",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  children: "404"
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DefaultNotFound
+});

package/dist/js/node/runtime/index.js

@@ -0,0 +1,29 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var runtime_exports = {};
+__export(runtime_exports, {
+  default: () => runtime_default
+});
+module.exports = __toCommonJS(runtime_exports);
+var import_plugin = require("./plugin");
+__reExport(runtime_exports, require("react-router-dom"), module.exports);
+__reExport(runtime_exports, require("history"), module.exports);
+var runtime_default = import_plugin.routerPlugin;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {});

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

@@ -0,0 +1,125 @@
+var __create = Object.create;
+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 __getProtoOf = Object.getPrototypeOf;
+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 __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 plugin_exports = {};
+__export(plugin_exports, {
+  routerPlugin: () => routerPlugin
+});
+module.exports = __toCommonJS(plugin_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_history = require("history");
+var import_react_router_dom = require("react-router-dom");
+var import_hoist_non_react_statics = __toESM(require("hoist-non-react-statics"));
+var import_runtime = require("@modern-js/runtime");
+var import_utils = require("./utils");
+const routerPlugin = ({
+  serverBase = [],
+  history: customHistory,
+  supportHtml5History = true,
+  routesConfig,
+  historyOptions = {}
+}) => {
+  const isBrow = (0, import_runtime.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: import_react_router_dom.useRouteMatch,
+            useLocation: import_react_router_dom.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 === "/" ? (0, import_utils.urlJoin)(baseUrl, historyOptions.basename) : baseUrl;
+              const history = customHistory || (supportHtml5History ? (0, import_history.createBrowserHistory)(historyOptions) : (0, import_history.createHashHistory)(historyOptions));
+              return (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Router, {
+                history,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, __spreadProps(__spreadValues({}, props), {
+                  children: routesConfig ? (0, import_utils.renderRoutes)(routesConfig, props) : null
+                }))
+              });
+            }
+            return (props) => {
+              const runtimeContext = (0, import_react.useContext)(import_runtime.RuntimeReactContext);
+              const { ssrContext } = runtimeContext;
+              const location2 = (0, import_utils.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 === "/" ? (0, import_utils.urlJoin)(baseUrl, historyOptions.basename) : baseUrl;
+              return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.StaticRouter, {
+                basename: basename === "/" ? "" : basename,
+                location: location2,
+                context: routerContext,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, __spreadProps(__spreadValues({}, props), {
+                  children: routesConfig ? (0, import_utils.renderRoutes)(routesConfig, props) : null
+                }))
+              });
+            };
+          };
+          let RouteApp = getRouteApp();
+          if (App) {
+            RouteApp = (0, import_hoist_non_react_statics.default)(RouteApp, App);
+          }
+          if (routesConfig == null ? void 0 : routesConfig.globalApp) {
+            return next({
+              App: (0, import_hoist_non_react_statics.default)(RouteApp, routesConfig.globalApp)
+            });
+          }
+          return next({
+            App: RouteApp
+          });
+        }
+      };
+    }
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  routerPlugin
+});

package/dist/js/node/runtime/utils.js

@@ -0,0 +1,132 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+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 __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;
+};
+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 utils_exports = {};
+__export(utils_exports, {
+  getLocation: () => getLocation,
+  renderRoutes: () => renderRoutes,
+  standardSlash: () => standardSlash,
+  urlJoin: () => urlJoin
+});
+module.exports = __toCommonJS(utils_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react_router_dom = require("react-router-dom");
+var import_DefaultNotFound = require("./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__ */ (0, import_jsx_runtime.jsx)(Component, __spreadValues({}, props));
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.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 = (0, import_react_router_dom.matchPath)(pathname, {
+        path: route.path,
+        exact: route.exact,
+        sensitive: route.sensitive
+      });
+      return Boolean(info);
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Route, {
+    path: "/",
+    render: (props) => {
+      const matchedRoute = findMatchedRoute(props.location.pathname);
+      if (!matchedRoute) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DefaultNotFound.DefaultNotFound, {});
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_router_dom.Route, {
+        path: matchedRoute.path,
+        exact: matchedRoute.exact,
+        sensitive: matchedRoute.sensitive,
+        render: (routeProps) => /* @__PURE__ */ (0, import_jsx_runtime.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;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getLocation,
+  renderRoutes,
+  standardSlash,
+  urlJoin
+});

package/dist/js/treeshaking/cli/index.js

@@ -0,0 +1,151 @@
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _objectSpread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _defineProperty(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _objectSpreadProps(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { getEntryOptions, createRuntimeExportsUtils, PLUGIN_SCHEMAS } from "@modern-js/utils";
+import "./types";
+var PLUGIN_IDENTIFIER = "router";
+var ROUTES_IDENTIFIER = "routes";
+var isV5 = function(config) {
+    var ref, ref1, ref2;
+    return typeof ((ref = config.runtime) === null || ref === void 0 ? void 0 : ref.router) !== "boolean" && (config === null || config === void 0 ? void 0 : (ref1 = config.runtime) === null || ref1 === void 0 ? void 0 : (ref2 = ref1.router) === null || ref2 === void 0 ? void 0 : ref2.mode) === "react-router-5";
+};
+var cli_default = function() {
+    return {
+        name: "@modern-js/plugin-router-v5",
+        required: [
+            "@modern-js/runtime"
+        ],
+        setup: function(api) {
+            var runtimeConfigMap = /* @__PURE__ */ new Map();
+            var pluginsExportsUtils;
+            var routerExportsUtils;
+            return {
+                config: function config() {
+                    var 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: function validateSchema() {
+                    return PLUGIN_SCHEMAS["@modern-js/plugin-router"];
+                },
+                modifyEntryImports: function modifyEntryImports(param) {
+                    var entrypoint = param.entrypoint, imports = param.imports;
+                    var entryName = entrypoint.entryName;
+                    var userConfig = api.useResolvedConfigContext();
+                    var packageName = api.useAppContext().packageName;
+                    var 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 ".concat(entryName));
+                    }
+                    return {
+                        entrypoint: entrypoint,
+                        imports: imports
+                    };
+                },
+                modifyEntryRuntimePlugins: function modifyEntryRuntimePlugins(param) {
+                    var entrypoint = param.entrypoint, plugins = param.plugins;
+                    var entryName = entrypoint.entryName, fileSystemRoutes = entrypoint.fileSystemRoutes;
+                    var serverRoutes = api.useAppContext().serverRoutes;
+                    var runtimeConfig = runtimeConfigMap.get(entryName);
+                    var userConfig = api.useResolvedConfigContext();
+                    if (isV5(userConfig)) {
+                        var serverBase = serverRoutes.filter(function(route) {
+                            return route.entryName === entryName;
+                        }).map(function(route) {
+                            return route.urlPath;
+                        }).sort(function(a, b) {
+                            return a.length - b.length > 0 ? -1 : 1;
+                        });
+                        plugins.push({
+                            name: PLUGIN_IDENTIFIER,
+                            options: JSON.stringify(_objectSpreadProps(_objectSpread({
+                                serverBase: serverBase
+                            }, runtimeConfig.router), {
+                                routesConfig: fileSystemRoutes ? "{ ".concat(ROUTES_IDENTIFIER, ", globalApp: App }") : void 0
+                            })).replace(/"routesConfig"\s*:\s*"((\S|\s)+)"/g, '"routesConfig": $1,')
+                        });
+                    }
+                    return {
+                        entrypoint: entrypoint,
+                        plugins: plugins
+                    };
+                },
+                addRuntimeExports: function addRuntimeExports() {
+                    var userConfig = api.useResolvedConfigContext();
+                    if (isV5(userConfig)) {
+                        pluginsExportsUtils.addExport("export { default as router } from '@modern-js/plugin-router-v5/runtime'");
+                        routerExportsUtils === null || routerExportsUtils === void 0 ? void 0 : routerExportsUtils.addExport("export * from '@modern-js/plugin-router-v5/runtime'");
+                    }
+                }
+            };
+        }
+    };
+};
+export { cli_default as default };

package/dist/js/treeshaking/cli/types.js

@@ -0,0 +1 @@
+"use strict";

package/dist/js/treeshaking/index.js

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

package/dist/js/treeshaking/runtime/DefaultNotFound.js

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