@react-router/dev 0.0.0-nightly-19e1f0f2c-20260321 → 0.0.0-nightly-111f3a3f2-20260324

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # `@react-router/dev`
 
+## 7.13.2
+
+### Patch Changes
+
+- Fix `react-router dev` crash when Unix socket files exist in the project root ([#14854](https://github.com/remix-run/react-router/pull/14854))
+
+- Escape redirect locations in prerendered redirect HTML ([#14880](https://github.com/remix-run/react-router/pull/14880))
+
+- Add `future.unstable_passThroughRequests` flag ([#14775](https://github.com/remix-run/react-router/pull/14775))
+
+  By default, React Router normalizes the `request.url` passed to your `loader`, `action`, and `middleware` functions by removing React Router's internal implementation details (`.data` suffixes, `index` + `_routes` query params).
+
+  Enabling this flag removes that normalization and passes the raw HTTP `request` instance to your handlers. This provides a few benefits:
+  - Reduces server-side overhead by eliminating multiple `new Request()` calls on the critical path
+  - Allows you to distinguish document from data requests in your handlers base don the presence of a `.data` suffix (useful for observability purposes)
+
+  If you were previously relying on the normalization of `request.url`, you can switch to use the new sibling `unstable_url` parameter which contains a `URL` instance representing the normalized location:
+
+  ```tsx
+  // ❌ Before: you could assume there was no `.data` suffix in `request.url`
+  export async function loader({ request }: Route.LoaderArgs) {
+    let url = new URL(request.url);
+    if (url.pathname === "/path") {
+      // This check will fail with the flag enabled because the `.data` suffix will
+      // exist on data requests
+    }
+  }
+
+  // ✅ After: use `unstable_url` for normalized routing logic and `request.url`
+  // for raw routing logic
+  export async function loader({ request, unstable_url }: Route.LoaderArgs) {
+    if (unstable_url.pathname === "/path") {
+      // This will always have the `.data` suffix stripped
+    }
+
+    // And now you can distinguish between document versus data requests
+    let isDataRequest = new URL(request.url).pathname.endsWith(".data");
+  }
+  ```
+
+- Add a new `unstable_url: URL` parameter to route handler methods (`loader`, `action`, `middleware`, etc.) representing the normalized URL the application is navigating to or fetching, with React Router implementation details removed (`.data`suffix, `index`/`_routes` query params) ([#14775](https://github.com/remix-run/react-router/pull/14775))
+
+  This is being added alongside the new `future.unstable_passthroughRequests` future flag so that users still have a way to access the normalized URL when that flag is enabled and non-normalized `request`'s are being passed to your handlers. When adopting this flag, you will only need to start leveraging this new parameter if you are relying on the normalization of `request.url` in your application code.
+
+  If you don't have the flag enabled, then `unstable_url` will match `request.url`.
+
+- Updated dependencies:
+  - `react-router@7.13.2`
+  - `@react-router/node@7.13.2`
+  - `@react-router/serve@7.13.2`
+
 ## 7.13.1
 
 ### Patch Changes

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-nightly-19e1f0f2c-20260321
+ * @react-router/dev v0.0.0-nightly-111f3a3f2-20260324
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -1370,7 +1370,8 @@ async function hasReactRouterRscPlugin({
   root,
   viteBuildOptions: { config, logLevel, mode }
 }) {
-  const vite2 = await import("vite");
+  await preloadVite();
+  const vite2 = getVite();
   const viteConfig = await vite2.resolveConfig(
     {
       configFile: config,
@@ -1392,6 +1393,7 @@ async function hasReactRouterRscPlugin({
 var init_has_rsc_plugin = __esm({
   "vite/has-rsc-plugin.ts"() {
     "use strict";
+    init_vite();
   }
 });
 
@@ -2306,12 +2308,16 @@ async function dev2(root, options = {}) {
 var clientEntries = ["entry.client.tsx", "entry.client.js", "entry.client.jsx"];
 var serverEntries = ["entry.server.tsx", "entry.server.js", "entry.server.jsx"];
 var entries = ["entry.client", "entry.server"];
+var rscEntries = ["entry.client", "entry.rsc", "entry.ssr"];
 var conjunctionListFormat = new Intl.ListFormat("en", {
   style: "long",
   type: "conjunction"
 });
 async function generateEntry(entry, rootDirectory, flags = {}) {
   rootDirectory = resolveRootDirectory(rootDirectory, flags);
+  let configDir = "defaults";
+  let entriesToUse = entries;
+  let isRsc = false;
   if (await hasReactRouterRscPlugin({
     root: rootDirectory,
     viteBuildOptions: {
@@ -2319,12 +2325,15 @@ async function generateEntry(entry, rootDirectory, flags = {}) {
       mode: flags.mode
     }
   })) {
-    console.error(
-      import_picocolors8.default.red(
-        `The reveal command is currently not supported in RSC Framework Mode.`
-      )
-    );
-    process.exit(1);
+    if (!entry) {
+      await generateEntry("entry.client", rootDirectory, flags);
+      await generateEntry("entry.rsc", rootDirectory, flags);
+      await generateEntry("entry.ssr", rootDirectory, flags);
+      return;
+    }
+    configDir = "default-rsc-entries";
+    entriesToUse = rscEntries;
+    isRsc = true;
   }
   if (!entry) {
     await generateEntry("entry.client", rootDirectory, flags);
@@ -2340,46 +2349,65 @@ async function generateEntry(entry, rootDirectory, flags = {}) {
     return;
   }
   let appDirectory = configResult.value.appDirectory;
-  if (!entries.includes(entry)) {
-    let entriesArray = Array.from(entries);
+  if (!entriesToUse.includes(entry)) {
+    let entriesArray = Array.from(entriesToUse);
     let list = conjunctionListFormat.format(entriesArray);
     console.error(
       import_picocolors8.default.red(`Invalid entry file. Valid entry files are ${list}`)
     );
     return;
   }
-  let { readPackageJSON } = await import("pkg-types");
-  let pkgJson = await readPackageJSON(rootDirectory);
-  let deps = pkgJson.dependencies ?? {};
-  if (!deps["@react-router/node"]) {
-    console.error(import_picocolors8.default.red(`No default server entry detected.`));
-    return;
-  }
   let defaultsDirectory = path9.resolve(
     path9.dirname(require.resolve("@react-router/dev/package.json")),
     "dist",
     "config",
-    "defaults"
-  );
-  let defaultEntryClient = path9.resolve(defaultsDirectory, "entry.client.tsx");
-  let defaultEntryServer = path9.resolve(
-    defaultsDirectory,
-    `entry.server.node.tsx`
+    configDir
   );
-  let isServerEntry = entry === "entry.server";
-  let contents = isServerEntry ? await createServerEntry(rootDirectory, appDirectory, defaultEntryServer) : await createClientEntry(rootDirectory, appDirectory, defaultEntryClient);
-  let useTypeScript = flags.typescript ?? true;
-  let outputExtension = useTypeScript ? "tsx" : "jsx";
-  let outputEntry = `${entry}.${outputExtension}`;
-  let outputFile = path9.resolve(appDirectory, outputEntry);
-  if (!useTypeScript) {
-    let javascript = await transpile(contents, {
-      cwd: rootDirectory,
-      filename: isServerEntry ? defaultEntryServer : defaultEntryClient
-    });
-    await (0, import_promises4.writeFile)(outputFile, javascript, "utf-8");
+  let outputFile;
+  if (isRsc) {
+    let defaultEntry = path9.resolve(defaultsDirectory, `${entry}.tsx`);
+    outputFile = path9.resolve(appDirectory, `${entry}.tsx`);
+    if ((0, import_node_fs4.existsSync)(outputFile)) {
+      let relative7 = path9.relative(rootDirectory, outputFile);
+      console.error(import_picocolors8.default.red(`Entry file ${relative7} already exists.`));
+      return;
+    }
+    await (0, import_promises4.copyFile)(defaultEntry, outputFile);
   } else {
-    await (0, import_promises4.writeFile)(outputFile, contents, "utf-8");
+    let { readPackageJSON } = await import("pkg-types");
+    let pkgJson = await readPackageJSON(rootDirectory);
+    let deps = pkgJson.dependencies ?? {};
+    if (!deps["@react-router/node"]) {
+      console.error(import_picocolors8.default.red(`No default server entry detected.`));
+      return;
+    }
+    let defaultEntryClient = path9.resolve(
+      defaultsDirectory,
+      "entry.client.tsx"
+    );
+    let defaultEntryServer = path9.resolve(
+      defaultsDirectory,
+      `entry.server.node.tsx`
+    );
+    let isServerEntry = entry === "entry.server";
+    let contents = isServerEntry ? await createServerEntry(rootDirectory, appDirectory, defaultEntryServer) : await createClientEntry(
+      rootDirectory,
+      appDirectory,
+      defaultEntryClient
+    );
+    let useTypeScript = flags.typescript ?? true;
+    let outputExtension = useTypeScript ? "tsx" : "jsx";
+    let outputEntry = `${entry}.${outputExtension}`;
+    outputFile = path9.resolve(appDirectory, outputEntry);
+    if (!useTypeScript) {
+      let javascript = await transpile(contents, {
+        cwd: rootDirectory,
+        filename: isServerEntry ? defaultEntryServer : defaultEntryClient
+      });
+      await (0, import_promises4.writeFile)(outputFile, javascript, "utf-8");
+    } else {
+      await (0, import_promises4.writeFile)(outputFile, contents, "utf-8");
+    }
   }
   console.log(
     import_picocolors8.default.blue(

package/dist/config/default-rsc-entries/entry.client.tsx

@@ -24,7 +24,6 @@ setServerCallback(
 );
 
 createFromReadableStream<RSCPayload>(getRSCStream()).then((payload) => {
-  // @ts-expect-error - on 18 types, requires 19.
   startTransition(async () => {
     const formState =
       payload.type === "render" ? await payload.formState : undefined;
@@ -38,7 +37,6 @@ createFromReadableStream<RSCPayload>(getRSCStream()).then((payload) => {
         />
       </StrictMode>,
       {
-        // @ts-expect-error - no types for this yet
         formState,
       },
     );

package/dist/config/default-rsc-entries/entry.ssr.tsx

@@ -1,5 +1,4 @@
 import { createFromReadableStream } from "@vitejs/plugin-rsc/ssr";
-// @ts-expect-error - no types for this, can import from root once on latest 19
 import { renderToReadableStream } from "react-dom/server.edge";
 import {
   unstable_routeRSCServerRequest as routeRSCServerRequest,

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-nightly-19e1f0f2c-20260321
+ * @react-router/dev v0.0.0-nightly-111f3a3f2-20260324
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-nightly-19e1f0f2c-20260321
+ * @react-router/dev v0.0.0-nightly-111f3a3f2-20260324
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-nightly-19e1f0f2c-20260321
+ * @react-router/dev v0.0.0-nightly-111f3a3f2-20260324
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-nightly-19e1f0f2c-20260321
+ * @react-router/dev v0.0.0-nightly-111f3a3f2-20260324
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -111,6 +111,14 @@ function getVite() {
   invariant(vite, "getVite() called before preloadVite()");
   return vite;
 }
+function defineCompilerOptions(options) {
+  let vite2 = getVite();
+  return parseInt(vite2.version.split(".")[0], 10) >= 8 ? { oxc: options.oxc } : { esbuild: options.esbuild };
+}
+function defineOptimizeDepsCompilerOptions(options) {
+  let vite2 = getVite();
+  return parseInt(vite2.version.split(".")[0], 10) >= 8 ? { rolldownOptions: options.rolldown } : { esbuildOptions: options.esbuild };
+}
 
 // vite/ssr-externals.ts
 var ssrExternals = isReactRouterRepo() ? [
@@ -3526,10 +3534,18 @@ var reactRouterVitePlugin = () => {
               }) ? ["react-router-dom"] : []
             ]
           },
-          esbuild: {
-            jsx: "automatic",
-            jsxDev: viteCommand !== "build"
-          },
+          ...defineCompilerOptions({
+            oxc: {
+              jsx: {
+                runtime: "automatic",
+                development: viteCommand !== "build"
+              }
+            },
+            esbuild: {
+              jsx: "automatic",
+              jsxDev: viteCommand !== "build"
+            }
+          }),
           resolve: {
             dedupe: [
               // https://react.dev/warnings/invalid-hook-call-warning#duplicate-react
@@ -6065,9 +6081,16 @@ ${errors.map((x) => ` - ${x}`).join("\n")}
               entryClientFilePath: entries.client,
               reactRouterConfig: config
             }),
-            esbuildOptions: {
-              jsx: "automatic"
-            },
+            ...defineOptimizeDepsCompilerOptions({
+              rolldown: {
+                transform: {
+                  jsx: "react-jsx"
+                }
+              },
+              esbuild: {
+                jsx: "automatic"
+              }
+            }),
             include: [
               // Pre-bundle React dependencies to avoid React duplicates,
               // even if React dependencies are not direct dependencies.
@@ -6089,10 +6112,18 @@ ${errors.map((x) => ` - ${x}`).join("\n")}
               "react-router > set-cookie-parser"
             ]
           },
-          esbuild: {
-            jsx: "automatic",
-            jsxDev: viteCommand !== "build"
-          },
+          ...defineCompilerOptions({
+            oxc: {
+              jsx: {
+                runtime: "automatic",
+                development: viteCommand !== "build"
+              }
+            },
+            esbuild: {
+              jsx: "automatic",
+              jsxDev: viteCommand !== "build"
+            }
+          }),
           environments: {
             client: {
               build: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "0.0.0-nightly-19e1f0f2c-20260321",
+  "version": "0.0.0-nightly-111f3a3f2-20260324",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -92,7 +92,7 @@
     "tinyglobby": "^0.2.14",
     "valibot": "^1.2.0",
     "vite-node": "^3.2.2",
-    "@react-router/node": "0.0.0-nightly-19e1f0f2c-20260321"
+    "@react-router/node": "0.0.0-nightly-111f3a3f2-20260324"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -106,7 +106,7 @@
     "@types/node": "^20.0.0",
     "@types/npmcli__package-json": "^4.0.0",
     "@types/semver": "^7.7.0",
-    "@vitejs/plugin-rsc": "~0.5.7",
+    "@vitejs/plugin-rsc": "~0.5.21",
     "esbuild-register": "^3.6.0",
     "execa": "5.1.1",
     "express": "^4.19.2",
@@ -116,17 +116,17 @@
     "vite": "^6.3.0",
     "wireit": "0.14.9",
     "wrangler": "^4.23.0",
-    "@react-router/serve": "0.0.0-nightly-19e1f0f2c-20260321",
-    "react-router": "^0.0.0-nightly-19e1f0f2c-20260321"
+    "react-router": "^0.0.0-nightly-111f3a3f2-20260324",
+    "@react-router/serve": "0.0.0-nightly-111f3a3f2-20260324"
   },
   "peerDependencies": {
-    "@vitejs/plugin-rsc": "~0.5.7",
+    "@vitejs/plugin-rsc": "~0.5.21",
     "react-server-dom-webpack": "^19.2.3",
     "typescript": "^5.1.0",
-    "vite": "^5.1.0 || ^6.0.0 || ^7.0.0",
+    "vite": "^5.1.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
     "wrangler": "^3.28.2 || ^4.0.0",
-    "@react-router/serve": "^0.0.0-nightly-19e1f0f2c-20260321",
-    "react-router": "^0.0.0-nightly-19e1f0f2c-20260321"
+    "@react-router/serve": "^0.0.0-nightly-111f3a3f2-20260324",
+    "react-router": "^0.0.0-nightly-111f3a3f2-20260324"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {