@react-router/dev 0.0.0-experimental-2bfe0a2f2 → 0.0.0-experimental-d312c78a4

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-2bfe0a2f2
+ * @react-router/dev v0.0.0-experimental-d312c78a4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -46,8 +46,8 @@ module.exports = __toCommonJS(vite_exports);
 
 // vite/plugin.ts
 var import_node_crypto = require("crypto");
-var path4 = __toESM(require("path"));
-var url2 = __toESM(require("url"));
+var path6 = __toESM(require("path"));
+var url = __toESM(require("url"));
 var fse = __toESM(require("fs-extra"));
 var babel = __toESM(require("@babel/core"));
 var import_react_router2 = require("react-router");
@@ -70,6 +70,9 @@ var import_server = require("vite-node/server");
 var import_client = require("vite-node/client");
 var import_source_map = require("vite-node/source-map");
 
+// vite/vite.ts
+var import_pathe2 = __toESM(require("pathe"));
+
 // invariant.ts
 function invariant(value, message) {
   if (value === false || value === null || typeof value === "undefined") {
@@ -80,20 +83,41 @@ function invariant(value, message) {
   }
 }
 
-// vite/import-vite-esm-sync.ts
+// config/is-react-router-repo.ts
+var import_pathe = __toESM(require("pathe"));
+function isReactRouterRepo() {
+  let serverRuntimePath = import_pathe.default.dirname(
+    require.resolve("@react-router/node/package.json")
+  );
+  let serverRuntimeParentDir = import_pathe.default.basename(
+    import_pathe.default.resolve(serverRuntimePath, "..")
+  );
+  return serverRuntimeParentDir === "packages";
+}
+
+// vite/vite.ts
 var vite;
-async function preloadViteEsm() {
-  vite = await import("vite");
+var viteImportSpecifier = isReactRouterRepo() ? (
+  // Support testing against different versions of Vite by ensuring that Vite
+  // is resolved from the current working directory when running within this
+  // repo. If we don't do this, Vite will always be imported relative to this
+  // file, which means that it will always resolve to Vite 6.
+  `file:///${import_pathe2.default.normalize(
+    require.resolve("vite/package.json", { paths: [process.cwd()] })
+  ).replace("package.json", "dist/node/index.js")}`
+) : "vite";
+async function preloadVite() {
+  vite = await import(viteImportSpecifier);
 }
-function importViteEsmSync() {
-  invariant(vite, "importViteEsmSync() called before preloadViteEsm()");
+function getVite() {
+  invariant(vite, "getVite() called before preloadVite()");
   return vite;
 }
 
 // vite/vite-node.ts
 async function createContext(viteConfig = {}) {
-  await preloadViteEsm();
-  const vite2 = importViteEsmSync();
+  await preloadVite();
+  const vite2 = getVite();
   const devServer = await vite2.createServer(
     vite2.mergeConfig(
       {
@@ -119,18 +143,18 @@ async function createContext(viteConfig = {}) {
   const runner = new import_client.ViteNodeRunner({
     root: devServer.config.root,
     base: devServer.config.base,
-    fetchModule(id2) {
-      return server.fetchModule(id2);
+    fetchModule(id) {
+      return server.fetchModule(id);
     },
-    resolveId(id2, importer) {
-      return server.resolveId(id2, importer);
+    resolveId(id, importer) {
+      return server.resolveId(id, importer);
     }
   });
   return { devServer, server, runner };
 }
 
 // config/config.ts
-var import_pathe = __toESM(require("pathe"));
+var import_pathe3 = __toESM(require("pathe"));
 var import_chokidar = __toESM(require("chokidar"));
 var import_picocolors = __toESM(require("picocolors"));
 var import_pick2 = __toESM(require("lodash/pick"));
@@ -184,7 +208,7 @@ function validateRouteConfig({
         `Route config in "${routeConfigFile}" is invalid.`,
         root ? `${root}` : [],
         nested ? Object.entries(nested).map(
-          ([path5, message]) => `Path: routes.${path5}
+          ([path7, message]) => `Path: routes.${path7}
 ${message}`
         ) : []
       ].flat().join("\n\n")
@@ -195,24 +219,24 @@ ${message}`
 function configRoutesToRouteManifest(appDirectory, routes, rootId = "root") {
   let routeManifest = {};
   function walk(route, parentId) {
-    let id2 = route.id || createRouteId(route.file);
+    let id = route.id || createRouteId(route.file);
     let manifestItem = {
-      id: id2,
+      id,
       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(id2)) {
+    if (routeManifest.hasOwnProperty(id)) {
       throw new Error(
-        `Unable to define routes with duplicate route id: "${id2}"`
+        `Unable to define routes with duplicate route id: "${id}"`
       );
     }
-    routeManifest[id2] = manifestItem;
+    routeManifest[id] = manifestItem;
     if (route.children) {
       for (let child of route.children) {
-        walk(child, id2);
+        walk(child, id);
       }
     }
   }
@@ -347,6 +371,7 @@ async function resolveConfig({
     basename: basename2,
     buildDirectory: userBuildDirectory,
     buildEnd,
+    future: userFuture,
     prerender,
     serverBuildFile,
     serverBundles,
@@ -366,13 +391,13 @@ async function resolveConfig({
       "The `prerender` config must be a boolean, an array of string paths, or a function returning a boolean or array of string paths"
     );
   }
-  let appDirectory = import_pathe.default.resolve(root, userAppDirectory || "app");
-  let buildDirectory = import_pathe.default.resolve(root, userBuildDirectory);
+  let appDirectory = import_pathe3.default.resolve(root, userAppDirectory || "app");
+  let buildDirectory = import_pathe3.default.resolve(root, userBuildDirectory);
   let rootRouteFile = findEntry(appDirectory, "root");
   if (!rootRouteFile) {
-    let rootRouteDisplayPath = import_pathe.default.relative(
+    let rootRouteDisplayPath = import_pathe3.default.relative(
       root,
-      import_pathe.default.join(appDirectory, "root.tsx")
+      import_pathe3.default.join(appDirectory, "root.tsx")
     );
     return err(
       `Could not find a root route module in the app directory as "${rootRouteDisplayPath}"`
@@ -384,15 +409,15 @@ async function resolveConfig({
   let routeConfigFile = findEntry(appDirectory, "routes");
   try {
     if (!routeConfigFile) {
-      let routeConfigDisplayPath = import_pathe.default.relative(
+      let routeConfigDisplayPath = import_pathe3.default.relative(
         root,
-        import_pathe.default.join(appDirectory, "routes.ts")
+        import_pathe3.default.join(appDirectory, "routes.ts")
       );
       return err(`Route config file not found at "${routeConfigDisplayPath}".`);
     }
     setAppDirectory(appDirectory);
     let routeConfigExport = (await viteNodeContext.runner.executeFile(
-      import_pathe.default.join(appDirectory, routeConfigFile)
+      import_pathe3.default.join(appDirectory, routeConfigFile)
     )).default;
     let routeConfig = await routeConfigExport;
     let result = validateRouteConfig({
@@ -412,14 +437,15 @@ async function resolveConfig({
         import_picocolors.default.red(`Route config in "${routeConfigFile}" is invalid.`),
         "",
         error.loc?.file && error.loc?.column && error.frame ? [
-          import_pathe.default.relative(appDirectory, error.loc.file) + ":" + error.loc.line + ":" + error.loc.column,
+          import_pathe3.default.relative(appDirectory, error.loc.file) + ":" + error.loc.line + ":" + error.loc.column,
           error.frame.trim?.()
         ] : error.stack
       ].flat().join("\n")
     );
   }
   let future = {
-    unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false
+    unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false,
+    unstable_routeChunks: userFuture?.unstable_routeChunks ?? false
   };
   let reactRouterConfig = deepFreeze({
     appDirectory,
@@ -484,8 +510,8 @@ async function createConfigLoader({
         );
         fsWatcher.on("all", async (...args) => {
           let [event, rawFilepath] = args;
-          let filepath = import_pathe.default.normalize(rawFilepath);
-          let appFileAddedOrRemoved = appDirectory && (event === "add" || event === "unlink") && filepath.startsWith(import_pathe.default.normalize(appDirectory));
+          let filepath = import_pathe3.default.normalize(rawFilepath);
+          let appFileAddedOrRemoved = appDirectory && (event === "add" || event === "unlink") && filepath.startsWith(import_pathe3.default.normalize(appDirectory));
           let configCodeUpdated = Boolean(
             viteNodeContext.devServer?.moduleGraph.getModuleById(filepath)
           );
@@ -531,8 +557,8 @@ async function resolveEntryFiles({
   reactRouterConfig
 }) {
   let { appDirectory } = reactRouterConfig;
-  let defaultsDirectory = import_pathe.default.resolve(
-    import_pathe.default.dirname(require.resolve("@react-router/dev/package.json")),
+  let defaultsDirectory = import_pathe3.default.resolve(
+    import_pathe3.default.dirname(require.resolve("@react-router/dev/package.json")),
     "dist",
     "config",
     "defaults"
@@ -570,11 +596,11 @@ async function resolveEntryFiles({
     }
     entryServerFile = `entry.server.node.tsx`;
   }
-  let entryClientFilePath = userEntryClientFile ? import_pathe.default.resolve(reactRouterConfig.appDirectory, userEntryClientFile) : import_pathe.default.resolve(defaultsDirectory, entryClientFile);
-  let entryServerFilePath = userEntryServerFile ? import_pathe.default.resolve(reactRouterConfig.appDirectory, userEntryServerFile) : import_pathe.default.resolve(defaultsDirectory, entryServerFile);
+  let entryClientFilePath = userEntryClientFile ? import_pathe3.default.resolve(reactRouterConfig.appDirectory, userEntryClientFile) : import_pathe3.default.resolve(defaultsDirectory, entryClientFile);
+  let entryServerFilePath = userEntryServerFile ? import_pathe3.default.resolve(reactRouterConfig.appDirectory, userEntryServerFile) : import_pathe3.default.resolve(defaultsDirectory, entryServerFile);
   return { entryClientFilePath, entryServerFilePath };
 }
-var ssrExternals = isInReactRouterMonorepo() ? [
+var ssrExternals = isReactRouterRepo() ? [
   // This is only needed within this repo because these packages
   // are linked to a directory outside of node_modules so Vite
   // treats them as internal code by default.
@@ -587,21 +613,12 @@ var ssrExternals = isInReactRouterMonorepo() ? [
   "@react-router/node",
   "@react-router/serve"
 ] : void 0;
-function isInReactRouterMonorepo() {
-  let serverRuntimePath = import_pathe.default.dirname(
-    require.resolve("@react-router/node/package.json")
-  );
-  let serverRuntimeParentDir = import_pathe.default.basename(
-    import_pathe.default.resolve(serverRuntimePath, "..")
-  );
-  return serverRuntimeParentDir === "packages";
-}
 var entryExts = [".js", ".jsx", ".ts", ".tsx"];
 function findEntry(dir, basename2, options) {
   for (let ext of entryExts) {
-    let file = import_pathe.default.resolve(dir, basename2 + ext);
+    let file = import_pathe3.default.resolve(dir, basename2 + ext);
     if (import_node_fs.default.existsSync(file)) {
-      return options?.absolute ?? false ? file : import_pathe.default.relative(dir, file);
+      return options?.absolute ?? false ? file : import_pathe3.default.relative(dir, file);
     }
   }
   return void 0;
@@ -677,8 +694,6 @@ function generate(ctx, route) {
       export type HeadersArgs = T.HeadersArgs
       export type HeadersFunction = (args: HeadersArgs) => Headers | HeadersInit
 
-      export type MiddlewareArgs = T.CreateServerMiddlewareArgs<Info>
-      export type ClientMiddlewareArgs = T.CreateClientMiddlewareArgs<Info>
       export type LoaderArgs = T.CreateServerLoaderArgs<Info>
       export type ClientLoaderArgs = T.CreateClientLoaderArgs<Info>
       export type ActionArgs = T.CreateServerActionArgs<Info>
@@ -690,7 +705,7 @@ function generate(ctx, route) {
     }
   `;
 }
-var noExtension = (path5) => Path3.join(Path3.dirname(path5), Pathe2.filename(path5));
+var noExtension = (path7) => Path3.join(Path3.dirname(path7), Pathe2.filename(path7));
 function getRouteLineage(routes, route) {
   const result = [];
   while (route) {
@@ -814,7 +829,7 @@ function fromNodeRequest(nodeReq, nodeRes) {
     nodeReq.originalUrl,
     "Expected `nodeReq.originalUrl` to be defined"
   );
-  let url3 = new URL(nodeReq.originalUrl, origin);
+  let url2 = new URL(nodeReq.originalUrl, origin);
   let controller = new AbortController();
   let init = {
     method: nodeReq.method,
@@ -827,7 +842,7 @@ function fromNodeRequest(nodeReq, nodeRes) {
     init.body = (0, import_node.createReadableStreamFromReadable)(nodeReq);
     init.duplex = "half";
   }
-  return new Request(url3.href, init);
+  return new Request(url2.href, init);
 }
 async function toNodeRequest(res, nodeRes) {
   nodeRes.statusCode = res.status;
@@ -852,17 +867,17 @@ async function toNodeRequest(res, nodeRes) {
 }
 
 // vite/styles.ts
-var path3 = __toESM(require("path"));
+var path5 = __toESM(require("path"));
 var import_react_router = require("react-router");
 
 // vite/resolve-file-url.ts
-var path2 = __toESM(require("path"));
+var path4 = __toESM(require("path"));
 var resolveFileUrl = ({ rootDirectory }, filePath) => {
-  let vite2 = importViteEsmSync();
-  let relativePath = path2.relative(rootDirectory, filePath);
-  let isWithinRoot = !relativePath.startsWith("..") && !path2.isAbsolute(relativePath);
+  let vite2 = getVite();
+  let relativePath = path4.relative(rootDirectory, filePath);
+  let isWithinRoot = !relativePath.startsWith("..") && !path4.isAbsolute(relativePath);
   if (!isWithinRoot) {
-    return path2.posix.join("/@fs", vite2.normalizePath(filePath));
+    return path4.posix.join("/@fs", vite2.normalizePath(filePath));
   }
   return "/" + vite2.normalizePath(relativePath);
 };
@@ -873,8 +888,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 = (url3) => {
-  let queryString = url3.split("?")[1];
+var isCssUrlWithoutSideEffects = (url2) => {
+  let queryString = url2.split("?")[1];
   if (!queryString) {
     return false;
   }
@@ -882,24 +897,27 @@ var isCssUrlWithoutSideEffects = (url3) => {
   for (let paramWithoutSideEffects of cssUrlParamsWithoutSideEffects) {
     if (
       // Parameter is blank and not explicitly set, i.e. "?url", not "?url="
-      params.get(paramWithoutSideEffects) === "" && !url3.includes(`?${paramWithoutSideEffects}=`) && !url3.includes(`&${paramWithoutSideEffects}=`)
+      params.get(paramWithoutSideEffects) === "" && !url2.includes(`?${paramWithoutSideEffects}=`) && !url2.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 = getVite();
+  let viteMajor = parseInt(vite2.version.split(".")[0], 10);
   let styles = {};
   let deps = /* @__PURE__ */ new Set();
   try {
     for (let file of files) {
-      let normalizedPath = path3.resolve(rootDirectory, file).replace(/\\/g, "/");
+      let normalizedPath = path5.resolve(rootDirectory, file).replace(/\\/g, "/");
       let node = await viteDevServer.moduleGraph.getModuleById(normalizedPath);
       if (!node) {
         try {
@@ -923,7 +941,15 @@ 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(dep.url)).default;
+        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;
         if (css === void 0) {
           throw new Error();
         }
@@ -947,8 +973,8 @@ var findDeps = async (vite2, node, deps) => {
       await findDeps(vite2, node2, deps);
     }
   }
-  async function addFromUrl(url3) {
-    let node2 = await vite2.moduleGraph.getModuleByUrl(url3);
+  async function addFromUrl(url2) {
+    let node2 = await vite2.moduleGraph.getModuleByUrl(url2);
     if (node2) {
       await addFromNode(node2);
     }
@@ -956,7 +982,7 @@ var findDeps = async (vite2, node, deps) => {
   if (node.ssrTransformResult) {
     if (node.ssrTransformResult.deps) {
       node.ssrTransformResult.deps.forEach(
-        (url3) => branches.push(addFromUrl(url3))
+        (url2) => branches.push(addFromUrl(url2))
       );
     }
   } else {
@@ -990,15 +1016,15 @@ var getStylesForUrl = async ({
   entryClientFilePath,
   cssModulesManifest,
   build,
-  url: url3
+  url: url2
 }) => {
-  if (url3 === void 0 || url3.includes("?_data=")) {
+  if (url2 === void 0 || url2.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, url3, build.basename)?.map(
-    (match) => path3.resolve(appPath, reactRouterConfig.routes[match.route.id].file)
+  let appPath = path5.relative(process.cwd(), reactRouterConfig.appDirectory);
+  let documentRouteFiles = (0, import_react_router.matchRoutes)(routes, url2, build.basename)?.map(
+    (match) => path5.resolve(appPath, reactRouterConfig.routes[match.route.id].file)
   ) ?? [];
   let styles = await getStylesForFiles({
     viteDevServer,
@@ -1006,7 +1032,7 @@ var getStylesForUrl = async ({
     cssModulesManifest,
     files: [
       // Always include the client entry file when crawling the module graph for CSS
-      path3.relative(rootDirectory, entryClientFilePath),
+      path5.relative(rootDirectory, entryClientFilePath),
       // Then include any styles from the matched routes
       ...documentRouteFiles
     ]
@@ -1014,10 +1040,15 @@ var getStylesForUrl = async ({
   return styles;
 };
 
-// vite/vmod.ts
-var id = (name) => `virtual:react-router/${name}`;
-var resolve3 = (id2) => `\0${id2}`;
-var url = (id2) => `/@id/__x00__${id2}`;
+// vite/virtual-module.ts
+function create(name) {
+  let id = `virtual:react-router/${name}`;
+  return {
+    id,
+    resolvedId: `\0${id}`,
+    url: `/@id/__x00__${id}`
+  };
+}
 
 // vite/combine-urls.ts
 function combineURLs(baseURL, relativeURL) {
@@ -1031,10 +1062,10 @@ var removeExports = (ast, exportsToRemove) => {
   let exportsFiltered = false;
   let markedForRemoval = /* @__PURE__ */ new Set();
   traverse(ast, {
-    ExportDeclaration(path5) {
-      if (path5.node.type === "ExportNamedDeclaration") {
-        if (path5.node.specifiers.length) {
-          path5.node.specifiers = path5.node.specifiers.filter((specifier) => {
+    ExportDeclaration(path7) {
+      if (path7.node.type === "ExportNamedDeclaration") {
+        if (path7.node.specifiers.length) {
+          path7.node.specifiers = path7.node.specifiers.filter((specifier) => {
             if (specifier.type === "ExportSpecifier" && specifier.exported.type === "Identifier") {
               if (exportsToRemove.includes(specifier.exported.name)) {
                 exportsFiltered = true;
@@ -1043,12 +1074,12 @@ var removeExports = (ast, exportsToRemove) => {
             }
             return true;
           });
-          if (path5.node.specifiers.length === 0) {
-            markedForRemoval.add(path5);
+          if (path7.node.specifiers.length === 0) {
+            markedForRemoval.add(path7);
           }
         }
-        if (path5.node.declaration?.type === "VariableDeclaration") {
-          let declaration = path5.node.declaration;
+        if (path7.node.declaration?.type === "VariableDeclaration") {
+          let declaration = path7.node.declaration;
           declaration.declarations = declaration.declarations.filter(
             (declaration2) => {
               if (declaration2.id.type === "Identifier" && exportsToRemove.includes(declaration2.id.name)) {
@@ -1062,37 +1093,37 @@ var removeExports = (ast, exportsToRemove) => {
             }
           );
           if (declaration.declarations.length === 0) {
-            markedForRemoval.add(path5);
+            markedForRemoval.add(path7);
           }
         }
-        if (path5.node.declaration?.type === "FunctionDeclaration") {
-          let id2 = path5.node.declaration.id;
-          if (id2 && exportsToRemove.includes(id2.name)) {
-            markedForRemoval.add(path5);
+        if (path7.node.declaration?.type === "FunctionDeclaration") {
+          let id = path7.node.declaration.id;
+          if (id && exportsToRemove.includes(id.name)) {
+            markedForRemoval.add(path7);
           }
         }
-        if (path5.node.declaration?.type === "ClassDeclaration") {
-          let id2 = path5.node.declaration.id;
-          if (id2 && exportsToRemove.includes(id2.name)) {
-            markedForRemoval.add(path5);
+        if (path7.node.declaration?.type === "ClassDeclaration") {
+          let id = path7.node.declaration.id;
+          if (id && exportsToRemove.includes(id.name)) {
+            markedForRemoval.add(path7);
           }
         }
       }
-      if (path5.node.type === "ExportDefaultDeclaration" && exportsToRemove.includes("default")) {
-        markedForRemoval.add(path5);
+      if (path7.node.type === "ExportDefaultDeclaration" && exportsToRemove.includes("default")) {
+        markedForRemoval.add(path7);
       }
     }
   });
   if (markedForRemoval.size > 0 || exportsFiltered) {
-    for (let path5 of markedForRemoval) {
-      path5.remove();
+    for (let path7 of markedForRemoval) {
+      path7.remove();
     }
     (0, import_babel_dead_code_elimination.deadCodeElimination)(ast, previouslyReferencedIdentifiers);
   }
 };
-function validateDestructuredExports(id2, exportsToRemove) {
-  if (id2.type === "ArrayPattern") {
-    for (let element of id2.elements) {
+function validateDestructuredExports(id, exportsToRemove) {
+  if (id.type === "ArrayPattern") {
+    for (let element of id.elements) {
       if (!element) {
         continue;
       }
@@ -1107,8 +1138,8 @@ function validateDestructuredExports(id2, exportsToRemove) {
       }
     }
   }
-  if (id2.type === "ObjectPattern") {
-    for (let property of id2.properties) {
+  if (id.type === "ObjectPattern") {
+    for (let property of id.properties) {
       if (!property) {
         continue;
       }
@@ -1130,18 +1161,619 @@ function invalidDestructureError(name) {
   return new Error(`Cannot remove destructured export "${name}"`);
 }
 
+// vite/cache.ts
+function getOrSetFromCache(cache, key, version, getValue) {
+  if (!cache) {
+    return getValue();
+  }
+  let entry = cache.get(key);
+  if (entry?.version === version) {
+    return entry.value;
+  }
+  let value = getValue();
+  let newEntry = { value, version };
+  cache.set(key, newEntry);
+  return value;
+}
+
+// vite/route-chunks.ts
+function codeToAst(code, cache, cacheKey) {
+  return structuredClone(
+    getOrSetFromCache(
+      cache,
+      `${cacheKey}::codeToAst`,
+      code,
+      () => (0, import_parser.parse)(code, { sourceType: "module" })
+    )
+  );
+}
+function assertNodePath(path7) {
+  invariant(
+    path7 && !Array.isArray(path7),
+    `Expected a Path, but got ${Array.isArray(path7) ? "an array" : path7}`
+  );
+}
+function assertNodePathIsStatement(path7) {
+  invariant(
+    path7 && !Array.isArray(path7) && t.isStatement(path7.node),
+    `Expected a Statement path, but got ${Array.isArray(path7) ? "an array" : path7?.node?.type}`
+  );
+}
+function assertNodePathIsVariableDeclarator(path7) {
+  invariant(
+    path7 && !Array.isArray(path7) && t.isVariableDeclarator(path7.node),
+    `Expected an Identifier path, but got ${Array.isArray(path7) ? "an array" : path7?.node?.type}`
+  );
+}
+function assertNodePathIsPattern(path7) {
+  invariant(
+    path7 && !Array.isArray(path7) && t.isPattern(path7.node),
+    `Expected a Pattern path, but got ${Array.isArray(path7) ? "an array" : path7?.node?.type}`
+  );
+}
+function getExportDependencies(code, cache, cacheKey) {
+  return getOrSetFromCache(
+    cache,
+    `${cacheKey}::getExportDependencies`,
+    code,
+    () => {
+      let exportDependencies = /* @__PURE__ */ new Map();
+      let ast = codeToAst(code, cache, cacheKey);
+      function handleExport(exportName, exportPath, identifiersPath = exportPath) {
+        let identifiers = getDependentIdentifiersForPath(identifiersPath);
+        let topLevelStatements = /* @__PURE__ */ new Set([
+          exportPath.node,
+          ...getTopLevelStatementsForPaths(identifiers)
+        ]);
+        let topLevelNonModuleStatements = new Set(
+          Array.from(topLevelStatements).filter(
+            (statement) => !t.isImportDeclaration(statement) && !t.isExportDeclaration(statement)
+          )
+        );
+        let importedIdentifierNames = /* @__PURE__ */ new Set();
+        for (let identifier of identifiers) {
+          if (identifier.parentPath.parentPath?.isImportDeclaration()) {
+            importedIdentifierNames.add(identifier.node.name);
+          }
+        }
+        let exportedVariableDeclarators = /* @__PURE__ */ new Set();
+        for (let identifier of identifiers) {
+          if (identifier.parentPath.isVariableDeclarator() && identifier.parentPath.parentPath.parentPath?.isExportNamedDeclaration()) {
+            exportedVariableDeclarators.add(identifier.parentPath.node);
+            continue;
+          }
+          let isWithinExportNamedDeclaration = Boolean(
+            identifier.findParent((path7) => path7.isExportNamedDeclaration())
+          );
+          if (isWithinExportNamedDeclaration) {
+            let currentPath = identifier;
+            while (currentPath) {
+              if (
+                // Check the identifier is within a variable declaration, and if
+                // so, ensure we're on the left-hand side of the expression
+                // since these identifiers are what make up the export names,
+                // e.g. export const { foo } = { foo: bar }; should pick up
+                // `foo` but not `bar`.
+                currentPath.parentPath?.isVariableDeclarator() && currentPath.parentKey === "id"
+              ) {
+                exportedVariableDeclarators.add(currentPath.parentPath.node);
+                break;
+              }
+              currentPath = currentPath.parentPath;
+            }
+          }
+        }
+        let dependencies = {
+          topLevelStatements,
+          topLevelNonModuleStatements,
+          importedIdentifierNames,
+          exportedVariableDeclarators
+        };
+        exportDependencies.set(exportName, dependencies);
+      }
+      traverse(ast, {
+        ExportDeclaration(exportPath) {
+          let { node } = exportPath;
+          if (t.isExportAllDeclaration(node)) {
+            return;
+          }
+          if (t.isExportDefaultDeclaration(node)) {
+            handleExport("default", exportPath);
+            return;
+          }
+          let { declaration } = node;
+          if (t.isVariableDeclaration(declaration)) {
+            let { declarations } = declaration;
+            for (let i = 0; i < declarations.length; i++) {
+              let declarator = declarations[i];
+              if (t.isIdentifier(declarator.id)) {
+                let declaratorPath = exportPath.get(
+                  `declaration.declarations.${i}`
+                );
+                assertNodePathIsVariableDeclarator(declaratorPath);
+                handleExport(declarator.id.name, exportPath, declaratorPath);
+                continue;
+              }
+              if (t.isPattern(declarator.id)) {
+                let exportedPatternPath = exportPath.get(
+                  `declaration.declarations.${i}.id`
+                );
+                assertNodePathIsPattern(exportedPatternPath);
+                let identifiers = getIdentifiersForPatternPath(exportedPatternPath);
+                for (let identifier of identifiers) {
+                  handleExport(identifier.node.name, exportPath, identifier);
+                }
+              }
+            }
+            return;
+          }
+          if (t.isFunctionDeclaration(declaration) || t.isClassDeclaration(declaration)) {
+            invariant(
+              declaration.id,
+              "Expected exported function or class declaration to have a name when not the default export"
+            );
+            handleExport(declaration.id.name, exportPath);
+            return;
+          }
+          if (t.isExportNamedDeclaration(node)) {
+            for (let specifier of node.specifiers) {
+              if (t.isIdentifier(specifier.exported)) {
+                let name = specifier.exported.name;
+                let specifierPath = exportPath.get("specifiers").find((path7) => path7.node === specifier);
+                invariant(
+                  specifierPath,
+                  `Expected to find specifier path for ${name}`
+                );
+                handleExport(name, exportPath, specifierPath);
+              }
+            }
+            return;
+          }
+          throw new Error(`Unknown export node type: ${node.type}`);
+        }
+      });
+      return exportDependencies;
+    }
+  );
+}
+function getDependentIdentifiersForPath(path7, state) {
+  let { visited, identifiers } = state ?? {
+    visited: /* @__PURE__ */ new Set(),
+    identifiers: /* @__PURE__ */ new Set()
+  };
+  if (visited.has(path7)) {
+    return identifiers;
+  }
+  visited.add(path7);
+  path7.traverse({
+    Identifier(path8) {
+      if (identifiers.has(path8)) {
+        return;
+      }
+      identifiers.add(path8);
+      let binding = path8.scope.getBinding(path8.node.name);
+      if (!binding) {
+        return;
+      }
+      getDependentIdentifiersForPath(binding.path, { visited, identifiers });
+      for (let reference of binding.referencePaths) {
+        if (reference.isExportNamedDeclaration()) {
+          continue;
+        }
+        getDependentIdentifiersForPath(reference, {
+          visited,
+          identifiers
+        });
+      }
+      for (let constantViolation of binding.constantViolations) {
+        getDependentIdentifiersForPath(constantViolation, {
+          visited,
+          identifiers
+        });
+      }
+    }
+  });
+  let topLevelStatement = getTopLevelStatementPathForPath(path7);
+  let withinImportStatement = topLevelStatement.isImportDeclaration();
+  let withinExportStatement = topLevelStatement.isExportDeclaration();
+  if (!withinImportStatement && !withinExportStatement) {
+    getDependentIdentifiersForPath(topLevelStatement, {
+      visited,
+      identifiers
+    });
+  }
+  if (withinExportStatement && path7.isIdentifier() && (t.isPattern(path7.parentPath.node) || // [foo]
+  t.isPattern(path7.parentPath.parentPath?.node))) {
+    let variableDeclarator = path7.findParent((p) => p.isVariableDeclarator());
+    assertNodePath(variableDeclarator);
+    getDependentIdentifiersForPath(variableDeclarator, {
+      visited,
+      identifiers
+    });
+  }
+  return identifiers;
+}
+function getTopLevelStatementPathForPath(path7) {
+  let ancestry = path7.getAncestry();
+  let topLevelStatement = ancestry[ancestry.length - 2];
+  assertNodePathIsStatement(topLevelStatement);
+  return topLevelStatement;
+}
+function getTopLevelStatementsForPaths(paths) {
+  let topLevelStatements = /* @__PURE__ */ new Set();
+  for (let path7 of paths) {
+    let topLevelStatement = getTopLevelStatementPathForPath(path7);
+    topLevelStatements.add(topLevelStatement.node);
+  }
+  return topLevelStatements;
+}
+function getIdentifiersForPatternPath(patternPath, identifiers = /* @__PURE__ */ new Set()) {
+  function walk(currentPath) {
+    if (currentPath.isIdentifier()) {
+      identifiers.add(currentPath);
+      return;
+    }
+    if (currentPath.isObjectPattern()) {
+      let { properties } = currentPath.node;
+      for (let i = 0; i < properties.length; i++) {
+        const property = properties[i];
+        if (t.isObjectProperty(property)) {
+          let valuePath = currentPath.get(`properties.${i}.value`);
+          assertNodePath(valuePath);
+          walk(valuePath);
+        } else if (t.isRestElement(property)) {
+          let argumentPath = currentPath.get(`properties.${i}.argument`);
+          assertNodePath(argumentPath);
+          walk(argumentPath);
+        }
+      }
+    } else if (currentPath.isArrayPattern()) {
+      let { elements } = currentPath.node;
+      for (let i = 0; i < elements.length; i++) {
+        const element = elements[i];
+        if (element) {
+          let elementPath = currentPath.get(`elements.${i}`);
+          assertNodePath(elementPath);
+          walk(elementPath);
+        }
+      }
+    } else if (currentPath.isRestElement()) {
+      let argumentPath = currentPath.get("argument");
+      assertNodePath(argumentPath);
+      walk(argumentPath);
+    }
+  }
+  walk(patternPath);
+  return identifiers;
+}
+var getExportedName = (exported) => {
+  return t.isIdentifier(exported) ? exported.name : exported.value;
+};
+function setsIntersect(set1, set2) {
+  let smallerSet = set1;
+  let largerSet = set2;
+  if (set1.size > set2.size) {
+    smallerSet = set2;
+    largerSet = set1;
+  }
+  for (let element of smallerSet) {
+    if (largerSet.has(element)) {
+      return true;
+    }
+  }
+  return false;
+}
+function hasChunkableExport(code, exportName, cache, cacheKey) {
+  return getOrSetFromCache(
+    cache,
+    `${cacheKey}::hasChunkableExport::${exportName}`,
+    code,
+    () => {
+      let exportDependencies = getExportDependencies(code, cache, cacheKey);
+      let dependencies = exportDependencies.get(exportName);
+      if (!dependencies) {
+        return false;
+      }
+      for (let [currentExportName, currentDependencies] of exportDependencies) {
+        if (currentExportName === exportName) {
+          continue;
+        }
+        if (setsIntersect(
+          currentDependencies.topLevelNonModuleStatements,
+          dependencies.topLevelNonModuleStatements
+        )) {
+          return false;
+        }
+      }
+      if (dependencies.exportedVariableDeclarators.size > 1) {
+        return false;
+      }
+      if (dependencies.exportedVariableDeclarators.size > 0) {
+        for (let [
+          currentExportName,
+          currentDependencies
+        ] of exportDependencies) {
+          if (currentExportName === exportName) {
+            continue;
+          }
+          if (setsIntersect(
+            currentDependencies.exportedVariableDeclarators,
+            dependencies.exportedVariableDeclarators
+          )) {
+            return false;
+          }
+        }
+      }
+      return true;
+    }
+  );
+}
+function getChunkedExport(code, exportName, generateOptions = {}, cache, cacheKey) {
+  return getOrSetFromCache(
+    cache,
+    `${cacheKey}::getChunkedExport::${exportName}::${JSON.stringify(
+      generateOptions
+    )}`,
+    code,
+    () => {
+      if (!hasChunkableExport(code, exportName, cache, cacheKey)) {
+        return void 0;
+      }
+      let exportDependencies = getExportDependencies(code, cache, cacheKey);
+      let dependencies = exportDependencies.get(exportName);
+      invariant(dependencies, "Expected export to have dependencies");
+      let topLevelStatementsArray = Array.from(dependencies.topLevelStatements);
+      let exportedVariableDeclaratorsArray = Array.from(
+        dependencies.exportedVariableDeclarators
+      );
+      let ast = codeToAst(code, cache, cacheKey);
+      ast.program.body = ast.program.body.filter(
+        (node) => topLevelStatementsArray.some(
+          (statement) => t.isNodesEquivalent(node, statement)
+        )
+      ).map((node) => {
+        if (!t.isImportDeclaration(node)) {
+          return node;
+        }
+        if (dependencies.importedIdentifierNames.size === 0) {
+          return null;
+        }
+        node.specifiers = node.specifiers.filter(
+          (specifier) => dependencies.importedIdentifierNames.has(specifier.local.name)
+        );
+        invariant(
+          node.specifiers.length > 0,
+          "Expected import statement to have used specifiers"
+        );
+        return node;
+      }).map((node) => {
+        if (!t.isExportDeclaration(node)) {
+          return node;
+        }
+        if (t.isExportAllDeclaration(node)) {
+          return null;
+        }
+        if (t.isExportDefaultDeclaration(node)) {
+          return exportName === "default" ? node : null;
+        }
+        let { declaration } = node;
+        if (t.isVariableDeclaration(declaration)) {
+          declaration.declarations = declaration.declarations.filter(
+            (node2) => exportedVariableDeclaratorsArray.some(
+              (declarator) => t.isNodesEquivalent(node2, declarator)
+            )
+          );
+          if (declaration.declarations.length === 0) {
+            return null;
+          }
+          return node;
+        }
+        if (t.isFunctionDeclaration(node.declaration) || t.isClassDeclaration(node.declaration)) {
+          return node.declaration.id?.name === exportName ? node : null;
+        }
+        if (t.isExportNamedDeclaration(node)) {
+          if (node.specifiers.length === 0) {
+            return null;
+          }
+          node.specifiers = node.specifiers.filter(
+            (specifier) => getExportedName(specifier.exported) === exportName
+          );
+          if (node.specifiers.length === 0) {
+            return null;
+          }
+          return node;
+        }
+        throw new Error(`Unknown export node type: ${node.type}`);
+      }).filter((node) => node !== null);
+      return generate2(ast, generateOptions);
+    }
+  );
+}
+function omitChunkedExports(code, exportNames, generateOptions = {}, cache, cacheKey) {
+  return getOrSetFromCache(
+    cache,
+    `${cacheKey}::omitChunkedExports::${exportNames.join(
+      ","
+    )}::${JSON.stringify(generateOptions)}`,
+    code,
+    () => {
+      const isChunkable = (exportName) => hasChunkableExport(code, exportName, cache, cacheKey);
+      const isOmitted = (exportName) => exportNames.includes(exportName) && isChunkable(exportName);
+      const isRetained = (exportName) => !isOmitted(exportName);
+      let exportDependencies = getExportDependencies(code, cache, cacheKey);
+      let allExportNames = Array.from(exportDependencies.keys());
+      let omittedExportNames = allExportNames.filter(isOmitted);
+      let retainedExportNames = allExportNames.filter(isRetained);
+      let omittedStatements = /* @__PURE__ */ new Set();
+      let omittedExportedVariableDeclarators = /* @__PURE__ */ new Set();
+      for (let omittedExportName of omittedExportNames) {
+        let dependencies = exportDependencies.get(omittedExportName);
+        invariant(
+          dependencies,
+          `Expected dependencies for ${omittedExportName}`
+        );
+        for (let statement of dependencies.topLevelNonModuleStatements) {
+          omittedStatements.add(statement);
+        }
+        for (let declarator of dependencies.exportedVariableDeclarators) {
+          omittedExportedVariableDeclarators.add(declarator);
+        }
+      }
+      let ast = codeToAst(code, cache, cacheKey);
+      let omittedStatementsArray = Array.from(omittedStatements);
+      let omittedExportedVariableDeclaratorsArray = Array.from(
+        omittedExportedVariableDeclarators
+      );
+      ast.program.body = ast.program.body.filter(
+        (node) => omittedStatementsArray.every(
+          (statement) => !t.isNodesEquivalent(node, statement)
+        )
+      ).map((node) => {
+        if (!t.isImportDeclaration(node)) {
+          return node;
+        }
+        if (node.specifiers.length === 0) {
+          return node;
+        }
+        node.specifiers = node.specifiers.filter((specifier) => {
+          let importedName = specifier.local.name;
+          for (let retainedExportName of retainedExportNames) {
+            let dependencies = exportDependencies.get(retainedExportName);
+            if (dependencies?.importedIdentifierNames?.has(importedName)) {
+              return true;
+            }
+          }
+          for (let omittedExportName of omittedExportNames) {
+            let dependencies = exportDependencies.get(omittedExportName);
+            if (dependencies?.importedIdentifierNames?.has(importedName)) {
+              return false;
+            }
+          }
+          return true;
+        });
+        if (node.specifiers.length === 0) {
+          return null;
+        }
+        return node;
+      }).map((node) => {
+        if (!t.isExportDeclaration(node)) {
+          return node;
+        }
+        if (t.isExportAllDeclaration(node)) {
+          return node;
+        }
+        if (t.isExportDefaultDeclaration(node)) {
+          return isOmitted("default") ? null : node;
+        }
+        if (t.isVariableDeclaration(node.declaration)) {
+          node.declaration.declarations = node.declaration.declarations.filter(
+            (node2) => omittedExportedVariableDeclaratorsArray.every(
+              (declarator) => !t.isNodesEquivalent(node2, declarator)
+            )
+          );
+          if (node.declaration.declarations.length === 0) {
+            return null;
+          }
+          return node;
+        }
+        if (t.isFunctionDeclaration(node.declaration) || t.isClassDeclaration(node.declaration)) {
+          invariant(
+            node.declaration.id,
+            "Expected exported function or class declaration to have a name when not the default export"
+          );
+          return isOmitted(node.declaration.id.name) ? null : node;
+        }
+        if (t.isExportNamedDeclaration(node)) {
+          if (node.specifiers.length === 0) {
+            return node;
+          }
+          node.specifiers = node.specifiers.filter((specifier) => {
+            const exportedName = getExportedName(specifier.exported);
+            return !isOmitted(exportedName);
+          });
+          if (node.specifiers.length === 0) {
+            return null;
+          }
+          return node;
+        }
+        throw new Error(`Unknown node type: ${node.type}`);
+      }).filter((node) => node !== null);
+      if (ast.program.body.length === 0) {
+        return void 0;
+      }
+      return generate2(ast, generateOptions);
+    }
+  );
+}
+function detectRouteChunks(code, cache, cacheKey) {
+  const hasRouteChunkByExportName = Object.fromEntries(
+    routeChunkExportNames.map((exportName) => [
+      exportName,
+      hasChunkableExport(code, exportName, cache, cacheKey)
+    ])
+  );
+  const chunkedExports = Object.entries(hasRouteChunkByExportName).filter(([, isChunked]) => isChunked).map(([exportName]) => exportName);
+  const hasRouteChunks = chunkedExports.length > 0;
+  return {
+    hasRouteChunks,
+    hasRouteChunkByExportName,
+    chunkedExports
+  };
+}
+var routeChunkExportNames = [
+  "clientAction",
+  "clientLoader",
+  "HydrateFallback"
+];
+var mainChunkName = "main";
+var routeChunkNames = ["main", ...routeChunkExportNames];
+function getRouteChunkCode(code, chunkName, cache, cacheKey) {
+  if (chunkName === mainChunkName) {
+    return omitChunkedExports(code, routeChunkExportNames, {}, cache, cacheKey);
+  }
+  return getChunkedExport(code, chunkName, {}, cache, cacheKey);
+}
+var routeChunkQueryStringPrefix = "?route-chunk=";
+var routeChunkQueryStrings = {
+  main: `${routeChunkQueryStringPrefix}main`,
+  clientAction: `${routeChunkQueryStringPrefix}clientAction`,
+  clientLoader: `${routeChunkQueryStringPrefix}clientLoader`,
+  HydrateFallback: `${routeChunkQueryStringPrefix}HydrateFallback`
+};
+function getRouteChunkModuleId(filePath, chunkName) {
+  return `${filePath}${routeChunkQueryStrings[chunkName]}`;
+}
+function isRouteChunkModuleId(id) {
+  return Object.values(routeChunkQueryStrings).some(
+    (queryString) => id.endsWith(queryString)
+  );
+}
+function isRouteChunkName(name) {
+  return name === mainChunkName || routeChunkExportNames.includes(name);
+}
+function getRouteChunkNameFromModuleId(id) {
+  if (!isRouteChunkModuleId(id)) {
+    return null;
+  }
+  let chunkName = id.split(routeChunkQueryStringPrefix)[1].split("&")[0];
+  if (!isRouteChunkName(chunkName)) {
+    return null;
+  }
+  return chunkName;
+}
+
 // vite/with-props.ts
 var import_dedent2 = __toESM(require("dedent"));
-var vmodId = id("with-props");
+var vmod = create("with-props");
 var NAMED_COMPONENT_EXPORTS = ["HydrateFallback", "ErrorBoundary"];
 var plugin = {
   name: "react-router-with-props",
   enforce: "pre",
-  resolveId(id2) {
-    if (id2 === vmodId) return resolve3(vmodId);
+  resolveId(id) {
+    if (id === vmod.id) return vmod.resolvedId;
   },
-  async load(id2) {
-    if (id2 !== resolve3(vmodId)) return;
+  async load(id) {
+    if (id !== vmod.resolvedId) return;
     return import_dedent2.default`
       import { createElement as h } from "react";
       import { useActionData, useLoaderData, useMatches, useParams, useRouteError } from "react-router";
@@ -1183,44 +1815,44 @@ var plugin = {
 };
 var transform = (ast) => {
   const hocs = [];
-  function getHocUid(path5, hocName) {
-    const uid = path5.scope.generateUidIdentifier(hocName);
+  function getHocUid(path7, hocName) {
+    const uid = path7.scope.generateUidIdentifier(hocName);
     hocs.push([hocName, uid]);
     return uid;
   }
   traverse(ast, {
-    ExportDeclaration(path5) {
-      if (path5.isExportDefaultDeclaration()) {
-        const declaration = path5.get("declaration");
+    ExportDeclaration(path7) {
+      if (path7.isExportDefaultDeclaration()) {
+        const declaration = path7.get("declaration");
         const expr = declaration.isExpression() ? declaration.node : declaration.isFunctionDeclaration() ? toFunctionExpression(declaration.node) : void 0;
         if (expr) {
-          const uid = getHocUid(path5, "withComponentProps");
+          const uid = getHocUid(path7, "withComponentProps");
           declaration.replaceWith(t.callExpression(uid, [expr]));
         }
         return;
       }
-      if (path5.isExportNamedDeclaration()) {
-        const decl = path5.get("declaration");
+      if (path7.isExportNamedDeclaration()) {
+        const decl = path7.get("declaration");
         if (decl.isVariableDeclaration()) {
           decl.get("declarations").forEach((varDeclarator) => {
-            const id2 = varDeclarator.get("id");
+            const id = varDeclarator.get("id");
             const init = varDeclarator.get("init");
             const expr = init.node;
             if (!expr) return;
-            if (!id2.isIdentifier()) return;
-            const { name } = id2.node;
+            if (!id.isIdentifier()) return;
+            const { name } = id.node;
             if (!NAMED_COMPONENT_EXPORTS.includes(name)) return;
-            const uid = getHocUid(path5, `with${name}Props`);
+            const uid = getHocUid(path7, `with${name}Props`);
             init.replaceWith(t.callExpression(uid, [expr]));
           });
           return;
         }
         if (decl.isFunctionDeclaration()) {
-          const { id: id2 } = decl.node;
-          if (!id2) return;
-          const { name } = id2;
+          const { id } = decl.node;
+          if (!id) return;
+          const { name } = id;
           if (!NAMED_COMPONENT_EXPORTS.includes(name)) return;
-          const uid = getHocUid(path5, `with${name}Props`);
+          const uid = getHocUid(path7, `with${name}Props`);
           decl.replaceWith(
             t.variableDeclaration("const", [
               t.variableDeclarator(
@@ -1239,7 +1871,7 @@ var transform = (ast) => {
         hocs.map(
           ([name, identifier]) => t.importSpecifier(identifier, t.identifier(name))
         ),
-        t.stringLiteral(vmodId)
+        t.stringLiteral(vmod.id)
       )
     );
   }
@@ -1255,11 +1887,10 @@ function toFunctionExpression(decl) {
 }
 
 // vite/plugin.ts
-var SERVER_ONLY_ROUTE_EXPORTS = ["loader", "action", "middleware", "headers"];
+var SERVER_ONLY_ROUTE_EXPORTS = ["loader", "action", "headers"];
 var CLIENT_ROUTE_EXPORTS = [
   "clientAction",
   "clientLoader",
-  "clientMiddleware",
   "default",
   "ErrorBoundary",
   "handle",
@@ -1269,27 +1900,35 @@ var CLIENT_ROUTE_EXPORTS = [
   "meta",
   "shouldRevalidate"
 ];
-var ROUTE_ENTRY_QUERY_STRING = "?route-entry=1";
-var isRouteEntry = (id2) => {
-  return id2.endsWith(ROUTE_ENTRY_QUERY_STRING);
+var BUILD_CLIENT_ROUTE_QUERY_STRING = "?__react-router-build-client-route";
+var isRouteEntryModuleId = (id) => {
+  return id.endsWith(BUILD_CLIENT_ROUTE_QUERY_STRING);
+};
+var isRouteVirtualModule = (id) => {
+  return isRouteEntryModuleId(id) || isRouteChunkModuleId(id);
+};
+var virtualHmrRuntime = create("hmr-runtime");
+var virtualInjectHmrRuntime = create("inject-hmr-runtime");
+var normalizeRelativeFilePath = (file, reactRouterConfig) => {
+  let vite2 = getVite();
+  let fullPath = path6.resolve(reactRouterConfig.appDirectory, file);
+  let relativePath = path6.relative(reactRouterConfig.appDirectory, fullPath);
+  return vite2.normalizePath(relativePath).split("?")[0];
 };
-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 vite2 = getVite();
   let file = route.file;
-  let fullPath = path4.resolve(reactRouterConfig.appDirectory, file);
+  let fullPath = path6.resolve(reactRouterConfig.appDirectory, file);
   return vite2.normalizePath(fullPath);
 };
-var vmods = [serverBuildId, serverManifestId, browserManifestId];
+var virtual = {
+  serverBuild: create("server-build"),
+  serverManifest: create("server-manifest"),
+  browserManifest: create("browser-manifest")
+};
 var invalidateVirtualModules = (viteDevServer) => {
-  vmods.forEach((vmod) => {
-    let mod = viteDevServer.moduleGraph.getModuleById(
-      resolve3(vmod)
-    );
+  Object.values(virtual).forEach((vmod2) => {
+    let mod = viteDevServer.moduleGraph.getModuleById(vmod2.resolvedId);
     if (mod) {
       viteDevServer.moduleGraph.invalidateModule(mod);
     }
@@ -1300,27 +1939,39 @@ var getHash = (source, maxLength) => {
   return typeof maxLength === "number" ? hash.slice(0, maxLength) : hash;
 };
 var resolveChunk = (ctx, viteManifest, absoluteFilePath) => {
-  let vite2 = importViteEsmSync();
+  let vite2 = getVite();
   let rootRelativeFilePath = vite2.normalizePath(
-    path4.relative(ctx.rootDirectory, absoluteFilePath)
+    path6.relative(ctx.rootDirectory, absoluteFilePath)
   );
-  let entryChunk = viteManifest[rootRelativeFilePath + ROUTE_ENTRY_QUERY_STRING] ?? viteManifest[rootRelativeFilePath];
+  let entryChunk = viteManifest[rootRelativeFilePath];
   if (!entryChunk) {
-    let knownManifestKeys = Object.keys(viteManifest).map((key) => '"' + key + '"').join(", ");
-    throw new Error(
-      `No manifest entry found for "${rootRelativeFilePath}". Known manifest keys: ${knownManifestKeys}`
-    );
+    return void 0;
   }
   return entryChunk;
 };
+var getPublicModulePathForEntry = (ctx, viteManifest, entryFilePath) => {
+  let entryChunk = resolveChunk(ctx, viteManifest, entryFilePath);
+  return entryChunk ? `${ctx.publicPath}${entryChunk.file}` : void 0;
+};
 var getReactRouterManifestBuildAssets = (ctx, viteManifest, entryFilePath, prependedAssetFilePaths = []) => {
   let entryChunk = resolveChunk(ctx, viteManifest, entryFilePath);
-  let prependedAssetChunks = prependedAssetFilePaths.map(
-    (filePath) => resolveChunk(ctx, viteManifest, filePath)
-  );
+  invariant(entryChunk, "Chunk not found");
+  let prependedAssetChunks = prependedAssetFilePaths.map((filePath) => {
+    let chunk = resolveChunk(ctx, viteManifest, filePath);
+    invariant(chunk, "Chunk not found");
+    return chunk;
+  });
+  let routeModuleChunks = routeChunkNames.map(
+    (routeChunkName) => resolveChunk(
+      ctx,
+      viteManifest,
+      getRouteChunkModuleId(entryFilePath.split("?")[0], routeChunkName)
+    )
+  ).filter(isNonNullable);
   let chunks = resolveDependantChunks(viteManifest, [
     ...prependedAssetChunks,
-    entryChunk
+    entryChunk,
+    ...routeModuleChunks
   ]);
   return {
     module: `${ctx.publicPath}${entryChunk.file}`,
@@ -1354,9 +2005,13 @@ function dedupe(array2) {
   return [...new Set(array2)];
 }
 var writeFileSafe = async (file, contents) => {
-  await fse.ensureDir(path4.dirname(file));
+  await fse.ensureDir(path6.dirname(file));
   await fse.writeFile(file, contents);
 };
+var getExportNames = (code) => {
+  let [, exportSpecifiers] = (0, import_es_module_lexer.parse)(code);
+  return exportSpecifiers.map(({ n: name }) => name);
+};
 var getRouteManifestModuleExports = async (viteChildCompiler, ctx) => {
   let entries = await Promise.all(
     Object.entries(ctx.reactRouterConfig.routes).map(async ([key, route]) => {
@@ -1370,29 +2025,39 @@ var getRouteManifestModuleExports = async (viteChildCompiler, ctx) => {
   );
   return Object.fromEntries(entries);
 };
-var getRouteModuleExports = async (viteChildCompiler, ctx, routeFile, readRouteFile) => {
+var compileRouteFile = async (viteChildCompiler, ctx, routeFile, readRouteFile) => {
   if (!viteChildCompiler) {
     throw new Error("Vite child compiler not found");
   }
   let ssr = true;
   let { pluginContainer, moduleGraph } = viteChildCompiler;
-  let routePath = path4.resolve(ctx.reactRouterConfig.appDirectory, routeFile);
-  let url3 = resolveFileUrl(ctx, routePath);
+  let routePath = path6.resolve(ctx.reactRouterConfig.appDirectory, routeFile);
+  let url2 = resolveFileUrl(ctx, routePath);
   let resolveId = async () => {
-    let result = await pluginContainer.resolveId(url3, void 0, { ssr });
-    if (!result) throw new Error(`Could not resolve module ID for ${url3}`);
+    let result = await pluginContainer.resolveId(url2, void 0, { ssr });
+    if (!result) throw new Error(`Could not resolve module ID for ${url2}`);
     return result.id;
   };
-  let [id2, code] = await Promise.all([
+  let [id, code] = await Promise.all([
     resolveId(),
     readRouteFile?.() ?? fse.readFile(routePath, "utf-8"),
     // pluginContainer.transform(...) fails if we don't do this first:
-    moduleGraph.ensureEntryFromUrl(url3, ssr)
+    moduleGraph.ensureEntryFromUrl(url2, 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;
+  let transformed = await pluginContainer.transform(code, id, { ssr });
+  return transformed.code;
+};
+var getRouteModuleExports = async (viteChildCompiler, ctx, routeFile, readRouteFile) => {
+  if (!viteChildCompiler) {
+    throw new Error("Vite child compiler not found");
+  }
+  let code = await compileRouteFile(
+    viteChildCompiler,
+    ctx,
+    routeFile,
+    readRouteFile
+  );
+  return getExportNames(code);
 };
 var getServerBundleBuildConfig = (viteUserConfig) => {
   if (!("__reactRouterServerBundleBuildConfig" in viteUserConfig) || !viteUserConfig.__reactRouterServerBundleBuildConfig) {
@@ -1400,19 +2065,19 @@ var getServerBundleBuildConfig = (viteUserConfig) => {
   }
   return viteUserConfig.__reactRouterServerBundleBuildConfig;
 };
-var getServerBuildDirectory = (ctx) => path4.join(
+var getServerBuildDirectory = (ctx) => path6.join(
   ctx.reactRouterConfig.buildDirectory,
   "server",
   ...ctx.serverBundleBuildConfig ? [ctx.serverBundleBuildConfig.serverBundleId] : []
 );
-var getClientBuildDirectory = (reactRouterConfig) => path4.join(reactRouterConfig.buildDirectory, "client");
-var defaultEntriesDir = path4.resolve(
-  path4.dirname(require.resolve("@react-router/dev/package.json")),
+var getClientBuildDirectory = (reactRouterConfig) => path6.join(reactRouterConfig.buildDirectory, "client");
+var defaultEntriesDir = path6.resolve(
+  path6.dirname(require.resolve("@react-router/dev/package.json")),
   "dist",
   "config",
   "defaults"
 );
-var defaultEntries = fse.readdirSync(defaultEntriesDir).map((filename3) => path4.join(defaultEntriesDir, filename3));
+var defaultEntries = fse.readdirSync(defaultEntriesDir).map((filename3) => path6.join(defaultEntriesDir, filename3));
 invariant(defaultEntries.length > 0, "No default entries found");
 var reactRouterDevLoadContext = () => ({});
 var reactRouterVitePlugin = () => {
@@ -1423,6 +2088,7 @@ var reactRouterVitePlugin = () => {
   let viteConfig;
   let cssModulesManifest = {};
   let viteChildCompiler = null;
+  let cache = /* @__PURE__ */ new Map();
   let reactRouterConfigLoader;
   let typegenWatcherPromise;
   let logger;
@@ -1494,12 +2160,14 @@ var reactRouterVitePlugin = () => {
         resolveFileUrl(
           ctx,
           resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
-        ) + ROUTE_ENTRY_QUERY_STRING
+        )
       )};`;
     }).join("\n")}
-      export { default as assets } from ${JSON.stringify(serverManifestId)};
+      export { default as assets } from ${JSON.stringify(
+      virtual.serverManifest.id
+    )};
       export const assetsBuildDirectory = ${JSON.stringify(
-      path4.relative(
+      path6.relative(
         ctx.rootDirectory,
         getClientBuildDirectory(ctx.reactRouterConfig)
       )
@@ -1525,7 +2193,7 @@ var reactRouterVitePlugin = () => {
   };
   let loadViteManifest = async (directory) => {
     let manifestContents = await fse.readFile(
-      path4.resolve(directory, ".vite", "manifest.json"),
+      path6.resolve(directory, ".vite", "manifest.json"),
       "utf-8"
     );
     return JSON.parse(manifestContents);
@@ -1560,13 +2228,31 @@ var reactRouterVitePlugin = () => {
       viteChildCompiler,
       ctx
     );
+    let enforceRouteChunks = ctx.reactRouterConfig.future.unstable_routeChunks === "enforce";
     for (let [key, route] of Object.entries(ctx.reactRouterConfig.routes)) {
-      let routeFilePath = path4.join(
-        ctx.reactRouterConfig.appDirectory,
-        route.file
-      );
+      let routeFile = path6.join(ctx.reactRouterConfig.appDirectory, route.file);
       let sourceExports = routeManifestExports[key];
       let isRootRoute = route.parentId === void 0;
+      let hasClientAction = sourceExports.includes("clientAction");
+      let hasClientLoader = sourceExports.includes("clientLoader");
+      let hasHydrateFallback = sourceExports.includes("HydrateFallback");
+      let { hasRouteChunkByExportName } = await detectRouteChunksIfEnabled(
+        cache,
+        ctx,
+        routeFile,
+        { routeFile, viteChildCompiler }
+      );
+      if (enforceRouteChunks) {
+        validateRouteChunks({
+          ctx,
+          id: route.file,
+          valid: {
+            clientAction: !hasClientAction || hasRouteChunkByExportName.clientAction,
+            clientLoader: !hasClientLoader || hasRouteChunkByExportName.clientLoader,
+            HydrateFallback: !hasHydrateFallback || hasRouteChunkByExportName.HydrateFallback
+          }
+        });
+      }
       let routeManifestEntry = {
         id: route.id,
         parentId: route.parentId,
@@ -1575,18 +2261,33 @@ var reactRouterVitePlugin = () => {
         caseSensitive: route.caseSensitive,
         hasAction: sourceExports.includes("action"),
         hasLoader: sourceExports.includes("loader"),
-        hasClientAction: sourceExports.includes("clientAction"),
-        hasClientLoader: sourceExports.includes("clientLoader"),
+        hasClientAction,
+        hasClientLoader,
         hasErrorBoundary: sourceExports.includes("ErrorBoundary"),
         ...getReactRouterManifestBuildAssets(
           ctx,
           viteManifest,
-          routeFilePath,
+          `${routeFile}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
           // If this is the root route, we also need to include assets from the
           // client entry file as this is a common way for consumers to import
           // global reset styles, etc.
           isRootRoute ? [ctx.entryClientFilePath] : []
-        )
+        ),
+        clientActionModule: hasRouteChunkByExportName.clientAction ? getPublicModulePathForEntry(
+          ctx,
+          viteManifest,
+          getRouteChunkModuleId(routeFile, "clientAction")
+        ) : void 0,
+        clientLoaderModule: hasRouteChunkByExportName.clientLoader ? getPublicModulePathForEntry(
+          ctx,
+          viteManifest,
+          getRouteChunkModuleId(routeFile, "clientLoader")
+        ) : void 0,
+        hydrateFallbackModule: hasRouteChunkByExportName.HydrateFallback ? getPublicModulePathForEntry(
+          ctx,
+          viteManifest,
+          getRouteChunkModuleId(routeFile, "HydrateFallback")
+        ) : void 0
       };
       browserRoutes[key] = routeManifestEntry;
       let serverBundleRoutes = ctx.serverBundleBuildConfig?.routes;
@@ -1596,18 +2297,18 @@ var reactRouterVitePlugin = () => {
     }
     let fingerprintedValues = { entry, routes: browserRoutes };
     let version = getHash(JSON.stringify(fingerprintedValues), 8);
-    let manifestPath = path4.posix.join(
+    let manifestPath = path6.posix.join(
       viteConfig.build.assetsDir,
       `manifest-${version}.js`
     );
-    let url3 = `${ctx.publicPath}${manifestPath}`;
-    let nonFingerprintedValues = { url: url3, version };
+    let url2 = `${ctx.publicPath}${manifestPath}`;
+    let nonFingerprintedValues = { url: url2, version };
     let reactRouterBrowserManifest = {
       ...fingerprintedValues,
       ...nonFingerprintedValues
     };
     await writeFileSafe(
-      path4.join(getClientBuildDirectory(ctx.reactRouterConfig), manifestPath),
+      path6.join(getClientBuildDirectory(ctx.reactRouterConfig), manifestPath),
       `window.__reactRouterManifest=${JSON.stringify(
         reactRouterBrowserManifest
       )};`
@@ -1627,37 +2328,61 @@ var reactRouterVitePlugin = () => {
       viteChildCompiler,
       ctx
     );
+    let enforceRouteChunks = ctx.reactRouterConfig.future.unstable_routeChunks === "enforce";
     for (let [key, route] of Object.entries(ctx.reactRouterConfig.routes)) {
+      let routeFile = route.file;
       let sourceExports = routeManifestExports[key];
+      let hasClientAction = sourceExports.includes("clientAction");
+      let hasClientLoader = sourceExports.includes("clientLoader");
+      let hasHydrateFallback = sourceExports.includes("HydrateFallback");
+      let routeModulePath = combineURLs(
+        ctx.publicPath,
+        `${resolveFileUrl(
+          ctx,
+          resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
+        )}`
+      );
+      if (enforceRouteChunks) {
+        let { hasRouteChunkByExportName } = await detectRouteChunksIfEnabled(
+          cache,
+          ctx,
+          routeFile,
+          { routeFile, viteChildCompiler }
+        );
+        validateRouteChunks({
+          ctx,
+          id: route.file,
+          valid: {
+            clientAction: !hasClientAction || hasRouteChunkByExportName.clientAction,
+            clientLoader: !hasClientLoader || hasRouteChunkByExportName.clientLoader,
+            HydrateFallback: !hasHydrateFallback || hasRouteChunkByExportName.HydrateFallback
+          }
+        });
+      }
       routes[key] = {
         id: route.id,
         parentId: route.parentId,
         path: route.path,
         index: route.index,
         caseSensitive: route.caseSensitive,
-        module: combineURLs(
-          ctx.publicPath,
-          `${resolveFileUrl(
-            ctx,
-            resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
-          )}${ROUTE_ENTRY_QUERY_STRING}`
-        ),
+        module: routeModulePath,
+        // Route chunks are a build-time optimization
+        clientActionModule: void 0,
+        clientLoaderModule: void 0,
+        hydrateFallbackModule: void 0,
         hasAction: sourceExports.includes("action"),
         hasLoader: sourceExports.includes("loader"),
-        hasClientAction: sourceExports.includes("clientAction"),
-        hasClientLoader: sourceExports.includes("clientLoader"),
+        hasClientAction,
+        hasClientLoader,
         hasErrorBoundary: sourceExports.includes("ErrorBoundary"),
         imports: []
       };
     }
     return {
       version: String(Math.random()),
-      url: combineURLs(ctx.publicPath, url(browserManifestId)),
+      url: combineURLs(ctx.publicPath, virtual.browserManifest.url),
       hmr: {
-        runtime: combineURLs(
-          ctx.publicPath,
-          url(injectHmrRuntimeId)
-        )
+        runtime: combineURLs(ctx.publicPath, virtualInjectHmrRuntime.url)
       },
       entry: {
         module: combineURLs(
@@ -1673,11 +2398,17 @@ var reactRouterVitePlugin = () => {
     {
       name: "react-router",
       config: async (_viteUserConfig, _viteConfigEnv) => {
-        await preloadViteEsm();
-        let vite2 = importViteEsmSync();
+        await preloadVite();
+        let vite2 = getVite();
         viteUserConfig = _viteUserConfig;
         viteConfigEnv = _viteConfigEnv;
         viteCommand = viteConfigEnv.command;
+        let viteClientConditions = [
+          ...vite2.defaultClientConditions ?? []
+        ];
+        let viteServerConditions = [
+          ...vite2.defaultServerConditions ?? []
+        ];
         logger = vite2.createLogger(viteUserConfig.logLevel, {
           prefix: "[react-router]"
         });
@@ -1727,15 +2458,15 @@ var reactRouterVitePlugin = () => {
           ssr: {
             external: ssrExternals,
             resolve: {
-              conditions: viteCommand === "build" ? [] : ["development"],
-              externalConditions: viteCommand === "build" ? [] : ["development"]
+              conditions: viteCommand === "build" ? viteServerConditions : ["development", ...viteServerConditions],
+              externalConditions: viteCommand === "build" ? viteServerConditions : ["development", ...viteServerConditions]
             }
           },
           optimizeDeps: {
             entries: ctx.reactRouterConfig.future.unstable_optimizeDeps ? [
               ctx.entryClientFilePath,
               ...Object.values(ctx.reactRouterConfig.routes).map(
-                (route) => path4.join(ctx.reactRouterConfig.appDirectory, route.file)
+                (route) => path6.join(ctx.reactRouterConfig.appDirectory, route.file)
               )
             ] : [],
             include: [
@@ -1769,7 +2500,7 @@ var reactRouterVitePlugin = () => {
               "react-router/dom",
               "react-router-dom"
             ],
-            conditions: viteCommand === "build" ? [] : ["development"]
+            conditions: viteCommand === "build" ? viteClientConditions : ["development", ...viteClientConditions]
           },
           base: viteUserConfig.base,
           // When consumer provides an allow list for files that can be read by
@@ -1790,12 +2521,28 @@ var reactRouterVitePlugin = () => {
                   preserveEntrySignatures: "exports-only",
                   input: [
                     ctx.entryClientFilePath,
-                    ...Object.values(ctx.reactRouterConfig.routes).map(
-                      (route) => `${path4.resolve(
+                    ...Object.values(
+                      ctx.reactRouterConfig.routes
+                    ).flatMap((route) => {
+                      let routeFilePath = path6.resolve(
                         ctx.reactRouterConfig.appDirectory,
                         route.file
-                      )}${ROUTE_ENTRY_QUERY_STRING}`
-                    )
+                      );
+                      let isRootRoute = route.file === ctx.reactRouterConfig.routes.root.file;
+                      let code = fse.readFileSync(
+                        routeFilePath,
+                        "utf-8"
+                      );
+                      return [
+                        `${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
+                        ...!isRootRoute ? routeChunkExportNames.map(
+                          (exportName) => code.includes(exportName) ? getRouteChunkModuleId(
+                            routeFilePath,
+                            exportName
+                          ) : null
+                        ) : []
+                      ].filter(isNonNullable);
+                    })
                   ]
                 }
               } : {
@@ -1813,7 +2560,7 @@ var reactRouterVitePlugin = () => {
                 rollupOptions: {
                   ...baseRollupOptions,
                   preserveEntrySignatures: "exports-only",
-                  input: viteUserConfig.build?.rollupOptions?.input ?? serverBuildId,
+                  input: viteUserConfig.build?.rollupOptions?.input ?? virtual.serverBuild.id,
                   output: {
                     entryFileNames: ctx.reactRouterConfig.serverBuildFile,
                     format: ctx.reactRouterConfig.serverModuleFormat
@@ -1840,7 +2587,7 @@ var reactRouterVitePlugin = () => {
             "The React Router Vite plugin requires the use of a Vite config file"
           );
         }
-        let vite2 = importViteEsmSync();
+        let vite2 = getVite();
         let childCompilerConfigFile = await vite2.loadConfigFromFile(
           {
             command: viteConfig.command,
@@ -1876,15 +2623,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, id2) {
-        if (isCssModulesFile(id2)) {
-          cssModulesManifest[id2] = code;
+      async transform(code, id) {
+        if (isCssModulesFile(id)) {
+          cssModulesManifest[id] = code;
         }
       },
       buildStart() {
@@ -1908,7 +2655,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, url3) => {
+          getCriticalCss: async (build, url2) => {
             return getStylesForUrl({
               rootDirectory: ctx.rootDirectory,
               entryClientFilePath: ctx.entryClientFilePath,
@@ -1916,7 +2663,7 @@ var reactRouterVitePlugin = () => {
               viteDevServer,
               cssModulesManifest,
               build,
-              url: url3
+              url: url2
             });
           },
           // If an error is caught within the request handler, let Vite fix the
@@ -1964,7 +2711,7 @@ var reactRouterVitePlugin = () => {
             viteDevServer.middlewares.use(async (req, res, next) => {
               try {
                 let build = await viteDevServer.ssrLoadModule(
-                  serverBuildId
+                  virtual.serverBuild.id
                 );
                 let handler = (0, import_react_router2.createRequestHandler)(build, "development");
                 let nodeHandler = async (nodeReq, nodeRes) => {
@@ -1999,8 +2746,8 @@ var reactRouterVitePlugin = () => {
           let ssrAssetPaths = getViteManifestAssetPaths(ssrViteManifest);
           let movedAssetPaths = [];
           for (let ssrAssetPath of ssrAssetPaths) {
-            let src = path4.join(serverBuildDirectory, ssrAssetPath);
-            let dest = path4.join(clientBuildDirectory, ssrAssetPath);
+            let src = path6.join(serverBuildDirectory, ssrAssetPath);
+            let dest = path6.join(clientBuildDirectory, ssrAssetPath);
             if (!fse.existsSync(dest)) {
               await fse.move(src, dest);
               movedAssetPaths.push(dest);
@@ -2013,7 +2760,7 @@ var reactRouterVitePlugin = () => {
           );
           await Promise.all(
             ssrCssPaths.map(
-              (cssPath) => fse.remove(path4.join(serverBuildDirectory, cssPath))
+              (cssPath) => fse.remove(path6.join(serverBuildDirectory, cssPath))
             )
           );
           if (movedAssetPaths.length) {
@@ -2022,7 +2769,7 @@ var reactRouterVitePlugin = () => {
                 "",
                 `${import_picocolors3.default.green("\u2713")} ${movedAssetPaths.length} asset${movedAssetPaths.length > 1 ? "s" : ""} moved from React Router server build to client assets.`,
                 ...movedAssetPaths.map(
-                  (movedAssetPath) => import_picocolors3.default.dim(path4.relative(ctx.rootDirectory, movedAssetPath))
+                  (movedAssetPath) => import_picocolors3.default.dim(path6.relative(ctx.rootDirectory, movedAssetPath))
                 ),
                 ""
               ].join("\n")
@@ -2064,41 +2811,132 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router-route-entry",
-      enforce: "pre",
-      async transform(_code, id2, options) {
-        if (!isRouteEntry(id2)) return;
-        let routeModuleId = id2.replace(ROUTE_ENTRY_QUERY_STRING, "");
-        let routeFileName = path4.basename(routeModuleId);
+      name: "react-router:route-chunks-index",
+      // This plugin provides the route module "index" since route modules can
+      // be chunked and may be made up of multiple smaller modules. This plugin
+      // primarily ensures code is never duplicated across a route module and
+      // its chunks. If we didn't have this plugin, any app that explicitly
+      // imports a route module would result in duplicate code since the app
+      // would contain code for both the unprocessed route module as well as its
+      // individual chunks. This is because, since they have different module
+      // IDs, they are treated as completely separate modules even though they
+      // all reference the same underlying file. This plugin addresses this by
+      // ensuring that any explicit imports of a route module resolve to a
+      // module that simply re-exports from its underlying chunks, if present.
+      async transform(code, id, options) {
+        if (viteCommand !== "build") return;
+        if (options?.ssr) {
+          return;
+        }
+        if (!isRoute(ctx.reactRouterConfig, id)) {
+          return;
+        }
+        if (isRouteVirtualModule(id)) {
+          return;
+        }
+        let { hasRouteChunks, chunkedExports } = await detectRouteChunksIfEnabled(cache, ctx, id, code);
+        if (!hasRouteChunks) {
+          return;
+        }
+        let sourceExports = await getRouteModuleExports(
+          viteChildCompiler,
+          ctx,
+          id
+        );
+        let isMainChunkExport = (name) => !chunkedExports.includes(name);
+        let mainChunkReexports = sourceExports.filter(isMainChunkExport).join(", ");
+        let chunkBasePath = `./${path6.basename(id)}`;
+        return [
+          `export { ${mainChunkReexports} } from "${getRouteChunkModuleId(
+            chunkBasePath,
+            "main"
+          )}";`,
+          ...chunkedExports.map(
+            (exportName) => `export { ${exportName} } from "${getRouteChunkModuleId(
+              chunkBasePath,
+              exportName
+            )}";`
+          )
+        ].filter(Boolean).join("\n");
+      }
+    },
+    {
+      name: "react-router:build-client-route",
+      async transform(code, id, options) {
+        if (!id.endsWith(BUILD_CLIENT_ROUTE_QUERY_STRING)) return;
+        let routeModuleId = id.replace(BUILD_CLIENT_ROUTE_QUERY_STRING, "");
+        let routeFileName = path6.basename(routeModuleId);
         let sourceExports = await getRouteModuleExports(
           viteChildCompiler,
           ctx,
           routeModuleId
         );
-        let reexports = sourceExports.filter(
-          (exportName) => options?.ssr && SERVER_ONLY_ROUTE_EXPORTS.includes(exportName) || CLIENT_ROUTE_EXPORTS.includes(exportName)
-        ).join(", ");
+        let { chunkedExports = [] } = options?.ssr ? {} : await detectRouteChunksIfEnabled(cache, ctx, id, code);
+        let reexports = sourceExports.filter((exportName) => {
+          let isRouteEntryExport = options?.ssr && SERVER_ONLY_ROUTE_EXPORTS.includes(exportName) || CLIENT_ROUTE_EXPORTS.includes(exportName);
+          let isChunkedExport = chunkedExports.includes(
+            exportName
+          );
+          return isRouteEntryExport && !isChunkedExport;
+        }).join(", ");
         return `export { ${reexports} } from "./${routeFileName}";`;
       }
     },
     {
-      name: "react-router-virtual-modules",
+      name: "react-router:route-chunks",
+      async transform(code, id, options) {
+        if (options?.ssr) return;
+        if (!isRouteChunkModuleId(id)) return;
+        let chunkName = getRouteChunkNameFromModuleId(id);
+        if (!chunkName) {
+          throw new Error(`Invalid route chunk name "${chunkName}" in "${id}"`);
+        }
+        let chunk = await getRouteChunkIfEnabled(
+          cache,
+          ctx,
+          id,
+          chunkName,
+          code
+        );
+        let preventEmptyChunkSnippet = ({ reason }) => `Math.random()<0&&console.log(${JSON.stringify(reason)});`;
+        if (chunk === null) {
+          return preventEmptyChunkSnippet({ reason: "Route chunks disabled" });
+        }
+        let enforceRouteChunks = ctx.reactRouterConfig.future.unstable_routeChunks === "enforce";
+        if (enforceRouteChunks && chunkName === "main" && chunk) {
+          let exportNames = getExportNames(chunk.code);
+          validateRouteChunks({
+            ctx,
+            id,
+            valid: {
+              clientAction: !exportNames.includes("clientAction"),
+              clientLoader: !exportNames.includes("clientLoader"),
+              HydrateFallback: !exportNames.includes("HydrateFallback")
+            }
+          });
+        }
+        return chunk ?? preventEmptyChunkSnippet({ reason: `No ${chunkName} chunk` });
+      }
+    },
+    {
+      name: "react-router:virtual-modules",
       enforce: "pre",
-      resolveId(id2) {
-        if (vmods.includes(id2)) return resolve3(id2);
+      resolveId(id) {
+        const vmod2 = Object.values(virtual).find((vmod3) => vmod3.id === id);
+        if (vmod2) return vmod2.resolvedId;
       },
-      async load(id2) {
-        switch (id2) {
-          case resolve3(serverBuildId): {
+      async load(id) {
+        switch (id) {
+          case virtual.serverBuild.resolvedId: {
             return await getServerEntry();
           }
-          case resolve3(serverManifestId): {
+          case virtual.serverManifest.resolvedId: {
             let reactRouterManifest = ctx.isSsrBuild ? await ctx.getReactRouterServerManifest() : await getReactRouterManifestForDev();
             return `export default ${(0, import_jsesc.default)(reactRouterManifest, {
               es6: true
             })};`;
           }
-          case resolve3(browserManifestId): {
+          case virtual.browserManifest.resolvedId: {
             if (viteCommand === "build") {
               throw new Error("This module only exists in development");
             }
@@ -2112,15 +2950,15 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router-dot-server",
+      name: "react-router:dot-server",
       enforce: "pre",
-      async resolveId(id2, importer, options) {
+      async resolveId(id, 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(id2, importer, options);
+        options.custom = { ...options.custom, "react-router:dot-server": true };
+        let resolved = await this.resolve(id, importer, options);
         if (!resolved) return;
         let serverFileRE = /\.server(\.[cm]?[jt]sx?)?$/;
         let serverDirRE = /\/\.server\//;
@@ -2130,12 +2968,11 @@ var reactRouterVitePlugin = () => {
         if (viteCommand !== "build" && importer.endsWith(".html")) {
           return;
         }
-        let vite2 = importViteEsmSync();
+        let vite2 = getVite();
         let importerShort = vite2.normalizePath(
-          path4.relative(ctx.rootDirectory, importer)
+          path6.relative(ctx.rootDirectory, importer)
         );
-        let isRoute = getRoute(ctx.reactRouterConfig, importer);
-        if (isRoute) {
+        if (isRoute(ctx.reactRouterConfig, importer)) {
           let serverOnlyExports = SERVER_ONLY_ROUTE_EXPORTS.map(
             (xport) => `\`${xport}\``
           ).join(", ");
@@ -2143,12 +2980,12 @@ var reactRouterVitePlugin = () => {
             [
               import_picocolors3.default.red(`Server-only module referenced by client`),
               "",
-              `    '${id2}' imported by route '${importerShort}'`,
+              `    '${id}' imported by route '${importerShort}'`,
               "",
               `  React Router automatically removes server-code from these exports:`,
               `    ${serverOnlyExports}`,
               "",
-              `  But other route exports in '${importerShort}' depend on '${id2}'.`,
+              `  But other route exports in '${importerShort}' depend on '${id}'.`,
               "",
               "  See https://remix.run/docs/en/main/guides/vite#splitting-up-client-and-server-code",
               ""
@@ -2159,7 +2996,7 @@ var reactRouterVitePlugin = () => {
           [
             import_picocolors3.default.red(`Server-only module referenced by client`),
             "",
-            `    '${id2}' imported by '${importerShort}'`,
+            `    '${id}' imported by '${importerShort}'`,
             "",
             "  See https://remix.run/docs/en/main/guides/vite#splitting-up-client-and-server-code",
             ""
@@ -2168,16 +3005,16 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router-dot-client",
-      async transform(code, id2, options) {
+      name: "react-router:dot-client",
+      async transform(code, id, options) {
         if (!options?.ssr) return;
         let clientFileRE = /\.client(\.[cm]?[jt]sx?)?$/;
         let clientDirRE = /\/\.client\//;
-        if (clientFileRE.test(id2) || clientDirRE.test(id2)) {
-          let exports2 = (0, import_es_module_lexer.parse)(code)[1];
+        if (clientFileRE.test(id) || clientDirRE.test(id)) {
+          let exports2 = getExportNames(code);
           return {
             code: exports2.map(
-              ({ n: name }) => name === "default" ? "export default undefined;" : `export const ${name} = undefined;`
+              (name) => name === "default" ? "export default undefined;" : `export const ${name} = undefined;`
             ).join("\n"),
             map: null
           };
@@ -2186,26 +3023,31 @@ var reactRouterVitePlugin = () => {
     },
     plugin,
     {
-      name: "react-router-route-exports",
-      async transform(code, id2, options) {
-        let route = getRoute(ctx.reactRouterConfig, id2);
+      name: "react-router:route-exports",
+      async transform(code, id, options) {
+        let route = getRoute(ctx.reactRouterConfig, id);
         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));
+          let exportNames = getExportNames(code);
+          let serverOnlyExports = exportNames.filter(
+            (exp) => SERVER_ONLY_ROUTE_EXPORTS.includes(exp)
+          );
           if (serverOnlyExports.length > 0) {
             let str = serverOnlyExports.map((e) => `\`${e}\``).join(", ");
             let message = `SPA Mode: ${serverOnlyExports.length} invalid route export(s) in \`${route.file}\`: ${str}. See https://remix.run/guides/spa-mode for more information.`;
             throw Error(message);
           }
           if (route.id !== "root") {
-            let hasHydrateFallback = (0, import_es_module_lexer.parse)(code)[1].map((exp) => exp.n).some((exp) => exp === "HydrateFallback");
+            let hasHydrateFallback = exportNames.some(
+              (exp) => exp === "HydrateFallback"
+            );
             if (hasHydrateFallback) {
               let message = `SPA Mode: Invalid \`HydrateFallback\` export found in \`${route.file}\`. \`HydrateFallback\` is only permitted on the root route in SPA Mode. See https://remix.run/guides/spa-mode for more information.`;
               throw Error(message);
             }
           }
         }
-        let [filepath] = id2.split("?");
+        let [filepath] = id.split("?");
         let ast = (0, import_parser.parse)(code, { sourceType: "module" });
         if (!options?.ssr) {
           removeExports(ast, SERVER_ONLY_ROUTE_EXPORTS);
@@ -2213,22 +3055,23 @@ var reactRouterVitePlugin = () => {
         transform(ast);
         return generate2(ast, {
           sourceMaps: true,
-          filename: id2,
+          filename: id,
           sourceFileName: filepath
         });
       }
     },
     {
-      name: "react-router-inject-hmr-runtime",
+      name: "react-router:inject-hmr-runtime",
       enforce: "pre",
-      resolveId(id2) {
-        if (id2 === injectHmrRuntimeId)
-          return resolve3(injectHmrRuntimeId);
+      resolveId(id) {
+        if (id === virtualInjectHmrRuntime.id) {
+          return virtualInjectHmrRuntime.resolvedId;
+        }
       },
-      async load(id2) {
-        if (id2 !== resolve3(injectHmrRuntimeId)) return;
+      async load(id) {
+        if (id !== virtualInjectHmrRuntime.resolvedId) return;
         return [
-          `import RefreshRuntime from "${hmrRuntimeId}"`,
+          `import RefreshRuntime from "${virtualHmrRuntime.id}"`,
           "RefreshRuntime.injectIntoGlobalHook(window)",
           "window.$RefreshReg$ = () => {}",
           "window.$RefreshSig$ = () => (type) => type",
@@ -2237,17 +3080,17 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router-hmr-runtime",
+      name: "react-router:hmr-runtime",
       enforce: "pre",
-      resolveId(id2) {
-        if (id2 === hmrRuntimeId) return resolve3(hmrRuntimeId);
+      resolveId(id) {
+        if (id === virtualHmrRuntime.id) return virtualHmrRuntime.resolvedId;
       },
-      async load(id2) {
-        if (id2 !== resolve3(hmrRuntimeId)) return;
-        let reactRefreshDir = path4.dirname(
+      async load(id) {
+        if (id !== virtualHmrRuntime.resolvedId) return;
+        let reactRefreshDir = path6.dirname(
           require.resolve("react-refresh/package.json")
         );
-        let reactRefreshRuntimePath = path4.join(
+        let reactRefreshRuntimePath = path6.join(
           reactRefreshDir,
           "cjs/react-refresh-runtime.development.js"
         );
@@ -2263,11 +3106,11 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router-react-refresh-babel",
-      async transform(code, id2, options) {
+      name: "react-router:react-refresh-babel",
+      async transform(code, id, options) {
         if (viteCommand !== "serve") return;
-        if (id2.includes("/node_modules/")) return;
-        let [filepath] = id2.split("?");
+        if (id.includes("/node_modules/")) return;
+        let [filepath] = id.split("?");
         let extensionsRE = /\.(jsx?|tsx?|mdx?)$/;
         if (!extensionsRE.test(filepath)) return;
         let devRuntime = "react/jsx-dev-runtime";
@@ -2275,13 +3118,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) };
+        if (isRouteVirtualModule(id)) {
+          return { code: addRefreshWrapper(ctx.reactRouterConfig, code, id) };
         }
         let result = await babel.transformAsync(code, {
           babelrc: false,
           configFile: false,
-          filename: id2,
+          filename: id,
           sourceFileName: filepath,
           parserOpts: {
             sourceType: "module",
@@ -2294,20 +3137,21 @@ var reactRouterVitePlugin = () => {
         code = result.code;
         let refreshContentRE = /\$Refresh(?:Reg|Sig)\$\(/;
         if (refreshContentRE.test(code)) {
-          code = addRefreshWrapper(ctx.reactRouterConfig, code, id2);
+          code = addRefreshWrapper(ctx.reactRouterConfig, code, id);
         }
         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(serverManifestId)).default;
+          let serverManifest = (await server.ssrLoadModule(virtual.serverManifest.id)).default;
           let oldRouteMetadata = serverManifest.routes[route.id];
           let newRouteMetadata = await getRouteMetadata(
+            cache,
             ctx,
             viteChildCompiler,
             route,
@@ -2317,9 +3161,12 @@ var reactRouterVitePlugin = () => {
           if (!oldRouteMetadata || [
             "hasLoader",
             "hasClientLoader",
+            "clientLoaderModule",
             "hasAction",
             "hasClientAction",
-            "hasErrorBoundary"
+            "clientActionModule",
+            "hasErrorBoundary",
+            "hydrateFallbackModule"
           ].some((key) => oldRouteMetadata[key] !== newRouteMetadata[key])) {
             invalidateVirtualModules(server);
           }
@@ -2331,39 +3178,69 @@ 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 addRefreshWrapper(reactRouterConfig, code, id2) {
-  let route = getRoute(reactRouterConfig, id2);
-  let acceptExports = route || isRouteEntry(id2) ? [
+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 ? [
     "clientAction",
     "clientLoader",
-    "clientMiddleware",
     "handle",
     "meta",
     "links",
     "shouldRevalidate"
   ] : [];
-  return "\n\n" + withCommentBoundaries(
-    "REACT REFRESH HEADER",
-    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(id2)).replaceAll("__ACCEPT_EXPORTS__", JSON.stringify(acceptExports)).replaceAll("__ROUTE_ID__", JSON.stringify(route?.id))
-  ) + "\n";
-}
-function withCommentBoundaries(label, text) {
-  let begin = `// [BEGIN] ${label} `;
-  begin += "-".repeat(80 - begin.length);
-  let end = `// [END] ${label} `;
-  end += "-".repeat(80 - end.length);
-  return `${begin}
-${text}
-${end}`;
+  return REACT_REFRESH_HEADER.replaceAll("__SOURCE__", JSON.stringify(id)) + code + REACT_REFRESH_FOOTER.replaceAll("__SOURCE__", JSON.stringify(id)).replaceAll("__ACCEPT_EXPORTS__", JSON.stringify(acceptExports)).replaceAll("__ROUTE_ID__", JSON.stringify(route?.id));
 }
 var REACT_REFRESH_HEADER = `
-import RefreshRuntime from "${hmrRuntimeId}";
+import RefreshRuntime from "${virtualHmrRuntime.id}";
 
 const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;
 let prevRefreshReg;
@@ -2382,7 +3259,7 @@ if (import.meta.hot && !inWebWorker) {
     RefreshRuntime.register(type, __SOURCE__ + " " + id)
   };
   window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
-}`.trim();
+}`.replaceAll("\n", "");
 var REACT_REFRESH_FOOTER = `
 if (import.meta.hot && !inWebWorker) {
   window.$RefreshReg$ = prevRefreshReg;
@@ -2396,24 +3273,41 @@ if (import.meta.hot && !inWebWorker) {
       if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
     });
   });
-}`.trim();
+}`;
 function getRoute(pluginConfig, file) {
-  let vite2 = importViteEsmSync();
+  let vite2 = getVite();
   let routePath = vite2.normalizePath(
-    path4.relative(pluginConfig.appDirectory, file)
+    path6.relative(pluginConfig.appDirectory, file)
   );
   let route = Object.values(pluginConfig.routes).find(
     (r) => vite2.normalizePath(r.file) === routePath
   );
   return route;
 }
-async function getRouteMetadata(ctx, viteChildCompiler, route, readRouteFile) {
+function isRoute(pluginConfig, file) {
+  return Boolean(getRoute(pluginConfig, file));
+}
+async function getRouteMetadata(cache, ctx, viteChildCompiler, route, readRouteFile) {
+  let routeFile = route.file;
   let sourceExports = await getRouteModuleExports(
     viteChildCompiler,
     ctx,
     route.file,
     readRouteFile
   );
+  let { hasRouteChunkByExportName } = await detectRouteChunksIfEnabled(
+    cache,
+    ctx,
+    routeFile,
+    { routeFile, readRouteFile, viteChildCompiler }
+  );
+  let moduleUrl = combineURLs(
+    ctx.publicPath,
+    `${resolveFileUrl(
+      ctx,
+      resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
+    )}`
+  );
   let info = {
     id: route.id,
     parentId: route.parentId,
@@ -2422,19 +3316,16 @@ async function getRouteMetadata(ctx, viteChildCompiler, route, readRouteFile) {
     caseSensitive: route.caseSensitive,
     url: combineURLs(
       ctx.publicPath,
-      "/" + path4.relative(
+      "/" + path6.relative(
         ctx.rootDirectory,
         resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
       )
     ),
-    module: combineURLs(
-      ctx.publicPath,
-      `${resolveFileUrl(
-        ctx,
-        resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
-      )}?import`
-    ),
+    module: `${moduleUrl}?import`,
     // Ensure the Vite dev server responds with a JS module
+    clientActionModule: hasRouteChunkByExportName.clientAction ? `${getRouteChunkModuleId(moduleUrl, "clientAction")}` : void 0,
+    clientLoaderModule: hasRouteChunkByExportName.clientLoader ? `${getRouteChunkModuleId(moduleUrl, "clientLoader")}` : void 0,
+    hydrateFallbackModule: hasRouteChunkByExportName.HydrateFallback ? `${getRouteChunkModuleId(moduleUrl, "HydrateFallback")}` : void 0,
     hasAction: sourceExports.includes("action"),
     hasClientAction: sourceExports.includes("clientAction"),
     hasLoader: sourceExports.includes("loader"),
@@ -2445,11 +3336,11 @@ async function getRouteMetadata(ctx, viteChildCompiler, route, readRouteFile) {
   return info;
 }
 async function getPrerenderBuildAndHandler(viteConfig, reactRouterConfig, serverBuildDirectory) {
-  let serverBuildPath = path4.join(
+  let serverBuildPath = path6.join(
     serverBuildDirectory,
     reactRouterConfig.serverBuildFile
   );
-  let build = await import(url2.pathToFileURL(serverBuildPath).toString());
+  let build = await import(url.pathToFileURL(serverBuildPath).toString());
   let { createRequestHandler: createHandler } = await import("react-router");
   return {
     build,
@@ -2467,9 +3358,9 @@ async function handleSpaMode(viteConfig, reactRouterConfig, serverBuildDirectory
   let html = await response.text();
   validatePrerenderedResponse(response, html, "SPA Mode", "/");
   validatePrerenderedHtml(html, "SPA Mode");
-  await fse.writeFile(path4.join(clientBuildDirectory, "index.html"), html);
+  await fse.writeFile(path6.join(clientBuildDirectory, "index.html"), html);
   viteConfig.logger.info(
-    "SPA Mode: index.html has been written to your " + import_picocolors3.default.bold(path4.relative(process.cwd(), clientBuildDirectory)) + " directory"
+    "SPA Mode: index.html has been written to your " + import_picocolors3.default.bold(path6.relative(process.cwd(), clientBuildDirectory)) + " directory"
   );
 }
 async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirectory, clientBuildDirectory) {
@@ -2499,14 +3390,14 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
     // build time or runtime
     "X-React-Router-Prerender": "yes"
   };
-  for (let path5 of routesToPrerender) {
-    let matches = (0, import_react_router2.matchRoutes)(routes, path5);
+  for (let path7 of routesToPrerender) {
+    let matches = (0, import_react_router2.matchRoutes)(routes, `/${path7}/`.replace(/^\/\/+/, "/"));
     let hasLoaders = matches?.some((m) => m.route.loader);
     let data;
     if (hasLoaders) {
       data = await prerenderData(
         handler,
-        path5,
+        path7,
         clientBuildDirectory,
         reactRouterConfig,
         viteConfig,
@@ -2519,7 +3410,7 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
     if (isResourceRoute) {
       await prerenderResourceRoute(
         handler,
-        path5,
+        path7,
         clientBuildDirectory,
         reactRouterConfig,
         viteConfig,
@@ -2528,7 +3419,7 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
     } else {
       await prerenderRoute(
         handler,
-        path5,
+        path7,
         clientBuildDirectory,
         reactRouterConfig,
         viteConfig,
@@ -2585,9 +3476,9 @@ async function prerenderData(handler, prerenderPath, clientBuildDirectory, react
   let response = await handler(request);
   let data = await response.text();
   validatePrerenderedResponse(response, data, "Prerender", normalizedPath);
-  let outdir = path4.relative(process.cwd(), clientBuildDirectory);
-  let outfile = path4.join(outdir, ...normalizedPath.split("/"));
-  await fse.ensureDir(path4.dirname(outfile));
+  let outdir = path6.relative(process.cwd(), clientBuildDirectory);
+  let outfile = path6.join(outdir, ...normalizedPath.split("/"));
+  await fse.ensureDir(path6.dirname(outfile));
   await fse.outputFile(outfile, data);
   viteConfig.logger.info(`Prerender: Generated ${import_picocolors3.default.bold(outfile)}`);
   return data;
@@ -2604,9 +3495,9 @@ async function prerenderRoute(handler, prerenderPath, clientBuildDirectory, reac
   if (!reactRouterConfig.ssr) {
     validatePrerenderedHtml(html, "Prerender");
   }
-  let outdir = path4.relative(process.cwd(), clientBuildDirectory);
-  let outfile = path4.join(outdir, ...normalizedPath.split("/"), "index.html");
-  await fse.ensureDir(path4.dirname(outfile));
+  let outdir = path6.relative(process.cwd(), clientBuildDirectory);
+  let outfile = path6.join(outdir, ...normalizedPath.split("/"), "index.html");
+  await fse.ensureDir(path6.dirname(outfile));
   await fse.outputFile(outfile, html);
   viteConfig.logger.info(`Prerender: Generated ${import_picocolors3.default.bold(outfile)}`);
 }
@@ -2616,9 +3507,9 @@ async function prerenderResourceRoute(handler, prerenderPath, clientBuildDirecto
   let response = await handler(request);
   let text = await response.text();
   validatePrerenderedResponse(response, text, "Prerender", normalizedPath);
-  let outdir = path4.relative(process.cwd(), clientBuildDirectory);
-  let outfile = path4.join(outdir, ...normalizedPath.split("/"));
-  await fse.ensureDir(path4.dirname(outfile));
+  let outdir = path6.relative(process.cwd(), clientBuildDirectory);
+  let outfile = path6.join(outdir, ...normalizedPath.split("/"));
+  await fse.ensureDir(path6.dirname(outfile));
   await fse.outputFile(outfile, text);
   viteConfig.logger.info(`Prerender: Generated ${import_picocolors3.default.bold(outfile)}`);
 }
@@ -2627,17 +3518,17 @@ async function prerenderManifest(build, clientBuildDirectory, reactRouterConfig,
     /\/\/+/g,
     "/"
   );
-  let outdir = path4.relative(process.cwd(), clientBuildDirectory);
-  let outfile = path4.join(outdir, ...normalizedPath.split("/"));
-  await fse.ensureDir(path4.dirname(outfile));
+  let outdir = path6.relative(process.cwd(), clientBuildDirectory);
+  let outfile = path6.join(outdir, ...normalizedPath.split("/"));
+  await fse.ensureDir(path6.dirname(outfile));
   let manifestData = JSON.stringify(build.assets.routes);
   await fse.outputFile(outfile, manifestData);
   viteConfig.logger.info(`Prerender: Generated ${import_picocolors3.default.bold(outfile)}`);
 }
-function validatePrerenderedResponse(response, html, prefix, path5) {
+function validatePrerenderedResponse(response, html, prefix, path7) {
   if (response.status !== 200) {
     throw new Error(
-      `${prefix}: Received a ${response.status} status code from \`entry.server.tsx\` while prerendering the \`${path5}\` path.
+      `${prefix}: Received a ${response.status} status code from \`entry.server.tsx\` while prerendering the \`${path7}\` path.
 ${html}`
     );
   }
@@ -2672,8 +3563,6 @@ 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,
@@ -2685,6 +3574,74 @@ function createPrerenderRoutes(manifest, parentId = "", routesByParentId = group
     };
   });
 }
+var resolveRouteFileCode = async (ctx, input) => {
+  if (typeof input === "string") return input;
+  invariant(input.viteChildCompiler);
+  return await compileRouteFile(
+    input.viteChildCompiler,
+    ctx,
+    input.routeFile,
+    input.readRouteFile
+  );
+};
+async function detectRouteChunksIfEnabled(cache, ctx, id, input) {
+  function noRouteChunks() {
+    return {
+      chunkedExports: [],
+      hasRouteChunks: false,
+      hasRouteChunkByExportName: {
+        clientAction: false,
+        clientLoader: false,
+        HydrateFallback: false
+      }
+    };
+  }
+  if (!ctx.reactRouterConfig.future.unstable_routeChunks) {
+    return noRouteChunks();
+  }
+  if (normalizeRelativeFilePath(id, ctx.reactRouterConfig) === ctx.reactRouterConfig.routes.root.file) {
+    return noRouteChunks();
+  }
+  let code = await resolveRouteFileCode(ctx, input);
+  if (!routeChunkExportNames.some((exportName) => code.includes(exportName))) {
+    return noRouteChunks();
+  }
+  let cacheKey = normalizeRelativeFilePath(id, ctx.reactRouterConfig) + (typeof input === "string" ? "" : "?read");
+  return detectRouteChunks(code, cache, cacheKey);
+}
+async function getRouteChunkIfEnabled(cache, ctx, id, chunkName, input) {
+  if (!ctx.reactRouterConfig.future.unstable_routeChunks) {
+    return null;
+  }
+  let code = await resolveRouteFileCode(ctx, input);
+  let cacheKey = normalizeRelativeFilePath(id, ctx.reactRouterConfig) + (typeof input === "string" ? "" : "?read");
+  return getRouteChunkCode(code, chunkName, cache, cacheKey);
+}
+function validateRouteChunks({
+  ctx,
+  id,
+  valid
+}) {
+  let invalidChunks = Object.entries(valid).filter(([_, isValid]) => !isValid).map(([chunkName]) => chunkName);
+  if (invalidChunks.length === 0) {
+    return;
+  }
+  let plural = invalidChunks.length > 1;
+  throw new Error(
+    [
+      `Route chunks error: ${normalizeRelativeFilePath(
+        id,
+        ctx.reactRouterConfig
+      )}`,
+      invalidChunks.map((name) => `- ${name}`).join("\n"),
+      `${plural ? `These exports were` : `This export was`} unable to be split into ${plural ? "their own chunks" : "its own chunk"} because ${plural ? "they reference" : "it references"} code in the same file that is used by other route module exports.`,
+      `If you need to share code between ${plural ? `these` : `this`} and other exports, you should extract the shared code into a separate module.`
+    ].join("\n\n")
+  );
+}
+function isNonNullable(x) {
+  return x != null;
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   reactRouter