@rpcbase/client 0.387.0 → 0.389.0

package/dist/RootProvider/index.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
+import { RoutePrefetchProviderProps } from '@rpcbase/router';
 type RootProviderProps = {
     children: ReactNode;
+    routePrefetch?: Omit<RoutePrefetchProviderProps, "children">;
 };
-export declare const RootProvider: ({ children }: RootProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RootProvider: ({ children, routePrefetch }: RootProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/RootProvider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RootProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;CACpB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,cAAY,iBAAiB,4CAIzD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/RootProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAyB,KAAK,0BAA0B,EAAE,MAAM,iBAAiB,CAAA;AAKxF,KAAK,iBAAiB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAA;IACnB,aAAa,CAAC,EAAE,IAAI,CAAC,0BAA0B,EAAE,UAAU,CAAC,CAAA;CAC7D,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,6BAA2B,iBAAiB,4CAWxE,CAAA"}

package/dist/index.js

@@ -2,12 +2,12 @@ import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react/compiler-runtime";
 import { useSyncExternalStore, lazy, useEffect, Suspense, StrictMode, useState, useRef, useLayoutEffect, createContext, useContext } from "react";
 import env from "@rpcbase/env";
-import { getNavigationGuards, createRoutesFromElements, createBrowserRouter, RouterProvider, useLocation, useRouteError, isRouteErrorResponse } from "@rpcbase/router";
+import { getNavigationGuards, createRoutesFromElements, createBrowserRouter, RouterProvider, matchRoutes, useLocation, RoutePrefetchProvider, useRouteError, isRouteErrorResponse } from "@rpcbase/router";
 import { hydrateRoot } from "react-dom/client";
 import { r as reportClientException } from "./errorReporting-CVoUUKxW.js";
 import { s } from "./errorReporting-CVoUUKxW.js";
-import { n as hydrateRtsFromWindow, v as useQuery } from "./useQuery-0Z8QorHN.js";
-import { R, S, p, q, t } from "./useQuery-0Z8QorHN.js";
+import { n as hydrateRtsFromWindow, v as useQuery } from "./useQuery-ClKeTB8S.js";
+import { R, S, p, q, t } from "./useQuery-ClKeTB8S.js";
 const emptyUnsubscribe = () => {
 };
 const useMediaQuery = (query) => {
@@ -752,6 +752,8 @@ const SsrErrorFallback = (t0) => {
 };
 const isProduction = env.MODE === "production";
 const LOADER_TIMEOUT_MS = 8e3;
+const HYDRATION_IDENTIFIER_PREFIX = "rb-";
+const IMMUTABLE_LAZY_ROUTE_KEYS = /* @__PURE__ */ new Set(["lazy", "caseSensitive", "path", "id", "index", "children"]);
 const showErrorOverlay = (err) => {
   const ErrorOverlay = customElements.get("vite-error-overlay");
   if (!ErrorOverlay) {
@@ -818,6 +820,31 @@ const applyLoaderTimeouts = (routes) => {
     }
   });
 };
+const resolveLazyRoute = async (route) => {
+  const lazy2 = route.lazy;
+  if (typeof lazy2 !== "function") return;
+  const lazyModule = await lazy2();
+  if (!lazyModule || typeof lazyModule !== "object") {
+    route.lazy = void 0;
+    return;
+  }
+  const mutableRoute = route;
+  for (const [key, value] of Object.entries(lazyModule)) {
+    if (IMMUTABLE_LAZY_ROUTE_KEYS.has(key)) continue;
+    if (mutableRoute[key] !== void 0) continue;
+    mutableRoute[key] = value;
+  }
+  route.lazy = void 0;
+};
+const preloadMatchedLazyRoutes = async (routes) => {
+  const matches = matchRoutes(routes, {
+    pathname: window.location.pathname,
+    search: window.location.search,
+    hash: window.location.hash
+  });
+  if (!matches?.length) return;
+  await Promise.all(matches.map((match) => resolveLazyRoute(match.route)));
+};
 const getRootElement = () => {
   const el = document.getElementById("root");
   if (!el) {
@@ -878,6 +905,7 @@ const initWithRoutes = async (routesElement, opts) => {
   hydrateRtsFromWindow();
   const routes = createRoutesFromElements(routesElement);
   applyLoaderTimeouts(routes);
+  await preloadMatchedLazyRoutes(routes);
   const router = createBrowserRouter(routes, {});
   clearStaticRouterHydrationData();
   installGlobalNavigationGuard(router);
@@ -906,11 +934,16 @@ const initWithRoutes = async (routesElement, opts) => {
       console.warn("Uncaught error", err, errorInfo?.componentStack);
     }
   };
+  const baseHydrationOptions = {
+    identifierPrefix: HYDRATION_IDENTIFIER_PREFIX
+  };
   const hydrationOptions = isProduction ? {
+    ...baseHydrationOptions,
     onUncaughtError: reactErrorHandler("uncaught"),
     onCaughtError: reactErrorHandler("caught"),
     onRecoverableError: reactErrorHandler("recoverable")
   } : opts?.devThrowsOnHydrationErrors ? {
+    ...baseHydrationOptions,
     onRecoverableError(error, errorInfo) {
       const err = toError(error);
       if (mentionsHydration(err) || mentionsHydration(errorInfo?.componentStack)) {
@@ -918,7 +951,7 @@ const initWithRoutes = async (routesElement, opts) => {
       }
       console.error(err, errorInfo?.componentStack);
     }
-  } : void 0;
+  } : baseHydrationOptions;
   hydrateRoot(rootElement, /* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(RouterProvider, { router }),
     /* @__PURE__ */ jsx(ClientOnly, { children: /* @__PURE__ */ jsx(Toaster, {}) })
@@ -1724,20 +1757,24 @@ function useApplyScroll() {
   useEffect(t10, t11);
 }
 const RootProvider = (t0) => {
-  const $ = c(2);
+  const $ = c(4);
   const {
-    children
+    children,
+    routePrefetch
   } = t0;
   useApplyScroll();
-  let t1;
-  if ($[0] !== children) {
-    t1 = /* @__PURE__ */ jsx(Fragment, { children });
+  const t1 = routePrefetch?.defaultPrefetch ?? "intent";
+  let t2;
+  if ($[0] !== children || $[1] !== routePrefetch || $[2] !== t1) {
+    t2 = /* @__PURE__ */ jsx(RoutePrefetchProvider, { ...routePrefetch, defaultPrefetch: t1, children });
     $[0] = children;
-    $[1] = t1;
+    $[1] = routePrefetch;
+    $[2] = t1;
+    $[3] = t2;
   } else {
-    t1 = $[1];
+    t2 = $[3];
   }
-  return t1;
+  return t2;
 };
 var isObject_1;
 var hasRequiredIsObject;