@react-router/dev 0.0.0-experimental-795b50c5b → 0.0.0-experimental-4cf5bd08c

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-795b50c5b
+ * @react-router/dev v0.0.0-experimental-4cf5bd08c
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -40,7 +40,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // vite.ts
 var vite_exports = {};
 __export(vite_exports, {
-  reactRouter: () => reactRouterVitePlugin
+  reactRouter: () => reactRouterVitePlugin,
+  unstable_reactRouterRSC: () => reactRouterRSCVitePlugin
 });
 module.exports = __toCommonJS(vite_exports);
 
@@ -48,15 +49,14 @@ module.exports = __toCommonJS(vite_exports);
 var import_node_crypto = require("crypto");
 var import_node_fs2 = require("fs");
 var import_promises2 = require("fs/promises");
-var path5 = __toESM(require("path"));
+var path6 = __toESM(require("path"));
 var url = __toESM(require("url"));
 var babel = __toESM(require("@babel/core"));
 var import_react_router2 = require("react-router");
 var import_es_module_lexer = require("es-module-lexer");
-var import_tinyglobby = require("tinyglobby");
 var import_pick3 = __toESM(require("lodash/pick"));
 var import_jsesc = __toESM(require("jsesc"));
-var import_picocolors3 = __toESM(require("picocolors"));
+var import_picocolors4 = __toESM(require("picocolors"));
 var import_kebabCase = __toESM(require("lodash/kebabCase"));
 
 // typegen/index.ts
