@react-router/dev 0.0.0-experimental-d312c78a4 → 0.0.0-experimental-9ea41ead4

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-experimental-d312c78a4
+ * @react-router/dev v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -317,7 +317,6 @@ async function resolveConfig({
     basename: basename2,
     buildDirectory: userBuildDirectory,
     buildEnd,
-    future: userFuture,
     prerender,
     serverBuildFile,
     serverBundles,
@@ -391,7 +390,7 @@ async function resolveConfig({
   }
   let future = {
     unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false,
-    unstable_routeChunks: userFuture?.unstable_routeChunks ?? false
+    unstable_splitRouteModules: reactRouterUserConfig.future?.unstable_splitRouteModules ?? false
   };
   let reactRouterConfig = deepFreeze({
     appDirectory,
@@ -498,6 +497,15 @@ async function createConfigLoader({
     }
   };
 }
+async function loadConfig({ rootDirectory }) {
+  let configLoader = await createConfigLoader({
+    rootDirectory,
+    watch: false
+  });
+  let config = await configLoader.getConfig();
+  await configLoader.close();
+  return config;
+}
 function findEntry(dir, basename2, options) {
   for (let ext of entryExts) {
     let file = import_pathe3.default.resolve(dir, basename2 + ext);
@@ -588,6 +596,45 @@ var init_config = __esm({
   }
 });
 
+// vite/profiler.ts
+var import_node_fs2, import_node_path, import_picocolors2, getSession, start, profileCount, stop;
+var init_profiler = __esm({
+  "vite/profiler.ts"() {
+    "use strict";
+    import_node_fs2 = __toESM(require("fs"));
+    import_node_path = __toESM(require("path"));
+    import_picocolors2 = __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_fs2.default.writeFileSync(outPath, JSON.stringify(profile));
+          log(
+            import_picocolors2.default.yellow(
+              `CPU profile written to ${import_picocolors2.default.white(import_picocolors2.default.dim(outPath))}`
+            )
+          );
+          global.__reactRouter_profile_session = void 0;
+          res();
+        });
+      });
+    };
+  }
+});
+
 // typegen/paths.ts
 function getTypesDir(ctx) {
   return Path2.join(ctx.rootDirectory, ".react-router/types");
@@ -730,16 +777,16 @@ async function run(rootDirectory) {
 async function watch(rootDirectory, { logger } = {}) {
   const ctx = await createContext2({ rootDirectory, watch: true });
   await writeAll(ctx);
-  logger?.info(import_picocolors2.default.green("generated types"), { timestamp: true, clear: true });
+  logger?.info(import_picocolors3.default.green("generated types"), { timestamp: true, clear: true });
   ctx.configLoader.onChange(async ({ result, routeConfigChanged }) => {
     if (!result.ok) {
-      logger?.error(import_picocolors2.default.red(result.error), { timestamp: true, clear: true });
+      logger?.error(import_picocolors3.default.red(result.error), { timestamp: true, clear: true });
       return;
     }
     ctx.config = result.value;
     if (routeConfigChanged) {
       await writeAll(ctx);
-      logger?.info(import_picocolors2.default.green("regenerated types"), {
+      logger?.info(import_picocolors3.default.green("regenerated types"), {
         timestamp: true,
         clear: true
       });
@@ -767,21 +814,21 @@ async function createContext2({
 }
 async function writeAll(ctx) {
   const typegenDir = getTypesDir(ctx);
-  import_node_fs2.default.rmSync(typegenDir, { recursive: true, force: true });
+  import_node_fs3.default.rmSync(typegenDir, { recursive: true, force: true });
   Object.values(ctx.config.routes).forEach((route) => {
     const typesPath = getTypesPath(ctx, route);
     const content = generate(ctx, route);
-    import_node_fs2.default.mkdirSync(Path4.dirname(typesPath), { recursive: true });
-    import_node_fs2.default.writeFileSync(typesPath, content);
+    import_node_fs3.default.mkdirSync(Path4.dirname(typesPath), { recursive: true });
+    import_node_fs3.default.writeFileSync(typesPath, content);
   });
 }
-var import_node_fs2, Path4, import_picocolors2;
+var import_node_fs3, Path4, import_picocolors3;
 var init_typegen = __esm({
   "typegen/index.ts"() {
     "use strict";
-    import_node_fs2 = __toESM(require("fs"));
+    import_node_fs3 = __toESM(require("fs"));
     Path4 = __toESM(require("pathe"));
-    import_picocolors2 = __toESM(require("picocolors"));
+    import_picocolors3 = __toESM(require("picocolors"));
     init_config();
     init_generate();
     init_paths();
@@ -814,21 +861,21 @@ var init_node_adapter = __esm({
 });
 
 // vite/resolve-file-url.ts
-var path4;
+var path5;
 var init_resolve_file_url = __esm({
   "vite/resolve-file-url.ts"() {
     "use strict";
-    path4 = __toESM(require("path"));
+    path5 = __toESM(require("path"));
     init_vite();
   }
 });
 
 // vite/styles.ts
-var path5, import_react_router, cssFileRegExp, cssModulesRegExp;
+var path6, import_react_router, cssFileRegExp, cssModulesRegExp;
 var init_styles = __esm({
   "vite/styles.ts"() {
     "use strict";
-    path5 = __toESM(require("path"));
+    path6 = __toESM(require("path"));
     import_react_router = require("react-router");
     init_resolve_file_url();
     init_vite();
@@ -936,56 +983,19 @@ async function resolveViteConfig({
 async function extractPluginContext(viteConfig) {
   return viteConfig["__reactRouterPluginContext"];
 }
-async function loadPluginContext({
-  configFile,
-  root
-}) {
-  if (!root) {
-    root = process.env.REACT_ROUTER_ROOT || process.cwd();
-  }
-  configFile = configFile ?? findConfig(root, "vite.config", [
-    ".ts",
-    ".cts",
-    ".mts",
-    ".js",
-    ".cjs",
-    ".mjs"
-  ]);
-  if (!configFile) {
-    console.error(import_picocolors3.default.red("Vite config file not found"));
-    process.exit(1);
-  }
-  let viteConfig = await resolveViteConfig({ configFile, root });
-  let ctx = await extractPluginContext(viteConfig);
-  if (!ctx) {
-    console.error(
-      import_picocolors3.default.red("React Router Vite plugin not found in Vite config")
-    );
-    process.exit(1);
-  }
-  return ctx;
-}
-function findConfig(dir, basename2, extensions) {
-  for (let ext of extensions) {
-    let name = basename2 + ext;
-    let file = path6.join(dir, name);
-    if (fse.existsSync(file)) return file;
-  }
-  return void 0;
-}
-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 import_node_crypto, path7, url, fse, babel2, import_react_router2, import_es_module_lexer, import_jsesc, import_picocolors4, virtualHmrRuntime, virtualInjectHmrRuntime, virtual, getServerBuildDirectory, defaultEntriesDir, defaultEntries, REACT_REFRESH_HEADER;
 var init_plugin = __esm({
   "vite/plugin.ts"() {
     "use strict";
     import_node_crypto = require("crypto");
-    path6 = __toESM(require("path"));
+    path7 = __toESM(require("path"));
     url = __toESM(require("url"));
     fse = __toESM(require("fs-extra"));
-    babel = __toESM(require("@babel/core"));
+    babel2 = __toESM(require("@babel/core"));
     import_react_router2 = require("react-router");
     import_es_module_lexer = require("es-module-lexer");
     import_jsesc = __toESM(require("jsesc"));
-    import_picocolors3 = __toESM(require("picocolors"));
+    import_picocolors4 = __toESM(require("picocolors"));
     init_typegen();
     init_invariant();
     init_babel();
@@ -1006,18 +1016,18 @@ var init_plugin = __esm({
       serverManifest: create("server-manifest"),
       browserManifest: create("browser-manifest")
     };
-    getServerBuildDirectory = (ctx) => path6.join(
+    getServerBuildDirectory = (ctx) => path7.join(
       ctx.reactRouterConfig.buildDirectory,
       "server",
       ...ctx.serverBundleBuildConfig ? [ctx.serverBundleBuildConfig.serverBundleId] : []
     );
-    defaultEntriesDir = path6.resolve(
-      path6.dirname(require.resolve("@react-router/dev/package.json")),
+    defaultEntriesDir = path7.resolve(
+      path7.dirname(require.resolve("@react-router/dev/package.json")),
       "dist",
       "config",
       "defaults"
     );
-    defaultEntries = fse.readdirSync(defaultEntriesDir).map((filename3) => path6.join(defaultEntriesDir, filename3));
+    defaultEntries = fse.readdirSync(defaultEntriesDir).map((filename3) => path7.join(defaultEntriesDir, filename3));
     invariant(defaultEntries.length > 0, "No default entries found");
     REACT_REFRESH_HEADER = `
 import RefreshRuntime from "${virtualHmrRuntime.id}";
@@ -1043,45 +1053,6 @@ if (import.meta.hot && !inWebWorker) {
   }
 });
 
-// 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();
-        });
-      });
-    };
-  }
-});
-
 // vite/build.ts
 var build_exports = {};
 __export(build_exports, {
@@ -1381,6 +1352,8 @@ var import_fs_extra2 = __toESM(require("fs-extra"));
 var import_package_json2 = __toESM(require("@npmcli/package-json"));
 var import_exit_hook = __toESM(require("exit-hook"));
 var import_picocolors7 = __toESM(require("picocolors"));
+var import_react_router3 = require("react-router");
+init_config();
 
 // config/format.ts
 function formatRoutes(routeManifest, format) {
@@ -1438,16 +1411,13 @@ function formatRoutesAsJsx(routeManifest) {
   return output;
 }
 
-// cli/commands.ts
-init_plugin();
-
 // cli/useJavascript.ts
-var babel2 = __toESM(require("@babel/core"));
+var babel = __toESM(require("@babel/core"));
 var import_plugin_syntax_jsx = __toESM(require("@babel/plugin-syntax-jsx"));
 var import_preset_typescript = __toESM(require("@babel/preset-typescript"));
 var import_prettier = __toESM(require("prettier"));
 function transpile(tsx, options = {}) {
-  let mjs = babel2.transformSync(tsx, {
+  let mjs = babel.transformSync(tsx, {
     compact: false,
     cwd: options.cwd,
     filename: options.filename,
@@ -1464,18 +1434,14 @@ init_profiler();
 init_typegen();
 init_vite();
 async function routes(reactRouterRoot, flags = {}) {
-  let ctx = await loadPluginContext({
-    root: reactRouterRoot,
-    configFile: flags.config
-  });
-  if (!ctx) {
-    console.error(
-      import_picocolors7.default.red("React Router Vite plugin not found in Vite config")
-    );
+  let rootDirectory = reactRouterRoot ?? process.cwd();
+  let configResult = await loadConfig({ rootDirectory });
+  if (!configResult.ok) {
+    console.error(import_picocolors7.default.red(configResult.error));
     process.exit(1);
   }
   let format = flags.json ? "json" : "jsx";
-  console.log(formatRoutes(ctx.reactRouterConfig.routes, format));
+  console.log(formatRoutes(configResult.value.routes, format));
 }
 async function build2(root, options = {}) {
   if (!root) {
@@ -1509,17 +1475,18 @@ var conjunctionListFormat = new Intl.ListFormat("en", {
   type: "conjunction"
 });
 async function generateEntry(entry, reactRouterRoot, flags = {}) {
-  let ctx = await loadPluginContext({
-    root: reactRouterRoot,
-    configFile: flags.config
-  });
-  let rootDirectory = ctx.rootDirectory;
-  let appDirectory = ctx.reactRouterConfig.appDirectory;
   if (!entry) {
     await generateEntry("entry.client", reactRouterRoot, flags);
     await generateEntry("entry.server", reactRouterRoot, flags);
     return;
   }
+  let rootDirectory = reactRouterRoot ?? process.cwd();
+  let configResult = await loadConfig({ rootDirectory });
+  if (!configResult.ok) {
+    console.error(import_picocolors7.default.red(configResult.error));
+    return;
+  }
+  let appDirectory = configResult.value.appDirectory;
   if (!entries.includes(entry)) {
     let entriesArray = Array.from(entries);
     let list = conjunctionListFormat.format(entriesArray);

package/dist/config/defaults/entry.server.node.tsx

@@ -61,7 +61,7 @@ export default function handleRequest(
       }
     );
 
-    // Abort the rendering stream after the `streamTimeout` so it has tine to
+    // Abort the rendering stream after the `streamTimeout` so it has time to
     // flush down the rejected boundaries
     setTimeout(abort, streamTimeout + 1000);
   });

package/dist/config.d.ts

@@ -41,7 +41,7 @@ interface FutureConfig {
     /**
      * Automatically split route modules into multiple chunks when possible.
      */
-    unstable_routeChunks?: boolean | "enforce";
+    unstable_splitRouteModules?: boolean | "enforce";
 }
 type BuildManifest = DefaultBuildManifest | ServerBundlesBuildManifest;
 type BuildEndHook = (args: {
@@ -133,7 +133,7 @@ type ResolvedReactRouterConfig = Readonly<{
     /**
      * Enabled future flags
      */
-    future: Required<FutureConfig>;
+    future: FutureConfig;
     /**
      * An array of URLs to prerender to HTML files at build time.  Can also be a
      * function returning an array to dynamically generate URLs.

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-d312c78a4
+ * @react-router/dev v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-d312c78a4
+ * @react-router/dev v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/static/refresh-utils.cjs

@@ -23,7 +23,6 @@ const enqueueUpdate = debounce(async () => {
           `[react-router:hmr] No module update found for route ${route.id}`
         );
       }
-
       let routeModule = {
         ...imported,
         // react-refresh takes care of updating these in-place,

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-d312c78a4
+ * @react-router/dev v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-d312c78a4
+ * @react-router/dev v0.0.0-experimental-9ea41ead4
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -371,7 +371,6 @@ async function resolveConfig({
     basename: basename2,
     buildDirectory: userBuildDirectory,
     buildEnd,
-    future: userFuture,
     prerender,
     serverBuildFile,
     serverBundles,
@@ -445,7 +444,7 @@ async function resolveConfig({
   }
   let future = {
     unstable_optimizeDeps: reactRouterUserConfig.future?.unstable_optimizeDeps ?? false,
-    unstable_routeChunks: userFuture?.unstable_routeChunks ?? false
+    unstable_splitRouteModules: reactRouterUserConfig.future?.unstable_splitRouteModules ?? false
   };
   let reactRouterConfig = deepFreeze({
     appDirectory,
@@ -2228,7 +2227,7 @@ var reactRouterVitePlugin = () => {
       viteChildCompiler,
       ctx
     );
-    let enforceRouteChunks = ctx.reactRouterConfig.future.unstable_routeChunks === "enforce";
+    let enforceSplitRouteModules = ctx.reactRouterConfig.future.unstable_splitRouteModules === "enforce";
     for (let [key, route] of Object.entries(ctx.reactRouterConfig.routes)) {
       let routeFile = path6.join(ctx.reactRouterConfig.appDirectory, route.file);
       let sourceExports = routeManifestExports[key];
@@ -2242,7 +2241,7 @@ var reactRouterVitePlugin = () => {
         routeFile,
         { routeFile, viteChildCompiler }
       );
-      if (enforceRouteChunks) {
+      if (enforceSplitRouteModules) {
         validateRouteChunks({
           ctx,
           id: route.file,
@@ -2328,7 +2327,7 @@ var reactRouterVitePlugin = () => {
       viteChildCompiler,
       ctx
     );
-    let enforceRouteChunks = ctx.reactRouterConfig.future.unstable_routeChunks === "enforce";
+    let enforceSplitRouteModules = ctx.reactRouterConfig.future.unstable_splitRouteModules === "enforce";
     for (let [key, route] of Object.entries(ctx.reactRouterConfig.routes)) {
       let routeFile = route.file;
       let sourceExports = routeManifestExports[key];
@@ -2342,7 +2341,7 @@ var reactRouterVitePlugin = () => {
           resolveRelativeRouteFilePath(route, ctx.reactRouterConfig)
         )}`
       );
-      if (enforceRouteChunks) {
+      if (enforceSplitRouteModules) {
         let { hasRouteChunkByExportName } = await detectRouteChunksIfEnabled(
           cache,
           ctx,
@@ -2366,7 +2365,7 @@ var reactRouterVitePlugin = () => {
         index: route.index,
         caseSensitive: route.caseSensitive,
         module: routeModulePath,
-        // Route chunks are a build-time optimization
+        // Split route modules are a build-time optimization
         clientActionModule: void 0,
         clientLoaderModule: void 0,
         hydrateFallbackModule: void 0,
@@ -2406,8 +2405,13 @@ var reactRouterVitePlugin = () => {
         let viteClientConditions = [
           ...vite2.defaultClientConditions ?? []
         ];
+        let packageRoot = path6.dirname(
+          require.resolve("@react-router/dev/package.json")
+        );
+        let { moduleSyncEnabled } = await import(`file:///${path6.join(packageRoot, "module-sync-enabled/index.mjs")}`);
         let viteServerConditions = [
-          ...vite2.defaultServerConditions ?? []
+          ...vite2.defaultServerConditions ?? [],
+          ...moduleSyncEnabled ? ["module-sync"] : []
         ];
         logger = vite2.createLogger(viteUserConfig.logLevel, {
           prefix: "[react-router]"
@@ -2535,7 +2539,7 @@ var reactRouterVitePlugin = () => {
                       );
                       return [
                         `${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
-                        ...!isRootRoute ? routeChunkExportNames.map(
+                        ...ctx.reactRouterConfig.future.unstable_splitRouteModules && !isRootRoute ? routeChunkExportNames.map(
                           (exportName) => code.includes(exportName) ? getRouteChunkModuleId(
                             routeFilePath,
                             exportName
@@ -2883,10 +2887,14 @@ var reactRouterVitePlugin = () => {
       }
     },
     {
-      name: "react-router:route-chunks",
+      name: "react-router:split-route-modules",
       async transform(code, id, options) {
         if (options?.ssr) return;
         if (!isRouteChunkModuleId(id)) return;
+        invariant(
+          viteCommand === "build",
+          "Route modules are only split in build mode"
+        );
         let chunkName = getRouteChunkNameFromModuleId(id);
         if (!chunkName) {
           throw new Error(`Invalid route chunk name "${chunkName}" in "${id}"`);
@@ -2900,10 +2908,12 @@ var reactRouterVitePlugin = () => {
         );
         let preventEmptyChunkSnippet = ({ reason }) => `Math.random()<0&&console.log(${JSON.stringify(reason)});`;
         if (chunk === null) {
-          return preventEmptyChunkSnippet({ reason: "Route chunks disabled" });
+          return preventEmptyChunkSnippet({
+            reason: "Split round modules disabled"
+          });
         }
-        let enforceRouteChunks = ctx.reactRouterConfig.future.unstable_routeChunks === "enforce";
-        if (enforceRouteChunks && chunkName === "main" && chunk) {
+        let enforceSplitRouteModules = ctx.reactRouterConfig.future.unstable_splitRouteModules === "enforce";
+        if (enforceSplitRouteModules && chunkName === "main" && chunk) {
           let exportNames = getExportNames(chunk.code);
           validateRouteChunks({
             ctx,
@@ -3025,6 +3035,9 @@ var reactRouterVitePlugin = () => {
     {
       name: "react-router:route-exports",
       async transform(code, id, options) {
+        if (isRouteChunkModuleId(id)) {
+          id = id.split("?")[0];
+        }
         let route = getRoute(ctx.reactRouterConfig, id);
         if (!route) return;
         if (!options?.ssr && !ctx.reactRouterConfig.ssr) {
@@ -3596,7 +3609,7 @@ async function detectRouteChunksIfEnabled(cache, ctx, id, input) {
       }
     };
   }
-  if (!ctx.reactRouterConfig.future.unstable_routeChunks) {
+  if (!ctx.reactRouterConfig.future.unstable_splitRouteModules) {
     return noRouteChunks();
   }
   if (normalizeRelativeFilePath(id, ctx.reactRouterConfig) === ctx.reactRouterConfig.routes.root.file) {
@@ -3610,7 +3623,7 @@ async function detectRouteChunksIfEnabled(cache, ctx, id, input) {
   return detectRouteChunks(code, cache, cacheKey);
 }
 async function getRouteChunkIfEnabled(cache, ctx, id, chunkName, input) {
-  if (!ctx.reactRouterConfig.future.unstable_routeChunks) {
+  if (!ctx.reactRouterConfig.future.unstable_splitRouteModules) {
     return null;
   }
   let code = await resolveRouteFileCode(ctx, input);
@@ -3629,13 +3642,12 @@ function validateRouteChunks({
   let plural = invalidChunks.length > 1;
   throw new Error(
     [
-      `Route chunks error: ${normalizeRelativeFilePath(
+      `Error splitting route module: ${normalizeRelativeFilePath(
         id,
         ctx.reactRouterConfig
       )}`,
       invalidChunks.map((name) => `- ${name}`).join("\n"),
-      `${plural ? `These exports were` : `This export was`} unable to be split into ${plural ? "their own chunks" : "its own chunk"} because ${plural ? "they reference" : "it references"} code in the same file that is used by other route module exports.`,
-      `If you need to share code between ${plural ? `these` : `this`} and other exports, you should extract the shared code into a separate module.`
+      `${plural ? "These exports" : "This export"} could not be split into ${plural ? "their own chunks" : "its own chunk"} because ${plural ? "they share" : "it shares"} code with other exports. You should extract any shared code into its own module and then import it within the route module.`
     ].join("\n\n")
   );
 }

package/module-sync-enabled/false.cjs

@@ -0,0 +1 @@
+exports.default = false;

package/module-sync-enabled/index.d.mts

@@ -0,0 +1,2 @@
+declare const moduleSyncEnabled: boolean;
+export { moduleSyncEnabled };

package/module-sync-enabled/index.mjs

@@ -0,0 +1,4 @@
+import { createRequire } from "node:module";
+const require = createRequire(import.meta.url);
+const moduleSyncEnabled = require("#module-sync-enabled").default;
+export { moduleSyncEnabled };

package/module-sync-enabled/true.mjs

@@ -0,0 +1,2 @@
+const moduleSyncEnabled = true;
+export default moduleSyncEnabled;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-router/dev",
-  "version": "0.0.0-experimental-d312c78a4",
+  "version": "0.0.0-experimental-9ea41ead4",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -31,6 +31,12 @@
     },
     "./package.json": "./package.json"
   },
+  "imports": {
+    "#module-sync-enabled": {
+      "module-sync": "./module-sync-enabled/true.mjs",
+      "default": "./module-sync-enabled/false.cjs"
+    }
+  },
   "bin": {
     "react-router": "bin.js"
   },
@@ -40,6 +46,7 @@
       "files": [
         "cli/**",
         "config/**",
+        "module-sync-enabled/**",
         "typegen/**",
         "vite/**",
         "*.ts",
@@ -81,7 +88,7 @@
     "set-cookie-parser": "^2.6.0",
     "valibot": "^0.41.0",
     "vite-node": "3.0.0-beta.2",
-    "@react-router/node": "0.0.0-experimental-d312c78a4"
+    "@react-router/node": "0.0.0-experimental-9ea41ead4"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -110,15 +117,15 @@
     "vite": "^6.0.0",
     "wireit": "0.14.9",
     "wrangler": "^3.28.2",
-    "@react-router/serve": "0.0.0-experimental-d312c78a4",
-    "react-router": "^0.0.0-experimental-d312c78a4"
+    "@react-router/serve": "0.0.0-experimental-9ea41ead4",
+    "react-router": "^0.0.0-experimental-9ea41ead4"
   },
   "peerDependencies": {
     "typescript": "^5.1.0",
     "vite": "^5.1.0 || ^6.0.0",
     "wrangler": "^3.28.2",
-    "@react-router/serve": "^0.0.0-experimental-d312c78a4",
-    "react-router": "^0.0.0-experimental-d312c78a4"
+    "@react-router/serve": "^0.0.0-experimental-9ea41ead4",
+    "react-router": "^0.0.0-experimental-9ea41ead4"
   },
   "peerDependenciesMeta": {
     "@react-router/serve": {
@@ -136,6 +143,7 @@
   },
   "files": [
     "dist/",
+    "module-sync-enabled/",
     "bin.js",
     "CHANGELOG.md",
     "LICENSE.md",