@react-router/dev 7.15.1 → 7.17.0

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # `@react-router/dev`
 
+## v7.17.0
+
+### Patch Changes
+
+- Fix future flag warning URLs and only log each future flag warning one time ([#15138](https://github.com/remix-run/react-router/pull/15138))
+
+### Unstable Changes
+
+⚠️  _[Unstable features](https://reactrouter.com/community/api-development-strategy#unstable-flags) are not recommended for production use_
+
+- Prevent RSC route module server exports from being scanned by the client dependency optimizer when `future.unstable_optimizeDeps` is enabled. ([#15005](https://github.com/remix-run/react-router/pull/15005))
+- Updated dependencies:
+  - [`react-router@7.17.0`](https://github.com/remix-run/react-router/releases/tag/react-router@7.17.0)
+  - [`@react-router/node@7.17.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/node@7.17.0)
+  - [`@react-router/serve@7.17.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/serve@7.17.0)
+
+## 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 +44,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.17.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -312,7 +312,8 @@ async function resolveConfig({
   viteNodeContext,
   reactRouterConfigFile,
   skipRoutes,
-  validateConfig
+  validateConfig,
+  shouldLogFutureFlagWarnings
 }) {
   let reactRouterUserConfig = {};
   if (reactRouterConfigFile) {
@@ -514,6 +515,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 +529,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,14 +557,59 @@ async function resolveConfig({
   for (let preset of reactRouterUserConfig.presets ?? []) {
     await preset.reactRouterConfigResolved?.({ reactRouterConfig });
   }
+  if (shouldLogFutureFlagWarnings) {
+    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/v7/upgrading/future#future${flag.toLowerCase()}`
+    )
+  );
+}
+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,
   mode,
   skipRoutes,
-  validateConfig
+  validateConfig,
+  shouldLogFutureFlagWarnings
 }) {
   root = import_pathe3.default.normalize(root ?? process.env.REACT_ROUTER_ROOT ?? process.cwd());
   let vite2 = await import("vite");
@@ -582,10 +633,17 @@ async function createConfigLoader({
     viteNodeContext,
     reactRouterConfigFile,
     skipRoutes,
-    validateConfig
+    validateConfig,
+    shouldLogFutureFlagWarnings
   });
   let appDirectory;
-  let initialConfigResult = await getConfig();
+  let initialConfigResult = await resolveConfig({
+    root,
+    viteNodeContext,
+    reactRouterConfigFile,
+    skipRoutes,
+    validateConfig
+  });
   if (!initialConfigResult.ok) {
     throw new Error(initialConfigResult.error);
   }

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.17.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.15.1
+ * @react-router/dev v7.17.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.17.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -338,7 +338,8 @@ async function resolveConfig({
   viteNodeContext,
   reactRouterConfigFile,
   skipRoutes,
-  validateConfig
+  validateConfig,
+  shouldLogFutureFlagWarnings
 }) {
   let reactRouterUserConfig = {};
   if (reactRouterConfigFile) {
@@ -540,6 +541,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 +555,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,14 +583,59 @@ async function resolveConfig({
   for (let preset of reactRouterUserConfig.presets ?? []) {
     await preset.reactRouterConfigResolved?.({ reactRouterConfig });
   }
+  if (shouldLogFutureFlagWarnings) {
+    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/v7/upgrading/future#future${flag.toLowerCase()}`
+    )
+  );
+}
+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,
   mode,
   skipRoutes,
-  validateConfig
+  validateConfig,
+  shouldLogFutureFlagWarnings
 }) {
   root = import_pathe3.default.normalize(root ?? process.env.REACT_ROUTER_ROOT ?? process.cwd());
   let vite2 = await import("vite");
@@ -608,10 +659,17 @@ async function createConfigLoader({
     viteNodeContext,
     reactRouterConfigFile,
     skipRoutes,
-    validateConfig
+    validateConfig,
+    shouldLogFutureFlagWarnings
   });
   let appDirectory;
-  let initialConfigResult = await getConfig();
+  let initialConfigResult = await resolveConfig({
+    root,
+    viteNodeContext,
+    reactRouterConfigFile,
+    skipRoutes,
+    validateConfig
+  });
   if (!initialConfigResult.ok) {
     throw new Error(initialConfigResult.error);
   }

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.15.1
+ * @react-router/dev v7.17.0
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -375,7 +375,8 @@ async function resolveConfig({
   viteNodeContext,
   reactRouterConfigFile,
   skipRoutes,
-  validateConfig
+  validateConfig,
+  shouldLogFutureFlagWarnings
 }) {
   let reactRouterUserConfig = {};
   if (reactRouterConfigFile) {
@@ -577,6 +578,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 +592,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,14 +620,59 @@ async function resolveConfig({
   for (let preset of reactRouterUserConfig.presets ?? []) {
     await preset.reactRouterConfigResolved?.({ reactRouterConfig });
   }
+  if (shouldLogFutureFlagWarnings) {
+    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/v7/upgrading/future#future${flag.toLowerCase()}`
+    )
+  );
+}
+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,
   mode,
   skipRoutes,
-  validateConfig
+  validateConfig,
+  shouldLogFutureFlagWarnings
 }) {
   root = import_pathe3.default.normalize(root ?? process.env.REACT_ROUTER_ROOT ?? process.cwd());
   let vite2 = await import("vite");
@@ -645,10 +696,17 @@ async function createConfigLoader({
     viteNodeContext,
     reactRouterConfigFile,
     skipRoutes,
-    validateConfig
+    validateConfig,
+    shouldLogFutureFlagWarnings
   });
   let appDirectory;
-  let initialConfigResult = await getConfig();
+  let initialConfigResult = await resolveConfig({
+    root,
+    viteNodeContext,
+    reactRouterConfigFile,
+    skipRoutes,
+    validateConfig
+  });
   if (!initialConfigResult.ok) {
     throw new Error(initialConfigResult.error);
   }
@@ -3527,7 +3585,8 @@ var reactRouterVitePlugin = () => {
         reactRouterConfigLoader = await createConfigLoader({
           rootDirectory,
           mode,
-          watch: viteCommand === "serve"
+          watch: viteCommand === "serve",
+          shouldLogFutureFlagWarnings: viteCommand !== "build" || viteConfigEnv.isSsrBuild === true
         });
         await updatePluginContext();
         let environments = await getEnvironmentsOptions(ctx, viteCommand, {
@@ -4986,7 +5045,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 {
@@ -6105,6 +6164,13 @@ if (import.meta.hot) {
     }
   };
 }
+function createClientRouteModuleForOptimizeDepsScan(code) {
+  const ast = import_parser.parse(code, {
+    sourceType: "module"
+  });
+  removeExports(ast, SERVER_ROUTE_EXPORTS);
+  return generate(ast);
+}
 function createId(id, type, value) {
   let [base, ...rest] = id.split("?");
   const searchParams = new URLSearchParams(rest.join("?"));
@@ -6361,6 +6427,15 @@ ${errors.map((x) => ` - ${x}`).join("\n")}
           reactRouterConfig: config
         });
         let viteNormalizePath = (await import("vite")).normalizePath;
+        let optimizeDepsEntries = getOptimizeDepsEntries({
+          entryClientFilePath: entries.client,
+          reactRouterConfig: config
+        });
+        let routeFiles = new Set(
+          Object.values(config.routes).map(
+            (route) => resolveRelativeRouteFilePath(route, config)
+          )
+        );
         return {
           resolve: {
             dedupe: [
@@ -6383,15 +6458,18 @@ ${errors.map((x) => ` - ${x}`).join("\n")}
             ]
           },
           optimizeDeps: {
-            entries: getOptimizeDepsEntries({
-              entryClientFilePath: entries.client,
-              reactRouterConfig: config
-            }),
+            entries: optimizeDepsEntries,
             ...defineOptimizeDepsCompilerOptions({
               rolldown: {
                 transform: {
                   jsx: "react-jsx"
-                }
+                },
+                plugins: config.future.unstable_optimizeDeps ? [
+                  createRSCOptimizeDepsRouteModulesPlugin({
+                    routeFiles,
+                    transformToJs
+                  })
+                ] : []
               },
               esbuild: {
                 jsx: "automatic"
@@ -6842,6 +6920,32 @@ function invalidateVirtualModules2(viteDevServer) {
 function getRootDirectory(viteUserConfig) {
   return viteUserConfig.root ?? process.env.REACT_ROUTER_ROOT ?? process.cwd();
 }
+var jsRouteModuleRE = /\.[cm]?[jt]sx?$/;
+function createRSCOptimizeDepsRouteModulesPlugin({
+  routeFiles,
+  transformToJs
+}) {
+  return {
+    name: "react-router:rsc-optimize-deps-route-modules",
+    transform: {
+      filter: { id: jsRouteModuleRE },
+      async handler(code, id) {
+        let filename2 = id.split("?")[0];
+        let normalizedFilename = getVite().normalizePath(filename2);
+        if (!routeFiles.has(normalizedFilename)) {
+          return;
+        }
+        let js2 = await transformToJs(code, filename2);
+        let generated = createClientRouteModuleForOptimizeDepsScan(js2);
+        return {
+          code: generated.code,
+          map: null,
+          moduleType: "js"
+        };
+      }
+    }
+  };
+}
 var getClientBuildDirectory2 = (reactRouterConfig) => import_pathe6.default.join(reactRouterConfig.buildDirectory, "client");
 function getPrerenderConcurrencyConfig2(reactRouterConfig) {
   let concurrency = 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "7.15.1",
+  "version": "7.17.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.17.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.17.0",
+    "@react-router/serve": "7.17.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.17.0",
+    "react-router": "^7.17.0"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {