react-router 0.0.0-experimental-80dc2f07b → 0.0.0-experimental-84753c0

package/dist/development/browser-z32v5KVN.d.mts

@@ -0,0 +1,46 @@
+declare global {
+    interface Window {
+        __FLIGHT_DATA: any[];
+    }
+}
+/**
+ * Get the prerendered [RSC](https://react.dev/reference/rsc/server-components)
+ * stream for hydration. Usually passed directly to your
+ * `react-server-dom-xyz/client`'s `createFromReadableStream`.
+ *
+ * @example
+ * import { startTransition, StrictMode } from "react";
+ * import { hydrateRoot } from "react-dom/client";
+ * import {
+ *   unstable_getRSCStream as getRSCStream,
+ *   unstable_RSCHydratedRouter as RSCHydratedRouter,
+ * } from "react-router";
+ * import type { unstable_RSCPayload as RSCPayload } from "react-router";
+ *
+ * createFromReadableStream(getRSCStream()).then(
+ *   (payload: RSCServerPayload) => {
+ *     startTransition(async () => {
+ *       hydrateRoot(
+ *         document,
+ *         <StrictMode>
+ *           <RSCHydratedRouter {...props} />
+ *         </StrictMode>,
+ *         {
+ *           // Options
+ *         }
+ *       );
+ *     });
+ *   }
+ * );
+ *
+ * @name unstable_getRSCStream
+ * @public
+ * @category RSC
+ * @mode data
+ * @returns A [`ReadableStream`](https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream)
+ * that contains the [RSC](https://react.dev/reference/rsc/server-components)
+ * data for hydration.
+ */
+declare function getRSCStream(): ReadableStream;
+
+export { getRSCStream as g };

package/dist/development/{chunk-ZDIHB6MN.mjs → chunk-2XECXUWB.mjs}

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-80dc2f07b
+ * react-router v0.0.0-experimental-84753c0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -57,10 +57,40 @@ import {
   withComponentProps,
   withErrorBoundaryProps,
   withHydrateFallbackProps
-} from "./chunk-FRVKHHSP.mjs";
+} from "./chunk-7BNQ3X22.mjs";
 
 // lib/dom/ssr/server.tsx
 import * as React from "react";
