@react-router/dev 7.15.0 → 7.16.0

package/CHANGELOG.md

@@ -1,19 +1,52 @@
 # `@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
+
+- Fix `basename` conflicting with `app` directory name when Vite `base` is set ([#15027](https://github.com/remix-run/react-router/pull/15027))
+
+  When the Vite `base` config and React Router `basename` both match the
+  app directory name (e.g. `base: "/app/"`, `basename: "/app/"`), Vite would
+  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)
+  - [`@react-router/serve@7.15.1`](https://github.com/remix-run/react-router/releases/tag/@react-router/serve@7.15.1)
+
 ## v7.15.0
 
 ### Minor Changes
 
 - Stabilize `future.unstable_passThroughRequests` as `future.v8_passThroughRequests` ([a993f09](https://github.com/remix-run/react-router/commit/a993f09))
-
   - ⚠️ This is a breaking change if you have already opted into the unstable version - you will need to update your code accordingly
 
 - Stabilize `prerender.unstable_concurrency` as `prerender.concurrency` ([a993f09](https://github.com/remix-run/react-router/commit/a993f09))
-
   - ⚠️ This is a breaking change if you have already opted into the unstable version - you will need to update your code accordingly
 
 - Stabilize `future.unstable_subResourceIntegrity` as a top-level `subResourceIntegrity` config option in `react-router.config.ts` ([a993f09](https://github.com/remix-run/react-router/commit/a993f09))
-
   - ⚠️ This is a breaking change if you have already opted into the unstable version - you will need to update your code accordingly
 
 ### Patch Changes

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v7.15.0
+ * @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.0
+ * @react-router/dev v7.16.0
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.15.0
+ * @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.0
+ * @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,
@@ -802,7 +849,7 @@ var serverBuildId = "virtual:react-router/server-build";
 function importWrangler() {
   try {
     return import("wrangler");
-  } catch (_) {
+  } catch (e) {
     throw Error("Could not import `wrangler`. Do you have it installed?");
   }
 }

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v7.15.0
+ * @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,
@@ -1394,14 +1441,18 @@ var import_react_router = require("react-router");
 
 // vite/resolve-file-url.ts
 var path3 = __toESM(require("path"));
-var resolveFileUrl = ({ rootDirectory }, filePath) => {
+var resolveFileUrl = ({ rootDirectory }, filePath, { publicPath } = {}) => {
   let vite2 = getVite();
   let relativePath = path3.relative(rootDirectory, filePath);
   let isWithinRoot = !relativePath.startsWith("..") && !path3.isAbsolute(relativePath);
   if (!isWithinRoot) {
     return path3.posix.join("/@fs", vite2.normalizePath(filePath));
   }
-  return "/" + vite2.normalizePath(relativePath);
+  let url2 = "/" + vite2.normalizePath(relativePath);
+  if (publicPath && publicPath !== "/" && url2.startsWith(publicPath)) {
+    return path3.posix.join("/@fs", vite2.normalizePath(filePath));
+  }
+  return url2;
 };
 
 // vite/styles.ts
@@ -1732,7 +1783,7 @@ function hasDependency({
 }) {
   try {
     return Boolean(require.resolve(name, { paths: [rootDirectory] }));
-  } catch (err2) {
+  } catch (e) {
     return false;
   }
 }
@@ -3152,7 +3203,9 @@ var reactRouterVitePlugin = () => {
     let isSpaMode = isSpaModeEnabled(ctx.reactRouterConfig);
     return `
     import * as entryServer from ${JSON.stringify(
-      resolveFileUrl(ctx, ctx.entryServerFilePath)
+      resolveFileUrl(ctx, ctx.entryServerFilePath, {
+        publicPath: ctx.publicPath
+      })
     )};
     ${Object.keys(routes).map((key, index) => {
       let route = routes[key];
@@ -3162,7 +3215,8 @@ var reactRouterVitePlugin = () => {
         return `import * as route${index} from ${JSON.stringify(
           resolveFileUrl(
             ctx,
-            resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
+            resolveRelativeRouteFilePath(route, ctx.reactRouterConfig),
+            { publicPath: ctx.publicPath }
           )
         )};`;
       }
@@ -4646,7 +4700,7 @@ ${html}`
       },
       async finalize(buildDirectory) {
         invariant(viteConfig);
-        let { ssr, future } = ctx.reactRouterConfig;
+        let { ssr } = ctx.reactRouterConfig;
         if (!ssr) {
           let spaFallback = path7.join(buildDirectory, "__spa-fallback.html");
           let index = path7.join(buildDirectory, "index.html");
@@ -4979,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 {
@@ -6262,10 +6316,6 @@ function reactRouterRSCVitePlugin() {
       ([routeFile]) => import_pathe6.default.normalize(routeFile).endsWith(normalizedFile)
     )?.[1];
   }
-  function isMdxRouteModule(filename2) {
-    let extension = import_pathe6.default.extname(filename2).toLowerCase();
-    return extension === ".md" || extension === ".mdx";
-  }
   function getTransformLanguage(filename2) {
     let extension = import_pathe6.default.extname(filename2).toLowerCase();
     switch (extension) {

package/package.json

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