@@ -247,7 +247,7 @@ function validateRouteConfig({
         `Route config in "${routeConfigFile}" is invalid.`,
         root ? `${root}` : [],
         nested ? Object.entries(nested).map(
-          ([path6, message]) => `Path: routes.${path6}
+          ([path9, message]) => `Path: routes.${path9}
 ${message}`
         ) : []
       ].flat().join("\n\n")
@@ -367,7 +367,8 @@ async function resolveConfig({
   root,
   viteNodeContext,
   reactRouterConfigFile,
-  skipRoutes
+  skipRoutes,
+  validateConfig
 }) {
   let reactRouterUserConfig = {};
   if (reactRouterConfigFile) {
@@ -385,6 +386,12 @@ async function resolveConfig({
         return err(`${reactRouterConfigFile} must export a config`);
       }
       reactRouterUserConfig = configModule.default;
+      if (validateConfig) {
+        const error = validateConfig(reactRouterUserConfig);
+        if (error) {
+          return err(error);
+        }
+      }
     } catch (error) {
       return err(`Error loading ${reactRouterConfigFile}: ${error}`);
     }
@@ -473,7 +480,7 @@ async function resolveConfig({
   }
   let appDirectory = import_pathe3.default.resolve(root, userAppDirectory || "app");
   let buildDirectory = import_pathe3.default.resolve(root, userBuildDirectory);
-  let rootRouteFile = findEntry(appDirectory, "root");
+  let rootRouteFile = findEntry(appDirectory, "root", { absolute: true });
   if (!rootRouteFile) {
     let rootRouteDisplayPath = import_pathe3.default.relative(
       root,
@@ -514,7 +521,7 @@ async function resolveConfig({
         {
           id: "root",
           path: "",
-          file: rootRouteFile,
+          file: import_pathe3.default.relative(appDirectory, rootRouteFile),
           children: result.routeConfig
         }
       ];
@@ -563,7 +570,8 @@ async function createConfigLoader({
   rootDirectory: root,
   watch: watch2,
   mode,
-  skipRoutes
+  skipRoutes,
+  validateConfig
 }) {
   root = import_pathe3.default.normalize(root ?? process.env.REACT_ROUTER_ROOT ?? process.cwd());
   let vite2 = await import("vite");
@@ -582,7 +590,13 @@ async function createConfigLoader({
     });
   };
   updateReactRouterConfigFile();
-  let getConfig = () => resolveConfig({ root, viteNodeContext, reactRouterConfigFile, skipRoutes });
+  let getConfig = () => resolveConfig({
+    root,
+    viteNodeContext,
+    reactRouterConfigFile,
+    skipRoutes,
+    validateConfig
+  });
   let appDirectory;
   let initialConfigResult = await getConfig();
   if (!initialConfigResult.ok) {
@@ -604,12 +618,12 @@ async function createConfigLoader({
       if (!fsWatcher) {
         fsWatcher = import_chokidar.default.watch([root, appDirectory], {
           ignoreInitial: true,
-          ignored: (path6) => {
-            let dirname4 = import_pathe3.default.dirname(path6);
-            return !dirname4.startsWith(appDirectory) && // Ensure we're only watching files outside of the app directory
+          ignored: (path9) => {
+            let dirname5 = import_pathe3.default.dirname(path9);
+            return !dirname5.startsWith(appDirectory) && // Ensure we're only watching files outside of the app directory
             // that are at the root level, not nested in subdirectories
-            path6 !== root && // Watch the root directory itself
-            dirname4 !== root;
+            path9 !== root && // Watch the root directory itself
+            dirname5 !== root;
           }
         });
         fsWatcher.on("all", async (...args) => {
@@ -801,7 +815,8 @@ function isEntryFileDependency(moduleGraph, entryFilepath, filepath, visited = /
 async function createContext2({
   rootDirectory,
   watch: watch2,
-  mode
+  mode,
+  rsc
 }) {
   const configLoader = await createConfigLoader({ rootDirectory, mode, watch: watch2 });
   const configResult = await configLoader.getConfig();
@@ -812,7 +827,8 @@ async function createContext2({
   return {
     configLoader,
     rootDirectory,
-    config
+    config,
+    rsc
   };
 }
 
@@ -867,7 +883,7 @@ function fullpath(lineage2) {
   if (lineage2.length === 1 && route?.id === "root") return "/";
   const isLayout = route && route.index !== true && route.path === void 0;
   if (isLayout) return void 0;
-  return "/" + lineage2.map((route2) => route2.path?.replace(/^\//, "")?.replace(/\/$/, "")).filter((path6) => path6 !== void 0 && path6 !== "").join("/");
+  return "/" + lineage2.map((route2) => route2.path?.replace(/^\//, "")?.replace(/\/$/, "")).filter((path9) => path9 !== void 0 && path9 !== "").join("/");
 }
 
 // typegen/generate.ts
@@ -883,7 +899,7 @@ function generateFuture(ctx) {
 
     declare module "react-router" {
       interface Future {
-        middleware: ${ctx.config.future.v8_middleware}
+        v8_middleware: ${ctx.config.future.v8_middleware}
       }
     }
   `;
@@ -1023,8 +1039,8 @@ function routeFilesType({
   );
 }
 function isInAppDirectory(ctx, routeFile) {
-  const path6 = Path3.resolve(ctx.config.appDirectory, routeFile);
-  return path6.startsWith(ctx.config.appDirectory);
+  const path9 = Path3.resolve(ctx.config.appDirectory, routeFile);
+  return path9.startsWith(ctx.config.appDirectory);
 }
 function getRouteAnnotations({
   ctx,
@@ -1089,7 +1105,7 @@ function getRouteAnnotations({
         module: Module
       }>
     ` + "\n\n" + generate(matchesType).code + "\n\n" + import_dedent.default`
-      type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }>;
+      type Annotations = GetAnnotations<Info & { module: Module, matches: Matches }, ${ctx.rsc}>;
 
       export namespace Route {
         // links
@@ -1136,21 +1152,21 @@ function getRouteAnnotations({
   return { filename: filename2, content };
 }
 function relativeImportSource(from, to) {
-  let path6 = Path3.relative(Path3.dirname(from), to);
-  let extension = Path3.extname(path6);
-  path6 = Path3.join(Path3.dirname(path6), Pathe.filename(path6));
-  if (!path6.startsWith("../")) path6 = "./" + path6;
+  let path9 = Path3.relative(Path3.dirname(from), to);
+  let extension = Path3.extname(path9);
+  path9 = Path3.join(Path3.dirname(path9), Pathe.filename(path9));
+  if (!path9.startsWith("../")) path9 = "./" + path9;
   if (!extension || /\.(js|ts)x?$/.test(extension)) {
     extension = ".js";
   }
-  return path6 + extension;
+  return path9 + extension;
 }
 function rootDirsPath(ctx, typesPath) {
   const rel = Path3.relative(typesDirectory(ctx), typesPath);
   return Path3.join(ctx.rootDirectory, rel);
 }
-function paramsType(path6) {
-  const params = parse2(path6);
+function paramsType(path9) {
+  const params = parse2(path9);
   return t2.tsTypeLiteral(
     Object.entries(params).map(([param, isRequired]) => {
       const property = t2.tsPropertySignature(
@@ -1200,8 +1216,8 @@ async function write(...files) {
     })
   );
 }
-async function watch(rootDirectory, { mode, logger }) {
-  const ctx = await createContext2({ rootDirectory, mode, watch: true });
+async function watch(rootDirectory, { mode, logger, rsc }) {
+  const ctx = await createContext2({ rootDirectory, mode, rsc, watch: true });
   await import_promises.default.rm(typesDirectory(ctx), { recursive: true, force: true });
   await write(
     generateFuture(ctx),
@@ -1486,11 +1502,11 @@ var getCssStringFromViteDevModuleCode = (code) => {
   let cssContent = void 0;
   const ast = import_parser.parse(code, { sourceType: "module" });
   traverse(ast, {
-    VariableDeclaration(path6) {
-      const declaration = path6.node.declarations[0];
+    VariableDeclaration(path9) {
+      const declaration = path9.node.declarations[0];
       if (declaration?.id?.type === "Identifier" && declaration.id.name === "__vite__css" && declaration.init?.type === "StringLiteral") {
         cssContent = declaration.init.value;
-        path6.stop();
+        path9.stop();
       }
     }
   });
@@ -1507,6 +1523,15 @@ function create(name) {
   };
 }
 
+// vite/resolve-relative-route-file-path.ts
+var import_pathe4 = __toESM(require("pathe"));
+function resolveRelativeRouteFilePath(route, reactRouterConfig) {
+  let vite2 = getVite();
+  let file = route.file;
+  let fullPath = import_pathe4.default.resolve(reactRouterConfig.appDirectory, file);
+  return vite2.normalizePath(fullPath);
+}
+
 // vite/combine-urls.ts
 function combineURLs(baseURL, relativeURL) {
   return relativeURL ? baseURL.replace(/\/+$/, "") + "/" + relativeURL.replace(/^\/+/, "") : baseURL;
@@ -1520,10 +1545,10 @@ var removeExports = (ast, exportsToRemove) => {
   let markedForRemoval = /* @__PURE__ */ new Set();
   let removedExportLocalNames = /* @__PURE__ */ new Set();
   traverse(ast, {
-    ExportDeclaration(path6) {
-      if (path6.node.type === "ExportNamedDeclaration") {
-        if (path6.node.specifiers.length) {
-          path6.node.specifiers = path6.node.specifiers.filter((specifier) => {
+    ExportDeclaration(path9) {
+      if (path9.node.type === "ExportNamedDeclaration") {
+        if (path9.node.specifiers.length) {
+          path9.node.specifiers = path9.node.specifiers.filter((specifier) => {
             if (specifier.type === "ExportSpecifier" && specifier.exported.type === "Identifier") {
               if (exportsToRemove.includes(specifier.exported.name)) {
                 exportsFiltered = true;
@@ -1535,12 +1560,12 @@ var removeExports = (ast, exportsToRemove) => {
             }
             return true;
           });
-          if (path6.node.specifiers.length === 0) {
-            markedForRemoval.add(path6);
+          if (path9.node.specifiers.length === 0) {
+            markedForRemoval.add(path9);
           }
         }
-        if (path6.node.declaration?.type === "VariableDeclaration") {
-          let declaration = path6.node.declaration;
+        if (path9.node.declaration?.type === "VariableDeclaration") {
+          let declaration = path9.node.declaration;
           declaration.declarations = declaration.declarations.filter(
             (declaration2) => {
               if (declaration2.id.type === "Identifier" && exportsToRemove.includes(declaration2.id.name)) {
@@ -1554,30 +1579,30 @@ var removeExports = (ast, exportsToRemove) => {
             }
           );
           if (declaration.declarations.length === 0) {
-            markedForRemoval.add(path6);
+            markedForRemoval.add(path9);
           }
         }
-        if (path6.node.declaration?.type === "FunctionDeclaration") {
-          let id = path6.node.declaration.id;
+        if (path9.node.declaration?.type === "FunctionDeclaration") {
+          let id = path9.node.declaration.id;
           if (id && exportsToRemove.includes(id.name)) {
-            markedForRemoval.add(path6);
+            markedForRemoval.add(path9);
           }
         }
-        if (path6.node.declaration?.type === "ClassDeclaration") {
-          let id = path6.node.declaration.id;
+        if (path9.node.declaration?.type === "ClassDeclaration") {
+          let id = path9.node.declaration.id;
           if (id && exportsToRemove.includes(id.name)) {
-            markedForRemoval.add(path6);
+            markedForRemoval.add(path9);
           }
         }
       }
-      if (path6.node.type === "ExportDefaultDeclaration") {
+      if (path9.node.type === "ExportDefaultDeclaration") {
         if (exportsToRemove.includes("default")) {
-          markedForRemoval.add(path6);
-          if (path6.node.declaration) {
-            if (path6.node.declaration.type === "Identifier") {
-              removedExportLocalNames.add(path6.node.declaration.name);
-            } else if ((path6.node.declaration.type === "FunctionDeclaration" || path6.node.declaration.type === "ClassDeclaration") && path6.node.declaration.id) {
-              removedExportLocalNames.add(path6.node.declaration.id.name);
+          markedForRemoval.add(path9);
+          if (path9.node.declaration) {
+            if (path9.node.declaration.type === "Identifier") {
+              removedExportLocalNames.add(path9.node.declaration.name);
+            } else if ((path9.node.declaration.type === "FunctionDeclaration" || path9.node.declaration.type === "ClassDeclaration") && path9.node.declaration.id) {
+              removedExportLocalNames.add(path9.node.declaration.id.name);
             }
           }
         }
@@ -1585,21 +1610,21 @@ var removeExports = (ast, exportsToRemove) => {
     }
   });
   traverse(ast, {
-    ExpressionStatement(path6) {
-      if (!path6.parentPath.isProgram()) {
+    ExpressionStatement(path9) {
+      if (!path9.parentPath.isProgram()) {
         return;
       }
-      if (path6.node.expression.type === "AssignmentExpression") {
-        const left = path6.node.expression.left;
+      if (path9.node.expression.type === "AssignmentExpression") {
+        const left = path9.node.expression.left;
         if (left.type === "MemberExpression" && left.object.type === "Identifier" && (exportsToRemove.includes(left.object.name) || removedExportLocalNames.has(left.object.name))) {
-          markedForRemoval.add(path6);
+          markedForRemoval.add(path9);
         }
       }
     }
   });
   if (markedForRemoval.size > 0 || exportsFiltered) {
-    for (let path6 of markedForRemoval) {
-      path6.remove();
+    for (let path9 of markedForRemoval) {
+      path9.remove();
     }
     (0, import_babel_dead_code_elimination.deadCodeElimination)(ast, previouslyReferencedIdentifiers);
   }
@@ -1644,6 +1669,18 @@ function invalidDestructureError(name) {
   return new Error(`Cannot remove destructured export "${name}"`);
 }
 
+// vite/has-dependency.ts
+function hasDependency({
+  name,
+  rootDirectory
+}) {
+  try {
+    return Boolean(require.resolve(name, { paths: [rootDirectory] }));
+  } catch (err2) {
+    return false;
+  }
+}
+
 // vite/cache.ts
 function getOrSetFromCache(cache, key, version, getValue) {
   if (!cache) {
@@ -1670,28 +1707,28 @@ function codeToAst(code, cache, cacheKey) {
     )
   );
 }
-function assertNodePath(path6) {
+function assertNodePath(path9) {
   invariant(
-    path6 && !Array.isArray(path6),
-    `Expected a Path, but got ${Array.isArray(path6) ? "an array" : path6}`
+    path9 && !Array.isArray(path9),
+    `Expected a Path, but got ${Array.isArray(path9) ? "an array" : path9}`
   );
 }
-function assertNodePathIsStatement(path6) {
+function assertNodePathIsStatement(path9) {
   invariant(
-    path6 && !Array.isArray(path6) && t.isStatement(path6.node),
-    `Expected a Statement path, but got ${Array.isArray(path6) ? "an array" : path6?.node?.type}`
+    path9 && !Array.isArray(path9) && t.isStatement(path9.node),
+    `Expected a Statement path, but got ${Array.isArray(path9) ? "an array" : path9?.node?.type}`
   );
 }
-function assertNodePathIsVariableDeclarator(path6) {
+function assertNodePathIsVariableDeclarator(path9) {
   invariant(
-    path6 && !Array.isArray(path6) && t.isVariableDeclarator(path6.node),
-    `Expected an Identifier path, but got ${Array.isArray(path6) ? "an array" : path6?.node?.type}`
+    path9 && !Array.isArray(path9) && t.isVariableDeclarator(path9.node),
+    `Expected an Identifier path, but got ${Array.isArray(path9) ? "an array" : path9?.node?.type}`
   );
 }
-function assertNodePathIsPattern(path6) {
+function assertNodePathIsPattern(path9) {
   invariant(
-    path6 && !Array.isArray(path6) && t.isPattern(path6.node),
-    `Expected a Pattern path, but got ${Array.isArray(path6) ? "an array" : path6?.node?.type}`
+    path9 && !Array.isArray(path9) && t.isPattern(path9.node),
+    `Expected a Pattern path, but got ${Array.isArray(path9) ? "an array" : path9?.node?.type}`
   );
 }
 function getExportDependencies(code, cache, cacheKey) {
@@ -1727,8 +1764,8 @@ function getExportDependencies(code, cache, cacheKey) {
           }
           let isWithinExportDestructuring = Boolean(
             identifier.findParent(
-              (path6) => Boolean(
-                path6.isPattern() && path6.parentPath?.isVariableDeclarator() && path6.parentPath.parentPath?.parentPath?.isExportNamedDeclaration()
+              (path9) => Boolean(
+                path9.isPattern() && path9.parentPath?.isVariableDeclarator() && path9.parentPath.parentPath?.parentPath?.isExportNamedDeclaration()
               )
             )
           );
@@ -1806,7 +1843,7 @@ function getExportDependencies(code, cache, cacheKey) {
             for (let specifier of node.specifiers) {
               if (t.isIdentifier(specifier.exported)) {
                 let name = specifier.exported.name;
-                let specifierPath = exportPath.get("specifiers").find((path6) => path6.node === specifier);
+                let specifierPath = exportPath.get("specifiers").find((path9) => path9.node === specifier);
                 invariant(
                   specifierPath,
                   `Expected to find specifier path for ${name}`
@@ -1823,22 +1860,22 @@ function getExportDependencies(code, cache, cacheKey) {
     }
   );
 }
-function getDependentIdentifiersForPath(path6, state) {
+function getDependentIdentifiersForPath(path9, state) {
   let { visited, identifiers } = state ?? {
     visited: /* @__PURE__ */ new Set(),
     identifiers: /* @__PURE__ */ new Set()
   };
-  if (visited.has(path6)) {
+  if (visited.has(path9)) {
     return identifiers;
   }
-  visited.add(path6);
-  path6.traverse({
-    Identifier(path7) {
-      if (identifiers.has(path7)) {
+  visited.add(path9);
+  path9.traverse({
+    Identifier(path10) {
+      if (identifiers.has(path10)) {
         return;
       }
-      identifiers.add(path7);
-      let binding = path7.scope.getBinding(path7.node.name);
+      identifiers.add(path10);
+      let binding = path10.scope.getBinding(path10.node.name);
       if (!binding) {
         return;
       }
@@ -1860,7 +1897,7 @@ function getDependentIdentifiersForPath(path6, state) {
       }
     }
   });
-  let topLevelStatement = getTopLevelStatementPathForPath(path6);
+  let topLevelStatement = getTopLevelStatementPathForPath(path9);
   let withinImportStatement = topLevelStatement.isImportDeclaration();
   let withinExportStatement = topLevelStatement.isExportDeclaration();
   if (!withinImportStatement && !withinExportStatement) {
@@ -1869,9 +1906,9 @@ function getDependentIdentifiersForPath(path6, state) {
       identifiers
     });
   }
-  if (withinExportStatement && path6.isIdentifier() && (t.isPattern(path6.parentPath.node) || // [foo]
-  t.isPattern(path6.parentPath.parentPath?.node))) {
-    let variableDeclarator = path6.findParent((p) => p.isVariableDeclarator());
+  if (withinExportStatement && path9.isIdentifier() && (t.isPattern(path9.parentPath.node) || // [foo]
+  t.isPattern(path9.parentPath.parentPath?.node))) {
+    let variableDeclarator = path9.findParent((p) => p.isVariableDeclarator());
     assertNodePath(variableDeclarator);
     getDependentIdentifiersForPath(variableDeclarator, {
       visited,
@@ -1880,16 +1917,16 @@ function getDependentIdentifiersForPath(path6, state) {
   }
   return identifiers;
 }
-function getTopLevelStatementPathForPath(path6) {
-  let ancestry = path6.getAncestry();
+function getTopLevelStatementPathForPath(path9) {
+  let ancestry = path9.getAncestry();
   let topLevelStatement = ancestry[ancestry.length - 2];
   assertNodePathIsStatement(topLevelStatement);
   return topLevelStatement;
 }
 function getTopLevelStatementsForPaths(paths) {
   let topLevelStatements = /* @__PURE__ */ new Set();
-  for (let path6 of paths) {
-    let topLevelStatement = getTopLevelStatementPathForPath(path6);
+  for (let path9 of paths) {
+    let topLevelStatement = getTopLevelStatementPathForPath(path9);
     topLevelStatements.add(topLevelStatement.node);
   }
   return topLevelStatements;
@@ -2251,6 +2288,31 @@ function getRouteChunkNameFromModuleId(id) {
   return chunkName;
 }
 
+// vite/optimize-deps-entries.ts
+var import_tinyglobby = require("tinyglobby");
+function getOptimizeDepsEntries({
+  entryClientFilePath,
+  reactRouterConfig
+}) {
+  if (!reactRouterConfig.future.unstable_optimizeDeps) {
+    return [];
+  }
+  const vite2 = getVite();
+  const viteMajorVersion = parseInt(vite2.version.split(".")[0], 10);
+  return [
+    vite2.normalizePath(entryClientFilePath),
+    ...Object.values(reactRouterConfig.routes).map(
+      (route) => resolveRelativeRouteFilePath(route, reactRouterConfig)
+    )
+  ].map(
+    (entry) => (
+      // In Vite 7, the `optimizeDeps.entries` option only accepts glob patterns.
+      // In prior versions, absolute file paths were treated differently.
+      viteMajorVersion >= 7 ? (0, import_tinyglobby.escapePath)(entry) : entry
+    )
+  );
+}
+
 // vite/with-props.ts
 var namedComponentExports = ["HydrateFallback", "ErrorBoundary"];
 function isNamedComponentExport(name) {
@@ -2258,24 +2320,24 @@ function isNamedComponentExport(name) {
 }
 var decorateComponentExportsWithProps = (ast) => {
   const hocs = [];
-  function getHocUid(path6, hocName) {
-    const uid = path6.scope.generateUidIdentifier(hocName);
+  function getHocUid(path9, hocName) {
+    const uid = path9.scope.generateUidIdentifier(hocName);
     hocs.push([hocName, uid]);
     return uid;
   }
   traverse(ast, {
-    ExportDeclaration(path6) {
-      if (path6.isExportDefaultDeclaration()) {
-        const declaration = path6.get("declaration");
+    ExportDeclaration(path9) {
+      if (path9.isExportDefaultDeclaration()) {
+        const declaration = path9.get("declaration");
         const expr = declaration.isExpression() ? declaration.node : declaration.isFunctionDeclaration() ? toFunctionExpression(declaration.node) : void 0;
         if (expr) {
-          const uid = getHocUid(path6, "UNSAFE_withComponentProps");
+          const uid = getHocUid(path9, "UNSAFE_withComponentProps");
           declaration.replaceWith(t.callExpression(uid, [expr]));
         }
         return;
       }
-      if (path6.isExportNamedDeclaration()) {
-        const decl = path6.get("declaration");
+      if (path9.isExportNamedDeclaration()) {
+        const decl = path9.get("declaration");
         if (decl.isVariableDeclaration()) {
           decl.get("declarations").forEach((varDeclarator) => {
             const id = varDeclarator.get("id");
@@ -2285,7 +2347,7 @@ var decorateComponentExportsWithProps = (ast) => {
             if (!id.isIdentifier()) return;
             const { name } = id.node;
             if (!isNamedComponentExport(name)) return;
-            const uid = getHocUid(path6, `UNSAFE_with${name}Props`);
+            const uid = getHocUid(path9, `UNSAFE_with${name}Props`);
             init.replaceWith(t.callExpression(uid, [expr]));
           });
           return;
@@ -2295,7 +2357,7 @@ var decorateComponentExportsWithProps = (ast) => {
           if (!id) return;
           const { name } = id;
           if (!isNamedComponentExport(name)) return;
-          const uid = getHocUid(path6, `UNSAFE_with${name}Props`);
+          const uid = getHocUid(path9, `UNSAFE_with${name}Props`);
           decl.replaceWith(
             t.variableDeclaration("const", [
               t.variableDeclarator(
@@ -2329,6 +2391,26 @@ function toFunctionExpression(decl) {
   );
 }
 
+// vite/load-dotenv.ts
+async function loadDotenv({
+  rootDirectory,
+  viteUserConfig,
+  mode
+}) {
+  const vite2 = await import("vite");
+  Object.assign(
+    process.env,
+    vite2.loadEnv(
+      mode,
+      viteUserConfig.envDir ?? rootDirectory,
+      // We override the default prefix of "VITE_" with a blank string since
+      // we're targeting the server, so we want to load all environment
+      // variables, not just those explicitly marked for the client
+      ""
+    )
+  );
+}
+
 // vite/plugins/validate-plugin-order.ts
 function validatePluginOrder() {
   return {
@@ -2340,16 +2422,57 @@ function validatePluginOrder() {
           (plugin) => pluginName.includes(plugin.name)
         );
       };
-      let rollupPrePlugins = [
-        { pluginName: "@mdx-js/rollup", displayName: "@mdx-js/rollup" }
-      ];
-      for (let prePlugin of rollupPrePlugins) {
-        let prePluginIndex = pluginIndex(prePlugin.pluginName);
-        if (prePluginIndex >= 0 && prePluginIndex > pluginIndex(["react-router", "react-router/rsc"])) {
-          throw new Error(
-            `The "${prePlugin.displayName}" plugin should be placed before the React Router plugin in your Vite config file`
-          );
-        }
+      let reactRouterRscPluginIndex = pluginIndex("react-router/rsc");
+      let viteRscPluginIndex = pluginIndex("rsc");
+      if (reactRouterRscPluginIndex >= 0 && viteRscPluginIndex >= 0 && reactRouterRscPluginIndex > viteRscPluginIndex) {
+        throw new Error(
+          `The "@vitejs/plugin-rsc" plugin should be placed after the React Router RSC plugin in your Vite config`
+        );
+      }
+      let reactRouterPluginIndex = pluginIndex([
+        "react-router",
+        "react-router/rsc"
+      ]);
+      let mdxPluginIndex = pluginIndex("@mdx-js/rollup");
+      if (mdxPluginIndex >= 0 && mdxPluginIndex > reactRouterPluginIndex) {
+        throw new Error(
+          `The "@mdx-js/rollup" plugin should be placed before the React Router plugin in your Vite config`
+        );
+      }
+    }
+  };
+}
+
+// vite/plugins/warn-on-client-source-maps.ts
+var import_picocolors3 = __toESM(require("picocolors"));
+function warnOnClientSourceMaps() {
+  let viteConfig;
+  let viteCommand;
+  let logged = false;
+  return {
+    name: "react-router:warn-on-client-source-maps",
+    config(_, configEnv) {
+      viteCommand = configEnv.command;
+    },
+    configResolved(config) {
+      viteConfig = config;
+    },
+    buildStart() {
+      invariant(viteConfig);
+      if (!logged && viteCommand === "build" && viteConfig.mode === "production" && !viteConfig.build.ssr && (viteConfig.build.sourcemap || viteConfig.environments?.client?.build.sourcemap)) {
+        viteConfig.logger.warn(
+          import_picocolors3.default.yellow(
+            "\n" + import_picocolors3.default.bold("  \u26A0\uFE0F  Source maps are enabled in production\n") + [
+              "This makes your server code publicly",
+              "visible in the browser. This is highly",
+              "discouraged! If you insist, ensure that",
+              "you are using environment variables for",
+              "secrets and not hard-coding them in",
+              "your source code."
+            ].map((line) => "     " + line).join("\n") + "\n"
+          )
+        );
+        logged = true;
       }
     }
   };
@@ -2416,16 +2539,10 @@ var virtualHmrRuntime = create("hmr-runtime");
 var virtualInjectHmrRuntime = create("inject-hmr-runtime");
 var normalizeRelativeFilePath = (file, reactRouterConfig) => {
   let vite2 = getVite();
-  let fullPath = path5.resolve(reactRouterConfig.appDirectory, file);
-  let relativePath = path5.relative(reactRouterConfig.appDirectory, fullPath);
+  let fullPath = path6.resolve(reactRouterConfig.appDirectory, file);
+  let relativePath = path6.relative(reactRouterConfig.appDirectory, fullPath);
   return vite2.normalizePath(relativePath).split("?")[0];
 };
-var resolveRelativeRouteFilePath = (route, reactRouterConfig) => {
-  let vite2 = getVite();
-  let file = route.file;
-  let fullPath = path5.resolve(reactRouterConfig.appDirectory, file);
-  return vite2.normalizePath(fullPath);
-};
 var virtual = {
   serverBuild: create("server-build"),
   serverManifest: create("server-manifest"),
@@ -2446,7 +2563,7 @@ var getHash = (source, maxLength) => {
 var resolveChunk = (ctx, viteManifest, absoluteFilePath) => {
   let vite2 = getVite();
   let rootRelativeFilePath = vite2.normalizePath(
-    path5.relative(ctx.rootDirectory, absoluteFilePath)
+    path6.relative(ctx.rootDirectory, absoluteFilePath)
   );
   let entryChunk = viteManifest[rootRelativeFilePath];
   if (!entryChunk) {
@@ -2535,7 +2652,7 @@ function dedupe(array2) {
   return [...new Set(array2)];
 }
 var writeFileSafe = async (file, contents) => {
-  await (0, import_promises2.mkdir)(path5.dirname(file), { recursive: true });
+  await (0, import_promises2.mkdir)(path6.dirname(file), { recursive: true });
   await (0, import_promises2.writeFile)(file, contents);
 };
 var getExportNames = (code) => {
@@ -2561,7 +2678,7 @@ var compileRouteFile = async (viteChildCompiler, ctx, routeFile, readRouteFile)
   }
   let ssr = true;
   let { pluginContainer, moduleGraph } = viteChildCompiler;
-  let routePath = path5.resolve(ctx.reactRouterConfig.appDirectory, routeFile);
+  let routePath = path6.resolve(ctx.reactRouterConfig.appDirectory, routeFile);
   let url2 = resolveFileUrl(ctx, routePath);
   let resolveId = async () => {
     let result = await pluginContainer.resolveId(url2, void 0, { ssr });
@@ -2603,12 +2720,12 @@ var resolveEnvironmentBuildContext = ({
   };
   return resolvedBuildContext;
 };
-var getServerBuildDirectory = (reactRouterConfig, { serverBundleId } = {}) => path5.join(
+var getServerBuildDirectory = (reactRouterConfig, { serverBundleId } = {}) => path6.join(
   reactRouterConfig.buildDirectory,
   "server",
   ...serverBundleId ? [serverBundleId] : []
 );
-var getClientBuildDirectory = (reactRouterConfig) => path5.join(reactRouterConfig.buildDirectory, "client");
+var getClientBuildDirectory = (reactRouterConfig) => path6.join(reactRouterConfig.buildDirectory, "client");
 var getServerBundleRouteIds = (vitePluginContext, ctx) => {
   if (!ctx.buildManifest) {
     return void 0;
@@ -2626,14 +2743,14 @@ var getServerBundleRouteIds = (vitePluginContext, ctx) => {
   );
   return Object.keys(serverBundleRoutes);
 };
-var defaultEntriesDir = path5.resolve(
-  path5.dirname(require.resolve("@react-router/dev/package.json")),
+var defaultEntriesDir = path6.resolve(
+  path6.dirname(require.resolve("@react-router/dev/package.json")),
   "dist",
   "config",
   "defaults"
 );
 var defaultEntries = (0, import_node_fs2.readdirSync)(defaultEntriesDir).map(
-  (filename2) => path5.join(defaultEntriesDir, filename2)
+  (filename2) => path6.join(defaultEntriesDir, filename2)
 );
 invariant(defaultEntries.length > 0, "No default entries found");
 var reactRouterDevLoadContext = () => void 0;
@@ -2671,7 +2788,7 @@ var reactRouterVitePlugin = () => {
     let publicPath = viteUserConfig.base ?? "/";
     if (reactRouterConfig.basename !== "/" && viteCommand === "serve" && !viteUserConfig.server?.middlewareMode && !reactRouterConfig.basename.startsWith(publicPath)) {
       logger.error(
-        import_picocolors3.default.red(
+        import_picocolors4.default.red(
           "When using the React Router `basename` and the Vite `base` config, the `basename` config must begin with `base` for the default Vite dev server."
         )
       );
@@ -2729,7 +2846,7 @@ var reactRouterVitePlugin = () => {
       virtual.serverManifest.id
     )};
       export const assetsBuildDirectory = ${JSON.stringify(
-      path5.relative(
+      path6.relative(
         ctx.rootDirectory,
         getClientBuildDirectory(ctx.reactRouterConfig)
       )
@@ -2768,18 +2885,11 @@ var reactRouterVitePlugin = () => {
   };
   let loadViteManifest = async (directory) => {
     let manifestContents = await (0, import_promises2.readFile)(
-      path5.resolve(directory, ".vite", "manifest.json"),
+      path6.resolve(directory, ".vite", "manifest.json"),
       "utf-8"
     );
     return JSON.parse(manifestContents);
   };
-  let hasDependency = (name) => {
-    try {
-      return Boolean(require.resolve(name, { paths: [ctx.rootDirectory] }));
-    } catch (err2) {
-      return false;
-    }
-  };
   let getViteManifestAssetPaths = (viteManifest) => {
     let cssUrlPaths = Object.values(viteManifest).filter((chunk) => chunk.file.endsWith(".css")).map((chunk) => chunk.file);
     let chunkAssetPaths = Object.values(viteManifest).flatMap(
@@ -2800,7 +2910,7 @@ var reactRouterVitePlugin = () => {
         let contents;
         try {
           contents = await (0, import_promises2.readFile)(
-            path5.join(entryNormalizedPath, entry.name),
+            path6.join(entryNormalizedPath, entry.name),
             "utf-8"
           );
         } catch (e) {
@@ -2809,9 +2919,9 @@ var reactRouterVitePlugin = () => {
         }
         let hash = (0, import_node_crypto.createHash)("sha384").update(contents).digest().toString("base64");
         let filepath = getVite().normalizePath(
-          path5.relative(
+          path6.relative(
             clientBuildDirectory,
-            path5.join(entryNormalizedPath, entry.name)
+            path6.join(entryNormalizedPath, entry.name)
           )
         );
         sriManifest[`${ctx2.publicPath}${filepath}`] = `sha384-${hash}`;
@@ -2842,7 +2952,7 @@ var reactRouterVitePlugin = () => {
     );
     let enforceSplitRouteModules = ctx.reactRouterConfig.future.unstable_splitRouteModules === "enforce";
     for (let route of Object.values(ctx.reactRouterConfig.routes)) {
-      let routeFile = path5.join(ctx.reactRouterConfig.appDirectory, route.file);
+      let routeFile = path6.join(ctx.reactRouterConfig.appDirectory, route.file);
       let sourceExports = routeManifestExports[route.id];
       let hasClientAction = sourceExports.includes("clientAction");
       let hasClientLoader = sourceExports.includes("clientLoader");
@@ -2913,7 +3023,7 @@ var reactRouterVitePlugin = () => {
     }
     let fingerprintedValues = { entry, routes: browserRoutes };
     let version = getHash(JSON.stringify(fingerprintedValues), 8);
-    let manifestPath = path5.posix.join(
+    let manifestPath = path6.posix.join(
       viteConfig2.build.assetsDir,
       `manifest-${version}.js`
     );
@@ -2925,7 +3035,7 @@ var reactRouterVitePlugin = () => {
       sri: void 0
     };
     await writeFileSafe(
-      path5.join(getClientBuildDirectory(ctx.reactRouterConfig), manifestPath),
+      path6.join(getClientBuildDirectory(ctx.reactRouterConfig), manifestPath),
       `window.__reactRouterManifest=${JSON.stringify(
         reactRouterBrowserManifest
       )};`
@@ -3051,7 +3161,6 @@ var reactRouterVitePlugin = () => {
       config: async (_viteUserConfig, _viteConfigEnv) => {
         await preloadVite();
         let vite2 = getVite();
-        let viteMajorVersion = parseInt(vite2.version.split(".")[0], 10);
         viteUserConfig = _viteUserConfig;
         viteConfigEnv = _viteConfigEnv;
         viteCommand = viteConfigEnv.command;
@@ -3066,6 +3175,7 @@ var reactRouterVitePlugin = () => {
         if (viteCommand === "serve") {
           typegenWatcherPromise = watch(rootDirectory, {
             mode,
+            rsc: false,
             // ignore `info` logs from typegen since they are redundant when Vite plugin logs are active
             logger: vite2.createLogger("warn", { prefix: "[react-router]" })
           });
@@ -3076,17 +3186,11 @@ var reactRouterVitePlugin = () => {
           watch: viteCommand === "serve"
         });
         await updatePluginContext();
-        Object.assign(
-          process.env,
-          vite2.loadEnv(
-            viteConfigEnv.mode,
-            viteUserConfig.envDir ?? ctx.rootDirectory,
-            // We override the default prefix of "VITE_" with a blank string since
-            // we're targeting the server, so we want to load all environment
-            // variables, not just those explicitly marked for the client
-            ""
-          )
-        );
+        await loadDotenv({
+          rootDirectory,
+          viteUserConfig,
+          mode
+        });
         let environments = await getEnvironmentsOptions(ctx, viteCommand, {
           viteUserConfig
         });
@@ -3105,18 +3209,10 @@ var reactRouterVitePlugin = () => {
             resolve: serverEnvironment.resolve
           },
           optimizeDeps: {
-            entries: ctx.reactRouterConfig.future.unstable_optimizeDeps ? [
-              vite2.normalizePath(ctx.entryClientFilePath),
-              ...Object.values(ctx.reactRouterConfig.routes).map(
-                (route) => resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
-              )
-            ].map(
-              (entry) => (
-                // In Vite 7, the `optimizeDeps.entries` option only accepts glob patterns.
-                // In prior versions, absolute file paths were treated differently.
-                viteMajorVersion >= 7 ? (0, import_tinyglobby.escapePath)(entry) : entry
-              )
-            ) : [],
+            entries: getOptimizeDepsEntries({
+              entryClientFilePath: ctx.entryClientFilePath,
+              reactRouterConfig: ctx.reactRouterConfig
+            }),
             include: [
               // Pre-bundle React dependencies to avoid React duplicates,
               // even if React dependencies are not direct dependencies.
@@ -3131,7 +3227,10 @@ var reactRouterVitePlugin = () => {
               "react-router",
               "react-router/dom",
               // Check to avoid "Failed to resolve dependency: react-router-dom, present in 'optimizeDeps.include'"
-              ...hasDependency("react-router-dom") ? ["react-router-dom"] : []
+              ...hasDependency({
+                name: "react-router-dom",
+                rootDirectory: ctx.rootDirectory
+              }) ? ["react-router-dom"] : []
             ]
           },
           esbuild: {
@@ -3283,23 +3382,6 @@ var reactRouterVitePlugin = () => {
           cssModulesManifest[id] = code;
         }
       },
-      buildStart() {
-        invariant(viteConfig);
-        if (viteCommand === "build" && viteConfig.mode === "production" && !viteConfig.build.ssr && viteConfig.build.sourcemap) {
-          viteConfig.logger.warn(
-            import_picocolors3.default.yellow(
-              "\n" + import_picocolors3.default.bold("  \u26A0\uFE0F  Source maps are enabled in production\n") + [
-                "This makes your server code publicly",
-                "visible in the browser. This is highly",
-                "discouraged! If you insist, ensure that",
-                "you are using environment variables for",
-                "secrets and not hard-coding them in",
-                "your source code."
-              ].map((line) => "     " + line).join("\n") + "\n"
-            )
-          );
-        }
-      },
       async configureServer(viteDevServer) {
         (0, import_react_router2.unstable_setDevServerHooks)({
           // Give the request handler access to the critical CSS in dev to avoid a
@@ -3339,7 +3421,7 @@ var reactRouterVitePlugin = () => {
               return;
             }
             let message = configChanged ? "Config changed." : routeConfigChanged ? "Route config changed." : configCodeChanged ? "Config saved." : routeConfigCodeChanged ? " Route config saved." : "Config saved";
-            logger.info(import_picocolors3.default.green(message), {
+            logger.info(import_picocolors4.default.green(message), {
               clear: true,
               timestamp: true
             });
@@ -3429,11 +3511,11 @@ var reactRouterVitePlugin = () => {
           let removedAssetPaths = [];
           let copiedAssetPaths = [];
           for (let ssrAssetPath of ssrAssetPaths) {
-            let src = path5.join(serverBuildDirectory, ssrAssetPath);
-            let dest = path5.join(clientBuildDirectory, ssrAssetPath);
+            let src = path6.join(serverBuildDirectory, ssrAssetPath);
+            let dest = path6.join(clientBuildDirectory, ssrAssetPath);
             if (!userSsrEmitAssets) {
               if (!(0, import_node_fs2.existsSync)(dest)) {
-                await (0, import_promises2.mkdir)(path5.dirname(dest), { recursive: true });
+                await (0, import_promises2.mkdir)(path6.dirname(dest), { recursive: true });
                 await (0, import_promises2.rename)(src, dest);
                 movedAssetPaths.push(dest);
               } else {
@@ -3451,7 +3533,7 @@ var reactRouterVitePlugin = () => {
             );
             await Promise.all(
               ssrCssPaths.map(async (cssPath) => {
-                let src = path5.join(serverBuildDirectory, cssPath);
+                let src = path6.join(serverBuildDirectory, cssPath);
                 await (0, import_promises2.rm)(src, { force: true, recursive: true });
                 removedAssetPaths.push(src);
               })
@@ -3459,7 +3541,7 @@ var reactRouterVitePlugin = () => {
           }
           let cleanedAssetPaths = [...removedAssetPaths, ...movedAssetPaths];
           let handledAssetPaths = [...cleanedAssetPaths, ...copiedAssetPaths];
-          let cleanedAssetDirs = new Set(cleanedAssetPaths.map(path5.dirname));
+          let cleanedAssetDirs = new Set(cleanedAssetPaths.map(path6.dirname));
           await Promise.all(
             Array.from(cleanedAssetDirs).map(async (dir) => {
               try {
@@ -3479,9 +3561,9 @@ var reactRouterVitePlugin = () => {
             if (paths.length) {
               viteConfig.logger.info(
                 [
-                  `${import_picocolors3.default.green("\u2713")} ${message}`,
+                  `${import_picocolors4.default.green("\u2713")} ${message}`,
                   ...paths.map(
-                    (assetPath) => import_picocolors3.default.dim(path5.relative(ctx.rootDirectory, assetPath))
+                    (assetPath) => import_picocolors4.default.dim(path6.relative(ctx.rootDirectory, assetPath))
                   )
                 ].join("\n")
               );
@@ -3525,7 +3607,7 @@ var reactRouterVitePlugin = () => {
             viteConfig.logger.info(
               [
                 "Removing the server build in",
-                import_picocolors3.default.green(serverBuildDirectory),
+                import_picocolors4.default.green(serverBuildDirectory),
                 "due to ssr:false"
               ].join(" ")
             );
@@ -3575,7 +3657,7 @@ var reactRouterVitePlugin = () => {
         );
         let isMainChunkExport = (name) => !chunkedExports.includes(name);
         let mainChunkReexports = sourceExports.filter(isMainChunkExport).join(", ");
-        let chunkBasePath = `./${path5.basename(id)}`;
+        let chunkBasePath = `./${path6.basename(id)}`;
         return [
           `export { ${mainChunkReexports} } from "${getRouteChunkModuleId(
             chunkBasePath,
@@ -3595,7 +3677,7 @@ var reactRouterVitePlugin = () => {
       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 = path5.basename(routeModuleId);
+        let routeFileName = path6.basename(routeModuleId);
         let sourceExports = await getRouteModuleExports(
           viteChildCompiler,
           ctx,
@@ -3722,7 +3804,7 @@ var reactRouterVitePlugin = () => {
         }
         let vite2 = getVite();
         let importerShort = vite2.normalizePath(
-          path5.relative(ctx.rootDirectory, importer)
+          path6.relative(ctx.rootDirectory, importer)
         );
         if (isRoute(ctx.reactRouterConfig, importer)) {
           let serverOnlyExports = SERVER_ONLY_ROUTE_EXPORTS.map(
@@ -3730,7 +3812,7 @@ var reactRouterVitePlugin = () => {
           ).join(", ");
           throw Error(
             [
-              import_picocolors3.default.red(`Server-only module referenced by client`),
+              import_picocolors4.default.red(`Server-only module referenced by client`),
               "",
               `    '${id}' imported by route '${importerShort}'`,
               "",
@@ -3746,7 +3828,7 @@ var reactRouterVitePlugin = () => {
         }
         throw Error(
           [
-            import_picocolors3.default.red(`Server-only module referenced by client`),
+            import_picocolors4.default.red(`Server-only module referenced by client`),
             "",
             `    '${id}' imported by '${importerShort}'`,
             "",
@@ -3844,10 +3926,10 @@ var reactRouterVitePlugin = () => {
       },
       async load(id) {
         if (id !== virtualHmrRuntime.resolvedId) return;
-        let reactRefreshDir = path5.dirname(
+        let reactRefreshDir = path6.dirname(
           require.resolve("react-refresh/package.json")
         );
-        let reactRefreshRuntimePath = path5.join(
+        let reactRefreshRuntimePath = path6.join(
           reactRefreshDir,
           "cjs/react-refresh-runtime.development.js"
         );
@@ -3956,7 +4038,8 @@ var reactRouterVitePlugin = () => {
         }
       }
     },
-    validatePluginOrder()
+    validatePluginOrder(),
+    warnOnClientSourceMaps()
   ];
 };
 function getParentClientNodes(clientModuleGraph, module2) {
@@ -4026,7 +4109,7 @@ if (import.meta.hot && !inWebWorker) {
 function getRoute(pluginConfig, file) {
   let vite2 = getVite();
   let routePath = vite2.normalizePath(
-    path5.relative(pluginConfig.appDirectory, file)
+    path6.relative(pluginConfig.appDirectory, file)
   );
   let route = Object.values(pluginConfig.routes).find(
     (r) => vite2.normalizePath(r.file) === routePath
@@ -4065,7 +4148,7 @@ async function getRouteMetadata(cache, ctx, viteChildCompiler, route, readRouteF
     caseSensitive: route.caseSensitive,
     url: combineURLs(
       ctx.publicPath,
-      "/" + path5.relative(
+      "/" + path6.relative(
         ctx.rootDirectory,
         resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
       )
@@ -4093,7 +4176,7 @@ function isSpaModeEnabled(reactRouterConfig) {
   return reactRouterConfig.ssr === false && !isPrerenderingEnabled(reactRouterConfig);
 }
 async function getPrerenderBuildAndHandler(viteConfig, serverBuildDirectory, serverBuildFile) {
-  let serverBuildPath = path5.join(serverBuildDirectory, serverBuildFile);
+  let serverBuildPath = path6.join(serverBuildDirectory, serverBuildFile);
   let build = await import(url.pathToFileURL(serverBuildPath).toString());
   let { createRequestHandler: createHandler } = await import("react-router");
   return {
@@ -4135,15 +4218,15 @@ async function handleSpaMode(viteConfig, reactRouterConfig, serverBuildDirectory
       "SPA Mode: Did you forget to include `<Scripts/>` in your root route? Your pre-rendered HTML cannot hydrate without `<Scripts />`."
     );
   }
-  await (0, import_promises2.writeFile)(path5.join(clientBuildDirectory, filename2), html);
-  let prettyDir = path5.relative(viteConfig.root, clientBuildDirectory);
-  let prettyPath = path5.join(prettyDir, filename2);
+  await (0, import_promises2.writeFile)(path6.join(clientBuildDirectory, filename2), html);
+  let prettyDir = path6.relative(viteConfig.root, clientBuildDirectory);
+  let prettyPath = path6.join(prettyDir, filename2);
   if (build.prerender.length > 0) {
     viteConfig.logger.info(
-      `Prerender (html): SPA Fallback -> ${import_picocolors3.default.bold(prettyPath)}`
+      `Prerender (html): SPA Fallback -> ${import_picocolors4.default.bold(prettyPath)}`
     );
   } else {
-    viteConfig.logger.info(`SPA Mode: Generated ${import_picocolors3.default.bold(prettyPath)}`);
+    viteConfig.logger.info(`SPA Mode: Generated ${import_picocolors4.default.bold(prettyPath)}`);
   }
 }
 async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirectory, serverBuildPath, clientBuildDirectory) {
@@ -4153,17 +4236,17 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
     serverBuildPath
   );
   let routes = createPrerenderRoutes(reactRouterConfig.routes);
-  for (let path6 of build.prerender) {
-    let matches = (0, import_react_router2.matchRoutes)(routes, `/${path6}/`.replace(/^\/\/+/, "/"));
+  for (let path9 of build.prerender) {
+    let matches = (0, import_react_router2.matchRoutes)(routes, `/${path9}/`.replace(/^\/\/+/, "/"));
     if (!matches) {
       throw new Error(
-        `Unable to prerender path because it does not match any routes: ${path6}`
+        `Unable to prerender path because it does not match any routes: ${path9}`
       );
     }
   }
   let buildRoutes = createPrerenderRoutes(build.routes);
-  for (let path6 of build.prerender) {
-    let matches = (0, import_react_router2.matchRoutes)(buildRoutes, `/${path6}/`.replace(/^\/\/+/, "/"));
+  for (let path9 of build.prerender) {
+    let matches = (0, import_react_router2.matchRoutes)(buildRoutes, `/${path9}/`.replace(/^\/\/+/, "/"));
     if (!matches) {
       continue;
     }
@@ -4176,7 +4259,7 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
       if (manifestRoute.loader) {
         await prerenderData(
           handler,
-          path6,
+          path9,
           [leafRoute.id],
           clientBuildDirectory,
           reactRouterConfig,
@@ -4184,7 +4267,7 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
         );
         await prerenderResourceRoute(
           handler,
-          path6,
+          path9,
           clientBuildDirectory,
           reactRouterConfig,
           viteConfig
@@ -4202,7 +4285,7 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
       if (!isResourceRoute && hasLoaders) {
         data = await prerenderData(
           handler,
-          path6,
+          path9,
           null,
           clientBuildDirectory,
           reactRouterConfig,
@@ -4211,7 +4294,7 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
       }
       await prerenderRoute(
         handler,
-        path6,
+        path9,
         clientBuildDirectory,
         reactRouterConfig,
         viteConfig,
@@ -4264,12 +4347,12 @@ async function prerenderData(handler, prerenderPath, onlyRoutes, clientBuildDire
 ${normalizedPath}`
     );
   }
-  let outfile = path5.join(clientBuildDirectory, ...normalizedPath.split("/"));
-  await (0, import_promises2.mkdir)(path5.dirname(outfile), { recursive: true });
+  let outfile = path6.join(clientBuildDirectory, ...normalizedPath.split("/"));
+  await (0, import_promises2.mkdir)(path6.dirname(outfile), { recursive: true });
   await (0, import_promises2.writeFile)(outfile, data);
   viteConfig.logger.info(
-    `Prerender (data): ${prerenderPath} -> ${import_picocolors3.default.bold(
-      path5.relative(viteConfig.root, outfile)
+    `Prerender (data): ${prerenderPath} -> ${import_picocolors4.default.bold(
+      path6.relative(viteConfig.root, outfile)
     )}`
   );
   return data;
@@ -4304,16 +4387,16 @@ async function prerenderRoute(handler, prerenderPath, clientBuildDirectory, reac
 ${html}`
     );
   }
-  let outfile = path5.join(
+  let outfile = path6.join(
     clientBuildDirectory,
     ...normalizedPath.split("/"),
     "index.html"
   );
-  await (0, import_promises2.mkdir)(path5.dirname(outfile), { recursive: true });
+  await (0, import_promises2.mkdir)(path6.dirname(outfile), { recursive: true });
   await (0, import_promises2.writeFile)(outfile, html);
   viteConfig.logger.info(
-    `Prerender (html): ${prerenderPath} -> ${import_picocolors3.default.bold(
-      path5.relative(viteConfig.root, outfile)
+    `Prerender (html): ${prerenderPath} -> ${import_picocolors4.default.bold(
+      path6.relative(viteConfig.root, outfile)
     )}`
   );
 }
@@ -4328,12 +4411,12 @@ async function prerenderResourceRoute(handler, prerenderPath, clientBuildDirecto
 ${content.toString("utf8")}`
     );
   }
-  let outfile = path5.join(clientBuildDirectory, ...normalizedPath.split("/"));
-  await (0, import_promises2.mkdir)(path5.dirname(outfile), { recursive: true });
+  let outfile = path6.join(clientBuildDirectory, ...normalizedPath.split("/"));
+  await (0, import_promises2.mkdir)(path6.dirname(outfile), { recursive: true });
   await (0, import_promises2.writeFile)(outfile, content);
   viteConfig.logger.info(
-    `Prerender (resource): ${prerenderPath} -> ${import_picocolors3.default.bold(
-      path5.relative(viteConfig.root, outfile)
+    `Prerender (resource): ${prerenderPath} -> ${import_picocolors4.default.bold(
+      path6.relative(viteConfig.root, outfile)
     )}`
   );
 }
@@ -4345,7 +4428,7 @@ async function getPrerenderPaths(prerender, ssr, routes, logWarning = false) {
       let { paths, paramRoutes } = getStaticPrerenderPaths(prerenderRoutes);
       if (logWarning && !ssr && paramRoutes.length > 0) {
         console.warn(
-          import_picocolors3.default.yellow(
+          import_picocolors4.default.yellow(
             [
               "\u26A0\uFE0F Paths with dynamic/splat params cannot be prerendered when using `prerender: true`. You may want to use the `prerender()` API to prerender the following paths:",
               ...paramRoutes.map((p) => "  - " + p)
@@ -4407,14 +4490,14 @@ async function validateSsrFalsePrerenderExports(viteConfig, ctx, manifest, viteC
   }
   let prerenderRoutes = createPrerenderRoutes(manifest.routes);
   let prerenderedRoutes = /* @__PURE__ */ new Set();
-  for (let path6 of prerenderPaths) {
+  for (let path9 of prerenderPaths) {
     let matches = (0, import_react_router2.matchRoutes)(
       prerenderRoutes,
-      `/${path6}/`.replace(/^\/\/+/, "/")
+      `/${path9}/`.replace(/^\/\/+/, "/")
     );
     invariant(
       matches,
-      `Unable to prerender path because it does not match any routes: ${path6}`
+      `Unable to prerender path because it does not match any routes: ${path9}`
     );
     matches.forEach((m) => prerenderedRoutes.add(m.route.id));
   }
@@ -4452,7 +4535,7 @@ async function validateSsrFalsePrerenderExports(viteConfig, ctx, manifest, viteC
     }
   }
   if (errors.length > 0) {
-    viteConfig.logger.error(import_picocolors3.default.red(errors.join("\n")));
+    viteConfig.logger.error(import_picocolors4.default.red(errors.join("\n")));
     throw new Error(
       "Invalid route exports found when prerendering with `ssr:false`"
     );
@@ -4581,8 +4664,8 @@ function validateRouteChunks({
 async function cleanBuildDirectory(viteConfig, ctx) {
   let buildDirectory = ctx.reactRouterConfig.buildDirectory;
   let isWithinRoot = () => {
-    let relativePath = path5.relative(ctx.rootDirectory, buildDirectory);
-    return !relativePath.startsWith("..") && !path5.isAbsolute(relativePath);
+    let relativePath = path6.relative(ctx.rootDirectory, buildDirectory);
+    return !relativePath.startsWith("..") && !path6.isAbsolute(relativePath);
   };
   if (viteConfig.build.emptyOutDir ?? isWithinRoot()) {
     await (0, import_promises2.rm)(buildDirectory, { force: true, recursive: true });
@@ -4593,7 +4676,7 @@ async function cleanViteManifests(environmentsOptions, ctx) {
     ([environmentName, options]) => {
       let outDir = options.build?.outDir;
       invariant(outDir, `Expected build.outDir for ${environmentName}`);
-      return path5.join(outDir, ".vite/manifest.json");
+      return path6.join(outDir, ".vite/manifest.json");
     }
   );
   await Promise.all(
@@ -4603,7 +4686,7 @@ async function cleanViteManifests(environmentsOptions, ctx) {
       if (!ctx.viteManifestEnabled) {
         await (0, import_promises2.rm)(viteManifestPath, { force: true, recursive: true });
       }
-      let viteDir = path5.dirname(viteManifestPath);
+      let viteDir = path6.dirname(viteManifestPath);
       let viteDirFiles = await (0, import_promises2.readdir)(viteDir, { recursive: true });
       if (viteDirFiles.length === 0) {
         await (0, import_promises2.rm)(viteDir, { force: true, recursive: true });
@@ -4621,12 +4704,12 @@ async function getBuildManifest({
   }
   let { normalizePath } = await import("vite");
   let serverBuildDirectory = getServerBuildDirectory(reactRouterConfig);
-  let resolvedAppDirectory = path5.resolve(rootDirectory, appDirectory);
+  let resolvedAppDirectory = path6.resolve(rootDirectory, appDirectory);
   let rootRelativeRoutes = Object.fromEntries(
     Object.entries(routes).map(([id, route]) => {
-      let filePath = path5.join(resolvedAppDirectory, route.file);
+      let filePath = path6.join(resolvedAppDirectory, route.file);
       let rootRelativeFilePath = normalizePath(
-        path5.relative(rootDirectory, filePath)
+        path6.relative(rootDirectory, filePath)
       );
       return [id, { ...route, file: rootRelativeFilePath }];
     })
@@ -4644,7 +4727,7 @@ async function getBuildManifest({
           (route2) => configRouteToBranchRoute({
             ...route2,
             // Ensure absolute paths are passed to the serverBundles function
-            file: path5.join(resolvedAppDirectory, route2.file)
+            file: path6.join(resolvedAppDirectory, route2.file)
           })
         )
       });
@@ -4668,10 +4751,10 @@ async function getBuildManifest({
       buildManifest.serverBundles[serverBundleId] ??= {
         id: serverBundleId,
         file: normalizePath(
-          path5.join(
-            path5.relative(
+          path6.join(
+            path6.relative(
               rootDirectory,
-              path5.join(serverBuildDirectory, serverBundleId)
+              path6.join(serverBuildDirectory, serverBundleId)
             ),
             reactRouterConfig.serverBuildFile
           )
@@ -4690,10 +4773,10 @@ function mergeEnvironmentOptions(base, ...overrides) {
 }
 async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
   let { serverBuildFile, serverModuleFormat } = ctx.reactRouterConfig;
-  let packageRoot = path5.dirname(
+  let packageRoot = path6.dirname(
     require.resolve("@react-router/dev/package.json")
   );
-  let { moduleSyncEnabled } = await import(`file:///${path5.join(packageRoot, "module-sync-enabled/index.mjs")}`);
+  let { moduleSyncEnabled } = await import(`file:///${path6.join(packageRoot, "module-sync-enabled/index.mjs")}`);
   let vite2 = getVite();
   function getBaseOptions({
     viteUserConfig
@@ -4772,7 +4855,7 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
             ctx.entryClientFilePath,
             ...Object.values(ctx.reactRouterConfig.routes).flatMap(
               (route) => {
-                let routeFilePath = path5.resolve(
+                let routeFilePath = path6.resolve(
                   ctx.reactRouterConfig.appDirectory,
                   route.file
                 );
@@ -4796,7 +4879,7 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
               ) : null;
               let routeChunkSuffix = routeChunkName ? `-${(0, import_kebabCase.default)(routeChunkName)}` : "";
               let assetsDir = (ctx.reactRouterConfig.future.unstable_viteEnvironmentApi ? viteUserConfig?.environments?.client?.build?.assetsDir : null) ?? viteUserConfig?.build?.assetsDir ?? "assets";
-              return path5.posix.join(
+              return path6.posix.join(
                 assetsDir,
                 `[name]${routeChunkSuffix}-[hash].js`
               );
@@ -4862,7 +4945,867 @@ async function asyncFlatten(arr) {
   } while (arr.some((v2) => v2?.then));
   return arr;
 }
+
+// vite/rsc/plugin.ts
+var import_es_module_lexer3 = require("es-module-lexer");
+var Path5 = __toESM(require("pathe"));
+var babel2 = __toESM(require("@babel/core"));
+var import_picocolors5 = __toESM(require("picocolors"));
+var import_fs = require("fs");
+var import_promises3 = require("fs/promises");
+var import_pathe6 = __toESM(require("pathe"));
+
+// vite/rsc/virtual-route-config.ts
+var import_pathe5 = __toESM(require("pathe"));
+function createVirtualRouteConfig({
+  appDirectory,
+  routeConfig
+}) {
+  let routeIdByFile = /* @__PURE__ */ new Map();
+  let code = "export default [";
+  const closeRouteSymbol = Symbol("CLOSE_ROUTE");
+  let stack = [
+    ...routeConfig
+  ];
+  while (stack.length > 0) {
+    const route = stack.pop();
+    if (!route) break;
+    if (route === closeRouteSymbol) {
+      code += "]},";
+      continue;
+    }
+    code += "{";
+    const routeFile = import_pathe5.default.resolve(appDirectory, route.file);
+    const routeId = route.id || createRouteId2(route.file, appDirectory);
+    routeIdByFile.set(routeFile, routeId);
+    code += `lazy: () => import(${JSON.stringify(
+      `${routeFile}?route-module`
+    )}),`;
+    code += `id: ${JSON.stringify(routeId)},`;
+    if (typeof route.path === "string") {
+      code += `path: ${JSON.stringify(route.path)},`;
+    }
+    if (route.index) {
+      code += `index: true,`;
+    }
+    if (route.caseSensitive) {
+      code += `caseSensitive: true,`;
+    }
+    if (route.children) {
+      code += ["children:["];
+      stack.push(closeRouteSymbol);
+      stack.push(...[...route.children].reverse());
+    } else {
+      code += "},";
+    }
+  }
+  code += "];\n";
+  return { code, routeIdByFile };
+}
+function createRouteId2(file, appDirectory) {
+  return import_pathe5.default.relative(appDirectory, file).replace(/\\+/, "/").slice(0, -import_pathe5.default.extname(file).length);
+}
+
+// vite/rsc/virtual-route-modules.ts
+var import_es_module_lexer2 = require("es-module-lexer");
+var SERVER_ONLY_COMPONENT_EXPORTS = ["ServerComponent"];
+var SERVER_ONLY_ROUTE_EXPORTS2 = [
+  ...SERVER_ONLY_COMPONENT_EXPORTS,
+  "loader",
+  "action",
+  "middleware",
+  "headers"
+];
+var SERVER_ONLY_ROUTE_EXPORTS_SET = new Set(SERVER_ONLY_ROUTE_EXPORTS2);
+function isServerOnlyRouteExport(name) {
+  return SERVER_ONLY_ROUTE_EXPORTS_SET.has(name);
+}
+var COMMON_COMPONENT_EXPORTS = [
+  "ErrorBoundary",
+  "HydrateFallback",
+  "Layout"
+];
+var SERVER_FIRST_COMPONENT_EXPORTS = [
+  ...COMMON_COMPONENT_EXPORTS,
+  ...SERVER_ONLY_COMPONENT_EXPORTS
+];
+var SERVER_FIRST_COMPONENT_EXPORTS_SET = new Set(
+  SERVER_FIRST_COMPONENT_EXPORTS
+);
+function isServerFirstComponentExport(name) {
+  return SERVER_FIRST_COMPONENT_EXPORTS_SET.has(
+    name
+  );
+}
+var CLIENT_COMPONENT_EXPORTS = [
+  ...COMMON_COMPONENT_EXPORTS,
+  "default"
+];
+var CLIENT_NON_COMPONENT_EXPORTS2 = [
+  "clientAction",
+  "clientLoader",
+  "clientMiddleware",
+  "handle",
+  "meta",
+  "links",
+  "shouldRevalidate"
+];
+var CLIENT_NON_COMPONENT_EXPORTS_SET = new Set(CLIENT_NON_COMPONENT_EXPORTS2);
+function isClientNonComponentExport(name) {
+  return CLIENT_NON_COMPONENT_EXPORTS_SET.has(name);
+}
+var CLIENT_ROUTE_EXPORTS2 = [
+  ...CLIENT_NON_COMPONENT_EXPORTS2,
+  ...CLIENT_COMPONENT_EXPORTS
+];
+var CLIENT_ROUTE_EXPORTS_SET = new Set(CLIENT_ROUTE_EXPORTS2);
+function isClientRouteExport(name) {
+  return CLIENT_ROUTE_EXPORTS_SET.has(name);
+}
+var ROUTE_EXPORTS = [
+  ...SERVER_ONLY_ROUTE_EXPORTS2,
+  ...CLIENT_ROUTE_EXPORTS2
+];
+var ROUTE_EXPORTS_SET = new Set(ROUTE_EXPORTS);
+function isRouteExport(name) {
+  return ROUTE_EXPORTS_SET.has(name);
+}
+function isCustomRouteExport(name) {
+  return !isRouteExport(name);
+}
+function hasReactServerCondition(viteEnvironment) {
+  return viteEnvironment.config.resolve.conditions.includes("react-server");
+}
+function transformVirtualRouteModules({
+  id,
+  code,
+  viteCommand,
+  routeIdByFile,
+  rootRouteFile,
+  viteEnvironment
+}) {
+  if (isVirtualRouteModuleId(id) || routeIdByFile.has(id)) {
+    return createVirtualRouteModuleCode({
+      id,
+      code,
+      rootRouteFile,
+      viteCommand,
+      viteEnvironment
+    });
+  }
+  if (isVirtualServerRouteModuleId(id)) {
+    return createVirtualServerRouteModuleCode({
+      id,
+      code,
+      viteEnvironment
+    });
+  }
+  if (isVirtualClientRouteModuleId(id)) {
+    return createVirtualClientRouteModuleCode({
+      id,
+      code,
+      rootRouteFile,
+      viteCommand
+    });
+  }
+}
+async function createVirtualRouteModuleCode({
+  id,
+  code: routeSource,
+  rootRouteFile,
+  viteCommand,
+  viteEnvironment
+}) {
+  const isReactServer = hasReactServerCondition(viteEnvironment);
+  const { staticExports, isServerFirstRoute, hasClientExports } = parseRouteExports(routeSource);
+  const clientModuleId = getVirtualClientModuleId(id);
+  const serverModuleId = getVirtualServerModuleId(id);
+  let code = "";
+  if (isServerFirstRoute) {
+    if (staticExports.some(isServerFirstComponentExport)) {
+      code += `import React from "react";
+`;
+    }
+    for (const staticExport of staticExports) {
+      if (isClientNonComponentExport(staticExport)) {
+        code += `export { ${staticExport} } from "${clientModuleId}";
+`;
+      } else if (isReactServer && isServerFirstComponentExport(staticExport) && // Layout wraps all other component exports so doesn't need CSS injected
+      staticExport !== "Layout") {
+        code += `import { ${staticExport} as ${staticExport}WithoutCss } from "${serverModuleId}";
+`;
+        code += `export ${staticExport === "ServerComponent" ? "default " : " "}function ${staticExport}(props) {
+`;
+        code += `  return React.createElement(React.Fragment, null,
+`;
+        code += `    import.meta.viteRsc.loadCss(),
+`;
+        code += `    React.createElement(${staticExport}WithoutCss, props),
+`;
+        code += `  );
+`;
+        code += `}
+`;
+      } else if (isReactServer && isRouteExport(staticExport)) {
+        code += `export { ${staticExport} } from "${serverModuleId}";
+`;
+      } else if (isCustomRouteExport(staticExport)) {
+        code += `export { ${staticExport} } from "${isReactServer ? serverModuleId : clientModuleId}";
+`;
+      }
+    }
+    if (viteCommand === "serve" && !hasClientExports) {
+      code += `export { __ensureClientRouteModuleForHMR } from "${clientModuleId}";
+`;
+    }
+  } else {
+    for (const staticExport of staticExports) {
+      if (isClientRouteExport(staticExport)) {
+        code += `export { ${staticExport} } from "${clientModuleId}";
+`;
+      } else if (isReactServer && isServerOnlyRouteExport(staticExport)) {
+        code += `export { ${staticExport} } from "${serverModuleId}";
+`;
+      } else if (isCustomRouteExport(staticExport)) {
+        code += `export { ${staticExport} } from "${isReactServer ? serverModuleId : clientModuleId}";
+`;
+      }
+    }
+  }
+  if (isRootRouteFile({ id, rootRouteFile }) && !staticExports.includes("ErrorBoundary")) {
+    code += `export { ErrorBoundary } from "${clientModuleId}";
+`;
+  }
+  return code;
+}
+function createVirtualServerRouteModuleCode({
+  id,
+  code: routeSource,
+  viteEnvironment
+}) {
+  if (!hasReactServerCondition(viteEnvironment)) {
+    throw new Error(
+      [
+        "Virtual server route module was loaded outside of the RSC environment.",
+        `Environment Name: ${viteEnvironment.name}`,
+        `Module ID: ${id}`
+      ].join("\n")
+    );
+  }
+  const { staticExports, isServerFirstRoute } = parseRouteExports(routeSource);
+  const clientModuleId = getVirtualClientModuleId(id);
+  const serverRouteModuleAst = import_parser.parse(routeSource, {
+    sourceType: "module"
+  });
+  removeExports(
+    serverRouteModuleAst,
+    isServerFirstRoute ? CLIENT_NON_COMPONENT_EXPORTS2 : CLIENT_ROUTE_EXPORTS2
+  );
+  const generatorResult = generate(serverRouteModuleAst);
+  if (!isServerFirstRoute) {
+    for (const staticExport of staticExports) {
+      if (isClientRouteExport(staticExport)) {
+        generatorResult.code += "\n";
+        generatorResult.code += `export { ${staticExport} } from "${clientModuleId}";
+`;
+      }
+    }
+  }
+  return generatorResult;
+}
+function createVirtualClientRouteModuleCode({
+  id,
+  code: routeSource,
+  rootRouteFile,
+  viteCommand
+}) {
+  const { staticExports, isServerFirstRoute, hasClientExports } = parseRouteExports(routeSource);
+  const exportsToRemove = isServerFirstRoute ? [...SERVER_ONLY_ROUTE_EXPORTS2, ...CLIENT_COMPONENT_EXPORTS] : SERVER_ONLY_ROUTE_EXPORTS2;
+  const clientRouteModuleAst = import_parser.parse(routeSource, {
+    sourceType: "module"
+  });
+  removeExports(clientRouteModuleAst, exportsToRemove);
+  const generatorResult = generate(clientRouteModuleAst);
+  generatorResult.code = '"use client";' + generatorResult.code;
+  if (isRootRouteFile({ id, rootRouteFile }) && !staticExports.includes("ErrorBoundary")) {
+    const hasRootLayout = staticExports.includes("Layout");
+    generatorResult.code += `
+import { createElement as __rr_createElement } from "react";
+`;
+    generatorResult.code += `import { UNSAFE_RSCDefaultRootErrorBoundary } from "react-router";
+`;
+    generatorResult.code += `export function ErrorBoundary() {
+`;
+    generatorResult.code += `  return __rr_createElement(UNSAFE_RSCDefaultRootErrorBoundary, { hasRootLayout: ${hasRootLayout} });
+`;
+    generatorResult.code += `}
+`;
+  }
+  if (viteCommand === "serve" && isServerFirstRoute && !hasClientExports) {
+    generatorResult.code += `
+export const __ensureClientRouteModuleForHMR = true;`;
+  }
+  return generatorResult;
+}
+function parseRouteExports(code) {
+  const [, exportSpecifiers] = (0, import_es_module_lexer2.parse)(code);
+  const staticExports = exportSpecifiers.map(({ n: name }) => name);
+  const isServerFirstRoute = staticExports.some(
+    (staticExport) => staticExport === "ServerComponent"
+  );
+  return {
+    staticExports,
+    isServerFirstRoute,
+    hasClientExports: staticExports.some(
+      isServerFirstRoute ? isClientNonComponentExport : isClientRouteExport
+    )
+  };
+}
+function getVirtualClientModuleId(id) {
+  return `${id.split("?")[0]}?client-route-module`;
+}
+function getVirtualServerModuleId(id) {
+  return `${id.split("?")[0]}?server-route-module`;
+}
+function isVirtualRouteModuleId(id) {
+  return /(\?|&)route-module(&|$)/.test(id);
+}
+function isVirtualClientRouteModuleId(id) {
+  return /(\?|&)client-route-module(&|$)/.test(id);
+}
+function isVirtualServerRouteModuleId(id) {
+  return /(\?|&)server-route-module(&|$)/.test(id);
+}
+function isRootRouteFile({
+  id,
+  rootRouteFile
+}) {
+  const filePath = id.split("?")[0];
+  return filePath === rootRouteFile;
+}
+
+// vite/rsc/plugin.ts
+function reactRouterRSCVitePlugin() {
+  let configLoader;
+  let typegenWatcherPromise;
+  let viteCommand;
+  let routeIdByFile;
+  let logger;
+  const defaultEntries2 = getDefaultEntries();
+  let config;
+  let rootRouteFile;
+  function updateConfig(newConfig) {
+    config = newConfig;
+    rootRouteFile = Path5.resolve(
+      newConfig.appDirectory,
+      newConfig.routes.root.file
+    );
+  }
+  return [
+    {
+      name: "react-router/rsc",
+      async config(viteUserConfig, { command, mode }) {
+        await import_es_module_lexer3.init;
+        await preloadVite();
+        viteCommand = command;
+        const rootDirectory = getRootDirectory(viteUserConfig);
+        const watch2 = command === "serve";
+        configLoader = await createConfigLoader({
+          rootDirectory,
+          mode,
+          watch: watch2,
+          validateConfig: (userConfig) => {
+            let errors = [];
+            if (userConfig.buildEnd) errors.push("buildEnd");
+            if (userConfig.prerender) errors.push("prerender");
+            if (userConfig.presets?.length) errors.push("presets");
+            if (userConfig.routeDiscovery) errors.push("routeDiscovery");
+            if (userConfig.serverBundles) errors.push("serverBundles");
+            if (userConfig.ssr === false) errors.push("ssr: false");
+            if (userConfig.future?.unstable_splitRouteModules)
+              errors.push("future.unstable_splitRouteModules");
+            if (userConfig.future?.unstable_viteEnvironmentApi === false)
+              errors.push("future.unstable_viteEnvironmentApi: false");
+            if (userConfig.future?.v8_middleware === false)
+              errors.push("future.v8_middleware: false");
+            if (userConfig.future?.unstable_subResourceIntegrity)
+              errors.push("future.unstable_subResourceIntegrity");
+            if (errors.length) {
+              return `RSC Framework Mode does not currently support the following React Router config:
+${errors.map((x) => ` - ${x}`).join("\n")}
+`;
+            }
+          }
+        });
+        const configResult = await configLoader.getConfig();
+        if (!configResult.ok) throw new Error(configResult.error);
+        updateConfig(configResult.value);
+        if (viteUserConfig.base && config.basename !== "/" && viteCommand === "serve" && !viteUserConfig.server?.middlewareMode && !config.basename.startsWith(viteUserConfig.base)) {
+          throw new Error(
+            "When using the React Router `basename` and the Vite `base` config, the `basename` config must begin with `base` for the default Vite dev server."
+          );
+        }
+        await loadDotenv({
+          rootDirectory,
+          viteUserConfig,
+          mode
+        });
+        const vite2 = await import("vite");
+        logger = vite2.createLogger(viteUserConfig.logLevel, {
+          prefix: "[react-router]"
+        });
+        return {
+          resolve: {
+            dedupe: [
+              // https://react.dev/warnings/invalid-hook-call-warning#duplicate-react
+              "react",
+              "react-dom",
+              // Avoid router duplicates since mismatching routers cause `Error:
+              // You must render this element inside a <Remix> element`.
+              "react-router",
+              "react-router/dom",
+              ...hasDependency({ name: "react-router-dom", rootDirectory }) ? ["react-router-dom"] : []
+            ]
+          },
+          optimizeDeps: {
+            entries: getOptimizeDepsEntries({
+              entryClientFilePath: defaultEntries2.client,
+              reactRouterConfig: config
+            }),
+            esbuildOptions: {
+              jsx: "automatic"
+            },
+            include: [
+              // Pre-bundle React dependencies to avoid React duplicates,
+              // even if React dependencies are not direct dependencies.
+              // https://react.dev/warnings/invalid-hook-call-warning#duplicate-react
+              "react",
+              "react/jsx-runtime",
+              "react/jsx-dev-runtime",
+              "react-dom",
+              "react-dom/client",
+              "react-router/internal/react-server-client"
+            ]
+          },
+          esbuild: {
+            jsx: "automatic",
+            jsxDev: viteCommand !== "build"
+          },
+          environments: {
+            client: {
+              build: {
+                rollupOptions: {
+                  input: {
+                    index: defaultEntries2.client
+                  }
+                },
+                outDir: (0, import_pathe6.join)(config.buildDirectory, "client")
+              }
+            },
+            rsc: {
+              build: {
+                rollupOptions: {
+                  input: {
+                    // We use a virtual entry here so that consumers can import
+                    // it as `virtual:react-router/unstable_rsc/rsc-entry`
+                    // without needing to know the actual file path, which is
+                    // important when using the default entries.
+                    index: defaultEntries2.rsc
+                  },
+                  output: {
+                    entryFileNames: config.serverBuildFile,
+                    format: config.serverModuleFormat
+                  }
+                },
+                outDir: (0, import_pathe6.join)(config.buildDirectory, "server")
+              }
+            },
+            ssr: {
+              build: {
+                rollupOptions: {
+                  input: {
+                    index: defaultEntries2.ssr
+                  },
+                  output: {
+                    // Note: We don't set `entryFileNames` here because it's
+                    // considered private to the RSC environment build, and
+                    // @vitejs/plugin-rsc currently breaks if it's set to
+                    // something other than `index.js`.
+                    format: config.serverModuleFormat
+                  }
+                },
+                outDir: (0, import_pathe6.join)(config.buildDirectory, "server/__ssr_build")
+              }
+            }
+          },
+          build: {
+            rollupOptions: {
+              // Copied from https://github.com/vitejs/vite-plugin-react/blob/c602225271d4acf462ba00f8d6d8a2e42492c5cd/packages/common/warning.ts
+              onwarn(warning, defaultHandler) {
+                if (warning.code === "MODULE_LEVEL_DIRECTIVE" && (warning.message.includes("use client") || warning.message.includes("use server"))) {
+                  return;
+                }
+                if (warning.code === "SOURCEMAP_ERROR" && warning.message.includes("resolve original location") && warning.pos === 0) {
+                  return;
+                }
+                if (viteUserConfig.build?.rollupOptions?.onwarn) {
+                  viteUserConfig.build.rollupOptions.onwarn(
+                    warning,
+                    defaultHandler
+                  );
+                } else {
+                  defaultHandler(warning);
+                }
+              }
+            }
+          }
+        };
+      },
+      async configureServer(viteDevServer) {
+        configLoader.onChange(
+          async ({
+            result,
+            configCodeChanged,
+            routeConfigCodeChanged,
+            configChanged,
+            routeConfigChanged
+          }) => {
+            if (!result.ok) {
+              invalidateVirtualModules2(viteDevServer);
+              logger.error(result.error, {
+                clear: true,
+                timestamp: true
+              });
+              return;
+            }
+            let message = configChanged ? "Config changed." : routeConfigChanged ? "Route config changed." : configCodeChanged ? "Config saved." : routeConfigCodeChanged ? " Route config saved." : "Config saved";
+            logger.info(import_picocolors5.default.green(message), {
+              clear: true,
+              timestamp: true
+            });
+            updateConfig(result.value);
+            if (configChanged || routeConfigChanged) {
+              invalidateVirtualModules2(viteDevServer);
+            }
+          }
+        );
+      },
+      async buildEnd() {
+        await configLoader.close();
+      }
+    },
+    {
+      name: "react-router/rsc/typegen",
+      async config(viteUserConfig, { command, mode }) {
+        if (command === "serve") {
+          const vite2 = await import("vite");
+          typegenWatcherPromise = watch(
+            getRootDirectory(viteUserConfig),
+            {
+              mode,
+              rsc: true,
+              // ignore `info` logs from typegen since they are
+              // redundant when Vite plugin logs are active
+              logger: vite2.createLogger("warn", {
+                prefix: "[react-router]"
+              })
+            }
+          );
+        }
+      },
+      async buildEnd() {
+        (await typegenWatcherPromise)?.close();
+      }
+    },
+    {
+      name: "react-router/rsc/virtual-rsc-entry",
+      resolveId(id) {
+        if (id === virtual2.rscEntry.id) return defaultEntries2.rsc;
+      }
+    },
+    {
+      name: "react-router/rsc/virtual-route-config",
+      resolveId(id) {
+        if (id === virtual2.routeConfig.id) {
+          return virtual2.routeConfig.resolvedId;
+        }
+      },
+      load(id) {
+        if (id === virtual2.routeConfig.resolvedId) {
+          const result = createVirtualRouteConfig({
+            appDirectory: config.appDirectory,
+            routeConfig: config.unstable_routeConfig
+          });
+          routeIdByFile = result.routeIdByFile;
+          return result.code;
+        }
+      }
+    },
+    {
+      name: "react-router/rsc/virtual-route-modules",
+      transform(code, id) {
+        if (!routeIdByFile) return;
+        return transformVirtualRouteModules({
+          code,
+          id,
+          viteCommand,
+          routeIdByFile,
+          rootRouteFile,
+          viteEnvironment: this.environment
+        });
+      }
+    },
+    {
+      name: "react-router/rsc/virtual-basename",
+      resolveId(id) {
+        if (id === virtual2.basename.id) {
+          return virtual2.basename.resolvedId;
+        }
+      },
+      load(id) {
+        if (id === virtual2.basename.resolvedId) {
+          return `export default ${JSON.stringify(config.basename)};`;
+        }
+      }
+    },
+    {
+      name: "react-router/rsc/hmr/inject-runtime",
+      enforce: "pre",
+      resolveId(id) {
+        if (id === virtual2.injectHmrRuntime.id) {
+          return virtual2.injectHmrRuntime.resolvedId;
+        }
+      },
+      async load(id) {
+        if (id !== virtual2.injectHmrRuntime.resolvedId) return;
+        return viteCommand === "serve" ? [
+          `import RefreshRuntime from "${virtual2.hmrRuntime.id}"`,
+          "RefreshRuntime.injectIntoGlobalHook(window)",
+          "window.$RefreshReg$ = () => {}",
+          "window.$RefreshSig$ = () => (type) => type",
+          "window.__vite_plugin_react_preamble_installed__ = true"
+        ].join("\n") : "";
+      }
+    },
+    {
+      name: "react-router/rsc/hmr/runtime",
+      enforce: "pre",
+      resolveId(id) {
+        if (id === virtual2.hmrRuntime.id) return virtual2.hmrRuntime.resolvedId;
+      },
+      async load(id) {
+        if (id !== virtual2.hmrRuntime.resolvedId) return;
+        const reactRefreshDir = import_pathe6.default.dirname(
+          require.resolve("react-refresh/package.json")
+        );
+        const reactRefreshRuntimePath = import_pathe6.default.join(
+          reactRefreshDir,
+          "cjs/react-refresh-runtime.development.js"
+        );
+        return [
+          "const exports = {}",
+          await (0, import_promises3.readFile)(reactRefreshRuntimePath, "utf8"),
+          await (0, import_promises3.readFile)(
+            require.resolve("./static/rsc-refresh-utils.mjs"),
+            "utf8"
+          ),
+          "export default exports"
+        ].join("\n");
+      }
+    },
+    {
+      name: "react-router/rsc/hmr/react-refresh",
+      async transform(code, id, options) {
+        if (viteCommand !== "serve") return;
+        if (id.includes("/node_modules/")) return;
+        const filepath = id.split("?")[0];
+        const extensionsRE = /\.(jsx?|tsx?|mdx?)$/;
+        if (!extensionsRE.test(filepath)) return;
+        const devRuntime = "react/jsx-dev-runtime";
+        const ssr = options?.ssr === true;
+        const isJSX = filepath.endsWith("x");
+        const useFastRefresh = !ssr && (isJSX || code.includes(devRuntime));
+        if (!useFastRefresh) return;
+        if (isVirtualClientRouteModuleId(id)) {
+          const routeId = routeIdByFile?.get(filepath);
+          return { code: addRefreshWrapper2({ routeId, code, id }) };
+        }
+        const result = await babel2.transformAsync(code, {
+          babelrc: false,
+          configFile: false,
+          filename: id,
+          sourceFileName: filepath,
+          parserOpts: {
+            sourceType: "module",
+            allowAwaitOutsideFunction: true
+          },
+          plugins: [[require("react-refresh/babel"), { skipEnvCheck: true }]],
+          sourceMaps: true
+        });
+        if (result === null) return;
+        code = result.code;
+        const refreshContentRE = /\$Refresh(?:Reg|Sig)\$\(/;
+        if (refreshContentRE.test(code)) {
+          code = addRefreshWrapper2({ code, id });
+        }
+        return { code, map: result.map };
+      }
+    },
+    {
+      name: "react-router/rsc/hmr/updates",
+      async hotUpdate({ server, file, modules }) {
+        if (this.environment.name !== "rsc") return;
+        const clientModules = server.environments.client.moduleGraph.getModulesByFile(file);
+        const vite2 = await import("vite");
+        const isServerOnlyChange = !clientModules || clientModules.size === 0 || // Handle CSS injected from server-first routes (with ?direct query
+        // string) since the client graph has a reference to the CSS
+        vite2.isCSSRequest(file) && Array.from(clientModules).some(
+          (mod) => mod.id?.includes("?direct")
+        );
+        for (const mod of getModulesWithImporters(modules)) {
+          if (!mod.file) continue;
+          const normalizedPath = import_pathe6.default.normalize(mod.file);
+          const routeId = routeIdByFile?.get(normalizedPath);
+          if (routeId !== void 0) {
+            const routeSource = await (0, import_promises3.readFile)(normalizedPath, "utf8");
+            const virtualRouteModuleCode = (await server.environments.rsc.pluginContainer.transform(
+              routeSource,
+              `${normalizedPath}?route-module`
+            )).code;
+            const { staticExports } = parseRouteExports(virtualRouteModuleCode);
+            const hasAction = staticExports.includes("action");
+            const hasComponent = staticExports.includes("default");
+            const hasErrorBoundary = staticExports.includes("ErrorBoundary");
+            const hasLoader = staticExports.includes("loader");
+            server.hot.send({
+              type: "custom",
+              event: "react-router:hmr",
+              data: {
+                routeId,
+                isServerOnlyChange,
+                hasAction,
+                hasComponent,
+                hasErrorBoundary,
+                hasLoader
+              }
+            });
+          }
+        }
+        return modules;
+      }
+    },
+    validatePluginOrder(),
+    warnOnClientSourceMaps()
+  ];
+}
+var virtual2 = {
+  routeConfig: create("unstable_rsc/routes"),
+  injectHmrRuntime: create("unstable_rsc/inject-hmr-runtime"),
+  hmrRuntime: create("unstable_rsc/runtime"),
+  basename: create("unstable_rsc/basename"),
+  rscEntry: create("unstable_rsc/rsc-entry")
+};
+function invalidateVirtualModules2(viteDevServer) {
+  for (const vmod of Object.values(virtual2)) {
+    for (const env of Object.values(viteDevServer.environments)) {
+      const mod = env.moduleGraph.getModuleById(vmod.resolvedId);
+      if (mod) {
+        env.moduleGraph.invalidateModule(mod);
+      }
+    }
+  }
+}
+function getRootDirectory(viteUserConfig) {
+  return viteUserConfig.root ?? process.env.REACT_ROUTER_ROOT ?? process.cwd();
+}
+function getDevPackageRoot() {
+  const currentDir = (0, import_pathe6.dirname)(__dirname);
+  let dir = currentDir;
+  while (dir !== (0, import_pathe6.dirname)(dir)) {
+    try {
+      const packageJsonPath = (0, import_pathe6.join)(dir, "package.json");
+      (0, import_fs.readFileSync)(packageJsonPath, "utf-8");
+      return dir;
+    } catch {
+      dir = (0, import_pathe6.dirname)(dir);
+    }
+  }
+  throw new Error("Could not find package.json");
+}
+function getDefaultEntries() {
+  const defaultEntriesDir2 = (0, import_pathe6.join)(
+    getDevPackageRoot(),
+    "dist",
+    "config",
+    "default-rsc-entries"
+  );
+  return {
+    rsc: (0, import_pathe6.join)(defaultEntriesDir2, "entry.rsc.tsx"),
+    ssr: (0, import_pathe6.join)(defaultEntriesDir2, "entry.ssr.tsx"),
+    client: (0, import_pathe6.join)(defaultEntriesDir2, "entry.client.tsx")
+  };
+}
+function getModulesWithImporters(modules) {
+  const visited = /* @__PURE__ */ new Set();
+  const result = /* @__PURE__ */ new Set();
+  function walk(module2) {
+    if (visited.has(module2)) return;
+    visited.add(module2);
+    result.add(module2);
+    for (const importer of module2.importers) {
+      walk(importer);
+    }
+  }
+  for (const module2 of modules) {
+    walk(module2);
+  }
+  return result;
+}
+function addRefreshWrapper2({
+  routeId,
+  code,
+  id
+}) {
+  const acceptExports = routeId !== void 0 ? CLIENT_NON_COMPONENT_EXPORTS2 : [];
+  return REACT_REFRESH_HEADER2.replaceAll("__SOURCE__", JSON.stringify(id)) + code + REACT_REFRESH_FOOTER2.replaceAll("__SOURCE__", JSON.stringify(id)).replaceAll("__ACCEPT_EXPORTS__", JSON.stringify(acceptExports)).replaceAll("__ROUTE_ID__", JSON.stringify(routeId));
+}
+var REACT_REFRESH_HEADER2 = `
+import RefreshRuntime from "${virtual2.hmrRuntime.id}";
+
+const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;
+let prevRefreshReg;
+let prevRefreshSig;
+
+if (import.meta.hot && !inWebWorker) {
+  if (!window.__vite_plugin_react_preamble_installed__) {
+    throw new Error(
+      "React Router Vite plugin can't detect preamble. Something is wrong."
+    );
+  }
+
+  prevRefreshReg = window.$RefreshReg$;
+  prevRefreshSig = window.$RefreshSig$;
+  window.$RefreshReg$ = (type, id) => {
+    RefreshRuntime.register(type, __SOURCE__ + " " + id)
+  };
+  window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
+}`.replaceAll("\n", "");
+var REACT_REFRESH_FOOTER2 = `
+if (import.meta.hot && !inWebWorker) {
+  window.$RefreshReg$ = prevRefreshReg;
+  window.$RefreshSig$ = prevRefreshSig;
+  RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
+    RefreshRuntime.registerExportsForReactRefresh(__SOURCE__, currentExports);
+    import.meta.hot.accept((nextExports) => {
+      if (!nextExports) return;
+      __ROUTE_ID__ && window.__reactRouterRouteModuleUpdates.set(__ROUTE_ID__, nextExports);
+      const invalidateMessage = RefreshRuntime.validateRefreshBoundaryAndEnqueueUpdate(currentExports, nextExports, __ACCEPT_EXPORTS__);
+      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
+    });
+  });
+}`;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  reactRouter
+  reactRouter,
+  unstable_reactRouterRSC
 });