+
+// lib/dom/ssr/routeModules.ts
+var defaultLoadRouteModule = async (route, routeModulesCache) => {
+  if (route.id in routeModulesCache) {
+    return routeModulesCache[route.id];
+  }
+  try {
+    let routeModule = await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      route.module
+    );
+    routeModulesCache[route.id] = routeModule;
+    return routeModule;
+  } catch (error) {
+    console.error(
+      `Error loading route module \`${route.module}\`, reloading page...`
+    );
+    console.error(error);
+    if (window.__reactRouterContext && window.__reactRouterContext.isSpaMode && // @ts-expect-error
+    import.meta.hot) {
+      throw error;
+    }
+    window.location.reload();
+    return new Promise(() => {
+    });
+  }
+};
+
+// lib/dom/ssr/server.tsx
 function ServerRouter({
   context,
   url,
@@ -106,7 +136,8 @@ function ServerRouter({
         isSpaMode: context.isSpaMode,
         routeDiscovery: context.routeDiscovery,
         serializeError: context.serializeError,
-        renderMeta: context.renderMeta
+        renderMeta: context.renderMeta,
+        loadRouteModule: defaultLoadRouteModule
       }
     },
     /* @__PURE__ */ React.createElement(RemixErrorBoundary, { location: router.state.location }, /* @__PURE__ */ React.createElement(
@@ -136,7 +167,8 @@ function createRoutesStub(routes, _context) {
     initialEntries,
     initialIndex,
     hydrationData,
-    future
+    future,
+    loadRouteModule = defaultLoadRouteModule
   }) {
     let routerRef = React2.useRef();
     let frameworkContextRef = React2.useRef();
@@ -155,6 +187,7 @@ function createRoutesStub(routes, _context) {
         routeModules: {},
         ssr: false,
         isSpaMode: false,
+        loadRouteModule,
         routeDiscovery: { mode: "lazy", manifestPath: "/__manifest" }
       };
       let patched = processRoutes(
@@ -1361,7 +1394,8 @@ async function handleDocumentRequest(serverMode, build, staticHandler, request,
       ssr: build.ssr,
       routeDiscovery: build.routeDiscovery,
       isSpaMode: isSpaMode2,
-      serializeError: (err) => serializeError(err, serverMode)
+      serializeError: (err) => serializeError(err, serverMode),
+      loadRouteModule: defaultLoadRouteModule
     };
     let handleDocumentRequestFunction = build.entry.module.default;
     try {
@@ -2193,7 +2227,10 @@ function RSCHydratedRouter({
       }
     },
     routeDiscovery: { mode: "lazy", manifestPath: "/__manifest" },
-    routeModules: {}
+    routeModules: {},
+    loadRouteModule: () => {
+      throw new Error("Not required in RSC Mode");
+    }
   };
   return /* @__PURE__ */ React4.createElement(RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React4.createElement(RSCRouterGlobalErrorBoundary, { location: location2 }, /* @__PURE__ */ React4.createElement(FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React4.createElement(RouterProvider, { router, flushSync: ReactDOM.flushSync }))));
 }
@@ -2582,7 +2619,10 @@ function RSCStaticRouter({ getPayload }) {
       }
     },
     routeDiscovery: { mode: "lazy", manifestPath: "/__manifest" },
-    routeModules: {}
+    routeModules: {},
+    loadRouteModule: () => {
+      throw new Error("Not required in RSC Mode");
+    }
   };
   return /* @__PURE__ */ React5.createElement(RSCRouterContext.Provider, { value: true }, /* @__PURE__ */ React5.createElement(RSCRouterGlobalErrorBoundary, { location: payload.location }, /* @__PURE__ */ React5.createElement(FrameworkContext.Provider, { value: frameworkContext }, /* @__PURE__ */ React5.createElement(
     StaticRouterProvider,
@@ -2674,6 +2714,7 @@ function deserializeErrors(errors) {
 }
 
 export {
+  defaultLoadRouteModule,
   ServerRouter,
   createRoutesStub,
   createCookie,

package/dist/development/{chunk-FRVKHHSP.mjs → chunk-7BNQ3X22.mjs}

@@ -1,5 +1,5 @@
 /**
- * react-router v0.0.0-experimental-80dc2f07b
+ * react-router v0.0.0-experimental-84753c0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -7366,34 +7366,6 @@ import * as React9 from "react";
 // lib/dom/ssr/components.tsx
 import * as React8 from "react";
 
-// lib/dom/ssr/routeModules.ts
-async function loadRouteModule(route, routeModulesCache) {
-  if (route.id in routeModulesCache) {
-    return routeModulesCache[route.id];
-  }
-  try {
-    let routeModule = await import(
-      /* @vite-ignore */
-      /* webpackIgnore: true */
-      route.module
-    );
-    routeModulesCache[route.id] = routeModule;
-    return routeModule;
-  } catch (error) {
-    console.error(
-      `Error loading route module \`${route.module}\`, reloading page...`
-    );
-    console.error(error);
-    if (window.__reactRouterContext && window.__reactRouterContext.isSpaMode && // @ts-expect-error
-    import.meta.hot) {
-      throw error;
-    }
-    window.location.reload();
-    return new Promise(() => {
-    });
-  }
-}
-
 // lib/dom/ssr/links.ts
 function getKeyedLinksForMatches(matches, routeModules, manifest) {
   let descriptors = matches.map((match) => {
@@ -7475,7 +7447,7 @@ function isHtmlLinkDescriptor(object) {
   }
   return typeof object.rel === "string" && typeof object.href === "string";
 }
-async function getKeyedPrefetchLinks(matches, manifest, routeModules) {
+async function getKeyedPrefetchLinks(matches, manifest, routeModules, loadRouteModule) {
   let links = await Promise.all(
     matches.map(async (match) => {
       let route = manifest.routes[match.route.id];
@@ -7698,13 +7670,14 @@ function createServerRoutes(manifest, routeModules, future, isSpaMode, parentId
     return dataRoute;
   });
 }
-function createClientRoutesWithHMRRevalidationOptOut(needsRevalidation, manifest, routeModulesCache, initialState, ssr, isSpaMode) {
+function createClientRoutesWithHMRRevalidationOptOut(needsRevalidation, manifest, routeModulesCache, initialState, ssr, isSpaMode, loadRouteModule) {
   return createClientRoutes(
     manifest,
     routeModulesCache,
     initialState,
     ssr,
     isSpaMode,
+    loadRouteModule,
     "",
     groupRoutesByParentId(manifest),
     needsRevalidation
@@ -7724,7 +7697,7 @@ function noActionDefinedError(type, routeId) {
   console.error(msg);
   throw new ErrorResponseImpl(405, "Method Not Allowed", new Error(msg), true);
 }
-function createClientRoutes(manifest, routeModulesCache, initialState, ssr, isSpaMode, parentId = "", routesByParentId = groupRoutesByParentId(manifest), needsRevalidation) {
+function createClientRoutes(manifest, routeModulesCache, initialState, ssr, isSpaMode, loadRouteModule, parentId = "", routesByParentId = groupRoutesByParentId(manifest), needsRevalidation) {
   return (routesByParentId[parentId] || []).map((route) => {
     let routeModule = routeModulesCache[route.id];
     function fetchServerHandler(singleFetch) {
@@ -7879,7 +7852,8 @@ function createClientRoutes(manifest, routeModulesCache, initialState, ssr, isSp
           }
           let routeModulePromise = loadRouteModuleWithBlockingLinks(
             route,
-            routeModulesCache
+            routeModulesCache,
+            loadRouteModule
           );
           prefetchRouteModuleChunks(route);
           return await routeModulePromise;
@@ -7954,6 +7928,7 @@ function createClientRoutes(manifest, routeModulesCache, initialState, ssr, isSp
       initialState,
       ssr,
       isSpaMode,
+      loadRouteModule,
       route.id,
       routesByParentId,
       needsRevalidation
@@ -7999,7 +7974,7 @@ function wrapShouldRevalidateForHdr(routeId, routeShouldRevalidate, needsRevalid
     return routeShouldRevalidate ? routeShouldRevalidate(arg) : arg.defaultShouldRevalidate;
   };
 }
-async function loadRouteModuleWithBlockingLinks(route, routeModules) {
+async function loadRouteModuleWithBlockingLinks(route, routeModules, loadRouteModule) {
   let routeModulePromise = loadRouteModule(route, routeModules);
   let prefetchRouteCssPromise = prefetchRouteCss(route);
   let routeModule = await routeModulePromise;
@@ -8063,7 +8038,7 @@ function getPartialManifest({ sri, ...manifest }, router) {
     sri: sri ? true : void 0
   };
 }
-function getPatchRoutesOnNavigationFunction(manifest, routeModules, ssr, routeDiscovery, isSpaMode, basename) {
+function getPatchRoutesOnNavigationFunction(manifest, routeModules, ssr, routeDiscovery, isSpaMode, basename, loadRouteModule) {
   if (!isFogOfWarEnabled(routeDiscovery, ssr)) {
     return void 0;
   }
@@ -8078,6 +8053,7 @@ function getPatchRoutesOnNavigationFunction(manifest, routeModules, ssr, routeDi
       routeModules,
       ssr,
       isSpaMode,
+      loadRouteModule,
       basename,
       routeDiscovery.manifestPath,
       patch,
@@ -8085,7 +8061,7 @@ function getPatchRoutesOnNavigationFunction(manifest, routeModules, ssr, routeDi
     );
   };
 }
-function useFogOFWarDiscovery(router, manifest, routeModules, ssr, routeDiscovery, isSpaMode) {
+function useFogOFWarDiscovery(router, manifest, routeModules, ssr, routeDiscovery, isSpaMode, loadRouteModule) {
   React7.useEffect(() => {
     if (!isFogOfWarEnabled(routeDiscovery, ssr) || // @ts-expect-error - TS doesn't know about this yet
     window.navigator?.connection?.saveData === true) {
@@ -8121,6 +8097,7 @@ function useFogOFWarDiscovery(router, manifest, routeModules, ssr, routeDiscover
           routeModules,
           ssr,
           isSpaMode,
+          loadRouteModule,
           router.basename,
           routeDiscovery.manifestPath,
           router.patchRoutes
@@ -8139,7 +8116,15 @@ function useFogOFWarDiscovery(router, manifest, routeModules, ssr, routeDiscover
       attributeFilter: ["data-discover", "href", "action"]
     });
     return () => observer.disconnect();
-  }, [ssr, isSpaMode, manifest, routeModules, router, routeDiscovery]);
+  }, [
+    ssr,
+    isSpaMode,
+    manifest,
+    routeModules,
+    router,
+    routeDiscovery,
+    loadRouteModule
+  ]);
 }
 function getManifestPath(_manifestPath, basename) {
   let manifestPath = _manifestPath || "/__manifest";
@@ -8149,7 +8134,7 @@ function getManifestPath(_manifestPath, basename) {
   return `${basename}${manifestPath}`.replace(/\/+/g, "/");
 }
 var MANIFEST_VERSION_STORAGE_KEY = "react-router-manifest-version";
-async function fetchAndApplyManifestPatches(paths, errorReloadPath, manifest, routeModules, ssr, isSpaMode, basename, manifestPath, patchRoutes, signal) {
+async function fetchAndApplyManifestPatches(paths, errorReloadPath, manifest, routeModules, ssr, isSpaMode, loadRouteModule, basename, manifestPath, patchRoutes, signal) {
   let url = new URL(
     getManifestPath(manifestPath, basename),
     window.location.origin
@@ -8210,7 +8195,15 @@ async function fetchAndApplyManifestPatches(paths, errorReloadPath, manifest, ro
   parentIds.forEach(
     (parentId) => patchRoutes(
       parentId || null,
-      createClientRoutes(patches, routeModules, null, ssr, isSpaMode, parentId)
+      createClientRoutes(
+        patches,
+        routeModules,
+        null,
+        ssr,
+        isSpaMode,
+        loadRouteModule,
+        parentId
+      )
     )
   );
 }
@@ -8333,7 +8326,7 @@ function getActiveMatches(matches, errors, isSpaMode) {
   return matches;
 }
 var CRITICAL_CSS_DATA_ATTRIBUTE = "data-react-router-critical-css";
-function Links({ nonce }) {
+function Links() {
   let { isSpaMode, manifest, routeModules, criticalCss } = useFrameworkContext();
   let { errors, matches: routerMatches } = useDataRouterStateContext();
   let matches = getActiveMatches(routerMatches, errors, isSpaMode);
@@ -8352,11 +8345,10 @@ function Links({ nonce }) {
     {
       ...{ [CRITICAL_CSS_DATA_ATTRIBUTE]: "" },
       rel: "stylesheet",
-      href: criticalCss.href,
-      nonce
+      href: criticalCss.href
     }
   ) : null, keyedLinks.map(
-    ({ key, link }) => isPageLinkDescriptor(link) ? /* @__PURE__ */ React8.createElement(PrefetchPageLinks, { key, nonce, ...link }) : /* @__PURE__ */ React8.createElement("link", { key, nonce, ...link })
+    ({ key, link }) => isPageLinkDescriptor(link) ? /* @__PURE__ */ React8.createElement(PrefetchPageLinks, { key, ...link }) : /* @__PURE__ */ React8.createElement("link", { key, ...link })
   ));
 }
 function PrefetchPageLinks({ page, ...linkProps }) {
@@ -8371,21 +8363,24 @@ function PrefetchPageLinks({ page, ...linkProps }) {
   return /* @__PURE__ */ React8.createElement(PrefetchPageLinksImpl, { page, matches, ...linkProps });
 }
 function useKeyedPrefetchLinks(matches) {
-  let { manifest, routeModules } = useFrameworkContext();
+  let { manifest, routeModules, loadRouteModule } = useFrameworkContext();
   let [keyedPrefetchLinks, setKeyedPrefetchLinks] = React8.useState([]);
   React8.useEffect(() => {
     let interrupted = false;
-    void getKeyedPrefetchLinks(matches, manifest, routeModules).then(
-      (links) => {
-        if (!interrupted) {
-          setKeyedPrefetchLinks(links);
-        }
+    void getKeyedPrefetchLinks(
+      matches,
+      manifest,
+      routeModules,
+      loadRouteModule
+    ).then((links) => {
+      if (!interrupted) {
+        setKeyedPrefetchLinks(links);
       }
-    );
+    });
     return () => {
       interrupted = true;
     };
-  }, [matches, manifest, routeModules]);
+  }, [matches, manifest, routeModules, loadRouteModule]);
   return keyedPrefetchLinks;
 }
 function PrefetchPageLinksImpl({
@@ -8467,7 +8462,7 @@ function PrefetchPageLinksImpl({
   return /* @__PURE__ */ React8.createElement(React8.Fragment, null, dataHrefs.map((href) => /* @__PURE__ */ React8.createElement("link", { key: href, rel: "prefetch", as: "fetch", href, ...linkProps })), moduleHrefs.map((href) => /* @__PURE__ */ React8.createElement("link", { key: href, rel: "modulepreload", href, ...linkProps })), keyedPrefetchLinks.map(({ key, link }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
-    /* @__PURE__ */ React8.createElement("link", { key, nonce: linkProps.nonce, ...link })
+    /* @__PURE__ */ React8.createElement("link", { key, ...link })
   )));
 }
 function Meta() {
@@ -8846,7 +8841,7 @@ var isBrowser = typeof window !== "undefined" && typeof window.document !== "und
 try {
   if (isBrowser) {
     window.__reactRouterVersion = // @ts-expect-error
-    "0.0.0-experimental-80dc2f07b";
+    "0.0.0-experimental-84753c0";
   }
 } catch (e) {
 }