@react-router/dev 0.0.0-experimental-89dc2043e → 0.0.0-experimental-1ebb6d403

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-experimental-89dc2043e
+ * @react-router/dev v0.0.0-experimental-1ebb6d403
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -55,26 +55,55 @@ var init_invariant = __esm({
   }
 });
 
-// vite/import-vite-esm-sync.ts
-async function preloadViteEsm() {
-  vite = await import("vite");
+// config/is-react-router-repo.ts
+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";
 }
-function importViteEsmSync() {
-  invariant(vite, "importViteEsmSync() called before preloadViteEsm()");
+var import_pathe;
+var init_is_react_router_repo = __esm({
+  "config/is-react-router-repo.ts"() {
+    "use strict";
+    import_pathe = __toESM(require("pathe"));
+  }
+});
+
+// vite/vite.ts
+async function preloadVite() {
+  vite = await import(viteImportSpecifier);
+}
+function getVite() {
+  invariant(vite, "getVite() called before preloadVite()");
   return vite;
 }
-var vite;
-var init_import_vite_esm_sync = __esm({
-  "vite/import-vite-esm-sync.ts"() {
+var import_pathe2, vite, viteImportSpecifier;
+var init_vite = __esm({
+  "vite/vite.ts"() {
     "use strict";
+    import_pathe2 = __toESM(require("pathe"));
     init_invariant();
+    init_is_react_router_repo();
+    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";
   }
 });
 
 // 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(
       {
@@ -100,11 +129,11 @@ 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 };
@@ -116,7 +145,7 @@ var init_vite_node = __esm({
     import_server = require("vite-node/server");
     import_client = require("vite-node/client");
     import_source_map = require("vite-node/source-map");
-    init_import_vite_esm_sync();
+    init_vite();
   }
 });
 
@@ -149,7 +178,7 @@ function validateRouteConfig({
         `Route config in "${routeConfigFile}" is invalid.`,
         root ? `${root}` : [],
         nested ? Object.entries(nested).map(
-          ([path8, message]) => `Path: routes.${path8}
+          ([path10, message]) => `Path: routes.${path10}
 ${message}`
         ) : []
       ].flat().join("\n\n")
@@ -160,24 +189,24 @@ ${message}`
 function configRoutesToRouteManifest(appDirectory, routes2, 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);
       }
     }
   }
@@ -307,13 +336,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}"`
@@ -325,15 +354,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({
@@ -353,7 +382,7 @@ 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")
@@ -425,8 +454,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)
           );
@@ -467,25 +496,16 @@ async function createConfigLoader({
     }
   };
 }
-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";
-}
 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;
 }
