@react-router/dev 0.0.0-experimental-303421afa → 0.0.0-experimental-bfc808d6c

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # `@react-router/dev`
 
+## 7.10.0
+
+### Minor Changes
+
+- Stabilize `future.v8_splitRouteModules`, replacing `future.unstable_splitRouteModules` ([#14595](https://github.com/remix-run/react-router/pull/14595))
+  - ⚠️ This is a breaking change if you have begun using `future.unstable_splitRouteModules`. Please update your `react-router.config.ts`.
+
+- Stabilize `future.v8_viteEnvironmentApi`, replacing `future.unstable_viteEnvironmentApi` ([#14595](https://github.com/remix-run/react-router/pull/14595))
+  - ⚠️ This is a breaking change if you have begun using `future.unstable_viteEnvironmentApi`. Please update your `react-router.config.ts`.
+
+### Patch Changes
+
+- Load environment variables before evaluating `routes.ts` ([#14446](https://github.com/remix-run/react-router/pull/14446))
+
+  For example, you can now compute your routes based on [`VITE_`-prefixed environment variables](https://vite.dev/guide/env-and-mode#env-variables):
+
+  ```txt
+  # .env
+  VITE_ENV_ROUTE=my-route
+  ```
+
+  ```ts
+  // app/routes.ts
+  import { type RouteConfig, route } from "@react-router/dev/routes";
+
+  const routes: RouteConfig = [];
+  if (import.meta.env.VITE_ENV_ROUTE === "my-route") {
+    routes.push(route("my-route", "routes/my-route.tsx"));
+  }
+
+  export default routes;
+  ```
+
+- Updated dependencies:
+  - `react-router@7.10.0`
+  - `@react-router/node@7.10.0`
+  - `@react-router/serve@7.10.0`
+
 ## 7.9.6
 
 ### Patch Changes

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-experimental-303421afa
+ * @react-router/dev v0.0.0-experimental-bfc808d6c
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -492,12 +492,23 @@ async function resolveConfig({
       );
     }
   }
+  let futureConfig = userAndPresetConfigs.future;
+  if (futureConfig?.unstable_splitRouteModules !== void 0) {
+    return err(
+      'The "future.unstable_splitRouteModules" flag has been stabilized as "future.v8_splitRouteModules"'
+    );
+  }
+  if (futureConfig?.unstable_viteEnvironmentApi !== void 0) {
+    return err(
+      'The "future.unstable_viteEnvironmentApi" flag has been stabilized as "future.v8_viteEnvironmentApi"'
+    );
+  }
   let future = {
-    v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
-    unstable_splitRouteModules: userAndPresetConfigs.future?.unstable_splitRouteModules ?? false,
     unstable_subResourceIntegrity: userAndPresetConfigs.future?.unstable_subResourceIntegrity ?? false,
-    unstable_viteEnvironmentApi: userAndPresetConfigs.future?.unstable_viteEnvironmentApi ?? false
+    v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
+    v8_splitRouteModules: userAndPresetConfigs.future?.v8_splitRouteModules ?? false,
+    v8_viteEnvironmentApi: userAndPresetConfigs.future?.v8_viteEnvironmentApi ?? false
   };
   let reactRouterConfig = deepFreeze({
     appDirectory,
@@ -718,7 +729,7 @@ function isEntryFileDependency(moduleGraph, entryFilepath, filepath, visited = /
   }
   return false;
 }
-var import_node_fs, import_node_child_process, import_pathe3, import_chokidar, import_picocolors, import_pkg_types, import_pick2, import_omit, import_cloneDeep, import_isEqual, excludedConfigPresetKeys, mergeReactRouterConfig, deepFreeze, entryExts;
+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"() {
     "use strict";
@@ -728,7 +739,6 @@ var init_config = __esm({
     import_pathe3 = __toESM(require("pathe"));
     import_chokidar = __toESM(require("chokidar"));
     import_picocolors = __toESM(require("picocolors"));
-    import_pkg_types = require("pkg-types");
     import_pick2 = __toESM(require("lodash/pick"));
     import_omit = __toESM(require("lodash/omit"));
     import_cloneDeep = __toESM(require("lodash/cloneDeep"));
@@ -1673,8 +1683,8 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
     return mergeEnvironmentOptions(getBaseOptions({ viteUserConfig }), {
       resolve: {
         external: (
-          // If `unstable_viteEnvironmentApi` is `true`, `resolve.external` is set in the `configEnvironment` hook
-          ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? void 0 : ssrExternals
+          // If `v8_viteEnvironmentApi` is `true`, `resolve.external` is set in the `configEnvironment` hook
+          ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? void 0 : ssrExternals
         ),
         conditions: [...baseConditions, ...maybeDefaultServerConditions],
         externalConditions: [...baseConditions, ...defaultExternalConditions]
@@ -1689,7 +1699,7 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
         copyPublicDir: false,
         // The client only uses assets in the public directory
         rollupOptions: {
-          input: (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? viteUserConfig.environments?.ssr?.build?.rollupOptions?.input : viteUserConfig.build?.rollupOptions?.input) ?? virtual.serverBuild.id,
+          input: (ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? viteUserConfig.environments?.ssr?.build?.rollupOptions?.input : viteUserConfig.build?.rollupOptions?.input) ?? virtual.serverBuild.id,
           output: {
             entryFileNames: serverBuildFile,
             format: serverModuleFormat
@@ -1714,14 +1724,14 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
                 let code = (0, import_node_fs3.readFileSync)(routeFilePath, "utf-8");
                 return [
                   `${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
-                  ...ctx.reactRouterConfig.future.unstable_splitRouteModules && !isRootRoute ? routeChunkExportNames.map(
+                  ...ctx.reactRouterConfig.future.v8_splitRouteModules && !isRootRoute ? routeChunkExportNames.map(
                     (exportName) => code.includes(exportName) ? getRouteChunkModuleId(routeFilePath, exportName) : null
                   ) : []
                 ].filter(isNonNullable);
               }
             )
           ],
-          output: (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.rollupOptions?.output : viteUserConfig?.build?.rollupOptions?.output) ?? {
+          output: (ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.rollupOptions?.output : viteUserConfig?.build?.rollupOptions?.output) ?? {
             entryFileNames: ({ moduleIds }) => {
               let routeChunkModuleId = moduleIds.find(isRouteChunkModuleId);
               let routeChunkName = routeChunkModuleId ? getRouteChunkNameFromModuleId(routeChunkModuleId)?.replace(
@@ -1729,7 +1739,7 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
                 ""
               ) : null;
               let routeChunkSuffix = routeChunkName ? `-${(0, import_kebabCase.default)(routeChunkName)}` : "";
-              let assetsDir = (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.assetsDir : null) ?? viteUserConfig?.build?.assetsDir ?? "assets";
+              let assetsDir = (ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.assetsDir : null) ?? viteUserConfig?.build?.assetsDir ?? "assets";
               return path7.posix.join(
                 assetsDir,
                 `[name]${routeChunkSuffix}-[hash].js`
@@ -1902,12 +1912,12 @@ async function build(root, viteBuildOptions) {
   }
   let config = configResult.value;
   let viteMajor = parseInt(vite2.version.split(".")[0], 10);
-  if (config.future.unstable_viteEnvironmentApi && viteMajor === 5) {
+  if (config.future.v8_viteEnvironmentApi && viteMajor === 5) {
     throw new Error(
-      "The future.unstable_viteEnvironmentApi option is not supported in Vite 5"
+      "The future.v8_viteEnvironmentApi option is not supported in Vite 5"
     );
   }
-  const useViteEnvironmentApi = config.future.unstable_viteEnvironmentApi || await hasReactRouterRscPlugin({ root, viteBuildOptions });
+  const useViteEnvironmentApi = config.future.v8_viteEnvironmentApi || await hasReactRouterRscPlugin({ root, viteBuildOptions });
   return await (useViteEnvironmentApi ? viteAppBuild(root, viteBuildOptions) : viteBuild(root, viteBuildOptions));
 }
 async function viteAppBuild(root, {
@@ -2144,7 +2154,6 @@ var import_promises3 = require("fs/promises");
 var path8 = __toESM(require("path"));
 var import_exit_hook = __toESM(require("exit-hook"));
 var import_picocolors8 = __toESM(require("picocolors"));
-var import_pkg_types2 = require("pkg-types");
 var import_react_router3 = require("react-router");
 init_config();
 
@@ -2308,7 +2317,8 @@ async function generateEntry(entry, rootDirectory, flags = {}) {
     );
     return;
   }
-  let pkgJson = await (0, import_pkg_types2.readPackageJSON)(rootDirectory);
+  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.`));

package/dist/config.d.ts

@@ -37,20 +37,20 @@ type ServerBundlesBuildManifest = BaseBuildManifest & {
 };
 type ServerModuleFormat = "esm" | "cjs";
 interface FutureConfig {
+    unstable_optimizeDeps: boolean;
+    unstable_subResourceIntegrity: boolean;
     /**
      * Enable route middleware
      */
     v8_middleware: boolean;
-    unstable_optimizeDeps: boolean;
     /**
      * Automatically split route modules into multiple chunks when possible.
      */
-    unstable_splitRouteModules: boolean | "enforce";
-    unstable_subResourceIntegrity: boolean;
+    v8_splitRouteModules: boolean | "enforce";
     /**
-     * Use Vite Environment API (experimental)
+     * Use Vite Environment API
      */
-    unstable_viteEnvironmentApi: boolean;
+    v8_viteEnvironmentApi: boolean;
 }
 type BuildManifest = DefaultBuildManifest | ServerBundlesBuildManifest;
 type BuildEndHook = (args: {

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-303421afa
+ * @react-router/dev v0.0.0-experimental-bfc808d6c
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-303421afa
+ * @react-router/dev v0.0.0-experimental-bfc808d6c
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-303421afa
+ * @react-router/dev v0.0.0-experimental-bfc808d6c
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -187,7 +187,6 @@ async function createContext({
 var import_pathe3 = __toESM(require("pathe"));
 var import_chokidar = __toESM(require("chokidar"));
 var import_picocolors = __toESM(require("picocolors"));
-var import_pkg_types = require("pkg-types");
 var import_pick2 = __toESM(require("lodash/pick"));
 var import_omit = __toESM(require("lodash/omit"));
 var import_cloneDeep = __toESM(require("lodash/cloneDeep"));
@@ -522,12 +521,23 @@ async function resolveConfig({
       );
     }
   }
+  let futureConfig = userAndPresetConfigs.future;
+  if (futureConfig?.unstable_splitRouteModules !== void 0) {
+    return err(
+      'The "future.unstable_splitRouteModules" flag has been stabilized as "future.v8_splitRouteModules"'
+    );
+  }
+  if (futureConfig?.unstable_viteEnvironmentApi !== void 0) {
+    return err(
+      'The "future.unstable_viteEnvironmentApi" flag has been stabilized as "future.v8_viteEnvironmentApi"'
+    );
+  }
   let future = {
-    v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
-    unstable_splitRouteModules: userAndPresetConfigs.future?.unstable_splitRouteModules ?? false,
     unstable_subResourceIntegrity: userAndPresetConfigs.future?.unstable_subResourceIntegrity ?? false,
-    unstable_viteEnvironmentApi: userAndPresetConfigs.future?.unstable_viteEnvironmentApi ?? false
+    v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
+    v8_splitRouteModules: userAndPresetConfigs.future?.v8_splitRouteModules ?? false,
+    v8_viteEnvironmentApi: userAndPresetConfigs.future?.v8_viteEnvironmentApi ?? false
   };
   let reactRouterConfig = deepFreeze({
     appDirectory,
@@ -786,7 +796,7 @@ var cloudflareDevProxyVitePlugin = (options = {}) => {
       };
     },
     configEnvironment: async (name, options2) => {
-      if (!future.unstable_viteEnvironmentApi) {
+      if (!future.v8_viteEnvironmentApi) {
         return;
       }
       if (name !== "client") {

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-303421afa
+ * @react-router/dev v0.0.0-experimental-bfc808d6c
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -191,7 +191,6 @@ async function createContext({
 var import_pathe3 = __toESM(require("pathe"));
 var import_chokidar = __toESM(require("chokidar"));
 var import_picocolors = __toESM(require("picocolors"));
-var import_pkg_types = require("pkg-types");
 var import_pick2 = __toESM(require("lodash/pick"));
 var import_omit = __toESM(require("lodash/omit"));
 var import_cloneDeep = __toESM(require("lodash/cloneDeep"));
@@ -549,12 +548,23 @@ async function resolveConfig({
       );
     }
   }
+  let futureConfig = userAndPresetConfigs.future;
+  if (futureConfig?.unstable_splitRouteModules !== void 0) {
+    return err(
+      'The "future.unstable_splitRouteModules" flag has been stabilized as "future.v8_splitRouteModules"'
+    );
+  }
+  if (futureConfig?.unstable_viteEnvironmentApi !== void 0) {
+    return err(
+      'The "future.unstable_viteEnvironmentApi" flag has been stabilized as "future.v8_viteEnvironmentApi"'
+    );
+  }
   let future = {
-    v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
     unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false,
-    unstable_splitRouteModules: userAndPresetConfigs.future?.unstable_splitRouteModules ?? false,
     unstable_subResourceIntegrity: userAndPresetConfigs.future?.unstable_subResourceIntegrity ?? false,
-    unstable_viteEnvironmentApi: userAndPresetConfigs.future?.unstable_viteEnvironmentApi ?? false
+    v8_middleware: userAndPresetConfigs.future?.v8_middleware ?? false,
+    v8_splitRouteModules: userAndPresetConfigs.future?.v8_splitRouteModules ?? false,
+    v8_viteEnvironmentApi: userAndPresetConfigs.future?.v8_viteEnvironmentApi ?? false
   };
   let reactRouterConfig = deepFreeze({
     appDirectory,
@@ -735,8 +745,9 @@ async function resolveEntryFiles({
         `Could not find package.json in ${rootDirectory} or any of its parent directories. Please add a package.json, or provide a custom entry.server.tsx/jsx file in your app directory.`
       );
     }
+    let { readPackageJSON, sortPackage, updatePackage } = await import("pkg-types");
     let packageJsonDirectory = import_pathe3.default.dirname(packageJsonPath);
-    let pkgJson = await (0, import_pkg_types.readPackageJSON)(packageJsonDirectory);
+    let pkgJson = await readPackageJSON(packageJsonDirectory);
     let deps = pkgJson.dependencies ?? {};
     if (!deps["@react-router/node"]) {
       throw new Error(
@@ -747,10 +758,10 @@ async function resolveEntryFiles({
       console.log(
         "adding `isbot@5` to your package.json, you should commit this change"
       );
-      await (0, import_pkg_types.updatePackage)(packageJsonPath, (pkg) => {
+      await updatePackage(packageJsonPath, (pkg) => {
         pkg.dependencies ??= {};
         pkg.dependencies.isbot = "^5";
-        (0, import_pkg_types.sortPackage)(pkg);
+        sortPackage(pkg);
       });
       let packageManager = detectPackageManager() ?? "npm";
       (0, import_node_child_process.execSync)(`${packageManager} install`, {
@@ -2735,7 +2746,7 @@ var getServerBundleRouteIds = (vitePluginContext, ctx) => {
   if (!ctx.buildManifest) {
     return void 0;
   }
-  let environmentName = ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? vitePluginContext.environment.name : ctx.environmentBuildContext?.name;
+  let environmentName = ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? vitePluginContext.environment.name : ctx.environmentBuildContext?.name;
   if (!environmentName || !isSsrBundleEnvironmentName(environmentName)) {
     return void 0;
   }
@@ -2785,7 +2796,7 @@ var reactRouterVitePlugin = () => {
       }
       return;
     }
-    let injectedPluginContext = !reactRouterConfig.future.unstable_viteEnvironmentApi && viteCommand === "build" ? extractPluginContext(viteUserConfig) : void 0;
+    let injectedPluginContext = !reactRouterConfig.future.v8_viteEnvironmentApi && viteCommand === "build" ? extractPluginContext(viteUserConfig) : void 0;
     let { entryClientFilePath, entryServerFilePath } = await resolveEntryFiles({
       rootDirectory,
       reactRouterConfig
@@ -2879,7 +2890,7 @@ var reactRouterVitePlugin = () => {
         }`;
     }).join(",\n  ")}
       };
-      ${ctx.reactRouterConfig.future.unstable_viteEnvironmentApi && viteCommand === "serve" ? `
+      ${ctx.reactRouterConfig.future.v8_viteEnvironmentApi && viteCommand === "serve" ? `
               export const unstable_getCriticalCss = ({ pathname }) => {
                 return {
                   rel: "stylesheet",
@@ -2957,7 +2968,7 @@ var reactRouterVitePlugin = () => {
       viteChildCompiler,
       ctx
     );
-    let enforceSplitRouteModules = ctx.reactRouterConfig.future.unstable_splitRouteModules === "enforce";
+    let enforceSplitRouteModules = ctx.reactRouterConfig.future.v8_splitRouteModules === "enforce";
     for (let route of Object.values(ctx.reactRouterConfig.routes)) {
       let routeFile = path6.join(ctx.reactRouterConfig.appDirectory, route.file);
       let sourceExports = routeManifestExports[route.id];
@@ -3069,7 +3080,7 @@ var reactRouterVitePlugin = () => {
       viteChildCompiler,
       ctx
     );
-    let enforceSplitRouteModules = ctx.reactRouterConfig.future.unstable_splitRouteModules === "enforce";
+    let enforceSplitRouteModules = ctx.reactRouterConfig.future.v8_splitRouteModules === "enforce";
     for (let [key, route] of Object.entries(ctx.reactRouterConfig.routes)) {
       let routeFile = route.file;
       let sourceExports = routeManifestExports[key];
@@ -3264,7 +3275,7 @@ var reactRouterVitePlugin = () => {
           // will throw an error that the file is not allowed to be read.
           // https://vitejs.dev/config/server-options#server-fs-allow
           server: viteUserConfig.server?.fs?.allow ? { fs: { allow: defaultEntries } } : void 0,
-          ...ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? {
+          ...ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? {
             environments,
             build: {
               // This isn't honored by the SSR environment config (which seems
@@ -3303,7 +3314,7 @@ var reactRouterVitePlugin = () => {
         };
       },
       configEnvironment(name, options) {
-        if (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi && (ctx.buildManifest?.serverBundles ? isSsrBundleEnvironmentName(name) : name === "ssr")) {
+        if (ctx.reactRouterConfig.future.v8_viteEnvironmentApi && (ctx.buildManifest?.serverBundles ? isSsrBundleEnvironmentName(name) : name === "ssr")) {
           const vite2 = getVite();
           return {
             resolve: {
@@ -3439,7 +3450,7 @@ var reactRouterVitePlugin = () => {
             }
           }
         );
-        if (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi) {
+        if (ctx.reactRouterConfig.future.v8_viteEnvironmentApi) {
           viteDevServer.middlewares.use(async (req, res, next) => {
             let [reqPathname, reqSearch] = (req.url ?? "").split("?");
             if (reqPathname.endsWith("/@react-router/critical.css")) {
@@ -3467,7 +3478,7 @@ var reactRouterVitePlugin = () => {
             viteDevServer.middlewares.use(async (req, res, next) => {
               try {
                 let build;
-                if (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi) {
+                if (ctx.reactRouterConfig.future.v8_viteEnvironmentApi) {
                   let vite2 = getVite();
                   let ssrEnvironment = viteDevServer.environments.ssr;
                   if (!vite2.isRunnableDevEnvironment(ssrEnvironment)) {
@@ -3499,22 +3510,50 @@ var reactRouterVitePlugin = () => {
           }
         };
       },
+      configurePreviewServer(previewServer) {
+        return () => {
+          previewServer.middlewares.use(async (req, res, next) => {
+            try {
+              let serverBuildDirectory = getServerBuildDirectory(
+                ctx.reactRouterConfig
+              );
+              let serverBuildFile = path6.resolve(
+                serverBuildDirectory,
+                "index.js"
+              );
+              let build = await import(url.pathToFileURL(serverBuildFile).href);
+              let handler = (0, import_react_router2.createRequestHandler)(build, "production");
+              let nodeHandler = async (nodeReq, nodeRes) => {
+                let req2 = fromNodeRequest(nodeReq, nodeRes);
+                let res2 = await handler(
+                  req2,
+                  await reactRouterDevLoadContext(req2)
+                );
+                await (0, import_node_fetch_server2.sendResponse)(nodeRes, res2);
+              };
+              await nodeHandler(req, res);
+            } catch (error) {
+              next(error);
+            }
+          });
+        };
+      },
       writeBundle: {
         // After the SSR build is finished, we inspect the Vite manifest for
         // the SSR build and move server-only assets to client assets directory
         async handler() {
           let { future } = ctx.reactRouterConfig;
-          if (future.unstable_viteEnvironmentApi ? this.environment.name === "client" : !viteConfigEnv.isSsrBuild) {
+          if (future.v8_viteEnvironmentApi ? this.environment.name === "client" : !viteConfigEnv.isSsrBuild) {
             return;
           }
           invariant(viteConfig);
           let clientBuildDirectory = getClientBuildDirectory(
             ctx.reactRouterConfig
           );
-          let serverBuildDirectory = future.unstable_viteEnvironmentApi ? this.environment.config?.build?.outDir : ctx.environmentBuildContext?.options.build?.outDir ?? getServerBuildDirectory(ctx.reactRouterConfig);
+          let serverBuildDirectory = future.v8_viteEnvironmentApi ? this.environment.config?.build?.outDir : ctx.environmentBuildContext?.options.build?.outDir ?? getServerBuildDirectory(ctx.reactRouterConfig);
           let ssrViteManifest = await loadViteManifest(serverBuildDirectory);
           let ssrAssetPaths = getViteManifestAssetPaths(ssrViteManifest);
-          let userSsrEmitAssets = (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? viteUserConfig.environments?.ssr?.build?.ssrEmitAssets ?? viteUserConfig.environments?.ssr?.build?.emitAssets : null) ?? viteUserConfig.build?.ssrEmitAssets ?? false;
+          let userSsrEmitAssets = (ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? viteUserConfig.environments?.ssr?.build?.ssrEmitAssets ?? viteUserConfig.environments?.ssr?.build?.emitAssets : null) ?? viteUserConfig.build?.ssrEmitAssets ?? false;
           let movedAssetPaths = [];
           let removedAssetPaths = [];
           let copiedAssetPaths = [];
@@ -3728,7 +3767,7 @@ var reactRouterVitePlugin = () => {
             reason: "Split round modules disabled"
           });
         }
-        let enforceSplitRouteModules = ctx.reactRouterConfig.future.unstable_splitRouteModules === "enforce";
+        let enforceSplitRouteModules = ctx.reactRouterConfig.future.v8_splitRouteModules === "enforce";
         if (enforceSplitRouteModules && chunkName === "main" && chunk) {
           let exportNames = getExportNames(chunk.code);
           validateRouteChunks({
@@ -4640,7 +4679,7 @@ async function detectRouteChunksIfEnabled(cache, ctx, id, input) {
       }
     };
   }
-  if (!ctx.reactRouterConfig.future.unstable_splitRouteModules) {
+  if (!ctx.reactRouterConfig.future.v8_splitRouteModules) {
     return noRouteChunks();
   }
   if (isRootRouteModuleId(ctx, id)) {
@@ -4654,7 +4693,7 @@ async function detectRouteChunksIfEnabled(cache, ctx, id, input) {
   return detectRouteChunks(code, cache, cacheKey);
 }
 async function getRouteChunkIfEnabled(cache, ctx, id, chunkName, input) {
-  if (!ctx.reactRouterConfig.future.unstable_splitRouteModules) {
+  if (!ctx.reactRouterConfig.future.v8_splitRouteModules) {
     return null;
   }
   let code = await resolveRouteFileCode(ctx, input);
@@ -4758,7 +4797,7 @@ async function getBuildManifest({
       if (typeof serverBundleId !== "string") {
         throw new Error(`The "serverBundles" function must return a string`);
       }
-      if (reactRouterConfig.future.unstable_viteEnvironmentApi) {
+      if (reactRouterConfig.future.v8_viteEnvironmentApi) {
         if (!/^[a-zA-Z0-9_]+$/.test(serverBundleId)) {
           throw new Error(
             `The "serverBundles" function must only return strings containing alphanumeric characters and underscores.`
@@ -4846,8 +4885,8 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
     return mergeEnvironmentOptions(getBaseOptions({ viteUserConfig }), {
       resolve: {
         external: (
-          // If `unstable_viteEnvironmentApi` is `true`, `resolve.external` is set in the `configEnvironment` hook
-          ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? void 0 : ssrExternals
+          // If `v8_viteEnvironmentApi` is `true`, `resolve.external` is set in the `configEnvironment` hook
+          ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? void 0 : ssrExternals
         ),
         conditions: [...baseConditions, ...maybeDefaultServerConditions],
         externalConditions: [...baseConditions, ...defaultExternalConditions]
@@ -4862,7 +4901,7 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
         copyPublicDir: false,
         // The client only uses assets in the public directory
         rollupOptions: {
-          input: (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? viteUserConfig.environments?.ssr?.build?.rollupOptions?.input : viteUserConfig.build?.rollupOptions?.input) ?? virtual.serverBuild.id,
+          input: (ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? viteUserConfig.environments?.ssr?.build?.rollupOptions?.input : viteUserConfig.build?.rollupOptions?.input) ?? virtual.serverBuild.id,
           output: {
             entryFileNames: serverBuildFile,
             format: serverModuleFormat
@@ -4887,14 +4926,14 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
                 let code = (0, import_node_fs2.readFileSync)(routeFilePath, "utf-8");
                 return [
                   `${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
-                  ...ctx.reactRouterConfig.future.unstable_splitRouteModules && !isRootRoute ? routeChunkExportNames.map(
+                  ...ctx.reactRouterConfig.future.v8_splitRouteModules && !isRootRoute ? routeChunkExportNames.map(
                     (exportName) => code.includes(exportName) ? getRouteChunkModuleId(routeFilePath, exportName) : null
                   ) : []
                 ].filter(isNonNullable);
               }
             )
           ],
-          output: (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.rollupOptions?.output : viteUserConfig?.build?.rollupOptions?.output) ?? {
+          output: (ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.rollupOptions?.output : viteUserConfig?.build?.rollupOptions?.output) ?? {
             entryFileNames: ({ moduleIds }) => {
               let routeChunkModuleId = moduleIds.find(isRouteChunkModuleId);
               let routeChunkName = routeChunkModuleId ? getRouteChunkNameFromModuleId(routeChunkModuleId)?.replace(
@@ -4902,7 +4941,7 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
                 ""
               ) : null;
               let routeChunkSuffix = routeChunkName ? `-${(0, import_kebabCase.default)(routeChunkName)}` : "";
-              let assetsDir = (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.assetsDir : null) ?? viteUserConfig?.build?.assetsDir ?? "assets";
+              let assetsDir = (ctx.reactRouterConfig.future.v8_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.assetsDir : null) ?? viteUserConfig?.build?.assetsDir ?? "assets";
               return path6.posix.join(
                 assetsDir,
                 `[name]${routeChunkSuffix}-[hash].js`
@@ -5352,12 +5391,12 @@ function reactRouterRSCVitePlugin() {
             if (userConfig.routeDiscovery) errors.push("routeDiscovery");
             if (userConfig.serverBundles) errors.push("serverBundles");
             if (userConfig.ssr === false) errors.push("ssr: false");
-            if (userConfig.future?.unstable_splitRouteModules)
-              errors.push("future.unstable_splitRouteModules");
-            if (userConfig.future?.unstable_viteEnvironmentApi === false)
-              errors.push("future.unstable_viteEnvironmentApi: false");
             if (userConfig.future?.v8_middleware === false)
               errors.push("future.v8_middleware: false");
+            if (userConfig.future?.v8_splitRouteModules)
+              errors.push("future.v8_splitRouteModules");
+            if (userConfig.future?.v8_viteEnvironmentApi === false)
+              errors.push("future.v8_viteEnvironmentApi: false");
             if (userConfig.future?.unstable_subResourceIntegrity)
               errors.push("future.unstable_subResourceIntegrity");
             if (errors.length) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "0.0.0-experimental-303421afa",
+  "version": "0.0.0-experimental-bfc808d6c",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -85,9 +85,9 @@
     "react-refresh": "^0.14.0",
     "semver": "^7.3.7",
     "tinyglobby": "^0.2.14",
-    "valibot": "^1.1.0",
+    "valibot": "^1.2.0",
     "vite-node": "^3.2.2",
-    "@react-router/node": "0.0.0-experimental-303421afa"
+    "@react-router/node": "0.0.0-experimental-bfc808d6c"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -110,16 +110,16 @@
     "vite": "^6.3.0",
     "wireit": "0.14.9",
     "wrangler": "^4.23.0",
-    "react-router": "^0.0.0-experimental-303421afa",
-    "@react-router/serve": "0.0.0-experimental-303421afa"
+    "@react-router/serve": "0.0.0-experimental-bfc808d6c",
+    "react-router": "^0.0.0-experimental-bfc808d6c"
   },
   "peerDependencies": {
     "@vitejs/plugin-rsc": "*",
     "typescript": "^5.1.0",
     "vite": "^5.1.0 || ^6.0.0 || ^7.0.0",
     "wrangler": "^3.28.2 || ^4.0.0",
-    "@react-router/serve": "^0.0.0-experimental-303421afa",
-    "react-router": "^0.0.0-experimental-303421afa"
+    "@react-router/serve": "^0.0.0-experimental-bfc808d6c",
+    "react-router": "^0.0.0-experimental-bfc808d6c"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {