@c0va23/react-router-dev 7.9.5-alpha.1 → 7.9.5

package/CHANGELOG.md

@@ -1,7 +1,17 @@
 # `@react-router/dev`
 
+## 7.9.5
+
 ### Patch Changes
-- Copy `server.watch` config options from `vite.config.(ts|js)` file to child vite server in development mode.
+
+- Introduce a `prerender.unstable_concurrency` option, to support running the prerendering concurrently, potentially speeding up the build. ([#14380](https://github.com/remix-run/react-router/pull/14380))
+- Move RSCHydratedRouter and utils to `/dom` export. ([#14457](https://github.com/remix-run/react-router/pull/14457))
+- Ensure route navigation doesn't remove CSS `link` elements used by dynamic imports ([#14463](https://github.com/remix-run/react-router/pull/14463))
+- Typegen: only register route module types for routes within the app directory ([#14439](https://github.com/remix-run/react-router/pull/14439))
+- Updated dependencies:
+  - `react-router@7.9.5`
+  - `@react-router/node@7.9.5`
+  - `@react-router/serve@7.9.5`
 
 ## 7.9.4
 

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @c0va23/react-router-dev v7.9.4-patch.1
+ * @react-router/dev v7.9.5
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -390,11 +390,20 @@ async function resolveConfig({
   if (!ssr && serverBundles) {
     serverBundles = void 0;
   }
-  let isValidPrerenderConfig = prerender == null || typeof prerender === "boolean" || Array.isArray(prerender) || typeof prerender === "function";
-  if (!isValidPrerenderConfig) {
-    return err(
-      "The `prerender` config must be a boolean, an array of string paths, or a function returning a boolean or array of string paths"
-    );
+  if (prerender) {
+    let isValidPrerenderPathsConfig = (p) => typeof p === "boolean" || typeof p === "function" || Array.isArray(p);
+    let isValidPrerenderConfig = isValidPrerenderPathsConfig(prerender) || typeof prerender === "object" && "paths" in prerender && isValidPrerenderPathsConfig(prerender.paths);
+    if (!isValidPrerenderConfig) {
+      return err(
+        "The `prerender`/`prerender.paths` config must be a boolean, an array of string paths, or a function returning a boolean or array of string paths."
+      );
+    }
+    let isValidConcurrencyConfig = typeof prerender != "object" || !("unstable_concurrency" in prerender) || typeof prerender.unstable_concurrency === "number" && Number.isInteger(prerender.unstable_concurrency) && prerender.unstable_concurrency > 0;
+    if (!isValidConcurrencyConfig) {
+      return err(
+        "The `prerender.unstable_concurrency` config must be a positive integer if specified."
+      );
+    }
   }
   let routeDiscovery;
   if (userRouteDiscovery == null) {
@@ -1061,13 +1070,13 @@ function routeModulesType(ctx) {
         (route) => t2.tsPropertySignature(
           t2.stringLiteral(route.id),
           t2.tsTypeAnnotation(
-            t2.tsTypeQuery(
+            isInAppDirectory(ctx, route.file) ? t2.tsTypeQuery(
               t2.tsImportType(
                 t2.stringLiteral(
                   `./${Path3.relative(ctx.rootDirectory, ctx.config.appDirectory)}/${route.file}`
                 )
               )
-            )
+            ) : t2.tsUnknownKeyword()
           )
         )
       )

package/dist/config/default-rsc-entries/entry.client.tsx

@@ -12,8 +12,8 @@ import {
   unstable_createCallServer as createCallServer,
   unstable_getRSCStream as getRSCStream,
   unstable_RSCHydratedRouter as RSCHydratedRouter,
-} from "react-router";
-import type { unstable_RSCPayload as RSCPayload } from "react-router";
+  type unstable_RSCPayload as RSCPayload,
+} from "react-router/dom";
 
 setServerCallback(
   createCallServer({

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

@@ -18,6 +18,14 @@ export default function handleRequest(
   // If you have middleware enabled:
   // loadContext: RouterContextProvider
 ) {
+  // https://httpwg.org/specs/rfc9110.html#HEAD
+  if (request.method.toUpperCase() === "HEAD") {
+    return new Response(null, {
+      status: responseStatusCode,
+      headers: responseHeaders,
+    });
+  }
+
   return new Promise((resolve, reject) => {
     let shellRendered = false;
     let userAgent = request.headers.get("user-agent");

package/dist/config.d.ts

@@ -58,6 +58,9 @@ type BuildEndHook = (args: {
     reactRouterConfig: ResolvedReactRouterConfig;
     viteConfig: Vite.ResolvedConfig;
 }) => void | Promise<void>;
+type PrerenderPaths = boolean | Array<string> | ((args: {
+    getStaticPaths: () => string[];
+}) => Array<string> | Promise<Array<string>>);
 /**
  * Config to be exported via the default export from `react-router.config.ts`.
  */
@@ -93,10 +96,17 @@ type ReactRouterConfig = {
     /**
      * An array of URLs to prerender to HTML files at build time.  Can also be a
      * function returning an array to dynamically generate URLs.
-     */
-    prerender?: boolean | Array<string> | ((args: {
-        getStaticPaths: () => string[];
-    }) => Array<string> | Promise<Array<string>>);
+     *
+     * `unstable_concurrency` defaults to 1, which means "no concurrency" - fully serial execution.
+     * Setting it to a value more than 1 enables concurrent prerendering.
+     * Setting it to a value higher than one can increase the speed of the build,
+     * but may consume more resources, and send more concurrent requests to the
+     * server/CMS.
+     */
+    prerender?: PrerenderPaths | {
+        paths: PrerenderPaths;
+        unstable_concurrency?: number;
+    };
     /**
      * An array of React Router plugin config presets to ease integration with
      * other platforms and tools.

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @c0va23/react-router-dev v7.9.4-patch.1
+ * @react-router/dev v7.9.5
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @c0va23/react-router-dev v7.9.4-patch.1
+ * @react-router/dev v7.9.5
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/vite/cloudflare.js

@@ -1,5 +1,5 @@
 /**
- * @c0va23/react-router-dev v7.9.4-patch.1
+ * @react-router/dev v7.9.5
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -420,11 +420,20 @@ async function resolveConfig({
   if (!ssr && serverBundles) {
     serverBundles = void 0;
   }
-  let isValidPrerenderConfig = prerender == null || typeof prerender === "boolean" || Array.isArray(prerender) || typeof prerender === "function";
-  if (!isValidPrerenderConfig) {
-    return err(
-      "The `prerender` config must be a boolean, an array of string paths, or a function returning a boolean or array of string paths"
-    );
+  if (prerender) {
+    let isValidPrerenderPathsConfig = (p) => typeof p === "boolean" || typeof p === "function" || Array.isArray(p);
+    let isValidPrerenderConfig = isValidPrerenderPathsConfig(prerender) || typeof prerender === "object" && "paths" in prerender && isValidPrerenderPathsConfig(prerender.paths);
+    if (!isValidPrerenderConfig) {
+      return err(
+        "The `prerender`/`prerender.paths` config must be a boolean, an array of string paths, or a function returning a boolean or array of string paths."
+      );
+    }
+    let isValidConcurrencyConfig = typeof prerender != "object" || !("unstable_concurrency" in prerender) || typeof prerender.unstable_concurrency === "number" && Number.isInteger(prerender.unstable_concurrency) && prerender.unstable_concurrency > 0;
+    if (!isValidConcurrencyConfig) {
+      return err(
+        "The `prerender.unstable_concurrency` config must be a positive integer if specified."
+      );
+    }
   }
   let routeDiscovery;
   if (userRouteDiscovery == null) {

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @c0va23/react-router-dev v7.9.4-patch.1
+ * @react-router/dev v7.9.5
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -447,11 +447,20 @@ async function resolveConfig({
   if (!ssr && serverBundles) {
     serverBundles = void 0;
   }
-  let isValidPrerenderConfig = prerender == null || typeof prerender === "boolean" || Array.isArray(prerender) || typeof prerender === "function";
-  if (!isValidPrerenderConfig) {
-    return err(
-      "The `prerender` config must be a boolean, an array of string paths, or a function returning a boolean or array of string paths"
-    );
+  if (prerender) {
+    let isValidPrerenderPathsConfig = (p) => typeof p === "boolean" || typeof p === "function" || Array.isArray(p);
+    let isValidPrerenderConfig = isValidPrerenderPathsConfig(prerender) || typeof prerender === "object" && "paths" in prerender && isValidPrerenderPathsConfig(prerender.paths);
+    if (!isValidPrerenderConfig) {
+      return err(
+        "The `prerender`/`prerender.paths` config must be a boolean, an array of string paths, or a function returning a boolean or array of string paths."
+      );
+    }
+    let isValidConcurrencyConfig = typeof prerender != "object" || !("unstable_concurrency" in prerender) || typeof prerender.unstable_concurrency === "number" && Number.isInteger(prerender.unstable_concurrency) && prerender.unstable_concurrency > 0;
+    if (!isValidConcurrencyConfig) {
+      return err(
+        "The `prerender.unstable_concurrency` config must be a positive integer if specified."
+      );
+    }
   }
   let routeDiscovery;
   if (userRouteDiscovery == null) {
@@ -1049,13 +1058,13 @@ function routeModulesType(ctx) {
         (route) => t2.tsPropertySignature(
           t2.stringLiteral(route.id),
           t2.tsTypeAnnotation(
-            t2.tsTypeQuery(
+            isInAppDirectory(ctx, route.file) ? t2.tsTypeQuery(
               t2.tsImportType(
                 t2.stringLiteral(
                   `./${Path3.relative(ctx.rootDirectory, ctx.config.appDirectory)}/${route.file}`
                 )
               )
-            )
+            ) : t2.tsUnknownKeyword()
           )
         )
       )
@@ -2549,7 +2558,7 @@ var getClientEntryChunk = (ctx, viteManifest) => {
   invariant(chunk, `Chunk not found: ${filePath}`);
   return chunk;
 };
-var getReactRouterManifestBuildAssets = (ctx, viteConfig, viteManifest, entryFilePath, route) => {
+var getReactRouterManifestBuildAssets = (ctx, viteConfig, viteManifest, allDynamicCssFiles, entryFilePath, route) => {
   let entryChunk = resolveChunk(ctx, viteManifest, entryFilePath);
   invariant(entryChunk, `Chunk not found: ${entryFilePath}`);
   let isRootRoute = Boolean(route && route.parentId === void 0);
@@ -2582,7 +2591,10 @@ var getReactRouterManifestBuildAssets = (ctx, viteConfig, viteManifest, entryFil
         // in the manifest that isn't tied to any route file. If we want to render these
         // styles correctly, we need to include them in the root route.
         isRootRoute ? getCssCodeSplitDisabledFile(ctx, viteConfig, viteManifest) : null,
-        chunks.flatMap((e) => e.css ?? []).map((href) => `${ctx.publicPath}${href}`)
+        chunks.flatMap((e) => e.css ?? []).map((href) => {
+          let publicHref = `${ctx.publicPath}${href}`;
+          return allDynamicCssFiles.has(href) ? `${publicHref}#` : publicHref;
+        })
       ].flat(1).filter(isNonNullable)
     )
   };
@@ -2605,6 +2617,44 @@ function resolveDependantChunks(viteManifest, entryChunks) {
   }
   return Array.from(chunks);
 }
+function getAllDynamicCssFiles(ctx, viteManifest) {
+  let allDynamicCssFiles = /* @__PURE__ */ new Set();
+  for (let route of Object.values(ctx.reactRouterConfig.routes)) {
+    let routeFile = path6.join(ctx.reactRouterConfig.appDirectory, route.file);
+    let entryChunk = resolveChunk(
+      ctx,
+      viteManifest,
+      `${routeFile}${BUILD_CLIENT_ROUTE_QUERY_STRING}`
+    );
+    if (entryChunk) {
+      let walk2 = function(chunk, isDynamicImportContext) {
+        if (visitedChunks.has(chunk)) {
+          return;
+        }
+        visitedChunks.add(chunk);
+        if (isDynamicImportContext && chunk.css) {
+          for (let cssFile of chunk.css) {
+            allDynamicCssFiles.add(cssFile);
+          }
+        }
+        if (chunk.dynamicImports) {
+          for (let dynamicImportKey of chunk.dynamicImports) {
+            walk2(viteManifest[dynamicImportKey], true);
+          }
+        }
+        if (chunk.imports) {
+          for (let importKey of chunk.imports) {
+            walk2(viteManifest[importKey], isDynamicImportContext);
+          }
+        }
+      };
+      var walk = walk2;
+      let visitedChunks = /* @__PURE__ */ new Set();
+      walk2(entryChunk, false);
+    }
+  }
+  return allDynamicCssFiles;
+}
 function dedupe(array2) {
   return [...new Set(array2)];
 }
@@ -2894,10 +2944,12 @@ var reactRouterVitePlugin = () => {
     let viteManifest = await loadViteManifest(
       getClientBuildDirectory(ctx.reactRouterConfig)
     );
+    let allDynamicCssFiles = getAllDynamicCssFiles(ctx, viteManifest);
     let entry = getReactRouterManifestBuildAssets(
       ctx,
       viteConfig2,
       viteManifest,
+      allDynamicCssFiles,
       ctx.entryClientFilePath,
       null
     );
@@ -2949,6 +3001,7 @@ var reactRouterVitePlugin = () => {
           ctx,
           viteConfig2,
           viteManifest,
+          allDynamicCssFiles,
           `${routeFile}${BUILD_CLIENT_ROUTE_QUERY_STRING}`,
           route
         ),
@@ -4202,10 +4255,10 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
     }
   }
   let buildRoutes = createPrerenderRoutes(build.routes);
-  for (let path9 of build.prerender) {
+  let prerenderSinglePath = async (path9) => {
     let matches = (0, import_react_router2.matchRoutes)(buildRoutes, `/${path9}/`.replace(/^\/\/+/, "/"));
     if (!matches) {
-      continue;
+      return;
     }
     let leafRoute = matches ? matches[matches.length - 1].route : null;
     let manifestRoute = leafRoute ? build.routes[leafRoute.id]?.module : null;
@@ -4262,7 +4315,14 @@ async function handlePrerender(viteConfig, reactRouterConfig, serverBuildDirecto
         } : void 0
       );
     }
+  };
+  let concurrency = 1;
+  let { prerender } = reactRouterConfig;
+  if (typeof prerender === "object" && "unstable_concurrency" in prerender) {
+    concurrency = prerender.unstable_concurrency ?? 1;
   }
+  const pMap = await import("p-map");
+  await pMap.default(build.prerender, prerenderSinglePath, { concurrency });
 }
 function getStaticPrerenderPaths(routes) {
   let paths = ["/"];
@@ -4378,31 +4438,40 @@ ${content.toString("utf8")}`
   );
 }
 async function getPrerenderPaths(prerender, ssr, routes, logWarning = false) {
-  let prerenderPaths = [];
-  if (prerender != null && prerender !== false) {
-    let prerenderRoutes = createPrerenderRoutes(routes);
-    if (prerender === true) {
-      let { paths, paramRoutes } = getStaticPrerenderPaths(prerenderRoutes);
-      if (logWarning && !ssr && paramRoutes.length > 0) {
-        console.warn(
-          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)
-            ].join("\n")
-          )
-        );
-      }
-      prerenderPaths = paths;
-    } else if (typeof prerender === "function") {
-      prerenderPaths = await prerender({
-        getStaticPaths: () => getStaticPrerenderPaths(prerenderRoutes).paths
-      });
-    } else {
-      prerenderPaths = prerender || ["/"];
+  if (prerender == null || prerender === false) {
+    return [];
+  }
+  let pathsConfig;
+  if (typeof prerender === "object" && "paths" in prerender) {
+    pathsConfig = prerender.paths;
+  } else {
+    pathsConfig = prerender;
+  }
+  if (pathsConfig === false) {
+    return [];
+  }
+  let prerenderRoutes = createPrerenderRoutes(routes);
+  if (pathsConfig === true) {
+    let { paths, paramRoutes } = getStaticPrerenderPaths(prerenderRoutes);
+    if (logWarning && !ssr && paramRoutes.length > 0) {
+      console.warn(
+        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)
+          ].join("\n")
+        )
+      );
     }
+    return paths;
+  }
+  if (typeof pathsConfig === "function") {
+    let paths = await pathsConfig({
+      getStaticPaths: () => getStaticPrerenderPaths(prerenderRoutes).paths
+    });
+    return paths;
   }
-  return prerenderPaths;
+  return pathsConfig;
 }
 function groupRoutesByParentId2(manifest) {
   let routes = {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c0va23/react-router-dev",
-  "version": "7.9.5-alpha.1",
+  "version": "7.9.5",
   "description": "Dev tools and CLI for React Router",
   "homepage": "https://reactrouter.com",
   "bugs": {
@@ -78,6 +78,7 @@
     "isbot": "^5.1.11",
     "jsesc": "3.0.2",
     "lodash": "^4.17.21",
+    "p-map": "^7.0.3",
     "pathe": "^1.1.2",
     "picocolors": "^1.1.1",
     "prettier": "^3.6.2",
@@ -86,7 +87,7 @@
     "tinyglobby": "^0.2.14",
     "valibot": "^1.1.0",
     "vite-node": "^3.2.2",
-    "@react-router/node": "7.9.4"
+    "@react-router/node": "7.9.5"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -109,16 +110,16 @@
     "vite": "^6.1.0",
     "wireit": "0.14.9",
     "wrangler": "^4.23.0",
-    "@react-router/serve": "7.9.4",
-    "react-router": "^7.9.4"
+    "@react-router/serve": "7.9.5",
+    "react-router": "^7.9.5"
   },
   "peerDependencies": {
     "@vitejs/plugin-rsc": "*",
     "typescript": "^5.1.0",
     "vite": "^5.1.0 || ^6.0.0 || ^7.0.0",
     "wrangler": "^3.28.2 || ^4.0.0",
-    "@react-router/serve": "^7.9.4",
-    "react-router": "^7.9.4"
+    "@react-router/serve": "^7.9.5",
+    "react-router": "^7.9.5"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {