@remix-run/router 1.6.3 → 1.7.0

package/CHANGELOG.md

@@ -1,5 +1,58 @@
 # `@remix-run/router`
 
+## 1.7.0
+
+### Minor Changes
+
+- Add support for `application/json` and `text/plain` encodings for `router.navigate`/`router.fetch` submissions. To leverage these encodings, pass your data in a `body` parameter and specify the desired `formEncType`: ([#10413](https://github.com/remix-run/react-router/pull/10413))
+
+  ```js
+  // By default, the encoding is "application/x-www-form-urlencoded"
+  router.navigate("/", {
+    formMethod: "post",
+    body: { key: "value" },
+  });
+
+  async function action({ request }) {
+    // await request.formData() => FormData instance with entry [key=value]
+  }
+  ```
+
+  ```js
+  // Pass `formEncType` to opt-into a different encoding (json)
+  router.navigate("/", {
+    formMethod: "post",
+    formEncType: "application/json",
+    body: { key: "value" },
+  });
+
+  async function action({ request }) {
+    // await request.json() => { key: "value" }
+  }
+  ```
+
+  ```js
+  // Pass `formEncType` to opt-into a different encoding (text)
+  router.navigate("/", {
+    formMethod: "post",
+    formEncType: "text/plain",
+    body: "Text submission",
+  });
+
+  async function action({ request }) {
+    // await request.text() => "Text submission"
+  }
+  ```
+
+### Patch Changes
+
+- Call `window.history.pushState/replaceState` before updating React Router state (instead of after) so that `window.location` matches `useLocation` during synchronous React 17 rendering ([#10448](https://github.com/remix-run/react-router/pull/10448))
+  - ⚠️ However, generally apps should not be relying on `window.location` and should always reference `useLocation` when possible, as `window.location` will not be in sync 100% of the time (due to `popstate` events, concurrent mode, etc.)
+- Strip `basename` from the `location` provided to `<ScrollRestoration getKey>` to match the `useLocation` behavior ([#10550](https://github.com/remix-run/react-router/pull/10550))
+- Avoid calling `shouldRevalidate` for fetchers that have not yet completed a data load ([#10623](https://github.com/remix-run/react-router/pull/10623))
+- Fix `unstable_useBlocker` key issues in `StrictMode` ([#10573](https://github.com/remix-run/react-router/pull/10573))
+- Upgrade `typescript` to 5.1 ([#10581](https://github.com/remix-run/react-router/pull/10581))
+
 ## 1.6.3
 
 ### Patch Changes

package/dist/history.d.ts

@@ -84,7 +84,7 @@ export interface Listener {
  * `history.push` or `history.replace`. May be either a URL or the pieces of a
  * URL path.
  */
-export declare type To = string | Partial<Path>;
+export type To = string | Partial<Path>;
 /**
  * A history is an interface to the navigation stack. The history serves as the
  * source of truth for the current location, as well as provides a set of
@@ -161,8 +161,8 @@ export interface History {
  * A user-supplied object that describes a location. Used when providing
  * entries to `createMemoryHistory` via its `initialEntries` option.
  */
-export declare type InitialEntry = string | Partial<Location>;
-export declare type MemoryHistoryOptions = {
+export type InitialEntry = string | Partial<Location>;
+export type MemoryHistoryOptions = {
     initialEntries?: InitialEntry[];
     initialIndex?: number;
     v5Compat?: boolean;
@@ -192,7 +192,7 @@ export declare function createMemoryHistory(options?: MemoryHistoryOptions): Mem
  */
 export interface BrowserHistory extends UrlHistory {
 }
-export declare type BrowserHistoryOptions = UrlHistoryOptions;
+export type BrowserHistoryOptions = UrlHistoryOptions;
 /**
  * Browser history stores the location in regular URLs. This is the standard for
  * most web apps, but it requires some configuration on the server to ensure you
@@ -214,7 +214,7 @@ export declare function createBrowserHistory(options?: BrowserHistoryOptions): B
  */
 export interface HashHistory extends UrlHistory {
 }
-export declare type HashHistoryOptions = UrlHistoryOptions;
+export type HashHistoryOptions = UrlHistoryOptions;
 /**
  * Hash history stores the location in window.location.hash. This makes it ideal
  * for situations where you don't want to send the location to the server for
@@ -244,7 +244,7 @@ export declare function createPath({ pathname, search, hash, }: Partial<Path>):
 export declare function parsePath(path: string): Partial<Path>;
 export interface UrlHistory extends History {
 }
-export declare type UrlHistoryOptions = {
+export type UrlHistoryOptions = {
     window?: Window;
     v5Compat?: boolean;
 };