react-router 7.9.6 → 7.10.0-pre.1

package/dist/production/{chunk-FDUMZGKM.mjs → chunk-ISOIFGFA.mjs}

@@ -1,5 +1,5 @@
 /**
- * react-router v7.9.6
+ * react-router v7.10.0-pre.1
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -49,7 +49,7 @@ import {
   withComponentProps,
   withErrorBoundaryProps,
   withHydrateFallbackProps
-} from "./chunk-FUSXQSWG.mjs";
+} from "./chunk-7F5XUDXM.mjs";
 
 // lib/dom/ssr/server.tsx
 import * as React from "react";
@@ -1655,12 +1655,12 @@ function createMemorySessionStorage({ cookie } = {}) {
 // lib/href.ts
 function href(path, ...args) {
   let params = args[0];
-  let result = path.replace(/\/*\*?$/, "").replace(
+  let result = trimTrailingSplat(path).replace(
     /\/:([\w-]+)(\?)?/g,
     // same regex as in .\router\utils.ts: compilePath().
     (_, param, questionMark) => {
       const isRequired = questionMark === void 0;
-      const value = params ? params[param] : void 0;
+      const value = params?.[param];
       if (isRequired && value === void 0) {
         throw new Error(
           `Path '${path}' requires param '${param}' but it was not provided`
@@ -1670,13 +1670,23 @@ function href(path, ...args) {
     }
   );
   if (path.endsWith("*")) {
-    const value = params ? params["*"] : void 0;
+    const value = params?.["*"];
     if (value !== void 0) {
       result += "/" + value;
     }
   }
   return result || "/";
 }
+function trimTrailingSplat(path) {
+  let i = path.length - 1;
+  let char = path[i];
+  if (char !== "*" && char !== "/") return path;
+  i--;
+  for (; i >= 0; i--) {
+    if (path[i] !== "/") break;
+  }
+  return path.slice(0, i + 1);
+}
 
 // lib/rsc/server.ssr.tsx
 import * as React4 from "react";

package/dist/production/{chunk-G5A35OQU.js → chunk-YU3WNS3T.js}

@@ -1,5 +1,5 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }/**
- * react-router v7.9.6
+ * react-router v7.10.0-pre.1
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -14,7 +14,7 @@
 
 
 
-var _chunkEAIF67OWjs = require('./chunk-EAIF67OW.js');
+var _chunkC7S4I3K5js = require('./chunk-C7S4I3K5.js');
 
 // lib/dom/ssr/hydration.tsx
 function getHydrationData({
@@ -29,12 +29,12 @@ function getHydrationData({
     ...state,
     loaderData: { ...state.loaderData }
   };
-  let initialMatches = _chunkEAIF67OWjs.matchRoutes.call(void 0, routes, location, basename);
+  let initialMatches = _chunkC7S4I3K5js.matchRoutes.call(void 0, routes, location, basename);
   if (initialMatches) {
     for (let match of initialMatches) {
       let routeId = match.route.id;
       let routeInfo = getRouteInfo(routeId);
-      if (_chunkEAIF67OWjs.shouldHydrateRouteLoader.call(void 0, 
+      if (_chunkC7S4I3K5js.shouldHydrateRouteLoader.call(void 0, 
         routeId,
         routeInfo.clientLoader,
         routeInfo.hasLoader,
@@ -112,7 +112,7 @@ function RSCDefaultRootErrorBoundaryImpl({
       }
     }
   );
-  if (_chunkEAIF67OWjs.isRouteErrorResponse.call(void 0, error)) {
+  if (_chunkC7S4I3K5js.isRouteErrorResponse.call(void 0, error)) {
     return /* @__PURE__ */ _react2.default.createElement(
       ErrorWrapper,
       {
@@ -120,7 +120,7 @@ function RSCDefaultRootErrorBoundaryImpl({
         title: "Unhandled Thrown Response!"
       },
       /* @__PURE__ */ _react2.default.createElement("h1", { style: { fontSize: "24px" } }, error.status, " ", error.statusText),
-      _chunkEAIF67OWjs.ENABLE_DEV_WARNINGS ? heyDeveloper : null
+      _chunkC7S4I3K5js.ENABLE_DEV_WARNINGS ? heyDeveloper : null
     );
   }
   let errorInstance;
@@ -146,7 +146,7 @@ function RSCDefaultRootErrorBoundaryImpl({
 function RSCDefaultRootErrorBoundary({
   hasRootLayout
 }) {
-  let error = _chunkEAIF67OWjs.useRouteError.call(void 0, );
+  let error = _chunkC7S4I3K5js.useRouteError.call(void 0, );
   if (hasRootLayout === void 0) {
     throw new Error("Missing 'hasRootLayout' prop");
   }

package/dist/production/dom-export.d.mts

@@ -1,6 +1,6 @@
 import * as React from 'react';
-import { f as RouterProviderProps$1, e as RouterInit, u as unstable_ClientInstrumentation, g as unstable_ClientOnErrorFunction } from './router-CAvh_Drx.mjs';
-export { D as unstable_DecodeActionFunction, a as unstable_DecodeFormStateFunction, b as unstable_DecodeReplyFunction, R as unstable_RSCHydratedRouter, d as unstable_RSCManifestPayload, e as unstable_RSCPayload, f as unstable_RSCRenderPayload, c as unstable_createCallServer } from './browser-C07r42Tt.mjs';
+import { f as RouterProviderProps$1, e as RouterInit, u as unstable_ClientInstrumentation, g as unstable_ClientOnErrorFunction } from './router-CwNp5l9u.mjs';
+export { D as unstable_DecodeActionFunction, a as unstable_DecodeFormStateFunction, b as unstable_DecodeReplyFunction, R as unstable_RSCHydratedRouter, d as unstable_RSCManifestPayload, e as unstable_RSCPayload, f as unstable_RSCRenderPayload, c as unstable_createCallServer } from './browser-C5z6FZmz.mjs';
 
 type RouterProviderProps = Omit<RouterProviderProps$1, "flushSync">;
 declare function RouterProvider(props: Omit<RouterProviderProps, "flushSync">): React.JSX.Element;
@@ -25,16 +25,9 @@ interface HydratedRouterProps {
      * added routes via `route.lazy` or `patchRoutesOnNavigation`).  This is
      * mostly useful for observability such as wrapping navigations, fetches,
      * as well as route loaders/actions/middlewares with logging and/or performance
-     * tracing.
+     * tracing. See the [docs](../../how-to/instrumentation) for more information.
      *
      * ```tsx
-     * startTransition(() => {
-     *   hydrateRoot(
-     *     document,
-     *     <HydratedRouter unstable_instrumentations={[logging]} />
-     *   );
-     * });
-     *
      * const logging = {
      *   router({ instrument }) {
      *     instrument({
@@ -67,6 +60,13 @@ interface HydratedRouterProps {
      *   let duration = Math.round(performance.now() - start);
      *   console.log(`end ${label} (${duration}ms)`);
      * }
+     *
+     * startTransition(() => {
+     *   hydrateRoot(
+     *     document,
+     *     <HydratedRouter unstable_instrumentations={[logging]} />
+     *   );
+     * });
      * ```
      */
     unstable_instrumentations?: unstable_ClientInstrumentation[];
@@ -88,6 +88,25 @@ interface HydratedRouterProps {
      * ```
      */
     unstable_onError?: unstable_ClientOnErrorFunction;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all state updates are wrapped in
+     *   `React.startTransition`
+     *   - This can lead to buggy behaviors if you are wrapping your own
+     *     navigations/fetchers in `startTransition`.
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and router state changes will be wrapped in
+     *   `React.startTransition` and also sent through
+     *   [`useOptimistic`](https://react.dev/reference/react/useOptimistic) to
+     *   surface mid-navigation router state changes to the UI.
+     * - When set to `false`, the router will not leverage `React.startTransition` or
+     *   `React.useOptimistic` on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
 }
 /**
  * Framework-mode router component to be used to hydrate a router from a

package/dist/production/dom-export.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { RouterProviderProps as RouterProviderProps$1, RouterInit, unstable_ClientOnErrorFunction } from 'react-router';
-import { u as unstable_ClientInstrumentation } from './instrumentation-Unc20tLk.js';
-export { D as unstable_DecodeActionFunction, a as unstable_DecodeFormStateFunction, b as unstable_DecodeReplyFunction, R as unstable_RSCHydratedRouter, d as unstable_RSCManifestPayload, e as unstable_RSCPayload, f as unstable_RSCRenderPayload, c as unstable_createCallServer } from './browser-BbBXFHbO.js';
+import { u as unstable_ClientInstrumentation } from './instrumentation-BB0wRuqz.js';
+export { D as unstable_DecodeActionFunction, a as unstable_DecodeFormStateFunction, b as unstable_DecodeReplyFunction, R as unstable_RSCHydratedRouter, d as unstable_RSCManifestPayload, e as unstable_RSCPayload, f as unstable_RSCRenderPayload, c as unstable_createCallServer } from './browser-BpxEZgZC.js';
 
 type RouterProviderProps = Omit<RouterProviderProps$1, "flushSync">;
 declare function RouterProvider(props: Omit<RouterProviderProps, "flushSync">): React.JSX.Element;
@@ -26,16 +26,9 @@ interface HydratedRouterProps {
      * added routes via `route.lazy` or `patchRoutesOnNavigation`).  This is
      * mostly useful for observability such as wrapping navigations, fetches,
      * as well as route loaders/actions/middlewares with logging and/or performance
-     * tracing.
+     * tracing. See the [docs](../../how-to/instrumentation) for more information.
      *
      * ```tsx
-     * startTransition(() => {
-     *   hydrateRoot(
-     *     document,
-     *     <HydratedRouter unstable_instrumentations={[logging]} />
-     *   );
-     * });
-     *
      * const logging = {
      *   router({ instrument }) {
      *     instrument({
@@ -68,6 +61,13 @@ interface HydratedRouterProps {
      *   let duration = Math.round(performance.now() - start);
      *   console.log(`end ${label} (${duration}ms)`);
      * }
+     *
+     * startTransition(() => {
+     *   hydrateRoot(
+     *     document,
+     *     <HydratedRouter unstable_instrumentations={[logging]} />
+     *   );
+     * });
      * ```
      */
     unstable_instrumentations?: unstable_ClientInstrumentation[];
@@ -89,6 +89,25 @@ interface HydratedRouterProps {
      * ```
      */
     unstable_onError?: unstable_ClientOnErrorFunction;
+    /**
+     * Control whether router state updates are internally wrapped in
+     * [`React.startTransition`](https://react.dev/reference/react/startTransition).
+     *
+     * - When left `undefined`, all state updates are wrapped in
+     *   `React.startTransition`
+     *   - This can lead to buggy behaviors if you are wrapping your own
+     *     navigations/fetchers in `startTransition`.
+     * - When set to `true`, {@link Link} and {@link Form} navigations will be wrapped
+     *   in `React.startTransition` and router state changes will be wrapped in
+     *   `React.startTransition` and also sent through
+     *   [`useOptimistic`](https://react.dev/reference/react/useOptimistic) to
+     *   surface mid-navigation router state changes to the UI.
+     * - When set to `false`, the router will not leverage `React.startTransition` or
+     *   `React.useOptimistic` on any navigations or state changes.
+     *
+     * For more information, please see the [docs](https://reactrouter.com/explanation/react-transitions).
+     */
+    unstable_useTransitions?: boolean;
 }
 /**
  * Framework-mode router component to be used to hydrate a router from a