react-router 7.7.0-pre.2 → 7.7.1-pre.0

package/dist/development/{chunk-XPO7SIPX.mjs → chunk-FSG5FGWQ.mjs}

@@ -1,5 +1,5 @@
 /**
- * react-router v7.7.0-pre.2
+ * react-router v7.7.1-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -2305,9 +2305,7 @@ function createRouter(init) {
           )
         };
       } else {
-        dataResults[routeId] = await convertDataStrategyResultToDataResult(
-          result
-        );
+        dataResults[routeId] = await convertDataStrategyResultToDataResult(result);
       }
     }
     return dataResults;
@@ -4163,7 +4161,10 @@ async function callDataStrategyImpl(dataStrategyImpl, request, matches, fetcherK
   });
   try {
     await Promise.all(
-      matches.flatMap((m) => [m._lazyPromises?.handler, m._lazyPromises?.route])
+      matches.flatMap((m) => [
+        m._lazyPromises?.handler,
+        m._lazyPromises?.route
+      ])
     );
   } catch (e) {
   }
@@ -5233,68 +5234,71 @@ function _renderMatches(matches, parentMatches = [], dataRouterState = null, fut
       }
     }
   }
-  return renderedMatches.reduceRight((outlet, match, index) => {
-    let error;
-    let shouldRenderHydrateFallback = false;
-    let errorElement = null;
-    let hydrateFallbackElement = null;
-    if (dataRouterState) {
-      error = errors && match.route.id ? errors[match.route.id] : void 0;
-      errorElement = match.route.errorElement || defaultErrorElement;
-      if (renderFallback) {
-        if (fallbackIndex < 0 && index === 0) {
-          warningOnce(
-            "route-fallback",
-            false,
-            "No `HydrateFallback` element provided to render during initial hydration"
-          );
-          shouldRenderHydrateFallback = true;
-          hydrateFallbackElement = null;
-        } else if (fallbackIndex === index) {
-          shouldRenderHydrateFallback = true;
-          hydrateFallbackElement = match.route.hydrateFallbackElement || null;
+  return renderedMatches.reduceRight(
+    (outlet, match, index) => {
+      let error;
+      let shouldRenderHydrateFallback = false;
+      let errorElement = null;
+      let hydrateFallbackElement = null;
+      if (dataRouterState) {
+        error = errors && match.route.id ? errors[match.route.id] : void 0;
+        errorElement = match.route.errorElement || defaultErrorElement;
+        if (renderFallback) {
+          if (fallbackIndex < 0 && index === 0) {
+            warningOnce(
+              "route-fallback",
+              false,
+              "No `HydrateFallback` element provided to render during initial hydration"
+            );
+            shouldRenderHydrateFallback = true;
+            hydrateFallbackElement = null;
+          } else if (fallbackIndex === index) {
+            shouldRenderHydrateFallback = true;
+            hydrateFallbackElement = match.route.hydrateFallbackElement || null;
+          }
         }
       }
-    }
-    let matches2 = parentMatches.concat(renderedMatches.slice(0, index + 1));
-    let getChildren = () => {
-      let children;
-      if (error) {
-        children = errorElement;
-      } else if (shouldRenderHydrateFallback) {
-        children = hydrateFallbackElement;
-      } else if (match.route.Component) {
-        children = /* @__PURE__ */ React2.createElement(match.route.Component, null);
-      } else if (match.route.element) {
-        children = match.route.element;
-      } else {
-        children = outlet;
-      }
-      return /* @__PURE__ */ React2.createElement(
-        RenderedRoute,
+      let matches2 = parentMatches.concat(renderedMatches.slice(0, index + 1));
+      let getChildren = () => {
+        let children;
+        if (error) {
+          children = errorElement;
+        } else if (shouldRenderHydrateFallback) {
+          children = hydrateFallbackElement;
+        } else if (match.route.Component) {
+          children = /* @__PURE__ */ React2.createElement(match.route.Component, null);
+        } else if (match.route.element) {
+          children = match.route.element;
+        } else {
+          children = outlet;
+        }
+        return /* @__PURE__ */ React2.createElement(
+          RenderedRoute,
+          {
+            match,
+            routeContext: {
+              outlet,
+              matches: matches2,
+              isDataRoute: dataRouterState != null
+            },
+            children
+          }
+        );
+      };
+      return dataRouterState && (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? /* @__PURE__ */ React2.createElement(
+        RenderErrorBoundary,
         {
-          match,
-          routeContext: {
-            outlet,
-            matches: matches2,
-            isDataRoute: dataRouterState != null
-          },
-          children
+          location: dataRouterState.location,
+          revalidation: dataRouterState.revalidation,
+          component: errorElement,
+          error,
+          children: getChildren(),
+          routeContext: { outlet: null, matches: matches2, isDataRoute: true }
         }
-      );
-    };
-    return dataRouterState && (match.route.ErrorBoundary || match.route.errorElement || index === 0) ? /* @__PURE__ */ React2.createElement(
-      RenderErrorBoundary,
-      {
-        location: dataRouterState.location,
-        revalidation: dataRouterState.revalidation,
-        component: errorElement,
-        error,
-        children: getChildren(),
-        routeContext: { outlet: null, matches: matches2, isDataRoute: true }
-      }
-    ) : getChildren();
-  }, null);
+      ) : getChildren();
+    },
+    null
+  );
 }
 function getDataRouterConsoleError(hookName) {
   return `${hookName} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
@@ -5802,7 +5806,7 @@ function Navigate({
 function Outlet(props) {
   return useOutlet(props.context);
 }
-function Route(_props) {
+function Route(props) {
   invariant(
     false,
     `A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.`
@@ -6818,8 +6822,10 @@ function encode(input, options) {
                     lastSentIndex++;
                   } else if (id2 < 0) {
                     controller.enqueue(
-                      textEncoder.encode(`${TYPE_ERROR}${deferredId}:${id2}
-`)
+                      textEncoder.encode(
+                        `${TYPE_ERROR}${deferredId}:${id2}
+`
+                      )
                     );
                   } else {
                     const values = encoder.stringified.slice(lastSentIndex + 1).join(",");
@@ -8352,10 +8358,7 @@ function Links() {
     ({ key, link }) => isPageLinkDescriptor(link) ? /* @__PURE__ */ React8.createElement(PrefetchPageLinks, { key, ...link }) : /* @__PURE__ */ React8.createElement("link", { key, ...link })
   ));
 }
-function PrefetchPageLinks({
-  page,
-  ...dataLinkProps
-}) {
+function PrefetchPageLinks({ page, ...linkProps }) {
   let { router } = useDataRouterContext2();
   let matches = React8.useMemo(
     () => matchRoutes(router.routes, page, router.basename),
@@ -8364,7 +8367,7 @@ function PrefetchPageLinks({
   if (!matches) {
     return null;
   }
-  return /* @__PURE__ */ React8.createElement(PrefetchPageLinksImpl, { page, matches, ...dataLinkProps });
+  return /* @__PURE__ */ React8.createElement(PrefetchPageLinksImpl, { page, matches, ...linkProps });
 }
 function useKeyedPrefetchLinks(matches) {
   let { manifest, routeModules } = useFrameworkContext();
@@ -8568,7 +8571,7 @@ function isValidMetaTag(tagName) {
   return typeof tagName === "string" && /^(meta|link)$/.test(tagName);
 }
 var isHydrated = false;
-function Scripts(props) {
+function Scripts(scriptProps) {
   let {
     manifest,
     serverHandoffString,
@@ -8654,7 +8657,7 @@ import(${JSON.stringify(manifest.entry.module)});`;
     return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(
       "script",
       {
-        ...props,
+        ...scriptProps,
         suppressHydrationWarning: true,
         dangerouslySetInnerHTML: createHtml(contextScript),
         type: void 0
@@ -8662,7 +8665,7 @@ import(${JSON.stringify(manifest.entry.module)});`;
     ), /* @__PURE__ */ React8.createElement(
       "script",
       {
-        ...props,
+        ...scriptProps,
         suppressHydrationWarning: true,
         dangerouslySetInnerHTML: createHtml(routeModulesScript),
         type: "module",
@@ -8699,7 +8702,7 @@ import(${JSON.stringify(manifest.entry.module)});`;
     {
       rel: "modulepreload",
       href: manifest.url,
-      crossOrigin: props.crossOrigin,
+      crossOrigin: scriptProps.crossOrigin,
       integrity: sri[manifest.url],
       suppressHydrationWarning: true
     }
@@ -8708,7 +8711,7 @@ import(${JSON.stringify(manifest.entry.module)});`;
     {
       rel: "modulepreload",
       href: manifest.entry.module,
-      crossOrigin: props.crossOrigin,
+      crossOrigin: scriptProps.crossOrigin,
       integrity: sri[manifest.entry.module],
       suppressHydrationWarning: true
     }
@@ -8718,7 +8721,7 @@ import(${JSON.stringify(manifest.entry.module)});`;
       key: path,
       rel: "modulepreload",
       href: path,
-      crossOrigin: props.crossOrigin,
+      crossOrigin: scriptProps.crossOrigin,
       integrity: sri[path],
       suppressHydrationWarning: true
     }
@@ -8842,7 +8845,7 @@ var isBrowser = typeof window !== "undefined" && typeof window.document !== "und
 try {
   if (isBrowser) {
     window.__reactRouterVersion = // @ts-expect-error
-    "7.7.0-pre.2";
+    "7.7.1-pre.0";
   }
 } catch (e) {
 }
@@ -9640,7 +9643,7 @@ function usePrompt({
     }
   }, [blocker, when]);
 }
-function useViewTransitionState(to, opts = {}) {
+function useViewTransitionState(to, { relative } = {}) {
   let vtContext = React10.useContext(ViewTransitionContext);
   invariant(
     vtContext != null,
@@ -9649,7 +9652,7 @@ function useViewTransitionState(to, opts = {}) {
   let { basename } = useDataRouterContext3(
     "useViewTransitionState" /* useViewTransitionState */
   );
-  let path = useResolvedPath(to, { relative: opts.relative });
+  let path = useResolvedPath(to, { relative });
   if (!vtContext.isTransitioning) {
     return false;
   }