-var import_node_fs, import_node_child_process, import_package_json, import_pathe, import_chokidar, import_picocolors, import_pick2, import_omit, import_cloneDeep, import_isEqual, excludedConfigPresetKeys, branchRouteProperties, configRouteToBranchRoute, mergeReactRouterConfig, deepFreeze, ssrExternals, entryExts;
+var import_node_fs, import_node_child_process, import_package_json, import_pathe3, import_chokidar, import_picocolors, import_pick2, import_omit, import_cloneDeep, import_isEqual, excludedConfigPresetKeys, branchRouteProperties, configRouteToBranchRoute, mergeReactRouterConfig, deepFreeze, ssrExternals, entryExts;
 var init_config = __esm({
   "config/config.ts"() {
     "use strict";
@@ -493,7 +513,7 @@ var init_config = __esm({
     import_node_child_process = require("child_process");
     import_package_json = __toESM(require("@npmcli/package-json"));
     init_vite_node();
-    import_pathe = __toESM(require("pathe"));
+    import_pathe3 = __toESM(require("pathe"));
     import_chokidar = __toESM(require("chokidar"));
     import_picocolors = __toESM(require("picocolors"));
     import_pick2 = __toESM(require("lodash/pick"));
@@ -502,6 +522,7 @@ var init_config = __esm({
     import_isEqual = __toESM(require("lodash/isEqual"));
     init_routes();
     init_detectPackageManager();
+    init_is_react_router_repo();
     excludedConfigPresetKeys = ["presets"];
     branchRouteProperties = [
       "id",
@@ -548,7 +569,7 @@ var init_config = __esm({
       });
       return o;
     };
-    ssrExternals = isInReactRouterMonorepo() ? [
+    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.
@@ -600,7 +621,7 @@ function generate(ctx, route) {
     const indent = i === 0 ? "" : "  ".repeat(2);
     let source = noExtension(rel);
     if (!source.startsWith("../")) source = "./" + source;
-    return `${indent}import type { Info as Parent${i} } from "${source}"`;
+    return `${indent}import type { Info as Parent${i} } from "${source}.js"`;
   }).join("\n");
   return import_dedent.default`
     // React Router generated types for route:
@@ -610,14 +631,16 @@ function generate(ctx, route) {
 
     ${parentTypeImports}
 
-    type Module = typeof import("../${Pathe2.filename(route.file)}")
+    type Module = typeof import("../${Pathe2.filename(route.file)}.js")
 
     export type Info = {
       parents: [${parents.map((_, i) => `Parent${i}`).join(", ")}],
       id: "${route.id}"
       file: "${route.file}"
       path: "${route.path}"
-      params: {${formatParamProperties(urlpath)}}
+      params: {${formatParamProperties(
+    urlpath
+  )}} & { [key: string]: string | undefined }
       module: Module
       loaderData: T.CreateLoaderData<Module>
       actionData: T.CreateActionData<Module>
@@ -693,7 +716,7 @@ var init_generate = __esm({
     Path3 = __toESM(require("pathe"));
     Pathe2 = __toESM(require("pathe/utils"));
     init_paths();
-    noExtension = (path8) => Path3.join(Path3.dirname(path8), Pathe2.filename(path8));
+    noExtension = (path10) => Path3.join(Path3.dirname(path10), Pathe2.filename(path10));
   }
 });
 
@@ -789,34 +812,41 @@ var init_node_adapter = __esm({
 });
 
 // vite/resolve-file-url.ts
-var path2;
+var path4;
 var init_resolve_file_url = __esm({
   "vite/resolve-file-url.ts"() {
     "use strict";
-    path2 = __toESM(require("path"));
-    init_import_vite_esm_sync();
+    path4 = __toESM(require("path"));
+    init_vite();
   }
 });
 
 // vite/styles.ts
-var path3, import_react_router, cssFileRegExp, cssModulesRegExp;
+var path5, import_react_router, cssFileRegExp, cssModulesRegExp;
 var init_styles = __esm({
   "vite/styles.ts"() {
     "use strict";
-    path3 = __toESM(require("path"));
+    path5 = __toESM(require("path"));
     import_react_router = require("react-router");
     init_resolve_file_url();
+    init_vite();
     cssFileRegExp = /\.(css|less|sass|scss|styl|stylus|pcss|postcss|sss)(?:$|\?)/;
     cssModulesRegExp = new RegExp(`\\.module${cssFileRegExp.source}`);
   }
 });
 
-// vite/vmod.ts
-var id;
-var init_vmod = __esm({
-  "vite/vmod.ts"() {
+// vite/virtual-module.ts
+function create(name) {
+  let id = `virtual:react-router/${name}`;
+  return {
+    id,
+    resolvedId: `\0${id}`,
+    url: `/@id/__x00__${id}`
+  };
+}
+var init_virtual_module = __esm({
+  "vite/virtual-module.ts"() {
     "use strict";
-    id = (name) => `virtual:react-router/${name}`;
   }
 });
 
@@ -838,14 +868,14 @@ var init_remove_exports = __esm({
 });
 
 // vite/with-props.ts
-var import_dedent2, vmodId;
+var import_dedent2, vmod;
 var init_with_props = __esm({
   "vite/with-props.ts"() {
     "use strict";
     import_dedent2 = __toESM(require("dedent"));
     init_babel();
-    init_vmod();
-    vmodId = id("with-props");
+    init_virtual_module();
+    vmod = create("with-props");
   }
 });
 
@@ -855,7 +885,7 @@ async function resolveViteConfig({
   mode,
   root
 }) {
-  let vite2 = await import("vite");
+  let vite2 = getVite();
   let viteConfig = await vite2.resolveConfig(
     { mode, configFile, root },
     "build",
@@ -905,17 +935,17 @@ async function loadPluginContext({
 function findConfig(dir, basename2, extensions) {
   for (let ext of extensions) {
     let name = basename2 + ext;
-    let file = path4.join(dir, name);
+    let file = path6.join(dir, name);
     if (fse.existsSync(file)) return file;
   }
   return void 0;
 }
-var import_node_crypto, path4, url, fse, babel, import_react_router2, import_es_module_lexer, import_jsesc, import_picocolors3, serverBuildId, serverManifestId, browserManifestId, hmrRuntimeId, injectHmrRuntimeId, getServerBuildDirectory, defaultEntriesDir, defaultEntries, REACT_REFRESH_HEADER, REACT_REFRESH_FOOTER;
+var import_node_crypto, path6, url, fse, babel, import_react_router2, import_es_module_lexer, import_jsesc, import_picocolors3, virtualHmrRuntime, virtualInjectHmrRuntime, virtual, getServerBuildDirectory, defaultEntriesDir, defaultEntries, REACT_REFRESH_HEADER;
 var init_plugin = __esm({
   "vite/plugin.ts"() {
     "use strict";
     import_node_crypto = require("crypto");
-    path4 = __toESM(require("path"));
+    path6 = __toESM(require("path"));
     url = __toESM(require("url"));
     fse = __toESM(require("fs-extra"));
     babel = __toESM(require("@babel/core"));
@@ -928,33 +958,35 @@ var init_plugin = __esm({
     init_babel();
     init_node_adapter();
     init_styles();
-    init_vmod();
+    init_virtual_module();
     init_resolve_file_url();
     init_combine_urls();
     init_remove_exports();
-    init_import_vite_esm_sync();
+    init_vite();
     init_config();
     init_with_props();
-    serverBuildId = id("server-build");
-    serverManifestId = id("server-manifest");
-    browserManifestId = id("browser-manifest");
-    hmrRuntimeId = id("hmr-runtime");
-    injectHmrRuntimeId = id("inject-hmr-runtime");
-    getServerBuildDirectory = (ctx) => path4.join(
+    virtualHmrRuntime = create("hmr-runtime");
+    virtualInjectHmrRuntime = create("inject-hmr-runtime");
+    virtual = {
+      serverBuild: create("server-build"),
+      serverManifest: create("server-manifest"),
+      browserManifest: create("browser-manifest")
+    };
+    getServerBuildDirectory = (ctx) => path6.join(
       ctx.reactRouterConfig.buildDirectory,
       "server",
       ...ctx.serverBundleBuildConfig ? [ctx.serverBundleBuildConfig.serverBundleId] : []
     );
-    defaultEntriesDir = path4.resolve(
-      path4.dirname(require.resolve("@react-router/dev/package.json")),
+    defaultEntriesDir = path6.resolve(
+      path6.dirname(require.resolve("@react-router/dev/package.json")),
       "dist",
       "config",
       "defaults"
     );
-    defaultEntries = fse.readdirSync(defaultEntriesDir).map((filename3) => path4.join(defaultEntriesDir, filename3));
+    defaultEntries = fse.readdirSync(defaultEntriesDir).map((filename3) => path6.join(defaultEntriesDir, filename3));
     invariant(defaultEntries.length > 0, "No default entries found");
     REACT_REFRESH_HEADER = `
-import RefreshRuntime from "${hmrRuntimeId}";
+import RefreshRuntime from "${virtualHmrRuntime.id}";
 
 const inWebWorker = typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope;
 let prevRefreshReg;
@@ -973,21 +1005,46 @@ if (import.meta.hot && !inWebWorker) {
     RefreshRuntime.register(type, __SOURCE__ + " " + id)
   };
   window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
-}`.trim();
-    REACT_REFRESH_FOOTER = `
-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);
-    });
-  });
-}`.trim();
+}`.replaceAll("\n", "");
+  }
+});
+
+// vite/profiler.ts
+var import_node_fs3, import_node_path, import_picocolors4, getSession, start, profileCount, stop;
+var init_profiler = __esm({
+  "vite/profiler.ts"() {
+    "use strict";
+    import_node_fs3 = __toESM(require("fs"));
+    import_node_path = __toESM(require("path"));
+    import_picocolors4 = __toESM(require("picocolors"));
+    getSession = () => global.__reactRouter_profile_session;
+    start = async (callback) => {
+      let inspector = await import("inspector").then((r) => r.default);
+      let session = global.__reactRouter_profile_session = new inspector.Session();
+      session.connect();
+      session.post("Profiler.enable", () => {
+        session.post("Profiler.start", callback);
+      });
+    };
+    profileCount = 0;
+    stop = (log) => {
+      let session = getSession();
+      if (!session) return;
+      return new Promise((res, rej) => {
+        session.post("Profiler.stop", (err2, { profile }) => {
+          if (err2) return rej(err2);
+          let outPath = import_node_path.default.resolve(`./react-router-${profileCount++}.cpuprofile`);
+          import_node_fs3.default.writeFileSync(outPath, JSON.stringify(profile));
+          log(
+            import_picocolors4.default.yellow(
+              `CPU profile written to ${import_picocolors4.default.white(import_picocolors4.default.dim(outPath))}`
+            )
+          );
+          global.__reactRouter_profile_session = void 0;
+          res();
+        });
+      });
+    };
   }
 });
 
