@modern-js/runtime 2.69.4 → 3.0.0-alpha.0

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

@@ -1,243 +1,224 @@
 "use strict";
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  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, {
-  beforeCreateRouter: () => beforeCreateRouter,
-  finalRouteConfig: () => finalRouteConfig,
-  modifyRoutes: () => modifyRoutes,
-  routerPlugin: () => routerPlugin
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    modifyRoutes: ()=>modifyRoutes,
+    routerPlugin: ()=>routerPlugin,
+    finalRouteConfig: ()=>finalRouteConfig,
+    beforeCreateRouter: ()=>beforeCreateRouter
 });
-module.exports = __toCommonJS(plugin_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_merge = require("@modern-js/runtime-utils/merge");
-var import_router = require("@modern-js/runtime-utils/router");
-var import_url = require("@modern-js/runtime-utils/url");
-var React = __toESM(require("react"));
-var import_react = require("react");
-var import_core = require("../../core");
-var import_context = require("../../core/context");
-var import_context2 = require("../../core/context");
-var import_hooks = require("./hooks");
-var import_rsc_router = require("./rsc-router");
-var import_utils = require("./utils");
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const merge_namespaceObject = require("@modern-js/runtime-utils/merge");
+const router_namespaceObject = require("@modern-js/runtime-utils/router");
+const url_namespaceObject = require("@modern-js/runtime-utils/url");
+const external_react_namespaceObject = require("react");
+const index_js_namespaceObject = require("../../core/context/index.js");
+const external_hooks_js_namespaceObject = require("./hooks.js");
+const external_rsc_router_js_namespaceObject = require("./rsc-router.js");
+const external_utils_js_namespaceObject = require("./utils.js");
 let finalRouteConfig = {
-  routes: []
+    routes: []
 };
 let beforeCreateRouter = true;
 function modifyRoutes(modifyFunction) {
-  if (beforeCreateRouter) {
-    const { routes: originRoutes } = finalRouteConfig;
-    const newRoutes = modifyFunction(originRoutes);
-    finalRouteConfig.routes = newRoutes;
-  } else {
-    console.error("It is not allowed to modify routes config after create router.");
-  }
+    if (beforeCreateRouter) {
+        const { routes: originRoutes } = finalRouteConfig;
+        const newRoutes = modifyFunction(originRoutes);
+        finalRouteConfig.routes = newRoutes;
+    } else console.error('It is not allowed to modify routes config after create router.');
 }
-const routerPlugin = (userConfig = {}) => {
-  return {
-    name: "@modern-js/plugin-router",
-    registryHooks: {
-      modifyRoutes: import_hooks.modifyRoutes,
-      onBeforeCreateRoutes: import_hooks.onBeforeCreateRoutes
-    },
-    setup: (api) => {
-      const routesContainer = {
-        current: []
-      };
-      api.onBeforeRender((context) => {
-        if (window._SSR_DATA && userConfig.unstable_reloadOnURLMismatch) {
-          var _ssrContext_request;
-          const { ssrContext } = context;
-          const currentPathname = (0, import_url.normalizePathname)(window.location.pathname);
-          const initialPathname = (ssrContext === null || ssrContext === void 0 ? void 0 : (_ssrContext_request = ssrContext.request) === null || _ssrContext_request === void 0 ? void 0 : _ssrContext_request.pathname) && (0, import_url.normalizePathname)(ssrContext.request.pathname);
-          if (initialPathname && initialPathname !== currentPathname) {
-            const errorMsg = `The initial URL ${initialPathname} and the URL ${currentPathname} to be hydrated do not match, reload.`;
-            console.error(errorMsg);
-            window.location.reload();
-          }
+const routerPlugin = (userConfig = {})=>({
+        name: '@modern-js/plugin-router',
+        registryHooks: {
+            modifyRoutes: external_hooks_js_namespaceObject.modifyRoutes,
+            onBeforeCreateRoutes: external_hooks_js_namespaceObject.onBeforeCreateRoutes
+        },
+        setup: (api)=>{
+            const routesContainer = {
+                current: []
+            };
+            api.onBeforeRender((context)=>{
+                if (window._SSR_DATA && userConfig.unstable_reloadOnURLMismatch) {
+                    const { ssrContext } = context;
+                    const currentPathname = (0, url_namespaceObject.normalizePathname)(window.location.pathname);
+                    const initialPathname = ssrContext?.request?.pathname && (0, url_namespaceObject.normalizePathname)(ssrContext.request.pathname);
+                    if (initialPathname && initialPathname !== currentPathname) {
+                        const errorMsg = `The initial URL ${initialPathname} and the URL ${currentPathname} to be hydrated do not match, reload.`;
+                        console.error(errorMsg);
+                        window.location.reload();
+                    }
+                }
+                context.router = {
+                    useMatches: router_namespaceObject.useMatches,
+                    useLocation: router_namespaceObject.useLocation,
+                    useHref: router_namespaceObject.useHref
+                };
+                Object.defineProperty(context, 'routes', {
+                    get () {
+                        return routesContainer.current;
+                    },
+                    enumerable: true
+                });
+            });
+            api.wrapRoot((App)=>{
+                const mergedConfig = (0, merge_namespaceObject.merge)(api.getRuntimeConfig().router || {}, userConfig);
+                const { serverBase = [], supportHtml5History = true, basename = '', routesConfig, createRoutes } = mergedConfig;
+                finalRouteConfig = {
+                    routes: (0, index_js_namespaceObject.getGlobalRoutes)(),
+                    globalApp: (0, index_js_namespaceObject.getGlobalLayoutApp)(),
+                    ...routesConfig
+                };
+                if (!finalRouteConfig.routes && !createRoutes) return App;
+                const selectBasePath = (pathname)=>{
+                    const match = serverBase.find((baseUrl)=>isSegmentPrefix(pathname, baseUrl));
+                    return match || '/';
+                };
+                let cachedRouter = null;
+                const RouterWrapper = (props)=>{
+                    const routerResult = useRouterCreation({
+                        ...props,
+                        rscPayload: props?.rscPayload
+                    }, {
+                        api: api,
+                        createRoutes,
+                        supportHtml5History,
+                        selectBasePath,
+                        basename
+                    });
+                    const router = (0, external_react_namespaceObject.useMemo)(()=>{
+                        if (cachedRouter) return cachedRouter;
+                        cachedRouter = routerResult.router;
+                        return cachedRouter;
+                    }, []);
+                    const { routes } = routerResult;
+                    routesContainer.current = routes;
+                    beforeCreateRouter = false;
+                    const RouterContent = ()=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(jsx_runtime_namespaceObject.Fragment, {
+                            children: [
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(router_namespaceObject.RouterProvider, {
+                                    router: router
+                                }),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EmptyComponent, {}),
+                                /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(EmptyComponent, {})
+                            ]
+                        });
+                    return App ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(App, {
+                        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RouterContent, {})
+                    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(RouterContent, {});
+                };
+                return RouterWrapper;
+            });
         }
-        context.router = {
-          useMatches: import_router.useMatches,
-          useLocation: import_router.useLocation,
-          useHref: import_router.useHref
-        };
-        Object.defineProperty(context, "routes", {
-          get() {
-            return routesContainer.current;
-          },
-          enumerable: true
-        });
-      });
-      api.wrapRoot((App) => {
-        const mergedConfig = (0, import_merge.merge)(api.getRuntimeConfig().router || {}, userConfig);
-        const { serverBase = [], supportHtml5History = true, basename = "", routesConfig, createRoutes, future } = mergedConfig;
-        finalRouteConfig = {
-          routes: (0, import_context.getGlobalRoutes)(),
-          globalApp: (0, import_context.getGlobalLayoutApp)(),
-          ...routesConfig
-        };
-        if (!finalRouteConfig.routes && !createRoutes) {
-          return App;
-        }
-        const selectBasePath = (pathname) => {
-          const match = serverBase.find((baseUrl) => isSegmentPrefix(pathname, baseUrl));
-          return match || "/";
-        };
-        const RouterWrapper = (props) => {
-          const { router, routes } = useRouterCreation({
-            ...props,
-            rscPayload: props === null || props === void 0 ? void 0 : props.rscPayload
-          }, {
-            api,
-            createRoutes,
-            supportHtml5History,
-            selectBasePath,
-            basename,
-            future
-          });
-          routesContainer.current = routes;
-          beforeCreateRouter = false;
-          const RouterContent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_router.RouterProvider, {
-                router,
-                future
-              }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyComponent, {}),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(EmptyComponent, {})
-            ]
-          });
-          return App ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(App, {
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RouterContent, {})
-          }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RouterContent, {});
-        };
-        return RouterWrapper;
-      });
-    }
-  };
-};
-const EmptyComponent = () => null;
-const safeUse = (promise) => {
-  const useProp = "use";
-  const useHook = React && React[useProp];
-  if (typeof useHook === "function") {
-    return useHook(promise);
-  }
-  return null;
+    });
+const EmptyComponent = ()=>null;
+const safeUse = (promise)=>{
+    const useProp = 'use';
+    const useHook = external_react_namespaceObject && external_react_namespaceObject[useProp];
+    if ('function' == typeof useHook) return useHook(promise);
+    return null;
 };
 function normalizeBase(b) {
-  if (b.length > 1 && b.endsWith("/"))
-    return b.slice(0, -1);
-  return b || "/";
+    if (b.length > 1 && b.endsWith('/')) return b.slice(0, -1);
+    return b || '/';
 }
 function isSegmentPrefix(pathname, base) {
-  const b = normalizeBase(base);
-  const p = pathname || "/";
-  return p === b || p.startsWith(`${b}/`);
+    const b = normalizeBase(base);
+    const p = pathname || '/';
+    return p === b || p.startsWith(`${b}/`);
 }
 function useRouterCreation(props, options) {
-  const { api, createRoutes, supportHtml5History, selectBasePath, basename } = options;
-  const runtimeContext = (0, import_react.useContext)(import_core.RuntimeReactContext);
-  const baseUrl = selectBasePath(location.pathname).replace(/^\/*/, "/");
-  const _basename = baseUrl === "/" ? (0, import_utils.urlJoin)(baseUrl, runtimeContext._internalRouterBaseName || basename) : baseUrl;
-  const { unstable_getBlockNavState: getBlockNavState } = runtimeContext;
-  const rscPayload = (props === null || props === void 0 ? void 0 : props.rscPayload) ? safeUse(props.rscPayload) : null;
-  let hydrationData = window._ROUTER_DATA || rscPayload;
-  return (0, import_react.useMemo)(() => {
-    if (hydrationData === null || hydrationData === void 0 ? void 0 : hydrationData.errors) {
-      hydrationData = {
-        ...hydrationData,
-        errors: (0, import_utils.deserializeErrors)(hydrationData.errors)
-      };
-    }
-    const isRscClient = (0, import_context2.getGlobalIsRscClient)();
-    let routes = null;
-    if (isRscClient) {
-      routes = createRoutes ? createRoutes() : (0, import_utils.createRouteObjectsFromConfig)({
-        routesConfig: finalRouteConfig
-      });
-    } else {
-      routes = createRoutes ? createRoutes() : (0, import_router.createRoutesFromElements)((0, import_utils.renderRoutes)({
-        routesConfig: finalRouteConfig,
-        props
-      }));
-    }
-    if (!routes) {
-      routes = [];
-    }
-    const hooks = api.getHooks();
-    if (rscPayload) {
-      try {
-        const router2 = (0, import_rsc_router.createClientRouterFromPayload)(rscPayload, routes, _basename);
-        return {
-          router: router2,
-          routes: router2.routes || []
+    const { api, createRoutes, supportHtml5History, selectBasePath, basename } = options;
+    const runtimeContext = (0, external_react_namespaceObject.useContext)(index_js_namespaceObject.InternalRuntimeContext);
+    const baseUrl = selectBasePath(location.pathname).replace(/^\/*/, '/');
+    const _basename = '/' === baseUrl ? (0, external_utils_js_namespaceObject.urlJoin)(baseUrl, runtimeContext._internalRouterBaseName || basename || '') : baseUrl;
+    const { unstable_getBlockNavState: getBlockNavState } = runtimeContext;
+    const rscPayload = props?.rscPayload ? safeUse(props.rscPayload) : null;
+    let hydrationData = window._ROUTER_DATA || rscPayload;
+    return (0, external_react_namespaceObject.useMemo)(()=>{
+        if (hydrationData?.errors) hydrationData = {
+            ...hydrationData,
+            errors: (0, external_utils_js_namespaceObject.deserializeErrors)(hydrationData.errors)
         };
-      } catch (e) {
-        console.error("Failed to create router from RSC payload:", e);
-      }
-    }
-    const modifiedRoutes = hooks.modifyRoutes.call(routes);
-    const router = supportHtml5History ? (0, import_router.createBrowserRouter)(modifiedRoutes, {
-      basename: _basename,
-      hydrationData
-    }) : (0, import_router.createHashRouter)(modifiedRoutes, {
-      basename: _basename,
-      hydrationData
-    });
-    const originSubscribe = router.subscribe;
-    router.subscribe = (listener) => {
-      const wrappedListener = (...args) => {
-        const blockRoute = getBlockNavState ? getBlockNavState() : false;
-        if (blockRoute) {
-          return;
+        const isRscClient = (0, index_js_namespaceObject.getGlobalIsRscClient)();
+        let routes = null;
+        routes = isRscClient ? createRoutes ? createRoutes() : (0, external_utils_js_namespaceObject.createRouteObjectsFromConfig)({
+            routesConfig: finalRouteConfig
+        }) : createRoutes ? createRoutes() : (0, router_namespaceObject.createRoutesFromElements)((0, external_utils_js_namespaceObject.renderRoutes)({
+            routesConfig: finalRouteConfig,
+            props
+        }));
+        if (!routes) routes = [];
+        const hooks = api.getHooks();
+        if (rscPayload) try {
+            const router = (0, external_rsc_router_js_namespaceObject.createClientRouterFromPayload)(rscPayload, routes, _basename);
+            return {
+                router,
+                routes: router.routes || []
+            };
+        } catch (e) {
+            console.error('Failed to create router from RSC payload:', e);
         }
-        return listener(...args);
-      };
-      return originSubscribe(wrappedListener);
-    };
-    return {
-      router,
-      routes: modifiedRoutes
-    };
-  }, [
-    finalRouteConfig,
-    props,
-    _basename,
-    hydrationData,
-    getBlockNavState
-  ]);
+        const modifiedRoutes = hooks.modifyRoutes.call(routes);
+        const router = supportHtml5History ? (0, router_namespaceObject.createBrowserRouter)(modifiedRoutes, {
+            basename: _basename,
+            hydrationData
+        }) : (0, router_namespaceObject.createHashRouter)(modifiedRoutes, {
+            basename: _basename,
+            hydrationData
+        });
+        const originSubscribe = router.subscribe;
+        router.subscribe = (listener)=>{
+            const wrappedListener = (...args)=>{
+                const blockRoute = getBlockNavState ? getBlockNavState() : false;
+                if (blockRoute) return;
+                return listener(...args);
+            };
+            return originSubscribe(wrappedListener);
+        };
+        return {
+            router,
+            routes: modifiedRoutes
+        };
+    }, [
+        finalRouteConfig,
+        props,
+        _basename,
+        hydrationData,
+        getBlockNavState
+    ]);
 }
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  beforeCreateRouter,
-  finalRouteConfig,
-  modifyRoutes,
-  routerPlugin
+exports.beforeCreateRouter = __webpack_exports__.beforeCreateRouter;
+exports.finalRouteConfig = __webpack_exports__.finalRouteConfig;
+exports.modifyRoutes = __webpack_exports__.modifyRoutes;
+exports.routerPlugin = __webpack_exports__.routerPlugin;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "beforeCreateRouter",
+    "finalRouteConfig",
+    "modifyRoutes",
+    "routerPlugin"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
 });