@react-router/dev 7.15.1 → 7.16.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # `@react-router/dev`
 
+## v7.16.0
+
+### Minor Changes
+
+- Stabilize `future.unstable_trailingSlashAwareDataRequests` as `future.v8_trailingSlashAwareDataRequests` ([#15098](https://github.com/remix-run/react-router/pull/15098))
+
+  - The unstable flag is no longer supported and will error during config resolution
+
+- Log future flag warnings for upcoming React Router v8 flags ([#15029](https://github.com/remix-run/react-router/pull/15029))
+
+  - `v8_middleware`, `v8_splitRouteModules`, `v8_viteEnvironmentApi`, `v8_passThroughRequests`, `v8_trailingSlashAwareDataRequests`
+
+### Patch Changes
+
+- Updated dependencies:
+  - [`react-router@7.16.0`](https://github.com/remix-run/react-router/releases/tag/react-router@7.16.0)
+  - [`@react-router/node@7.16.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/node@7.16.0)
+  - [`@react-router/serve@7.16.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/serve@7.16.0)
+
 ## v7.15.1
 
 ### Patch Changes
@@ -11,6 +30,7 @@
   strip the base prefix from server-build virtual module import paths, causing
   "Failed to load url /root.tsx" errors. The fix uses `/@fs/` absolute paths
   for those imports to bypass Vite's base-stripping logic.
+
 - Updated dependencies:
   - [`react-router@7.15.1`](https://github.com/remix-run/react-router/releases/tag/react-router@7.15.1)
   - [`@react-router/node@7.15.1`](https://github.com/remix-run/react-router/releases/tag/@react-router/node@7.15.1)

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v7.15.1
+ * @react-router/dev v7.16.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -514,6 +514,11 @@ async function resolveConfig({
         "The `future.unstable_passThroughRequests` flag has been stabilized as `future.v8_passThroughRequests`"
       );
     }
+    if ("unstable_trailingSlashAwareDataRequests" in futureConfig) {
+      return err(
+        "The `future.unstable_trailingSlashAwareDataRequests` flag has been stabilized as `future.v8_trailingSlashAwareDataRequests`"
+      );
+    }
     if ("unstable_subResourceIntegrity" in futureConfig) {
       return err(
         "The `future.unstable_subResourceIntegrity` flag has been stabilized and moved to a top-level `config.subResourceIntegrity` field"
@@ -523,7 +528,7 @@ async function resolveConfig({
   let future = {
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
     v8_passThroughRequests: userAndPresetConfigs.future?.v8_passThroughRequests ?? false,
-    unstable_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.unstable_trailingSlashAwareDataRequests ?? false,
+    v8_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.v8_trailingSlashAwareDataRequests ?? false,
     unstable_previewServerPrerendering: userAndPresetConfigs.future?.unstable_previewServerPrerendering ?? false,
     v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
     v8_splitRouteModules: userAndPresetConfigs.future?.v8_splitRouteModules ?? false,
@@ -551,8 +556,50 @@ async function resolveConfig({
   for (let preset of reactRouterUserConfig.presets ?? []) {
     await preset.reactRouterConfigResolved?.({ reactRouterConfig });
   }
+  logFutureFlagWarnings(userAndPresetConfigs.future || {});
   return ok(reactRouterConfig);
 }
+function logFutureFlagWarning(flag, message) {
+  console.log(
+    import_picocolors.default.yellow(
+      `  \u26A0\uFE0F  Future Flag Warning: ${message}
+     You can use the \`future.${flag}\` flag to opt in early.
+     -> https://reactrouter.com/upgrading/future-flags#${flag}`
+    )
+  );
+}
+function logFutureFlagWarnings(future) {
+  if (future.v8_middleware === void 0) {
+    logFutureFlagWarning(
+      "v8_middleware",
+      "Route middleware support is changing in React Router v8."
+    );
+  }
+  if (future.v8_splitRouteModules === void 0) {
+    logFutureFlagWarning(
+      "v8_splitRouteModules",
+      "Route module splitting behavior is changing in React Router v8."
+    );
+  }
+  if (future.v8_viteEnvironmentApi === void 0) {
+    logFutureFlagWarning(
+      "v8_viteEnvironmentApi",
+      "Vite Environment API usage is changing in React Router v8."
+    );
+  }
+  if (future.v8_passThroughRequests === void 0) {
+    logFutureFlagWarning(
+      "v8_passThroughRequests",
+      "Request handling behavior is changing in React Router v8."
+    );
+  }
+  if (future.v8_trailingSlashAwareDataRequests === void 0) {
+    logFutureFlagWarning(
+      "v8_trailingSlashAwareDataRequests",
+      "Data request URL formats are changing in React Router v8."
+    );
+  }
+}
 async function createConfigLoader({
   rootDirectory: root,
   watch: watch2,

package/dist/config.d.ts

@@ -39,7 +39,7 @@ type ServerModuleFormat = "esm" | "cjs";
 interface FutureConfig {
     unstable_optimizeDeps: boolean;
     v8_passThroughRequests: boolean;
-    unstable_trailingSlashAwareDataRequests: boolean;
+    v8_trailingSlashAwareDataRequests: boolean;
     /**
      * Prerender with Vite Preview server
      */

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.15.1
+ * @react-router/dev v7.16.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.15.1
+ * @react-router/dev v7.16.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.15.1
+ * @react-router/dev v7.16.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -540,6 +540,11 @@ async function resolveConfig({
         "The `future.unstable_passThroughRequests` flag has been stabilized as `future.v8_passThroughRequests`"
       );
     }
+    if ("unstable_trailingSlashAwareDataRequests" in futureConfig) {
+      return err(
+        "The `future.unstable_trailingSlashAwareDataRequests` flag has been stabilized as `future.v8_trailingSlashAwareDataRequests`"
+      );
+    }
     if ("unstable_subResourceIntegrity" in futureConfig) {
       return err(
         "The `future.unstable_subResourceIntegrity` flag has been stabilized and moved to a top-level `config.subResourceIntegrity` field"
@@ -549,7 +554,7 @@ async function resolveConfig({
   let future = {
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
     v8_passThroughRequests: userAndPresetConfigs.future?.v8_passThroughRequests ?? false,
-    unstable_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.unstable_trailingSlashAwareDataRequests ?? false,
+    v8_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.v8_trailingSlashAwareDataRequests ?? false,
     unstable_previewServerPrerendering: userAndPresetConfigs.future?.unstable_previewServerPrerendering ?? false,
     v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
     v8_splitRouteModules: userAndPresetConfigs.future?.v8_splitRouteModules ?? false,
@@ -577,8 +582,50 @@ async function resolveConfig({
   for (let preset of reactRouterUserConfig.presets ?? []) {
     await preset.reactRouterConfigResolved?.({ reactRouterConfig });
   }
+  logFutureFlagWarnings(userAndPresetConfigs.future || {});
   return ok(reactRouterConfig);
 }
+function logFutureFlagWarning(flag, message) {
+  console.log(
+    import_picocolors.default.yellow(
+      `  \u26A0\uFE0F  Future Flag Warning: ${message}
+     You can use the \`future.${flag}\` flag to opt in early.
+     -> https://reactrouter.com/upgrading/future-flags#${flag}`
+    )
+  );
+}
+function logFutureFlagWarnings(future) {
+  if (future.v8_middleware === void 0) {
+    logFutureFlagWarning(
+      "v8_middleware",
+      "Route middleware support is changing in React Router v8."
+    );
+  }
+  if (future.v8_splitRouteModules === void 0) {
+    logFutureFlagWarning(
+      "v8_splitRouteModules",
+      "Route module splitting behavior is changing in React Router v8."
+    );
+  }
+  if (future.v8_viteEnvironmentApi === void 0) {
+    logFutureFlagWarning(
+      "v8_viteEnvironmentApi",
+      "Vite Environment API usage is changing in React Router v8."
+    );
+  }
+  if (future.v8_passThroughRequests === void 0) {
+    logFutureFlagWarning(
+      "v8_passThroughRequests",
+      "Request handling behavior is changing in React Router v8."
+    );
+  }
+  if (future.v8_trailingSlashAwareDataRequests === void 0) {
+    logFutureFlagWarning(
+      "v8_trailingSlashAwareDataRequests",
+      "Data request URL formats are changing in React Router v8."
+    );
+  }
+}
 async function createConfigLoader({
   rootDirectory: root,
   watch,

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.15.1
+ * @react-router/dev v7.16.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -577,6 +577,11 @@ async function resolveConfig({
         "The `future.unstable_passThroughRequests` flag has been stabilized as `future.v8_passThroughRequests`"
       );
     }
+    if ("unstable_trailingSlashAwareDataRequests" in futureConfig) {
+      return err(
+        "The `future.unstable_trailingSlashAwareDataRequests` flag has been stabilized as `future.v8_trailingSlashAwareDataRequests`"
+      );
+    }
     if ("unstable_subResourceIntegrity" in futureConfig) {
       return err(
         "The `future.unstable_subResourceIntegrity` flag has been stabilized and moved to a top-level `config.subResourceIntegrity` field"
@@ -586,7 +591,7 @@ async function resolveConfig({
   let future = {
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
     v8_passThroughRequests: userAndPresetConfigs.future?.v8_passThroughRequests ?? false,
-    unstable_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.unstable_trailingSlashAwareDataRequests ?? false,
+    v8_trailingSlashAwareDataRequests: userAndPresetConfigs.future?.v8_trailingSlashAwareDataRequests ?? false,
     unstable_previewServerPrerendering: userAndPresetConfigs.future?.unstable_previewServerPrerendering ?? false,
     v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
     v8_splitRouteModules: userAndPresetConfigs.future?.v8_splitRouteModules ?? false,
@@ -614,8 +619,50 @@ async function resolveConfig({
   for (let preset of reactRouterUserConfig.presets ?? []) {
     await preset.reactRouterConfigResolved?.({ reactRouterConfig });
   }
+  logFutureFlagWarnings(userAndPresetConfigs.future || {});
   return ok(reactRouterConfig);
 }
+function logFutureFlagWarning(flag, message) {
+  console.log(
+    import_picocolors.default.yellow(
+      `  \u26A0\uFE0F  Future Flag Warning: ${message}
+     You can use the \`future.${flag}\` flag to opt in early.
+     -> https://reactrouter.com/upgrading/future-flags#${flag}`
+    )
+  );
+}
+function logFutureFlagWarnings(future) {
+  if (future.v8_middleware === void 0) {
+    logFutureFlagWarning(
+      "v8_middleware",
+      "Route middleware support is changing in React Router v8."
+    );
+  }
+  if (future.v8_splitRouteModules === void 0) {
+    logFutureFlagWarning(
+      "v8_splitRouteModules",
+      "Route module splitting behavior is changing in React Router v8."
+    );
+  }
+  if (future.v8_viteEnvironmentApi === void 0) {
+    logFutureFlagWarning(
+      "v8_viteEnvironmentApi",
+      "Vite Environment API usage is changing in React Router v8."
+    );
+  }
+  if (future.v8_passThroughRequests === void 0) {
+    logFutureFlagWarning(
+      "v8_passThroughRequests",
+      "Request handling behavior is changing in React Router v8."
+    );
+  }
+  if (future.v8_trailingSlashAwareDataRequests === void 0) {
+    logFutureFlagWarning(
+      "v8_trailingSlashAwareDataRequests",
+      "Data request URL formats are changing in React Router v8."
+    );
+  }
+}
 async function createConfigLoader({
   rootDirectory: root,
   watch: watch2,
@@ -4986,7 +5033,7 @@ function getStaticPrerenderPaths(routes) {
 }
 async function prerenderData(handler, prerenderPath, onlyRoutes, clientBuildDirectory, reactRouterConfig, viteConfig, requestInit) {
   let dataRequestPath;
-  if (reactRouterConfig.future.unstable_trailingSlashAwareDataRequests) {
+  if (reactRouterConfig.future.v8_trailingSlashAwareDataRequests) {
     if (prerenderPath.endsWith("/")) {
       dataRequestPath = `${prerenderPath}_.data`;
     } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "7.15.1",
+  "version": "7.16.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.15.1"
+    "@react-router/node": "7.16.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.15.1",
-    "react-router": "^7.15.1"
+    "react-router": "^7.16.0",
+    "@react-router/serve": "7.16.0"
   },
   "peerDependencies": {
     "@vitejs/plugin-rsc": "~0.5.21",
@@ -125,8 +125,8 @@
     "typescript": "^5.1.0 || ^6.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": "^7.15.1",
-    "react-router": "^7.15.1"
+    "@react-router/serve": "^7.16.0",
+    "react-router": "^7.16.0"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {