@react-router/dev 7.12.0 → 7.13.0-pre.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # `@react-router/dev`
 
+## 7.13.0-pre.0
+
+### Patch Changes
+
+- Bump @remix-run/node-fetch-server dep ([#14704](https://github.com/remix-run/react-router/pull/14704))
+- Updated dependencies:
+  - `react-router@7.13.0-pre.0`
+  - `@react-router/node@7.13.0-pre.0`
+  - `@react-router/serve@7.13.0-pre.0`
+
 ## 7.12.0
 
 ### Minor Changes
@@ -18,25 +28,25 @@
 
   | URL `/a/b/c` | **HTTP pathname** | **`request` pathname\`** |
   | ------------ | ----------------- | ------------------------ |
-  | **Document** | `/a/b/c`          | `/a/b/c` ✅               |
-  | **Data**     | `/a/b/c.data`     | `/a/b/c` ✅               |
+  | **Document** | `/a/b/c`          | `/a/b/c` ✅              |
+  | **Data**     | `/a/b/c.data`     | `/a/b/c` ✅              |
 
   | URL `/a/b/c/` | **HTTP pathname** | **`request` pathname\`** |
   | ------------- | ----------------- | ------------------------ |
-  | **Document**  | `/a/b/c/`         | `/a/b/c/` ✅              |
+  | **Document**  | `/a/b/c/`         | `/a/b/c/` ✅             |
   | **Data**      | `/a/b/c.data`     | `/a/b/c` ⚠️              |
 
   With this flag enabled, these pathnames will be made consistent though a new `_.data` format for client-side `.data` requests:
 
   | URL `/a/b/c` | **HTTP pathname** | **`request` pathname\`** |
   | ------------ | ----------------- | ------------------------ |
-  | **Document** | `/a/b/c`          | `/a/b/c` ✅               |
-  | **Data**     | `/a/b/c.data`     | `/a/b/c` ✅               |
+  | **Document** | `/a/b/c`          | `/a/b/c` ✅              |
+  | **Data**     | `/a/b/c.data`     | `/a/b/c` ✅              |
 
   | URL `/a/b/c/` | **HTTP pathname**  | **`request` pathname\`** |
   | ------------- | ------------------ | ------------------------ |
-  | **Document**  | `/a/b/c/`          | `/a/b/c/` ✅              |
-  | **Data**      | `/a/b/c/_.data` ⬅️ | `/a/b/c/` ✅              |
+  | **Document**  | `/a/b/c/`          | `/a/b/c/` ✅             |
+  | **Data**      | `/a/b/c/_.data` ⬅️ | `/a/b/c/` ✅             |
 
   This a bug fix but we are putting it behind an opt-in flag because it has the potential to be a "breaking bug fix" if you are relying on the URL format for any other application or caching logic.
 
@@ -294,7 +304,6 @@
 - Stabilize middleware and context APIs. ([#14215](https://github.com/remix-run/react-router/pull/14215))
 
   We have removed the `unstable_` prefix from the following APIs and they are now considered stable and ready for production use:
-
   - [`RouterContextProvider`](https://reactrouter.com/api/utils/RouterContextProvider)
   - [`createContext`](https://reactrouter.com/api/utils/createContext)
   - `createBrowserRouter` [`getContext`](https://reactrouter.com/api/data-routers/createBrowserRouter#optsgetcontext) option
@@ -1037,7 +1046,6 @@
   ```
 
   This initial implementation targets type inference for:
-
   - `Params` : Path parameters from your routing config in `routes.ts` including file-based routing
   - `LoaderData` : Loader data from `loader` and/or `clientLoader` within your route module
   - `ActionData` : Action data from `action` and/or `clientAction` within your route module
@@ -1052,7 +1060,6 @@
   ```
 
   Check out our docs for more:
-
   - [_Explanations > Type Safety_](https://reactrouter.com/dev/guides/explanation/type-safety)
   - [_How-To > Setting up type safety_](https://reactrouter.com/dev/guides/how-to/setting-up-type-safety)
 
@@ -1252,7 +1259,6 @@
 - Vite: Provide `Unstable_ServerBundlesFunction` and `Unstable_VitePluginConfig` types ([#8654](https://github.com/remix-run/remix/pull/8654))
 
 - Vite: add `--sourcemapClient` and `--sourcemapServer` flags to `remix vite:build` ([#8613](https://github.com/remix-run/remix/pull/8613))
-
   - `--sourcemapClient`
 
   - `--sourcemapClient=inline`
@@ -1589,7 +1595,6 @@
 - Add support for `clientLoader`/`clientAction`/`HydrateFallback` route exports ([RFC](https://github.com/remix-run/remix/discussions/7634)) ([#8173](https://github.com/remix-run/remix/pull/8173))
 
   Remix now supports loaders/actions that run on the client (in addition to, or instead of the loader/action that runs on the server). While we still recommend server loaders/actions for the majority of your data needs in a Remix app - these provide some levers you can pull for more advanced use-cases such as:
-
   - Leveraging a data source local to the browser (i.e., `localStorage`)
   - Managing a client-side cache of server data (like `IndexedDB`)
   - Bypassing the Remix server in a BFF setup and hitting your API directly from the browser
@@ -1993,7 +1998,6 @@
 - Output esbuild metafiles for bundle analysis ([#6772](https://github.com/remix-run/remix/pull/6772))
 
   Written to server build directory (`build/` by default):
-
   - `metafile.css.json`
   - `metafile.js.json` (browser JS)
   - `metafile.server.json` (server JS)
@@ -2091,7 +2095,6 @@
 - built-in tls support ([#6483](https://github.com/remix-run/remix/pull/6483))
 
   New options:
-
   - `--tls-key` / `tlsKey`: TLS key
   - `--tls-cert` / `tlsCert`: TLS Certificate
 
@@ -2362,7 +2365,6 @@
   ```
 
   The dev server will:
-
   - force `NODE_ENV=development` and warn you if it was previously set to something else
   - rebuild your app whenever your Remix app code changes
   - restart your app server whenever rebuilds succeed

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v7.12.0
+ * @react-router/dev v7.13.0-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -1377,11 +1377,9 @@ var init_has_rsc_plugin = __esm({
 });
 
 // vite/node-adapter.ts
-var import_node_fetch_server;
 var init_node_adapter = __esm({
   "vite/node-adapter.ts"() {
     "use strict";
-    import_node_fetch_server = require("@remix-run/node-fetch-server");
     init_invariant();
   }
 });
@@ -1794,7 +1792,7 @@ function resolveEnvironmentsOptions(environmentResolvers, resolverOptions) {
 function isNonNullable(x) {
   return x != null;
 }
-var import_node_crypto, import_node_fs3, import_promises2, path7, url, babel2, import_node_fetch_server2, import_react_router2, import_es_module_lexer, import_pick3, import_jsesc, import_picocolors5, import_kebabCase, CLIENT_NON_COMPONENT_EXPORTS, CLIENT_ROUTE_EXPORTS, BUILD_CLIENT_ROUTE_QUERY_STRING, SSR_BUNDLE_PREFIX, virtualHmrRuntime, virtualInjectHmrRuntime, virtual, getServerBuildDirectory, getClientBuildDirectory, defaultEntriesDir, defaultEntries, REACT_REFRESH_HEADER;
+var import_node_crypto, import_node_fs3, import_promises2, path7, url, babel2, import_react_router2, import_es_module_lexer, import_pick3, import_jsesc, import_picocolors5, import_kebabCase, CLIENT_NON_COMPONENT_EXPORTS, CLIENT_ROUTE_EXPORTS, BUILD_CLIENT_ROUTE_QUERY_STRING, SSR_BUNDLE_PREFIX, virtualHmrRuntime, virtualInjectHmrRuntime, virtual, getServerBuildDirectory, getClientBuildDirectory, defaultEntriesDir, defaultEntries, REACT_REFRESH_HEADER;
 var init_plugin = __esm({
   "vite/plugin.ts"() {
     "use strict";
@@ -1804,7 +1802,6 @@ var init_plugin = __esm({
     path7 = __toESM(require("path"));
     url = __toESM(require("url"));
     babel2 = __toESM(require("@babel/core"));
-    import_node_fetch_server2 = require("@remix-run/node-fetch-server");
     import_react_router2 = require("react-router");
     import_es_module_lexer = require("es-module-lexer");
     import_pick3 = __toESM(require("lodash/pick"));

package/dist/config.d.ts

@@ -149,8 +149,44 @@ type ReactRouterConfig = {
      */
     ssr?: boolean;
     /**
-     * The allowed origins for actions / mutations. Does not apply to routes
-     * without a component. micromatch glob patterns are supported.
+     * An array of allowed origin hosts for action submissions to UI routes (does not apply
+     * to resource routes). Supports micromatch glob patterns (`*` to match one segment,
+     * `**` to match multiple).
+     *
+     * ```tsx
+     * export default {
+     *   allowedActionOrigins: [
+     *     "example.com",
+     *     "*.example.com", // sub.example.com
+     *     "**.example.com", // sub.domain.example.com
+     *   ],
+     * } satisfies Config;
+     * ```
+     *
+     * If you need to set this value at runtime, you can do in by setting the value
+     * on the server build in your custom server. For example, when using `express`:
+     *
+     * ```ts
+     * import express from "express";
+     * import { createRequestHandler } from "@react-router/express";
+     * import type { ServerBuild } from "react-router";
+     *
+     * export const app = express();
+     *
+     * async function getBuild() {
+     *   let build: ServerBuild = await import(
+     *     "virtual:react-router/server-build"
+     *   );
+     *   return {
+     *     ...build,
+     *     allowedActionOrigins:
+     *       process.env.NODE_ENV === "development"
+     *         ? undefined
+     *         : ["staging.example.com", "www.example.com"],
+     *   };
+     * }
+     *
+     * app.use(createRequestHandler({ build: getBuild }));
      */
     allowedActionOrigins?: string[];
 };

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.12.0
+ * @react-router/dev v7.13.0-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.12.0
+ * @react-router/dev v7.13.0-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.12.0
+ * @react-router/dev v7.13.0-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -45,12 +45,8 @@ __export(cloudflare_exports, {
 module.exports = __toCommonJS(cloudflare_exports);
 
 // vite/cloudflare-dev-proxy.ts
-var import_node_fetch_server2 = require("@remix-run/node-fetch-server");
 var import_react_router = require("react-router");
 
-// vite/node-adapter.ts
-var import_node_fetch_server = require("@remix-run/node-fetch-server");
-
 // invariant.ts
 function invariant(value, message) {
   if (value === false || value === null || typeof value === "undefined") {
@@ -62,13 +58,14 @@ function invariant(value, message) {
 }
 
 // vite/node-adapter.ts
-function fromNodeRequest(nodeReq, nodeRes) {
+async function fromNodeRequest(nodeReq, nodeRes) {
   invariant(
     nodeReq.originalUrl,
     "Expected `nodeReq.originalUrl` to be defined"
   );
   nodeReq.url = nodeReq.originalUrl;
-  return (0, import_node_fetch_server.createRequest)(nodeReq, nodeRes);
+  const { createRequest } = await import("@remix-run/node-fetch-server");
+  return createRequest(nodeReq, nodeRes);
 }
 
 // vite/vite.ts
@@ -820,6 +817,7 @@ var cloudflareDevProxyVitePlugin = (options = {}) => {
       }
     },
     configureServer: async (viteDevServer) => {
+      const { sendResponse } = await import("@remix-run/node-fetch-server");
       let context;
       let getContext = async () => {
         let { getPlatformProxy } = await importWrangler();
@@ -836,11 +834,11 @@ var cloudflareDevProxyVitePlugin = (options = {}) => {
                 serverBuildId
               );
               let handler = (0, import_react_router.createRequestHandler)(build, "development");
-              let req = fromNodeRequest(nodeReq, nodeRes);
+              let req = await fromNodeRequest(nodeReq, nodeRes);
               context ??= await getContext();
               let loadContext = getLoadContext ? await getLoadContext({ request: req, context }) : context;
               let res = await handler(req, loadContext);
-              await (0, import_node_fetch_server2.sendResponse)(nodeRes, res);
+              await sendResponse(nodeRes, res);
             } catch (error) {
               next(error);
             }

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.12.0
+ * @react-router/dev v7.13.0-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -52,7 +52,6 @@ var import_promises2 = require("fs/promises");
 var path6 = __toESM(require("path"));
 var url = __toESM(require("url"));
 var babel = __toESM(require("@babel/core"));
-var import_node_fetch_server2 = require("@remix-run/node-fetch-server");
 var import_react_router2 = require("react-router");
 var import_es_module_lexer = require("es-module-lexer");
 var import_pick3 = __toESM(require("lodash/pick"));
@@ -1325,14 +1324,14 @@ async function watch(rootDirectory, { mode, logger, rsc }) {
 }
 
 // vite/node-adapter.ts
-var import_node_fetch_server = require("@remix-run/node-fetch-server");
-function fromNodeRequest(nodeReq, nodeRes) {
+async function fromNodeRequest(nodeReq, nodeRes) {
   invariant(
     nodeReq.originalUrl,
     "Expected `nodeReq.originalUrl` to be defined"
   );
   nodeReq.url = nodeReq.originalUrl;
-  return (0, import_node_fetch_server.createRequest)(nodeReq, nodeRes);
+  const { createRequest } = await import("@remix-run/node-fetch-server");
+  return createRequest(nodeReq, nodeRes);
 }
 
 // vite/styles.ts
@@ -3525,12 +3524,13 @@ var reactRouterVitePlugin = () => {
                 }
                 let handler = (0, import_react_router2.createRequestHandler)(build, "development");
                 let nodeHandler = async (nodeReq, nodeRes) => {
-                  let req2 = fromNodeRequest(nodeReq, nodeRes);
+                  let req2 = await fromNodeRequest(nodeReq, nodeRes);
                   let res2 = await handler(
                     req2,
                     await reactRouterDevLoadContext(req2)
                   );
-                  await (0, import_node_fetch_server2.sendResponse)(nodeRes, res2);
+                  const { sendResponse } = await import("@remix-run/node-fetch-server");
+                  await sendResponse(nodeRes, res2);
                 };
                 await nodeHandler(req, res);
               } catch (error) {
@@ -3557,12 +3557,13 @@ var reactRouterVitePlugin = () => {
               let build = await import(url.pathToFileURL(serverBuildFile).href);
               let handler = (0, import_react_router2.createRequestHandler)(build, "production");
               let nodeHandler = async (nodeReq, nodeRes) => {
-                let req2 = fromNodeRequest(nodeReq, nodeRes);
+                let req2 = await fromNodeRequest(nodeReq, nodeRes);
                 let res2 = await handler(
                   req2,
                   await reactRouterDevLoadContext(req2)
                 );
-                await (0, import_node_fetch_server2.sendResponse)(nodeRes, res2);
+                const { sendResponse } = await import("@remix-run/node-fetch-server");
+                await sendResponse(nodeRes, res2);
               };
               await nodeHandler(req, res);
             } catch (error) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "7.12.0",
+  "version": "7.13.0-pre.0",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -72,7 +72,7 @@
     "@babel/preset-typescript": "^7.27.1",
     "@babel/traverse": "^7.27.7",
     "@babel/types": "^7.27.7",
-    "@remix-run/node-fetch-server": "^0.9.0",
+    "@remix-run/node-fetch-server": "^0.13.0",
     "arg": "^5.0.1",
     "babel-dead-code-elimination": "^1.0.6",
     "chokidar": "^4.0.0",
@@ -92,7 +92,7 @@
     "tinyglobby": "^0.2.14",
     "valibot": "^1.2.0",
     "vite-node": "^3.2.2",
-    "@react-router/node": "7.12.0"
+    "@react-router/node": "7.13.0-pre.0"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -116,8 +116,8 @@
     "vite": "^6.3.0",
     "wireit": "0.14.9",
     "wrangler": "^4.23.0",
-    "@react-router/serve": "7.12.0",
-    "react-router": "^7.12.0"
+    "@react-router/serve": "7.13.0-pre.0",
+    "react-router": "^7.13.0-pre.0"
   },
   "peerDependencies": {
     "@vitejs/plugin-rsc": "~0.5.7",
@@ -125,8 +125,8 @@
     "typescript": "^5.1.0",
     "vite": "^5.1.0 || ^6.0.0 || ^7.0.0",
     "wrangler": "^3.28.2 || ^4.0.0",
-    "@react-router/serve": "^7.12.0",
-    "react-router": "^7.12.0"
+    "@react-router/serve": "^7.13.0-pre.0",
+    "react-router": "^7.13.0-pre.0"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {