@react-router/dev 7.13.1-pre.0 → 7.13.2-pre.0

package/CHANGELOG.md

@@ -1,13 +1,62 @@
 # `@react-router/dev`
 
-## 7.13.1-pre.0
+## 7.13.2-pre.0
+
+### 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-pre.0`
+  - `@react-router/node@7.13.2-pre.0`
+  - `@react-router/serve@7.13.2-pre.0`
+
+## 7.13.1
 
 ### Patch Changes
 
 - Updated dependencies:
-  - `react-router@7.13.1-pre.0`
-  - `@react-router/node@7.13.1-pre.0`
-  - `@react-router/serve@7.13.1-pre.0`
+  - `react-router@7.13.1`
+  - `@react-router/node@7.13.1`
+  - `@react-router/serve@7.13.1`
 
 ## 7.13.0
 

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v7.13.1-pre.0
+ * @react-router/dev v7.13.2-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -505,6 +505,7 @@ async function resolveConfig({
   }
   let future = {
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
+    unstable_passThroughRequests: userAndPresetConfigs.future?.unstable_passThroughRequests ?? false,
     unstable_subResourceIntegrity: userAndPresetConfigs.future?.unstable_subResourceIntegrity ?? false,
     unstable_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.unstable_trailingSlashAwareDataRequests ?? false,
     unstable_previewServerPrerendering: userAndPresetConfigs.future?.unstable_previewServerPrerendering ?? false,
@@ -586,13 +587,11 @@ async function createConfigLoader({
       if (!fsWatcher) {
         fsWatcher = import_chokidar.default.watch([root, appDirectory], {
           ignoreInitial: true,
-          ignored: (path10) => {
-            let dirname5 = import_pathe3.default.dirname(path10);
-            return !dirname5.startsWith(appDirectory) && // Ensure we're only watching files outside of the app directory
-            // that are at the root level, not nested in subdirectories
-            path10 !== root && // Watch the root directory itself
-            dirname5 !== root;
-          }
+          ignored: (path10) => isIgnoredByWatcher(path10, { root, appDirectory })
+        });
+        fsWatcher.on("error", (error) => {
+          let message = error instanceof Error ? error.message : String(error);
+          console.warn(import_picocolors.default.yellow(`File watcher error: ${message}`));
         });
         fsWatcher.on("all", async (...args) => {
           let [event, rawFilepath] = args;
@@ -733,6 +732,25 @@ function isEntryFileDependency(moduleGraph, entryFilepath, filepath, visited = /
   }
   return false;
 }
+function isIgnoredByWatcher(path10, { root, appDirectory }) {
+  let dirname5 = import_pathe3.default.dirname(path10);
+  let ignoredByPath = !dirname5.startsWith(appDirectory) && // Ensure we're only watching files outside of the app directory
+  // that are at the root level, not nested in subdirectories
+  path10 !== root && // Watch the root directory itself
+  dirname5 !== root;
+  if (ignoredByPath) {
+    return true;
+  }
+  try {
+    let stat = import_node_fs.default.statSync(path10, { throwIfNoEntry: false });
+    if (stat && !stat.isFile() && !stat.isDirectory()) {
+      return true;
+    }
+  } catch {
+    return true;
+  }
+  return false;
+}
 var import_node_fs, import_node_child_process, import_pathe3, import_chokidar, import_picocolors, import_pick2, import_omit, import_cloneDeep, import_isEqual, excludedConfigPresetKeys, mergeReactRouterConfig, deepFreeze, entryExts;
 var init_config = __esm({
   "config/config.ts"() {

package/dist/config.d.ts

@@ -38,6 +38,7 @@ type ServerBundlesBuildManifest = BaseBuildManifest & {
 type ServerModuleFormat = "esm" | "cjs";
 interface FutureConfig {
     unstable_optimizeDeps: boolean;
+    unstable_passThroughRequests: boolean;
     unstable_subResourceIntegrity: boolean;
     unstable_trailingSlashAwareDataRequests: boolean;
     /**

package/dist/config.js

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

package/dist/routes.js

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

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.13.1-pre.0
+ * @react-router/dev v7.13.2-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -531,6 +531,7 @@ async function resolveConfig({
   }
   let future = {
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
+    unstable_passThroughRequests: userAndPresetConfigs.future?.unstable_passThroughRequests ?? false,
     unstable_subResourceIntegrity: userAndPresetConfigs.future?.unstable_subResourceIntegrity ?? false,
     unstable_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.unstable_trailingSlashAwareDataRequests ?? false,
     unstable_previewServerPrerendering: userAndPresetConfigs.future?.unstable_previewServerPrerendering ?? false,
@@ -612,13 +613,11 @@ async function createConfigLoader({
       if (!fsWatcher) {
         fsWatcher = import_chokidar.default.watch([root, appDirectory], {
           ignoreInitial: true,
-          ignored: (path3) => {
-            let dirname = import_pathe3.default.dirname(path3);
-            return !dirname.startsWith(appDirectory) && // Ensure we're only watching files outside of the app directory
-            // that are at the root level, not nested in subdirectories
-            path3 !== root && // Watch the root directory itself
-            dirname !== root;
-          }
+          ignored: (path3) => isIgnoredByWatcher(path3, { root, appDirectory })
+        });
+        fsWatcher.on("error", (error) => {
+          let message = error instanceof Error ? error.message : String(error);
+          console.warn(import_picocolors.default.yellow(`File watcher error: ${message}`));
         });
         fsWatcher.on("all", async (...args) => {
           let [event, rawFilepath] = args;
@@ -760,6 +759,25 @@ function isEntryFileDependency(moduleGraph, entryFilepath, filepath, visited = /
   }
   return false;
 }
+function isIgnoredByWatcher(path3, { root, appDirectory }) {
+  let dirname = import_pathe3.default.dirname(path3);
+  let ignoredByPath = !dirname.startsWith(appDirectory) && // Ensure we're only watching files outside of the app directory
+  // that are at the root level, not nested in subdirectories
+  path3 !== root && // Watch the root directory itself
+  dirname !== root;
+  if (ignoredByPath) {
+    return true;
+  }
+  try {
+    let stat = import_node_fs.default.statSync(path3, { throwIfNoEntry: false });
+    if (stat && !stat.isFile() && !stat.isDirectory()) {
+      return true;
+    }
+  } catch {
+    return true;
+  }
+  return false;
+}
 
 // vite/cloudflare-dev-proxy.ts
 var serverBuildId = "virtual:react-router/server-build";

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.13.1-pre.0
+ * @react-router/dev v7.13.2-pre.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -560,6 +560,7 @@ async function resolveConfig({
   }
   let future = {
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
+    unstable_passThroughRequests: userAndPresetConfigs.future?.unstable_passThroughRequests ?? false,
     unstable_subResourceIntegrity: userAndPresetConfigs.future?.unstable_subResourceIntegrity ?? false,
     unstable_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.unstable_trailingSlashAwareDataRequests ?? false,
     unstable_previewServerPrerendering: userAndPresetConfigs.future?.unstable_previewServerPrerendering ?? false,
@@ -641,13 +642,11 @@ async function createConfigLoader({
       if (!fsWatcher) {
         fsWatcher = import_chokidar.default.watch([root, appDirectory], {
           ignoreInitial: true,
-          ignored: (path10) => {
-            let dirname4 = import_pathe3.default.dirname(path10);
-            return !dirname4.startsWith(appDirectory) && // Ensure we're only watching files outside of the app directory
-            // that are at the root level, not nested in subdirectories
-            path10 !== root && // Watch the root directory itself
-            dirname4 !== root;
-          }
+          ignored: (path10) => isIgnoredByWatcher(path10, { root, appDirectory })
+        });
+        fsWatcher.on("error", (error) => {
+          let message = error instanceof Error ? error.message : String(error);
+          console.warn(import_picocolors.default.yellow(`File watcher error: ${message}`));
         });
         fsWatcher.on("all", async (...args) => {
           let [event, rawFilepath] = args;
@@ -856,6 +855,25 @@ function isEntryFileDependency(moduleGraph, entryFilepath, filepath, visited = /
   }
   return false;
 }
+function isIgnoredByWatcher(path10, { root, appDirectory }) {
+  let dirname4 = import_pathe3.default.dirname(path10);
+  let ignoredByPath = !dirname4.startsWith(appDirectory) && // Ensure we're only watching files outside of the app directory
+  // that are at the root level, not nested in subdirectories
+  path10 !== root && // Watch the root directory itself
+  dirname4 !== root;
+  if (ignoredByPath) {
+    return true;
+  }
+  try {
+    let stat = import_node_fs.default.statSync(path10, { throwIfNoEntry: false });
+    if (stat && !stat.isFile() && !stat.isDirectory()) {
+      return true;
+    }
+  } catch {
+    return true;
+  }
+  return false;
+}
 
 // typegen/context.ts
 async function createContext2({
@@ -4523,15 +4541,17 @@ ${new TextDecoder().decode(contents)}`
         if (redirectStatusCodes.has(response.status)) {
           let location = response.headers.get("Location");
           let delay = response.status === 302 ? 2 : 0;
+          let escapedLocation = escapeHtml(location ?? "");
+          let escapedPathname = escapeHtml(pathname);
           html = `<!doctype html>
 <head>
-<title>Redirecting to: ${location}</title>
-<meta http-equiv="refresh" content="${delay};url=${location}">
+<title>Redirecting to: ${escapedLocation}</title>
+<meta http-equiv="refresh" content="${delay};url=${escapedLocation}">
 <meta name="robots" content="noindex">
 </head>
 <body>
-	<a href="${location}">
-    Redirecting from <code>${pathname}</code> to <code>${location}</code>
+	<a href="${escapedLocation}">
+    Redirecting from <code>${escapedPathname}</code> to <code>${escapedLocation}</code>
   </a>
 </body>
 </html>`;
@@ -4940,15 +4960,17 @@ async function prerenderRoute(handler, prerenderPath, clientBuildDirectory, reac
   if (redirectStatusCodes.has(response.status)) {
     let location = response.headers.get("Location");
     let delay = response.status === 302 ? 2 : 0;
+    let escapedLocation = escapeHtml(location ?? "");
+    let escapedNormalizedPath = escapeHtml(normalizedPath);
     html = `<!doctype html>
 <head>
-<title>Redirecting to: ${location}</title>
-<meta http-equiv="refresh" content="${delay};url=${location}">
+<title>Redirecting to: ${escapedLocation}</title>
+<meta http-equiv="refresh" content="${delay};url=${escapedLocation}">
 <meta name="robots" content="noindex">
 </head>
 <body>
-	<a href="${location}">
-    Redirecting from <code>${normalizedPath}</code> to <code>${location}</code>
+	<a href="${escapedLocation}">
+    Redirecting from <code>${escapedNormalizedPath}</code> to <code>${escapedLocation}</code>
   </a>
 </body>
 </html>`;
@@ -5590,6 +5612,17 @@ function createSpaModeRequest(reactRouterConfig) {
     metadata: { type: "spa", path: "/" }
   };
 }
+var ESCAPE_REGEX = /[&><\u2028\u2029]/g;
+var ESCAPE_LOOKUP = {
+  "&": "\\u0026",
+  ">": "\\u003e",
+  "<": "\\u003c",
+  "\u2028": "\\u2028",
+  "\u2029": "\\u2029"
+};
+function escapeHtml(html) {
+  return html.replace(ESCAPE_REGEX, (match) => ESCAPE_LOOKUP[match]);
+}
 
 // vite/rsc/plugin.ts
 var import_es_module_lexer3 = require("es-module-lexer");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "7.13.1-pre.0",
+  "version": "7.13.2-pre.0",
   "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": "7.13.1-pre.0"
+    "@react-router/node": "7.13.2-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.13.1-pre.0",
-    "react-router": "^7.13.1-pre.0"
+    "@react-router/serve": "7.13.2-pre.0",
+    "react-router": "^7.13.2-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.13.1-pre.0",
-    "react-router": "^7.13.1-pre.0"
+    "@react-router/serve": "^7.13.2-pre.0",
+    "react-router": "^7.13.2-pre.0"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {