react-router 8.1.0 → 8.2.0

package/dist/development/lib/server-runtime/data.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/dev.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/entry.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/errors.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/headers.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/invariant.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/mode.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/routeMatching.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/routes.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/server.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/serverHandoff.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/sessions/cookieStorage.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/sessions/memoryStorage.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/sessions.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/single-fetch.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/urls.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/server-runtime/warnings.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/lib/types/internal.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/vendor/turbo-stream-v2/flatten.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/vendor/turbo-stream-v2/turbo-stream.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/vendor/turbo-stream-v2/unflatten.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/development/vendor/turbo-stream-v2/utils.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/dom-export.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/index-react-server-client.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/index-react-server.d.ts

@@ -2,6 +2,7 @@
 import * as React from "react";
 import { CookieParseOptions, CookieParseOptions as CookieParseOptions$1, CookieSerializeOptions, CookieSerializeOptions as CookieSerializeOptions$1 } from "cookie-es";
 import { BrowserRouter, Form, HashRouter, Link, Links, MemoryRouter, Meta, NavLink, Navigate, Outlet, Route, Router, RouterProvider, Routes, ScrollRestoration, StaticRouter, StaticRouterProvider, unstable_HistoryRouter } from "react-router/internal/react-server-client";
+import { ReactFormState } from "react-dom/client";
 
 //#region lib/router/history.d.ts
 /**
@@ -2324,7 +2325,7 @@ type RSCRenderPayload = {
   matches: RSCRouteMatch[];
   patches?: Promise<RSCRouteManifest[]>;
   nonce?: string;
-  formState?: unknown;
+  formState?: ReactFormState;
 };
 type RSCManifestPayload = {
   type: "manifest";
@@ -2350,7 +2351,7 @@ type RSCMatch = {
   payload: RSCPayload;
 };
 type DecodeActionFunction = (formData: FormData) => Promise<() => Promise<unknown>>;
-type DecodeFormStateFunction = (result: unknown, formData: FormData) => unknown;
+type DecodeFormStateFunction = (result: unknown, formData: FormData) => Promise<ReactFormState | undefined>;
 type DecodeReplyFunction = (reply: FormData | string, options: {
   temporaryReferences: unknown;
 }) => Promise<unknown[]>;

package/dist/production/index-react-server.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -380,6 +380,8 @@ function rankRouteBranches(branches) {
 	branches.sort((a, b) => a.score !== b.score ? b.score - a.score : compareIndexes(a.routesMeta.map((meta) => meta.childrenIndex), b.routesMeta.map((meta) => meta.childrenIndex)));
 }
 const paramRe = /^:[\w-]+$/;
+const partialParamRe = /^:[\w-]+/;
+const partialDynamicSegmentValue = 3.5;
 const dynamicSegmentValue = 3;
 const indexRouteValue = 2;
 const emptySegmentValue = 1;
@@ -391,7 +393,7 @@ function computeScore(path, index) {
 	let initialScore = segments.length;
 	if (segments.some(isSplat)) initialScore += splatPenalty;
 	if (index) initialScore += indexRouteValue;
-	return segments.filter((s) => !isSplat(s)).reduce((score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue), initialScore);
+	return segments.filter((s) => !isSplat(s)).reduce((score, segment) => score + (paramRe.test(segment) ? dynamicSegmentValue : partialParamRe.test(segment) ? partialDynamicSegmentValue : segment === "" ? emptySegmentValue : staticSegmentValue), initialScore);
 }
 function compareIndexes(a, b) {
 	return a.length === b.length && a.slice(0, -1).every((n, i) => n === b[i]) ? a[a.length - 1] - b[b.length - 1] : 0;
@@ -488,7 +490,7 @@ function compilePath(path, caseSensitive = false, end = true) {
 			return "(?:/([^\\/]*))?";
 		}
 		return "/([^\\/]+)";
-	}).replace(/\/([\w-]+)\?(\/|$)/g, "(/$1)?$2");
+	}).replace(/\/([\w-]+)\?(?=\/|$|\()/g, "(?:/$1)?");
 	if (path.endsWith("*")) {
 		params.push({ paramName: "*" });
 		regexpSource += path === "*" || path === "/*" ? "(.*)$" : "(?:\\/(.+)|\\/*)$";
@@ -2459,7 +2461,7 @@ async function processServerAction(request, basename, decodeReply, loadServerAct
 			try {
 				let result = await action();
 				if (isRedirectResponse(result)) result = prependBasenameToRedirectResponse(result, basename);
-				formState = decodeFormState?.(result, formData);
+				formState = await decodeFormState?.(result, formData);
 			} catch (error) {
 				if (isRedirectResponse(error)) return prependBasenameToRedirectResponse(error, basename);
 				if (isResponse(error)) return error;
@@ -2797,6 +2799,9 @@ function canDecodeWithFormData(contentType) {
 }
 //#endregion
 //#region lib/href.ts
+function stringify(p) {
+	return p == null ? "" : typeof p === "string" ? p : String(p);
+}
 /**
 Returns a resolved URL path for the specified route.
 
@@ -2813,11 +2818,11 @@ function href(path, ...args) {
 		const isRequired = questionMark === void 0;
 		const value = params?.[param];
 		if (isRequired && value === void 0) throw new Error(`Path '${path}' requires param '${param}' but it was not provided`);
-		return value === void 0 ? "" : "/" + value;
+		return value == null ? "" : "/" + encodeURIComponent(stringify(value));
 	});
 	if (path.endsWith("*")) {
 		const value = params?.["*"];
-		if (value !== void 0) result += "/" + value;
+		if (value !== void 0) result += "/" + stringify(value).split("/").map(encodeURIComponent).join("/");
 	}
 	return result || "/";
 }

package/dist/production/index.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/actions.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/components.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/context.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/dom.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/lib.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -22,7 +22,7 @@ import * as React$1 from "react";
 //#region lib/dom/lib.tsx
 const isBrowser = typeof window !== "undefined" && typeof window.document !== "undefined" && typeof window.document.createElement !== "undefined";
 try {
-	if (isBrowser) window.__reactRouterVersion = "8.1.0";
+	if (isBrowser) window.__reactRouterVersion = "8.2.0";
 } catch (e) {}
 /**
 * Create a new {@link DataRouter| data router} that manages the application

package/dist/production/lib/dom/server.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/components.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/data.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/errorBoundaries.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/fallback.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/fog-of-war.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/hydration.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/invariant.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/links.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/markup.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/routeModules.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/routes-test-stub.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/routes.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/server.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom/ssr/single-fetch.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom-export/dom-router-provider.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/dom-export/hydrated-router.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/errors.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/hooks.d.ts

@@ -143,12 +143,16 @@ interface NavigateFunction {
  * All properties are optional.
  *
  * ```tsx
- * navigate({
- *   pathname: "/some/route",
- *   search: "?search=param",
- *   hash: "#hash",
- *   state: { some: "state" },
- * });
+ * navigate(
+ *   {
+ *     pathname: "/some/route",
+ *     search: "?search=param",
+ *     hash: "#hash",
+ *   },
+ *   {
+ *     state: { some: "state" },
+ *   },
+ * );
  * ```
  *
  * If you use `state`, that will be available on the {@link Location} object on
@@ -576,6 +580,29 @@ declare function useRevalidator(): {
  * parent/child routes or the route [`handle`](../../start/framework/route-module#handle)
  * property
  *
+ * Pairing the route `handle` with `useMatches` gets very powerful since you can put
+ * whatever you want on a route handle and have access to `useMatches` anywhere.
+ * Please see the [handle](../../how-to/using-handle) documentation for an example
+ * of breadcrumbs via `useMatches`/`handle`.
+ *
+ * ```tsx
+ * import { useMatches } from "react-router";
+ *
+ * function SomeComponent() {
+ *   const matches = useMatches();
+ *   // matches[i].id          // route id
+ *   // matches[i].pathname    // the portion of the URL the route matched
+ *   // matches[i].params      // the parsed params from the URL
+ *   // matches[i].loaderData  // the data from the loader
+ *   // matches[i].handle      // the route handle with any app specific data
+ * }
+ * ```
+ *
+ * <docs-info>useMatches only works with a data router like `createBrowserRouter`,
+ * since they know the full route tree up front and can provide all of the current
+ * matches. Additionally, `useMatches` will not match down into any descendant route
+ * trees since the router isn't aware of the descendant routes.</docs-info>
+ *
  * @public
  * @category Hooks
  * @mode framework

package/dist/production/lib/hooks.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -162,12 +162,16 @@ const navigateEffectWarning = "You should call navigate() in a React.useEffect()
 * All properties are optional.
 *
 * ```tsx
-* navigate({
-*   pathname: "/some/route",
-*   search: "?search=param",
-*   hash: "#hash",
-*   state: { some: "state" },
-* });
+* navigate(
+*   {
+*     pathname: "/some/route",
+*     search: "?search=param",
+*     hash: "#hash",
+*   },
+*   {
+*     state: { some: "state" },
+*   },
+* );
 * ```
 *
 * If you use `state`, that will be available on the {@link Location} object on
@@ -904,6 +908,29 @@ function useRevalidator() {
 * parent/child routes or the route [`handle`](../../start/framework/route-module#handle)
 * property
 *
+* Pairing the route `handle` with `useMatches` gets very powerful since you can put
+* whatever you want on a route handle and have access to `useMatches` anywhere.
+* Please see the [handle](../../how-to/using-handle) documentation for an example
+* of breadcrumbs via `useMatches`/`handle`.
+*
+* ```tsx
+* import { useMatches } from "react-router";
+*
+* function SomeComponent() {
+*   const matches = useMatches();
+*   // matches[i].id          // route id
+*   // matches[i].pathname    // the portion of the URL the route matched
+*   // matches[i].params      // the parsed params from the URL
+*   // matches[i].loaderData  // the data from the loader
+*   // matches[i].handle      // the route handle with any app specific data
+* }
+* ```
+*
+* <docs-info>useMatches only works with a data router like `createBrowserRouter`,
+* since they know the full route tree up front and can provide all of the current
+* matches. Additionally, `useMatches` will not match down into any descendant route
+* trees since the router isn't aware of the descendant routes.</docs-info>
+*
 * @public
 * @category Hooks
 * @mode framework

package/dist/production/lib/href.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -9,6 +9,9 @@
  * @license MIT
  */
 //#region lib/href.ts
+function stringify(p) {
+	return p == null ? "" : typeof p === "string" ? p : String(p);
+}
 /**
 Returns a resolved URL path for the specified route.
 
@@ -25,11 +28,11 @@ function href(path, ...args) {
 		const isRequired = questionMark === void 0;
 		const value = params?.[param];
 		if (isRequired && value === void 0) throw new Error(`Path '${path}' requires param '${param}' but it was not provided`);
-		return value === void 0 ? "" : "/" + value;
+		return value == null ? "" : "/" + encodeURIComponent(stringify(value));
 	});
 	if (path.endsWith("*")) {
 		const value = params?.["*"];
-		if (value !== void 0) result += "/" + value;
+		if (value !== void 0) result += "/" + stringify(value).split("/").map(encodeURIComponent).join("/");
 	}
 	return result || "/";
 }

package/dist/production/lib/router/history.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/production/lib/router/instrumentation.js

@@ -1,5 +1,5 @@
 /**
- * react-router v8.1.0
+ * react-router v8.2.0
  *
  * Copyright (c) Remix Software Inc.
  *