@react-router/dev 0.0.0-experimental-6844c5934 → 0.0.0-experimental-e41ede670

package/CHANGELOG.md

@@ -1,35 +1,5 @@
 # `@react-router/dev`
 
-## 7.1.1
-
-### Patch Changes
-
-- Fix for a crash when optional args are passed to the CLI ([`5b1ca202f`](https://github.com/remix-run/react-router/commit/5b1ca202f77ef342db0109c6b791d33188077cd0))
-- Updated dependencies:
-  - `react-router@7.1.1`
-  - `@react-router/node@7.1.1`
-  - `@react-router/serve@7.1.1`
-
-## 7.1.0
-
-### Minor Changes
-
-- Add support for Vite v6 ([#12469](https://github.com/remix-run/react-router/pull/12469))
-
-### Patch Changes
-
-- Properly initialize `NODE_ENV` if not already set for compatibility with React 19 ([#12578](https://github.com/remix-run/react-router/pull/12578))
-
-- Remove the leftover/unused `abortDelay` prop from `ServerRouter` and update the default `entry.server.tsx` to use the new `streamTimeout` value for Single Fetch ([#12478](https://github.com/remix-run/react-router/pull/12478))
-
-  - The `abortDelay` functionality was removed in v7 as it was coupled to the `defer` implementation from Remix v2, but this removal of this prop was missed
-  - If you were still using this prop in your `entry.server` file, it's likely your app is not aborting streams as you would expect and you will need to adopt the new [`streamTimeout`](https://reactrouter.com/explanation/special-files#streamtimeout) value introduced with Single Fetch
-
-- Updated dependencies:
-  - `react-router@7.1.0`
-  - `@react-router/node@7.1.0`
-  - `@react-router/serve@7.1.0`
-
 ## 7.0.2
 
 ### Patch Changes

package/bin.js

@@ -1,15 +1,2 @@
 #!/usr/bin/env node
-let arg = require("arg");
-
-// Minimal replication of our actual parsing in `run.ts`.  If not already set,
-// default `NODE_ENV` so React loads the proper version in it's CJS entry script.
-// We have to do this before importing `run.ts` since that is what imports
-// `react` (indirectly via `react-router`)
-let args = arg({}, { argv: process.argv.slice(2), stopAtPositional: true });
-if (args._[0] === "dev") {
-  process.env.NODE_ENV = process.env.NODE_ENV ?? "development";
-} else {
-  process.env.NODE_ENV = process.env.NODE_ENV ?? "production";
-}
-
 require("./dist/cli/index");

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-experimental-6844c5934
+ * @react-router/dev v0.0.0-experimental-e41ede670
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -100,11 +100,11 @@ async function createContext(viteConfig = {}) {
   const runner = new import_client.ViteNodeRunner({
     root: devServer.config.root,
     base: devServer.config.base,
-    fetchModule(id) {
-      return server.fetchModule(id);
+    fetchModule(id2) {
+      return server.fetchModule(id2);
     },
-    resolveId(id, importer) {
-      return server.resolveId(id, importer);
+    resolveId(id2, importer) {
+      return server.resolveId(id2, importer);
     }
   });
   return { devServer, server, runner };
@@ -160,24 +160,24 @@ ${message}`
 function configRoutesToRouteManifest(appDirectory, routes2, rootId = "root") {
   let routeManifest = {};
   function walk(route, parentId) {
-    let id = route.id || createRouteId(route.file);
+    let id2 = route.id || createRouteId(route.file);
     let manifestItem = {
-      id,
+      id: id2,
       parentId,
       file: Path.isAbsolute(route.file) ? Path.relative(appDirectory, route.file) : route.file,
       path: route.path,
       index: route.index,
       caseSensitive: route.caseSensitive
     };
-    if (routeManifest.hasOwnProperty(id)) {
+    if (routeManifest.hasOwnProperty(id2)) {
       throw new Error(
-        `Unable to define routes with duplicate route id: "${id}"`
+        `Unable to define routes with duplicate route id: "${id2}"`
       );
     }
-    routeManifest[id] = manifestItem;
+    routeManifest[id2] = manifestItem;
     if (route.children) {
       for (let child of route.children) {
-        walk(child, id);
+        walk(child, id2);
       }
     }
   }
@@ -636,6 +636,10 @@ function generate(ctx, route) {
       export type HeadersArgs = T.HeadersArgs
       export type HeadersFunction = (args: HeadersArgs) => Headers | HeadersInit
 
+      export type MiddlewareArgs = T.CreateServerMiddlewareArgs<Info>
+      export type MiddlewareNextFunction = T.ServerMiddlewareNextFunction
+      export type ClientMiddlewareArgs = T.CreateClientMiddlewareArgs<Info>
+      export type ClientMiddlewareNextFunction = T.ClientMiddlewareNextFunction
       export type LoaderArgs = T.CreateServerLoaderArgs<Info>
       export type ClientLoaderArgs = T.CreateClientLoaderArgs<Info>
       export type ActionArgs = T.CreateServerActionArgs<Info>
@@ -808,24 +812,17 @@ var init_styles = __esm({
     path3 = __toESM(require("path"));
     import_react_router = require("react-router");
     init_resolve_file_url();
-    init_import_vite_esm_sync();
     cssFileRegExp = /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;
     cssModulesRegExp = new RegExp(`\\.module${cssFileRegExp.source}`);
   }
 });
 
-// vite/virtual-module.ts
-function create(name) {
-  let id = `virtual:react-router/${name}`;
-  return {
-    id,
-    resolvedId: `\0${id}`,
-    url: `/@id/__x00__${id}`
-  };
-}
-var init_virtual_module = __esm({
-  "vite/virtual-module.ts"() {
+// vite/vmod.ts
+var id;
+var init_vmod = __esm({
+  "vite/vmod.ts"() {
     "use strict";
+    id = (name) => `virtual:react-router/${name}`;
   }
 });
 
@@ -847,14 +844,14 @@ var init_remove_exports = __esm({
 });
 
 // vite/with-props.ts
-var import_dedent2, vmod;
+var import_dedent2, vmodId;
 var init_with_props = __esm({
   "vite/with-props.ts"() {
     "use strict";
     import_dedent2 = __toESM(require("dedent"));
     init_babel();
-    init_virtual_module();
-    vmod = create("with-props");
+    init_vmod();
+    vmodId = id("with-props");
   }
 });
 
@@ -919,7 +916,7 @@ function findConfig(dir, basename2, extensions) {
   }
   return void 0;
 }
-var import_node_crypto, path4, url, fse, babel, import_react_router2, import_es_module_lexer, import_jsesc, import_picocolors3, virtualHmrRuntime, virtualInjectHmrRuntime, virtual, getServerBuildDirectory, defaultEntriesDir, defaultEntries, REACT_REFRESH_HEADER, REACT_REFRESH_FOOTER;
+var import_node_crypto, path4, url, fse, babel, import_react_router2, import_es_module_lexer, import_jsesc, import_picocolors3, serverBuildId, serverManifestId, browserManifestId, hmrRuntimeId, injectHmrRuntimeId, getServerBuildDirectory, defaultEntriesDir, defaultEntries, REACT_REFRESH_HEADER, REACT_REFRESH_FOOTER;
 var init_plugin = __esm({
   "vite/plugin.ts"() {
     "use strict";
@@ -937,20 +934,18 @@ var init_plugin = __esm({
     init_babel();
     init_node_adapter();
     init_styles();
-    init_virtual_module();
+    init_vmod();
     init_resolve_file_url();
     init_combine_urls();
     init_remove_exports();
     init_import_vite_esm_sync();
     init_config();
     init_with_props();
-    virtualHmrRuntime = create("hmr-runtime");
-    virtualInjectHmrRuntime = create("inject-hmr-runtime");
-    virtual = {
-      serverBuild: create("server-build"),
-      serverManifest: create("server-manifest"),
-      browserManifest: create("browser-manifest")
-    };
+    serverBuildId = id("server-build");
+    serverManifestId = id("server-manifest");
+    browserManifestId = id("browser-manifest");
+    hmrRuntimeId = id("hmr-runtime");
+    injectHmrRuntimeId = id("inject-hmr-runtime");
     getServerBuildDirectory = (ctx) => path4.join(
       ctx.reactRouterConfig.buildDirectory,
       "server",
@@ -965,7 +960,7 @@ var init_plugin = __esm({
     defaultEntries = fse.readdirSync(defaultEntriesDir).map((filename3) => path4.join(defaultEntriesDir, filename3));
     invariant(defaultEntries.length > 0, "No default entries found");
     REACT_REFRESH_HEADER = `
-import RefreshRuntime from "${virtualHmrRuntime.id}";
+import RefreshRuntime from "${hmrRuntimeId}";
 
 const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;
 let prevRefreshReg;
@@ -1048,8 +1043,8 @@ __export(build_exports, {
 });
 function getAddressableRoutes(routes2) {
   let nonAddressableIds = /* @__PURE__ */ new Set();
-  for (let id in routes2) {
-    let route = routes2[id];
+  for (let id2 in routes2) {
+    let route = routes2[id2];
     if (route.index) {
       invariant(
         route.parentId,
@@ -1058,7 +1053,7 @@ function getAddressableRoutes(routes2) {
       nonAddressableIds.add(route.parentId);
     }
     if (typeof route.path !== "string" && !route.index) {
-      nonAddressableIds.add(id);
+      nonAddressableIds.add(id2);
     }
   }
   return Object.values(routes2).filter(
@@ -1089,12 +1084,12 @@ async function getServerBuilds(ctx) {
   let { normalizePath } = await import("vite");
   let resolvedAppDirectory = import_node_path2.default.resolve(rootDirectory, appDirectory);
   let rootRelativeRoutes = Object.fromEntries(
-    Object.entries(routes2).map(([id, route]) => {
+    Object.entries(routes2).map(([id2, route]) => {
       let filePath = import_node_path2.default.join(resolvedAppDirectory, route.file);
       let rootRelativeFilePath = normalizePath(
         import_node_path2.default.relative(rootDirectory, filePath)
       );
-      return [id, { ...route, file: rootRelativeFilePath }];
+      return [id2, { ...route, file: rootRelativeFilePath }];
     })
   );
   let buildManifest = {

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-6844c5934
+ * @react-router/dev v0.0.0-experimental-e41ede670
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-6844c5934
+ * @react-router/dev v0.0.0-experimental-e41ede670
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-6844c5934
+ * @react-router/dev v0.0.0-experimental-e41ede670
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-6844c5934
+ * @react-router/dev v0.0.0-experimental-e41ede670
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -47,7 +47,7 @@ module.exports = __toCommonJS(vite_exports);
 // vite/plugin.ts
 var import_node_crypto = require("crypto");
 var path4 = __toESM(require("path"));
-var url = __toESM(require("url"));
+var url2 = __toESM(require("url"));
 var fse = __toESM(require("fs-extra"));
 var babel = __toESM(require("@babel/core"));
 var import_react_router2 = require("react-router");
@@ -119,11 +119,11 @@ async function createContext(viteConfig = {}) {
   const runner = new import_client.ViteNodeRunner({
     root: devServer.config.root,
     base: devServer.config.base,
-    fetchModule(id) {
-      return server.fetchModule(id);
+    fetchModule(id2) {
+      return server.fetchModule(id2);
     },
-    resolveId(id, importer) {
-      return server.resolveId(id, importer);
+    resolveId(id2, importer) {
+      return server.resolveId(id2, importer);
     }
   });
   return { devServer, server, runner };
@@ -195,24 +195,24 @@ ${message}`
 function configRoutesToRouteManifest(appDirectory, routes, rootId = "root") {
   let routeManifest = {};
   function walk(route, parentId) {
-    let id = route.id || createRouteId(route.file);
+    let id2 = route.id || createRouteId(route.file);
     let manifestItem = {
-      id,
+      id: id2,
       parentId,
       file: Path.isAbsolute(route.file) ? Path.relative(appDirectory, route.file) : route.file,
       path: route.path,
       index: route.index,
       caseSensitive: route.caseSensitive
     };
-    if (routeManifest.hasOwnProperty(id)) {
+    if (routeManifest.hasOwnProperty(id2)) {
       throw new Error(
-        `Unable to define routes with duplicate route id: "${id}"`
+        `Unable to define routes with duplicate route id: "${id2}"`
       );
     }
-    routeManifest[id] = manifestItem;
+    routeManifest[id2] = manifestItem;
     if (route.children) {
       for (let child of route.children) {
-        walk(child, id);
+        walk(child, id2);
       }
     }
   }
@@ -677,6 +677,10 @@ function generate(ctx, route) {
       export type HeadersArgs = T.HeadersArgs
       export type HeadersFunction = (args: HeadersArgs) => Headers | HeadersInit
 
+      export type MiddlewareArgs = T.CreateServerMiddlewareArgs<Info>
+      export type MiddlewareNextFunction = T.ServerMiddlewareNextFunction
+      export type ClientMiddlewareArgs = T.CreateClientMiddlewareArgs<Info>
+      export type ClientMiddlewareNextFunction = T.ClientMiddlewareNextFunction
       export type LoaderArgs = T.CreateServerLoaderArgs<Info>
       export type ClientLoaderArgs = T.CreateClientLoaderArgs<Info>
       export type ActionArgs = T.CreateServerActionArgs<Info>
@@ -812,7 +816,7 @@ function fromNodeRequest(nodeReq, nodeRes) {
     nodeReq.originalUrl,
     "Expected `nodeReq.originalUrl` to be defined"
   );
-  let url2 = new URL(nodeReq.originalUrl, origin);
+  let url3 = new URL(nodeReq.originalUrl, origin);
   let controller = new AbortController();
   let init = {
     method: nodeReq.method,
@@ -825,7 +829,7 @@ function fromNodeRequest(nodeReq, nodeRes) {
     init.body = (0, import_node.createReadableStreamFromReadable)(nodeReq);
     init.duplex = "half";
   }
-  return new Request(url2.href, init);
+  return new Request(url3.href, init);
 }
 async function toNodeRequest(res, nodeRes) {
   nodeRes.statusCode = res.status;
@@ -871,8 +875,8 @@ var cssModulesRegExp = new RegExp(`\\.module${cssFileRegExp.source}`);
 var isCssFile = (file) => cssFileRegExp.test(file);
 var isCssModulesFile = (file) => cssModulesRegExp.test(file);
 var cssUrlParamsWithoutSideEffects = ["url", "inline", "raw", "inline-css"];
-var isCssUrlWithoutSideEffects = (url2) => {
-  let queryString = url2.split("?")[1];
+var isCssUrlWithoutSideEffects = (url3) => {
+  let queryString = url3.split("?")[1];
   if (!queryString) {
     return false;
   }
@@ -880,22 +884,19 @@ var isCssUrlWithoutSideEffects = (url2) => {
   for (let paramWithoutSideEffects of cssUrlParamsWithoutSideEffects) {
     if (
       // Parameter is blank and not explicitly set, i.e. "?url", not "?url="
-      params.get(paramWithoutSideEffects) === "" && !url2.includes(`?${paramWithoutSideEffects}=`) && !url2.includes(`&${paramWithoutSideEffects}=`)
+      params.get(paramWithoutSideEffects) === "" && !url3.includes(`?${paramWithoutSideEffects}=`) && !url3.includes(`&${paramWithoutSideEffects}=`)
     ) {
       return true;
     }
   }
   return false;
 };
-var injectQuery = (url2, query) => url2.includes("?") ? url2.replace("?", `?${query}&`) : `${url2}?${query}`;
 var getStylesForFiles = async ({
   viteDevServer,
   rootDirectory,
   cssModulesManifest,
   files
 }) => {
-  let vite2 = importViteEsmSync();
-  let viteMajor = parseInt(vite2.version.split(".")[0], 10);
   let styles = {};
   let deps = /* @__PURE__ */ new Set();
   try {
@@ -924,15 +925,7 @@ var getStylesForFiles = async ({
   for (let dep of deps) {
     if (dep.file && isCssFile(dep.file) && !isCssUrlWithoutSideEffects(dep.url)) {
       try {
-        let css = isCssModulesFile(dep.file) ? cssModulesManifest[dep.file] : (await viteDevServer.ssrLoadModule(
-          // We need the ?inline query in Vite v6 when loading CSS in SSR
-          // since it does not expose the default export for CSS in a
-          // server environment. This is to align with non-SSR
-          // environments. For backwards compatibility with v5 we keep
-          // using the URL without ?inline query because the HMR code was
-          // relying on the implicit SSR-client module graph relationship.
-          viteMajor >= 6 ? injectQuery(dep.url, "inline") : dep.url
-        )).default;
+        let css = isCssModulesFile(dep.file) ? cssModulesManifest[dep.file] : (await viteDevServer.ssrLoadModule(dep.url)).default;
         if (css === void 0) {
           throw new Error();
         }
@@ -956,8 +949,8 @@ var findDeps = async (vite2, node, deps) => {
       await findDeps(vite2, node2, deps);
     }
   }
-  async function addFromUrl(url2) {
-    let node2 = await vite2.moduleGraph.getModuleByUrl(url2);
+  async function addFromUrl(url3) {
+    let node2 = await vite2.moduleGraph.getModuleByUrl(url3);
     if (node2) {
       await addFromNode(node2);
     }
@@ -965,7 +958,7 @@ var findDeps = async (vite2, node, deps) => {
   if (node.ssrTransformResult) {
     if (node.ssrTransformResult.deps) {
       node.ssrTransformResult.deps.forEach(
-        (url2) => branches.push(addFromUrl(url2))
+        (url3) => branches.push(addFromUrl(url3))
       );
     }
   } else {
@@ -999,14 +992,14 @@ var getStylesForUrl = async ({
   entryClientFilePath,
   cssModulesManifest,
   build,
-  url: url2
+  url: url3
 }) => {
-  if (url2 === void 0 || url2.includes("?_data=")) {
+  if (url3 === void 0 || url3.includes("?_data=")) {
     return void 0;
   }
   let routes = createRoutes(build.routes);
   let appPath = path3.relative(process.cwd(), reactRouterConfig.appDirectory);
-  let documentRouteFiles = (0, import_react_router.matchRoutes)(routes, url2, build.basename)?.map(
+  let documentRouteFiles = (0, import_react_router.matchRoutes)(routes, url3, build.basename)?.map(
     (match) => path3.resolve(appPath, reactRouterConfig.routes[match.route.id].file)
   ) ?? [];
   let styles = await getStylesForFiles({
@@ -1023,15 +1016,10 @@ var getStylesForUrl = async ({
   return styles;
 };
 
-// vite/virtual-module.ts
-function create(name) {
-  let id = `virtual:react-router/${name}`;
-  return {
-    id,
-    resolvedId: `\0${id}`,
-    url: `/@id/__x00__${id}`
-  };
-}
+// vite/vmod.ts
+var id = (name) => `virtual:react-router/${name}`;
+var resolve3 = (id2) => `\0${id2}`;
+var url = (id2) => `/@id/__x00__${id2}`;
 
 // vite/combine-urls.ts
 function combineURLs(baseURL, relativeURL) {
@@ -1080,14 +1068,14 @@ var removeExports = (ast, exportsToRemove) => {
           }
         }
         if (path5.node.declaration?.type === "FunctionDeclaration") {
-          let id = path5.node.declaration.id;
-          if (id && exportsToRemove.includes(id.name)) {
+          let id2 = path5.node.declaration.id;
+          if (id2 && exportsToRemove.includes(id2.name)) {
             markedForRemoval.add(path5);
           }
         }
         if (path5.node.declaration?.type === "ClassDeclaration") {
-          let id = path5.node.declaration.id;
-          if (id && exportsToRemove.includes(id.name)) {
+          let id2 = path5.node.declaration.id;
+          if (id2 && exportsToRemove.includes(id2.name)) {
             markedForRemoval.add(path5);
           }
         }
@@ -1104,9 +1092,9 @@ var removeExports = (ast, exportsToRemove) => {
     (0, import_babel_dead_code_elimination.deadCodeElimination)(ast, previouslyReferencedIdentifiers);
   }
 };
-function validateDestructuredExports(id, exportsToRemove) {
-  if (id.type === "ArrayPattern") {
-    for (let element of id.elements) {
+function validateDestructuredExports(id2, exportsToRemove) {
+  if (id2.type === "ArrayPattern") {
+    for (let element of id2.elements) {
       if (!element) {
         continue;
       }
@@ -1121,8 +1109,8 @@ function validateDestructuredExports(id, exportsToRemove) {
       }
     }
   }
-  if (id.type === "ObjectPattern") {
-    for (let property of id.properties) {
+  if (id2.type === "ObjectPattern") {
+    for (let property of id2.properties) {
       if (!property) {
         continue;
       }
@@ -1146,16 +1134,16 @@ function invalidDestructureError(name) {
 
 // vite/with-props.ts
 var import_dedent2 = __toESM(require("dedent"));
-var vmod = create("with-props");
+var vmodId = id("with-props");
 var NAMED_COMPONENT_EXPORTS = ["HydrateFallback", "ErrorBoundary"];
 var plugin = {
   name: "react-router-with-props",
   enforce: "pre",
-  resolveId(id) {
-    if (id === vmod.id) return vmod.resolvedId;
+  resolveId(id2) {
+    if (id2 === vmodId) return resolve3(vmodId);
   },
-  async load(id) {
-    if (id !== vmod.resolvedId) return;
+  async load(id2) {
+    if (id2 !== resolve3(vmodId)) return;
     return import_dedent2.default`
       import { createElement as h } from "react";
       import { useActionData, useLoaderData, useMatches, useParams, useRouteError } from "react-router";
@@ -1217,12 +1205,12 @@ var transform = (ast) => {
         const decl = path5.get("declaration");
         if (decl.isVariableDeclaration()) {
           decl.get("declarations").forEach((varDeclarator) => {
-            const id = varDeclarator.get("id");
+            const id2 = varDeclarator.get("id");
             const init = varDeclarator.get("init");
             const expr = init.node;
             if (!expr) return;
-            if (!id.isIdentifier()) return;
-            const { name } = id.node;
+            if (!id2.isIdentifier()) return;
+            const { name } = id2.node;
             if (!NAMED_COMPONENT_EXPORTS.includes(name)) return;
             const uid = getHocUid(path5, `with${name}Props`);
             init.replaceWith(t.callExpression(uid, [expr]));
@@ -1230,9 +1218,9 @@ var transform = (ast) => {
           return;
         }
         if (decl.isFunctionDeclaration()) {
-          const { id } = decl.node;
-          if (!id) return;
-          const { name } = id;
+          const { id: id2 } = decl.node;
+          if (!id2) return;
+          const { name } = id2;
           if (!NAMED_COMPONENT_EXPORTS.includes(name)) return;
           const uid = getHocUid(path5, `with${name}Props`);
           decl.replaceWith(
@@ -1253,7 +1241,7 @@ var transform = (ast) => {
         hocs.map(
           ([name, identifier]) => t.importSpecifier(identifier, t.identifier(name))
         ),
-        t.stringLiteral(vmod.id)
+        t.stringLiteral(vmodId)
       )
     );
   }
@@ -1269,10 +1257,11 @@ function toFunctionExpression(decl) {
 }
 
 // vite/plugin.ts
-var SERVER_ONLY_ROUTE_EXPORTS = ["loader", "action", "headers"];
+var SERVER_ONLY_ROUTE_EXPORTS = ["loader", "action", "middleware", "headers"];
 var CLIENT_ROUTE_EXPORTS = [
   "clientAction",
   "clientLoader",
+  "clientMiddleware",
   "default",
   "ErrorBoundary",
   "handle",
@@ -1282,23 +1271,27 @@ var CLIENT_ROUTE_EXPORTS = [
   "meta",
   "shouldRevalidate"
 ];
-var BUILD_CLIENT_ROUTE_QUERY_STRING = "?__react-router-build-client-route";
-var virtualHmrRuntime = create("hmr-runtime");
-var virtualInjectHmrRuntime = create("inject-hmr-runtime");
+var ROUTE_ENTRY_QUERY_STRING = "?route-entry=1";
+var isRouteEntry = (id2) => {
+  return id2.endsWith(ROUTE_ENTRY_QUERY_STRING);
+};
+var serverBuildId = id("server-build");
+var serverManifestId = id("server-manifest");
+var browserManifestId = id("browser-manifest");
+var hmrRuntimeId = id("hmr-runtime");
+var injectHmrRuntimeId = id("inject-hmr-runtime");
 var resolveRelativeRouteFilePath = (route, reactRouterConfig) => {
   let vite2 = importViteEsmSync();
   let file = route.file;
   let fullPath = path4.resolve(reactRouterConfig.appDirectory, file);
   return vite2.normalizePath(fullPath);
 };
-var virtual = {
-  serverBuild: create("server-build"),
-  serverManifest: create("server-manifest"),
-  browserManifest: create("browser-manifest")
-};
+var vmods = [serverBuildId, serverManifestId, browserManifestId];
 var invalidateVirtualModules = (viteDevServer) => {
-  Object.values(virtual).forEach((vmod2) => {
-    let mod = viteDevServer.moduleGraph.getModuleById(vmod2.resolvedId);
+  vmods.forEach((vmod) => {
+    let mod = viteDevServer.moduleGraph.getModuleById(
+      resolve3(vmod)
+    );
     if (mod) {
       viteDevServer.moduleGraph.invalidateModule(mod);
     }
@@ -1313,7 +1306,7 @@ var resolveChunk = (ctx, viteManifest, absoluteFilePath) => {
   let rootRelativeFilePath = vite2.normalizePath(
     path4.relative(ctx.rootDirectory, absoluteFilePath)
   );
-  let entryChunk = viteManifest[rootRelativeFilePath + BUILD_CLIENT_ROUTE_QUERY_STRING] ?? viteManifest[rootRelativeFilePath];
+  let entryChunk = viteManifest[rootRelativeFilePath + ROUTE_ENTRY_QUERY_STRING] ?? viteManifest[rootRelativeFilePath];
   if (!entryChunk) {
     let knownManifestKeys = Object.keys(viteManifest).map((key) => '"' + key + '"').join(", ");
     throw new Error(
@@ -1386,19 +1379,19 @@ var getRouteModuleExports = async (viteChildCompiler, ctx, routeFile, readRouteF
   let ssr = true;
   let { pluginContainer, moduleGraph } = viteChildCompiler;
   let routePath = path4.resolve(ctx.reactRouterConfig.appDirectory, routeFile);
-  let url2 = resolveFileUrl(ctx, routePath);
+  let url3 = resolveFileUrl(ctx, routePath);
   let resolveId = async () => {
-    let result = await pluginContainer.resolveId(url2, void 0, { ssr });
-    if (!result) throw new Error(`Could not resolve module ID for ${url2}`);
+    let result = await pluginContainer.resolveId(url3, void 0, { ssr });
+    if (!result) throw new Error(`Could not resolve module ID for ${url3}`);
     return result.id;
   };
-  let [id, code] = await Promise.all([
+  let [id2, code] = await Promise.all([
     resolveId(),
     readRouteFile?.() ?? fse.readFile(routePath, "utf-8"),
     // pluginContainer.transform(...) fails if we don't do this first:
-    moduleGraph.ensureEntryFromUrl(url2, ssr)
+    moduleGraph.ensureEntryFromUrl(url3, ssr)
   ]);
-  let transformed = await pluginContainer.transform(code, id, { ssr });
+  let transformed = await pluginContainer.transform(code, id2, { ssr });
   let [, exports2] = (0, import_es_module_lexer.parse)(transformed.code);
   let exportNames = exports2.map((e) => e.n);
   return exportNames;
@@ -1503,12 +1496,10 @@ var reactRouterVitePlugin = () => {
         resolveFileUrl(
           ctx,
           resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
-        )
+        ) + ROUTE_ENTRY_QUERY_STRING
       )};`;
     }).join("\n")}
-      export { default as assets } from ${JSON.stringify(
-      virtual.serverManifest.id
-    )};
+      export { default as assets } from ${JSON.stringify(serverManifestId)};
       export const assetsBuildDirectory = ${JSON.stringify(
       path4.relative(
         ctx.rootDirectory,
@@ -1611,8 +1602,8 @@ var reactRouterVitePlugin = () => {
       viteConfig.build.assetsDir,
       `manifest-${version}.js`
     );
-    let url2 = `${ctx.publicPath}${manifestPath}`;
-    let nonFingerprintedValues = { url: url2, version };
+    let url3 = `${ctx.publicPath}${manifestPath}`;
+    let nonFingerprintedValues = { url: url3, version };
     let reactRouterBrowserManifest = {
       ...fingerprintedValues,
       ...nonFingerprintedValues
@@ -1648,10 +1639,10 @@ var reactRouterVitePlugin = () => {
         caseSensitive: route.caseSensitive,
         module: combineURLs(
           ctx.publicPath,
-          resolveFileUrl(
+          `${resolveFileUrl(
             ctx,
             resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
-          )
+          )}${ROUTE_ENTRY_QUERY_STRING}`
         ),
         hasAction: sourceExports.includes("action"),
         hasLoader: sourceExports.includes("loader"),
@@ -1663,9 +1654,12 @@ var reactRouterVitePlugin = () => {
     }
     return {
       version: String(Math.random()),
-      url: combineURLs(ctx.publicPath, virtual.browserManifest.url),
+      url: combineURLs(ctx.publicPath, url(browserManifestId)),
       hmr: {
-        runtime: combineURLs(ctx.publicPath, virtualInjectHmrRuntime.url)
+        runtime: combineURLs(
+          ctx.publicPath,
+          url(injectHmrRuntimeId)
+        )
       },
       entry: {
         module: combineURLs(
@@ -1802,7 +1796,7 @@ var reactRouterVitePlugin = () => {
                       (route) => `${path4.resolve(
                         ctx.reactRouterConfig.appDirectory,
                         route.file
-                      )}${BUILD_CLIENT_ROUTE_QUERY_STRING}`
+                      )}${ROUTE_ENTRY_QUERY_STRING}`
                     )
                   ]
                 }
@@ -1821,7 +1815,7 @@ var reactRouterVitePlugin = () => {
                 rollupOptions: {
                   ...baseRollupOptions,
                   preserveEntrySignatures: "exports-only",
-                  input: viteUserConfig.build?.rollupOptions?.input ?? virtual.serverBuild.id,
+                  input: viteUserConfig.build?.rollupOptions?.input ?? serverBuildId,
                   output: {
                     entryFileNames: ctx.reactRouterConfig.serverBuildFile,
                     format: ctx.reactRouterConfig.serverModuleFormat
@@ -1884,15 +1878,15 @@ var reactRouterVitePlugin = () => {
           envFile: false,
           plugins: [
             ...(childCompilerConfigFile.config.plugins ?? []).flat().filter(
-              (plugin2) => typeof plugin2 === "object" && plugin2 !== null && "name" in plugin2 && plugin2.name !== "react-router" && plugin2.name !== "react-router:route-exports" && plugin2.name !== "react-router:hmr-updates"
+              (plugin2) => typeof plugin2 === "object" && plugin2 !== null && "name" in plugin2 && plugin2.name !== "react-router" && plugin2.name !== "react-router-route-exports" && plugin2.name !== "react-router-hmr-updates"
             )
           ]
         });
         await viteChildCompiler.pluginContainer.buildStart({});
       },
-      async transform(code, id) {
-        if (isCssModulesFile(id)) {
-          cssModulesManifest[id] = code;
+      async transform(code, id2) {
+        if (isCssModulesFile(id2)) {
+          cssModulesManifest[id2] = code;
         }
       },
       buildStart() {
@@ -1916,7 +1910,7 @@ var reactRouterVitePlugin = () => {
         (0, import_react_router2.unstable_setDevServerHooks)({
           // Give the request handler access to the critical CSS in dev to avoid a
           // flash of unstyled content since Vite injects CSS file contents via JS
-          getCriticalCss: async (build, url2) => {
+          getCriticalCss: async (build, url3) => {
             return getStylesForUrl({
               rootDirectory: ctx.rootDirectory,
               entryClientFilePath: ctx.entryClientFilePath,
@@ -1924,7 +1918,7 @@ var reactRouterVitePlugin = () => {
               viteDevServer,
               cssModulesManifest,
               build,
-              url: url2
+              url: url3
             });
           },
           // If an error is caught within the request handler, let Vite fix the
@@ -1972,7 +1966,7 @@ var reactRouterVitePlugin = () => {
             viteDevServer.middlewares.use(async (req, res, next) => {
               try {
                 let build = await viteDevServer.ssrLoadModule(
-                  virtual.serverBuild.id
+                  serverBuildId
                 );
                 let handler = (0, import_react_router2.createRequestHandler)(build, "development");
                 let nodeHandler = async (nodeReq, nodeRes) => {
@@ -2072,11 +2066,11 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router:build-client-route",
+      name: "react-router-route-entry",
       enforce: "pre",
-      async transform(_code, id, options) {
-        if (!id.endsWith(BUILD_CLIENT_ROUTE_QUERY_STRING)) return;
-        let routeModuleId = id.replace(BUILD_CLIENT_ROUTE_QUERY_STRING, "");
+      async transform(_code, id2, options) {
+        if (!isRouteEntry(id2)) return;
+        let routeModuleId = id2.replace(ROUTE_ENTRY_QUERY_STRING, "");
         let routeFileName = path4.basename(routeModuleId);
         let sourceExports = await getRouteModuleExports(
           viteChildCompiler,
@@ -2090,24 +2084,23 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router:virtual-modules",
+      name: "react-router-virtual-modules",
       enforce: "pre",
-      resolveId(id) {
-        const vmod2 = Object.values(virtual).find((vmod3) => vmod3.id === id);
-        if (vmod2) return vmod2.resolvedId;
+      resolveId(id2) {
+        if (vmods.includes(id2)) return resolve3(id2);
       },
-      async load(id) {
-        switch (id) {
-          case virtual.serverBuild.resolvedId: {
+      async load(id2) {
+        switch (id2) {
+          case resolve3(serverBuildId): {
             return await getServerEntry();
           }
-          case virtual.serverManifest.resolvedId: {
+          case resolve3(serverManifestId): {
             let reactRouterManifest = ctx.isSsrBuild ? await ctx.getReactRouterServerManifest() : await getReactRouterManifestForDev();
             return `export default ${(0, import_jsesc.default)(reactRouterManifest, {
               es6: true
             })};`;
           }
-          case virtual.browserManifest.resolvedId: {
+          case resolve3(browserManifestId): {
             if (viteCommand === "build") {
               throw new Error("This module only exists in development");
             }
@@ -2121,15 +2114,15 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router:dot-server",
+      name: "react-router-dot-server",
       enforce: "pre",
-      async resolveId(id, importer, options) {
+      async resolveId(id2, importer, options) {
         let isOptimizeDeps = viteCommand === "serve" && options?.scan === true;
         if (isOptimizeDeps || options?.ssr) return;
-        let isResolving = options?.custom?.["react-router:dot-server"] ?? false;
+        let isResolving = options?.custom?.["react-router-dot-server"] ?? false;
         if (isResolving) return;
-        options.custom = { ...options.custom, "react-router:dot-server": true };
-        let resolved = await this.resolve(id, importer, options);
+        options.custom = { ...options.custom, "react-router-dot-server": true };
+        let resolved = await this.resolve(id2, importer, options);
         if (!resolved) return;
         let serverFileRE = /\.server(\.[cm]?[jt]sx?)?$/;
         let serverDirRE = /\/\.server\//;
@@ -2152,12 +2145,12 @@ var reactRouterVitePlugin = () => {
             [
               import_picocolors3.default.red(`Server-only module referenced by client`),
               "",
-              `    '${id}' imported by route '${importerShort}'`,
+              `    '${id2}' imported by route '${importerShort}'`,
               "",
               `  React Router automatically removes server-code from these exports:`,
               `    ${serverOnlyExports}`,
               "",
-              `  But other route exports in '${importerShort}' depend on '${id}'.`,
+              `  But other route exports in '${importerShort}' depend on '${id2}'.`,
               "",
               "  See https://remix.run/docs/en/main/guides/vite#splitting-up-client-and-server-code",
               ""
@@ -2168,7 +2161,7 @@ var reactRouterVitePlugin = () => {
           [
             import_picocolors3.default.red(`Server-only module referenced by client`),
             "",
-            `    '${id}' imported by '${importerShort}'`,
+            `    '${id2}' imported by '${importerShort}'`,
             "",
             "  See https://remix.run/docs/en/main/guides/vite#splitting-up-client-and-server-code",
             ""
@@ -2177,12 +2170,12 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router:dot-client",
-      async transform(code, id, options) {
+      name: "react-router-dot-client",
+      async transform(code, id2, options) {
         if (!options?.ssr) return;
         let clientFileRE = /\.client(\.[cm]?[jt]sx?)?$/;
         let clientDirRE = /\/\.client\//;
-        if (clientFileRE.test(id) || clientDirRE.test(id)) {
+        if (clientFileRE.test(id2) || clientDirRE.test(id2)) {
           let exports2 = (0, import_es_module_lexer.parse)(code)[1];
           return {
             code: exports2.map(
@@ -2195,9 +2188,9 @@ var reactRouterVitePlugin = () => {
     },
     plugin,
     {
-      name: "react-router:route-exports",
-      async transform(code, id, options) {
-        let route = getRoute(ctx.reactRouterConfig, id);
+      name: "react-router-route-exports",
+      async transform(code, id2, options) {
+        let route = getRoute(ctx.reactRouterConfig, id2);
         if (!route) return;
         if (!options?.ssr && !ctx.reactRouterConfig.ssr) {
           let serverOnlyExports = (0, import_es_module_lexer.parse)(code)[1].map((exp) => exp.n).filter((exp) => SERVER_ONLY_ROUTE_EXPORTS.includes(exp));
@@ -2214,7 +2207,7 @@ var reactRouterVitePlugin = () => {
             }
           }
         }
-        let [filepath] = id.split("?");
+        let [filepath] = id2.split("?");
         let ast = (0, import_parser.parse)(code, { sourceType: "module" });
         if (!options?.ssr) {
           removeExports(ast, SERVER_ONLY_ROUTE_EXPORTS);
@@ -2222,23 +2215,22 @@ var reactRouterVitePlugin = () => {
         transform(ast);
         return generate2(ast, {
           sourceMaps: true,
-          filename: id,
+          filename: id2,
           sourceFileName: filepath
         });
       }
     },
     {
-      name: "react-router:inject-hmr-runtime",
+      name: "react-router-inject-hmr-runtime",
       enforce: "pre",
-      resolveId(id) {
-        if (id === virtualInjectHmrRuntime.id) {
-          return virtualInjectHmrRuntime.resolvedId;
-        }
+      resolveId(id2) {
+        if (id2 === injectHmrRuntimeId)
+          return resolve3(injectHmrRuntimeId);
       },
-      async load(id) {
-        if (id !== virtualInjectHmrRuntime.resolvedId) return;
+      async load(id2) {
+        if (id2 !== resolve3(injectHmrRuntimeId)) return;
         return [
-          `import RefreshRuntime from "${virtualHmrRuntime.id}"`,
+          `import RefreshRuntime from "${hmrRuntimeId}"`,
           "RefreshRuntime.injectIntoGlobalHook(window)",
           "window.$RefreshReg$ = () => {}",
           "window.$RefreshSig$ = () => (type) => type",
@@ -2247,13 +2239,13 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router:hmr-runtime",
+      name: "react-router-hmr-runtime",
       enforce: "pre",
-      resolveId(id) {
-        if (id === virtualHmrRuntime.id) return virtualHmrRuntime.resolvedId;
+      resolveId(id2) {
+        if (id2 === hmrRuntimeId) return resolve3(hmrRuntimeId);
       },
-      async load(id) {
-        if (id !== virtualHmrRuntime.resolvedId) return;
+      async load(id2) {
+        if (id2 !== resolve3(hmrRuntimeId)) return;
         let reactRefreshDir = path4.dirname(
           require.resolve("react-refresh/package.json")
         );
@@ -2273,11 +2265,11 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router:react-refresh-babel",
-      async transform(code, id, options) {
+      name: "react-router-react-refresh-babel",
+      async transform(code, id2, options) {
         if (viteCommand !== "serve") return;
-        if (id.includes("/node_modules/")) return;
-        let [filepath] = id.split("?");
+        if (id2.includes("/node_modules/")) return;
+        let [filepath] = id2.split("?");
         let extensionsRE = /\.(jsx?|tsx?|mdx?)$/;
         if (!extensionsRE.test(filepath)) return;
         let devRuntime = "react/jsx-dev-runtime";
@@ -2285,10 +2277,13 @@ var reactRouterVitePlugin = () => {
         let isJSX = filepath.endsWith("x");
         let useFastRefresh = !ssr && (isJSX || code.includes(devRuntime));
         if (!useFastRefresh) return;
+        if (isRouteEntry(id2)) {
+          return { code: addRefreshWrapper(ctx.reactRouterConfig, code, id2) };
+        }
         let result = await babel.transformAsync(code, {
           babelrc: false,
           configFile: false,
-          filename: id,
+          filename: id2,
           sourceFileName: filepath,
           parserOpts: {
             sourceType: "module",
@@ -2301,18 +2296,18 @@ var reactRouterVitePlugin = () => {
         code = result.code;
         let refreshContentRE = /\$Refresh(?:Reg|Sig)\$\(/;
         if (refreshContentRE.test(code)) {
-          code = addRefreshWrapper(ctx.reactRouterConfig, code, id);
+          code = addRefreshWrapper(ctx.reactRouterConfig, code, id2);
         }
         return { code, map: result.map };
       }
     },
     {
-      name: "react-router:hmr-updates",
+      name: "react-router-hmr-updates",
       async handleHotUpdate({ server, file, modules, read }) {
         let route = getRoute(ctx.reactRouterConfig, file);
         let hmrEventData = { route: null };
         if (route) {
-          let serverManifest = (await server.ssrLoadModule(virtual.serverManifest.id)).default;
+          let serverManifest = (await server.ssrLoadModule(serverManifestId)).default;
           let oldRouteMetadata = serverManifest.routes[route.id];
           let newRouteMetadata = await getRouteMetadata(
             ctx,
@@ -2338,60 +2333,15 @@ var reactRouterVitePlugin = () => {
         });
         return modules;
       }
-    },
-    {
-      name: "react-router-server-change-trigger-client-hmr",
-      // This hook is only available in Vite v6+ so this is a no-op in v5.
-      // Previously the server and client modules were shared in a single module
-      // graph. This meant that changes to server code automatically resulted in
-      // client HMR updates. In Vite v6+ these module graphs are separate from
-      // each other so we need to manually trigger client HMR updates if server
-      // code has changed.
-      hotUpdate({ server, modules }) {
-        if (this.environment.name !== "ssr" && modules.length <= 0) {
-          return;
-        }
-        let clientModules = uniqueNodes(
-          modules.flatMap(
-            (mod) => getParentClientNodes(server.environments.client.moduleGraph, mod)
-          )
-        );
-        for (let clientModule of clientModules) {
-          server.environments.client.reloadModule(clientModule);
-        }
-      }
     }
   ];
 };
-function getParentClientNodes(clientModuleGraph, module2) {
-  if (!module2.id) {
-    return [];
-  }
-  let clientModule = clientModuleGraph.getModuleById(module2.id);
-  if (clientModule) {
-    return [clientModule];
-  }
-  return [...module2.importers].flatMap(
-    (importer) => getParentClientNodes(clientModuleGraph, importer)
-  );
-}
-function uniqueNodes(nodes) {
-  let nodeUrls = /* @__PURE__ */ new Set();
-  let unique = [];
-  for (let node of nodes) {
-    if (nodeUrls.has(node.url)) {
-      continue;
-    }
-    nodeUrls.add(node.url);
-    unique.push(node);
-  }
-  return unique;
-}
-function addRefreshWrapper(reactRouterConfig, code, id) {
-  let route = getRoute(reactRouterConfig, id);
-  let acceptExports = route ? [
+function addRefreshWrapper(reactRouterConfig, code, id2) {
+  let route = getRoute(reactRouterConfig, id2);
+  let acceptExports = route || isRouteEntry(id2) ? [
     "clientAction",
     "clientLoader",
+    "clientMiddleware",
     "handle",
     "meta",
     "links",
@@ -2399,10 +2349,10 @@ function addRefreshWrapper(reactRouterConfig, code, id) {
   ] : [];
   return "\n\n" + withCommentBoundaries(
     "REACT REFRESH HEADER",
-    REACT_REFRESH_HEADER.replaceAll("__SOURCE__", JSON.stringify(id))
+    REACT_REFRESH_HEADER.replaceAll("__SOURCE__", JSON.stringify(id2))
   ) + "\n\n" + withCommentBoundaries("REACT REFRESH BODY", code) + "\n\n" + withCommentBoundaries(
     "REACT REFRESH FOOTER",
-    REACT_REFRESH_FOOTER.replaceAll("__SOURCE__", JSON.stringify(id)).replaceAll("__ACCEPT_EXPORTS__", JSON.stringify(acceptExports)).replaceAll("__ROUTE_ID__", JSON.stringify(route?.id))
+    REACT_REFRESH_FOOTER.replaceAll("__SOURCE__", JSON.stringify(id2)).replaceAll("__ACCEPT_EXPORTS__", JSON.stringify(acceptExports)).replaceAll("__ROUTE_ID__", JSON.stringify(route?.id))
   ) + "\n";
 }
 function withCommentBoundaries(label, text) {
@@ -2415,7 +2365,7 @@ ${text}
 ${end}`;
 }
 var REACT_REFRESH_HEADER = `
-import RefreshRuntime from "${virtualHmrRuntime.id}";
+import RefreshRuntime from "${hmrRuntimeId}";
 
 const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;
 let prevRefreshReg;
@@ -2501,7 +2451,7 @@ async function getPrerenderBuildAndHandler(viteConfig, reactRouterConfig, server
     serverBuildDirectory,
     reactRouterConfig.serverBuildFile
   );
-  let build = await import(url.pathToFileURL(serverBuildPath).toString());
+  let build = await import(url2.pathToFileURL(serverBuildPath).toString());
   let { createRequestHandler: createHandler } = await import("react-router");
   return {
     build,
@@ -2724,6 +2674,8 @@ function createPrerenderRoutes(manifest, parentId = "", routesByParentId = group
       loader: route.module.loader ? () => null : void 0,
       action: void 0,
       handle: route.module.handle
+      // middleware is not necessary here since we just need to know which
+      // routes have loaders so we know what paths to prerender
     };
     return route.index ? {
       index: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "0.0.0-experimental-6844c5934",
+  "version": "0.0.0-experimental-e41ede670",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -80,8 +80,8 @@
     "semver": "^7.3.7",
     "set-cookie-parser": "^2.6.0",
     "valibot": "^0.41.0",
-    "vite-node": "3.0.0-beta.2",
-    "@react-router/node": "0.0.0-experimental-6844c5934"
+    "vite-node": "^1.6.0",
+    "@react-router/node": "0.0.0-experimental-e41ede670"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -93,7 +93,7 @@
     "@types/gunzip-maybe": "^1.4.0",
     "@types/jsesc": "^3.0.1",
     "@types/lodash": "^4.14.182",
-    "@types/node": "^20.0.0",
+    "@types/node": "^18.17.1",
     "@types/npmcli__package-json": "^4.0.0",
     "@types/picomatch": "^2.3.0",
     "@types/prettier": "^2.7.3",
@@ -107,18 +107,18 @@
     "tiny-invariant": "^1.2.0",
     "tsup": "^8.3.0",
     "typescript": "^5.1.6",
-    "vite": "^6.0.0",
+    "vite": "^5.1.0",
     "wireit": "0.14.9",
     "wrangler": "^3.28.2",
-    "@react-router/serve": "0.0.0-experimental-6844c5934",
-    "react-router": "^0.0.0-experimental-6844c5934"
+    "@react-router/serve": "0.0.0-experimental-e41ede670",
+    "react-router": "^0.0.0-experimental-e41ede670"
   },
   "peerDependencies": {
     "typescript": "^5.1.0",
-    "vite": "^5.1.0 || ^6.0.0",
+    "vite": "^5.1.0",
     "wrangler": "^3.28.2",
-    "react-router": "^0.0.0-experimental-6844c5934",
-    "@react-router/serve": "^0.0.0-experimental-6844c5934"
+    "@react-router/serve": "^0.0.0-experimental-e41ede670",
+    "react-router": "^0.0.0-experimental-e41ede670"
   },
   "peerDependenciesMeta": {
     "@react-router/serve": {