@@ -998,8 +1055,8 @@ __export(build_exports, {
 });
 function getAddressableRoutes(routes2) {
   let nonAddressableIds = /* @__PURE__ */ new Set();
-  for (let id2 in routes2) {
-    let route = routes2[id2];
+  for (let id in routes2) {
+    let route = routes2[id];
     if (route.index) {
       invariant(
         route.parentId,
@@ -1008,7 +1065,7 @@ function getAddressableRoutes(routes2) {
       nonAddressableIds.add(route.parentId);
     }
     if (typeof route.path !== "string" && !route.index) {
-      nonAddressableIds.add(id2);
+      nonAddressableIds.add(id);
     }
   }
   return Object.values(routes2).filter(
@@ -1039,12 +1096,12 @@ async function getServerBuilds(ctx) {
   let { normalizePath } = await import("vite");
   let resolvedAppDirectory = import_node_path2.default.resolve(rootDirectory, appDirectory);
   let rootRelativeRoutes = Object.fromEntries(
-    Object.entries(routes2).map(([id2, route]) => {
+    Object.entries(routes2).map(([id, route]) => {
       let filePath = import_node_path2.default.join(resolvedAppDirectory, route.file);
       let rootRelativeFilePath = normalizePath(
         import_node_path2.default.relative(rootDirectory, filePath)
       );
-      return [id2, { ...route, file: rootRelativeFilePath }];
+      return [id, { ...route, file: rootRelativeFilePath }];
     })
   );
   let buildManifest = {
@@ -1145,7 +1202,7 @@ async function build(root, {
   sourcemapClient,
   sourcemapServer
 }) {
-  await preloadViteEsm();
+  await preloadVite();
   let viteConfig = await resolveViteConfig({ configFile, mode, root });
   const ctx = await extractPluginContext(viteConfig);
   if (!ctx) {
@@ -1155,7 +1212,7 @@ async function build(root, {
     process.exit(1);
   }
   let { reactRouterConfig } = ctx;
-  let vite2 = await import("vite");
+  let vite2 = getVite();
   async function viteBuild({
     ssr,
     serverBundleBuildConfig
@@ -1212,22 +1269,84 @@ var init_build = __esm({
     init_plugin();
     init_config();
     init_invariant();
-    init_import_vite_esm_sync();
+    init_vite();
+  }
+});
+
+// vite/dev.ts
+var dev_exports = {};
+__export(dev_exports, {
+  dev: () => dev
+});
+async function dev(root, {
+  clearScreen,
+  config: configFile,
+  cors,
+  force,
+  host,
+  logLevel,
+  mode,
+  open,
+  port,
+  strictPort
+}) {
+  await preloadVite();
+  let vite2 = getVite();
+  let server = await vite2.createServer({
+    root,
+    mode,
+    configFile,
+    server: { open, cors, host, port, strictPort },
+    optimizeDeps: { force },
+    clearScreen,
+    logLevel
+  });
+  if (!server.config.plugins.find((plugin2) => plugin2.name === "react-router")) {
+    console.error(
+      import_picocolors6.default.red("React Router Vite plugin not found in Vite config")
+    );
+    process.exit(1);
+  }
+  await server.listen();
+  server.printUrls();
+  let customShortcuts = [
+    {
+      key: "p",
+      description: "start/stop the profiler",
+      async action(server2) {
+        if (getSession()) {
+          await stop(server2.config.logger.info);
+        } else {
+          await start(() => {
+            server2.config.logger.info("Profiler started");
+          });
+        }
+      }
+    }
+  ];
+  server.bindCLIShortcuts({ print: true, customShortcuts });
+}
+var import_picocolors6;
+var init_dev = __esm({
+  "vite/dev.ts"() {
+    "use strict";
+    import_picocolors6 = __toESM(require("picocolors"));
+    init_vite();
+    init_profiler();
   }
 });
 
 // cli/run.ts
 var import_arg = __toESM(require("arg"));
 var import_semver = __toESM(require("semver"));
-var import_picocolors7 = __toESM(require("picocolors"));
+var import_picocolors8 = __toESM(require("picocolors"));
 
 // cli/commands.ts
-var path7 = __toESM(require("path"));
+var path9 = __toESM(require("path"));
 var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_package_json2 = __toESM(require("@npmcli/package-json"));
-var import_picocolors6 = __toESM(require("picocolors"));
-var import_execa = __toESM(require("execa"));
-init_invariant();
+var import_exit_hook = __toESM(require("exit-hook"));
+var import_picocolors7 = __toESM(require("picocolors"));
 
 // config/format.ts
 function formatRoutes(routeManifest, format) {
@@ -1306,42 +1425,10 @@ function transpile(tsx, options = {}) {
   return import_prettier.default.format(mjs.code, { parser: "babel" });
 }
 
-// vite/profiler.ts
-var import_node_fs3 = __toESM(require("fs"));
-var import_node_path = __toESM(require("path"));
-var import_picocolors4 = __toESM(require("picocolors"));
-var getSession = () => global.__reactRouter_profile_session;
-var start = async (callback) => {
-  let inspector = await import("inspector").then((r) => r.default);
-  let session = global.__reactRouter_profile_session = new inspector.Session();
-  session.connect();
-  session.post("Profiler.enable", () => {
-    session.post("Profiler.start", callback);
-  });
-};
-var profileCount = 0;
-var stop = (log) => {
-  let session = getSession();
-  if (!session) return;
-  return new Promise((res, rej) => {
-    session.post("Profiler.stop", (err2, { profile }) => {
-      if (err2) return rej(err2);
-      let outPath = import_node_path.default.resolve(`./react-router-${profileCount++}.cpuprofile`);
-      import_node_fs3.default.writeFileSync(outPath, JSON.stringify(profile));
-      log(
-        import_picocolors4.default.yellow(
-          `CPU profile written to ${import_picocolors4.default.white(import_picocolors4.default.dim(outPath))}`
-        )
-      );
-      global.__reactRouter_profile_session = void 0;
-      res();
-    });
-  });
-};
-
 // cli/commands.ts
+init_profiler();
 init_typegen();
-init_import_vite_esm_sync();
+init_vite();
 async function routes(reactRouterRoot, flags = {}) {
   let ctx = await loadPluginContext({
     root: reactRouterRoot,
@@ -1349,7 +1436,7 @@ async function routes(reactRouterRoot, flags = {}) {
   });
   if (!ctx) {
     console.error(
-      import_picocolors6.default.red("React Router Vite plugin not found in Vite config")
+      import_picocolors7.default.red("React Router Vite plugin not found in Vite config")
     );
     process.exit(1);
   }
@@ -1370,23 +1457,13 @@ async function build2(root, options = {}) {
     await stop(console.info);
   }
 }
-async function dev(root, viteDevOptions = {}) {
-  let devScriptPath = path7.resolve(__dirname, "./dev.js");
-  invariant(
-    import_fs_extra2.default.existsSync(devScriptPath),
-    `dev script not found at ${devScriptPath}`
-  );
-  let args = { root, viteDevOptions };
-  let { NODE_OPTIONS } = process.env;
-  if (!NODE_OPTIONS?.includes("--conditions")) {
-    NODE_OPTIONS = `${NODE_OPTIONS ?? ""} --conditions=development`.trim();
-  }
-  (0, import_execa.default)(process.execPath, [devScriptPath, JSON.stringify(args)], {
-    env: { ...process.env, NODE_OPTIONS },
-    stdin: "inherit",
-    stdout: "inherit",
-    stderr: "inherit"
-  });
+async function dev2(root, options = {}) {
+  let { dev: dev3 } = await Promise.resolve().then(() => (init_dev(), dev_exports));
+  if (options.profile) {
+    await start();
+  }
+  (0, import_exit_hook.default)(() => stop(console.info));
+  await dev3(root, options);
   await new Promise(() => {
   });
 }
@@ -1413,24 +1490,24 @@ async function generateEntry(entry, reactRouterRoot, flags = {}) {
     let entriesArray = Array.from(entries);
     let list = conjunctionListFormat.format(entriesArray);
     console.error(
-      import_picocolors6.default.red(`Invalid entry file. Valid entry files are ${list}`)
+      import_picocolors7.default.red(`Invalid entry file. Valid entry files are ${list}`)
     );
     return;
   }
   let pkgJson = await import_package_json2.default.load(rootDirectory);
   let deps = pkgJson.content.dependencies ?? {};
   if (!deps["@react-router/node"]) {
-    console.error(import_picocolors6.default.red(`No default server entry detected.`));
+    console.error(import_picocolors7.default.red(`No default server entry detected.`));
     return;
   }
-  let defaultsDirectory = path7.resolve(
-    path7.dirname(require.resolve("@react-router/dev/package.json")),
+  let defaultsDirectory = path9.resolve(
+    path9.dirname(require.resolve("@react-router/dev/package.json")),
     "dist",
     "config",
     "defaults"
   );
-  let defaultEntryClient = path7.resolve(defaultsDirectory, "entry.client.tsx");
-  let defaultEntryServer = path7.resolve(
+  let defaultEntryClient = path9.resolve(defaultsDirectory, "entry.client.tsx");
+  let defaultEntryServer = path9.resolve(
     defaultsDirectory,
     `entry.server.node.tsx`
   );
@@ -1439,7 +1516,7 @@ async function generateEntry(entry, reactRouterRoot, flags = {}) {
   let useTypeScript = flags.typescript ?? true;
   let outputExtension = useTypeScript ? "tsx" : "jsx";
   let outputEntry = `${entry}.${outputExtension}`;
-  let outputFile2 = path7.resolve(appDirectory, outputEntry);
+  let outputFile2 = path9.resolve(appDirectory, outputEntry);
   if (!useTypeScript) {
     let javascript = transpile(contents, {
       cwd: rootDirectory,
@@ -1450,8 +1527,8 @@ async function generateEntry(entry, reactRouterRoot, flags = {}) {
     await import_fs_extra2.default.writeFile(outputFile2, contents, "utf-8");
   }
   console.log(
-    import_picocolors6.default.blue(
-      `Entry file ${entry} created at ${path7.relative(
+    import_picocolors7.default.blue(
+      `Entry file ${entry} created at ${path9.relative(
         rootDirectory,
         outputFile2
       )}.`
@@ -1460,11 +1537,11 @@ async function generateEntry(entry, reactRouterRoot, flags = {}) {
 }
 async function checkForEntry(rootDirectory, appDirectory, entries2) {
   for (let entry of entries2) {
-    let entryPath = path7.resolve(appDirectory, entry);
+    let entryPath = path9.resolve(appDirectory, entry);
     let exists = await import_fs_extra2.default.pathExists(entryPath);
     if (exists) {
-      let relative8 = path7.relative(rootDirectory, entryPath);
-      console.error(import_picocolors6.default.red(`Entry file ${relative8} already exists.`));
+      let relative8 = path9.relative(rootDirectory, entryPath);
+      console.error(import_picocolors7.default.red(`Entry file ${relative8} already exists.`));
       return process.exit(1);
     }
   }
@@ -1482,8 +1559,8 @@ async function createClientEntry(rootDirectory, appDirectory, inputFile) {
 async function typegen(root, flags) {
   root ??= process.cwd();
   if (flags.watch) {
-    await preloadViteEsm();
-    const vite2 = importViteEsmSync();
+    await preloadVite();
+    const vite2 = getVite();
     const logger = vite2.createLogger("info", { prefix: "[react-router]" });
     await watch(root, { logger });
     await new Promise(() => {
@@ -1495,14 +1572,14 @@ async function typegen(root, flags) {
 
 // cli/run.ts
 var helpText = `
-${import_picocolors7.default.blueBright("react-router")}
+${import_picocolors8.default.blueBright("react-router")}
 
-  ${import_picocolors7.default.underline("Usage")}:
-    $ react-router build [${import_picocolors7.default.yellowBright("projectDir")}]
-    $ react-router dev [${import_picocolors7.default.yellowBright("projectDir")}]
-    $ react-router routes [${import_picocolors7.default.yellowBright("projectDir")}]
+  ${import_picocolors8.default.underline("Usage")}:
+    $ react-router build [${import_picocolors8.default.yellowBright("projectDir")}]
+    $ react-router dev [${import_picocolors8.default.yellowBright("projectDir")}]
+    $ react-router routes [${import_picocolors8.default.yellowBright("projectDir")}]
 
-  ${import_picocolors7.default.underline("Options")}:
+  ${import_picocolors8.default.underline("Options")}:
     --help, -h          Print this help message and exit
     --version, -v       Print the CLI version and exit
     --no-color          Disable ANSI colors in console output
@@ -1538,22 +1615,22 @@ ${import_picocolors7.default.blueBright("react-router")}
   \`typegen\` Options:
     --watch             Automatically regenerate types whenever route config (\`routes.ts\`) or route modules change
 
-  ${import_picocolors7.default.underline("Build your project")}:
+  ${import_picocolors8.default.underline("Build your project")}:
 
     $ react-router build
 
-  ${import_picocolors7.default.underline("Run your project locally in development")}:
+  ${import_picocolors8.default.underline("Run your project locally in development")}:
 
     $ react-router dev
 
-  ${import_picocolors7.default.underline("Show all routes in your app")}:
+  ${import_picocolors8.default.underline("Show all routes in your app")}:
 
     $ react-router routes
     $ react-router routes my-app
     $ react-router routes --json
     $ react-router routes --config vite.react-router.config.ts
 
-  ${import_picocolors7.default.underline("Reveal the used entry point")}:
+  ${import_picocolors8.default.underline("Reveal the used entry point")}:
 
     $ react-router reveal entry.client
     $ react-router reveal entry.server
@@ -1561,7 +1638,7 @@ ${import_picocolors7.default.blueBright("react-router")}
     $ react-router reveal entry.server --no-typescript
     $ react-router reveal entry.server --config vite.react-router.config.ts
 
-  ${import_picocolors7.default.underline("Generate types for route modules")}:
+  ${import_picocolors8.default.underline("Generate types for route modules")}:
 
    $ react-router typegen
    $ react-router typegen --watch
@@ -1647,13 +1724,13 @@ async function run2(argv = process.argv.slice(2)) {
       break;
     }
     case "dev":
-      await dev(input[1], flags);
+      await dev2(input[1], flags);
       break;
     case "typegen":
       await typegen(input[1], flags);
       break;
     default:
-      await dev(input[0], flags);
+      await dev2(input[0], flags);
   }
 }