@react-router/dev 0.0.0-experimental-abd9fc79b → 0.0.0-experimental-2a01b6fd8

package/CHANGELOG.md

@@ -1,5 +1,85 @@
 # `@react-router/dev`
 
+## v8.3.0
+
+### Minor Changes
+
+- Restart `react-router dev` with `--conditions=development` when not already configured ([#15291](https://github.com/remix-run/react-router/pull/15291))
+
+### Patch Changes
+
+- Allow `typescript@7` to be used ([#15317](https://github.com/remix-run/react-router/pull/15317))
+
+### Unstable Changes
+
+⚠️ _[Unstable features](https://reactrouter.com/community/api-development-strategy#unstable-flags) are not recommended for production use_
+
+- Add `unstable_rsc/client-version` client build version virtual module ([#15318](https://github.com/remix-run/react-router/pull/15318))
+
+- Support the `subResourceIntegrity` config option in RSC Framework Mode ([#15321](https://github.com/remix-run/react-router/pull/15321))
+
+  #### Migration guide
+
+  No changes are required when using the default RSC SSR entry. If you maintain a custom `app/entry.ssr.tsx`, import the new virtual module and pass its hashes to React's `importMap` render option:
+
+  ```diff
+  +import subResourceIntegrity from "virtual:react-router/unstable_rsc/subresource-integrity";
+
+  return renderToReadableStream(<RSCStaticRouter getPayload={getPayload} />, {
+    ...options,
+    bootstrapScriptContent,
+    formState,
+  + importMap: subResourceIntegrity
+  +   ? { integrity: subResourceIntegrity }
+  +   : undefined,
+    signal: request.signal,
+  });
+  ```
+
+- Updated dependencies:
+  - [`react-router@8.3.0`](https://github.com/remix-run/react-router/releases/tag/react-router@8.3.0)
+  - [`@react-router/node@8.3.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/node@8.3.0)
+  - [`@react-router/serve@8.3.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/serve@8.3.0)
+
+## v8.2.0
+
+### Minor Changes
+
+- Add a Web Streams default server entry for non-Node Framework mode apps ([#15290](https://github.com/remix-run/react-router/pull/15290))
+  - Apps using `@react-router/node`, `@react-router/express`, or `@react-router/serve` continue to use the `renderToPipeableStream` default server entry
+  - Apps without those Node server adapter dependencies use a `renderToReadableStream` default server entry
+  - Non-Node apps with their own `entry.server.tsx` may be able to remove it in favor of the default if it is not doing anything custom
+- Detect `nub` as a supported package manager when installing framework dependencies ([#15276](https://github.com/remix-run/react-router/pull/15276))
+
+### Patch Changes
+
+- Detect user `rolldownOptions` config in Vite 8+ ([#15278](https://github.com/remix-run/react-router/pull/15278))
+
+### Unstable Changes
+
+⚠️ _[Unstable features](https://reactrouter.com/community/api-development-strategy#unstable-flags) are not recommended for production use_
+
+- Add the [`future.unstable_enableNodeReadableStream`](https://reactrouter.com/upgrading/future#futureunstable_enablenodereadablestream) flag to opt Node Framework mode apps into using `renderToReadableStream` instead of `renderToPipeableStream` ([#15290](https://github.com/remix-run/react-router/pull/15290))
+  - This flag has no effect if you have your own `entry.server.tsx`
+- Updated dependencies:
+  - [`react-router@8.2.0`](https://github.com/remix-run/react-router/releases/tag/react-router@8.2.0)
+  - [`@react-router/node@8.2.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/node@8.2.0)
+  - [`@react-router/serve@8.2.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/serve@8.2.0)
+
+## v8.1.0
+
+### Patch Changes
+
+- Fix a regression with the new prerendering plugin where the `react-router.config.ts` `buildEnd` hook would run before prerendering was completed ([#15211](https://github.com/remix-run/react-router/pull/15211))
+- Fixed `react-router typegen` crashes under the Bun runtime when Babel default imports are already unwrapped ([#15214](https://github.com/remix-run/react-router/pull/15214))
+- Replace the deprecated `envFile:false` Vite config with `envDir:false` to eliminate a deprecation warning when using vite@8.1.0+ ([#15230](https://github.com/remix-run/react-router/pull/15230))
+- Only add the `"node"` Vite server condition for Framework mode apps that declare a Node server adapter dependency ([#15242](https://github.com/remix-run/react-router/pull/15242))
+  - This prevents non-Node SSR runtimes from resolving Node-specific package exports by default
+- Updated dependencies:
+  - [`react-router@8.1.0`](https://github.com/remix-run/react-router/releases/tag/react-router@8.1.0)
+  - [`@react-router/node@8.1.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/node@8.1.0)
+  - [`@react-router/serve@8.1.0`](https://github.com/remix-run/react-router/releases/tag/@react-router/serve@8.1.0)
+
 ## v8.0.1
 
 ### Patch Changes

package/bin.cjs

@@ -1,13 +1,20 @@
 #!/usr/bin/env node
-void (async () => {
-  let { default: arg } = await import("arg");
+let { parseArgs } = require("node:util");
+
+const commands = new Set(["build", "dev", "reveal", "routes", "typegen"]);
 
+void (async () => {
   // Minimal replication of our actual parsing in `run.ts`. If not already set,
   // default `NODE_ENV` so React loads the proper version in its CJS entry script.
   // We have to do this before importing `run.ts` since that is what imports
   // `react` (indirectly via `react-router`)
-  let args = arg({}, { argv: process.argv.slice(2), permissive: true });
-  if (args._.length === 0 || args._[0] === "dev") {
+  let { positionals } = parseArgs({
+    args: process.argv.slice(2),
+    allowPositionals: true,
+    strict: false,
+  });
+  let command = positionals.find((positional) => commands.has(positional));
+  if (!command || command === "dev") {
     process.env.NODE_ENV = process.env.NODE_ENV ?? "development";
   } else {
     process.env.NODE_ENV = process.env.NODE_ENV ?? "production";

package/development-condition-enabled/false.d.mts

@@ -0,0 +1,2 @@
+declare const developmentConditionEnabled: boolean;
+export default developmentConditionEnabled;

package/development-condition-enabled/false.mjs

@@ -0,0 +1,2 @@
+const developmentConditionEnabled = false;
+export default developmentConditionEnabled;

package/development-condition-enabled/true.d.mts

@@ -0,0 +1,2 @@
+declare const developmentConditionEnabled: boolean;
+export default developmentConditionEnabled;

package/development-condition-enabled/true.mjs

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

package/dist/{build-DLQ9EJvQ.js → build-BY8q9ar7.js}

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-abd9fc79b
+ * @react-router/dev v0.0.0-experimental-2a01b6fd8
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,7 +8,7 @@
  *
  * @license MIT
  */
-import { g as preloadVite, h as getVite } from "./typegen-DWfipfw8.js";
+import { _ as getVite, v as preloadVite } from "./typegen-CydnYlE9.js";
 //#region vite/build.ts
 async function build(root, viteBuildOptions) {
 	await preloadVite();

package/dist/cli/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 /**
- * @react-router/dev v0.0.0-experimental-abd9fc79b
+ * @react-router/dev v0.0.0-experimental-2a01b6fd8
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -9,9 +9,9 @@
  *
  * @license MIT
  */
-import { g as preloadVite, h as getVite, l as loadConfig, n as watch, t as run$1 } from "../typegen-DWfipfw8.js";
+import { _ as getVite, l as hasNodeDependency, n as watch, t as run$1, u as loadConfig, v as preloadVite } from "../typegen-CydnYlE9.js";
 import { createRequire } from "node:module";
-import arg from "arg";
+import { parseArgs } from "node:util";
 import semver from "semver";
 import colors from "picocolors";
 import fs, { existsSync } from "node:fs";
@@ -21,10 +21,9 @@ import path from "node:path";
 import exitHook from "exit-hook";
 import { readPackageJSON } from "pkg-types";
 import "react-router";
-import * as babel from "@babel/core";
-import babelPluginSyntaxJSX from "@babel/plugin-syntax-jsx";
-import babelPresetTypeScript from "@babel/preset-typescript";
-import prettier from "prettier";
+import developmentConditionEnabled from "#development-condition-enabled";
+import { spawn } from "node:child_process";
+import process$1 from "node:process";
 import packageJson from "@react-router/dev/package.json" with { type: "json" };
 //#region config/format.ts
 function formatRoutes(routeManifest, format) {
@@ -69,24 +68,6 @@ function formatRoutesAsJsx(routeManifest) {
 	return output;
 }
 //#endregion
-//#region cli/useJavascript.ts
-async function transpile(tsx, options = {}) {
-	let mjs = babel.transformSync(tsx, {
-		compact: false,
-		cwd: options.cwd,
-		filename: options.filename,
-		plugins: [babelPluginSyntaxJSX],
-		presets: [[babelPresetTypeScript, { jsx: "preserve" }]],
-		retainLines: true
-	});
-	if (!mjs || !mjs.code) throw new Error("Could not parse TypeScript");
-	/**
-	* Babel's `compact` and `retainLines` options are both bad at formatting code.
-	* Use Prettier for nicer formatting.
-	*/
-	return await prettier.format(mjs.code, { parser: "babel" });
-}
-//#endregion
 //#region vite/profiler.ts
 const getSession = () => global.__reactRouter_profile_session;
 const start = async (callback) => {
@@ -124,6 +105,42 @@ async function hasReactRouterRscPlugin({ root, viteBuildOptions: { config, logLe
 	}, "build", "production", "production")).plugins.some((plugin) => plugin?.name === "react-router/rsc");
 }
 //#endregion
+//#region restart-with-conditions.ts
+/**
+* Restarts the current Node process, appending new flags to the
+* existing NODE_OPTIONS. SIGINT/SIGTERM are always forwarded to the child.
+*/
+function restartWithMergedOptions(nodeOptions) {
+	if (process$1.env.REACT_ROUTER_DEV_RESTARTED === "true") throw new Error("restartWithMergedOptions() was called, but the process has already been restarted. This is likely a bug in @react-router/dev.");
+	const mergedOptions = [process$1.env.NODE_OPTIONS, nodeOptions].filter(Boolean).join(" ").trim();
+	console.log(`[restart] Relaunching with NODE_OPTIONS: ${mergedOptions}`);
+	const [cmd, ...args] = process$1.argv;
+	const child = spawn(cmd, args, {
+		env: {
+			...process$1.env,
+			NODE_OPTIONS: mergedOptions,
+			REACT_ROUTER_DEV_RESTARTED: "true"
+		},
+		stdio: "inherit"
+	});
+	let signalHandlers = ["SIGINT", "SIGTERM"].map((sig) => {
+		let handler = () => {
+			child.kill(sig);
+		};
+		process$1.on(sig, handler);
+		return [sig, handler];
+	});
+	child.on("exit", (code, signal) => {
+		for (let [sig, handler] of signalHandlers) process$1.off(sig, handler);
+		if (signal) process$1.kill(process$1.pid, signal);
+		else process$1.exit(code ?? 0);
+	});
+	child.on("error", (err) => {
+		console.error("[restart] Failed to spawn child process:", err);
+		process$1.exit(1);
+	});
+}
+//#endregion
 //#region cli/commands.ts
 const nodeRequire = createRequire(import.meta.url);
 async function routes(rootDirectory, flags = {}) {
@@ -141,7 +158,7 @@ async function routes(rootDirectory, flags = {}) {
 }
 async function build(root, options = {}) {
 	root = resolveRootDirectory(root, options);
-	let { build } = await import("../build-DLQ9EJvQ.js");
+	let { build } = await import("../build-BY8q9ar7.js");
 	if (options.profile) await start();
 	try {
 		await build(root, options);
@@ -150,11 +167,13 @@ async function build(root, options = {}) {
 	}
 }
 async function dev(root, options = {}) {
-	let { dev } = await import("../dev-CPAzEdKN.js");
-	if (options.profile) await start();
-	exitHook(() => stop(console.info));
-	root = resolveRootDirectory(root, options);
-	await dev(root, options);
+	if (developmentConditionEnabled) {
+		let { dev } = await import("../dev-D4wCelLk.js");
+		if (options.profile) await start();
+		exitHook(() => stop(console.info));
+		root = resolveRootDirectory(root, options);
+		await dev(root, options);
+	} else restartWithMergedOptions("--conditions=development");
 	await new Promise(() => {});
 }
 let clientEntries = [
@@ -231,24 +250,14 @@ async function generateEntry(entry, rootDirectory, flags = {}) {
 		}
 		await copyFile(defaultEntry, outputFile);
 	} else {
-		if (!((await readPackageJSON(rootDirectory)).dependencies ?? {})["@react-router/node"]) {
-			console.error(colors.red(`No default server entry detected.`));
-			return;
-		}
-		let defaultEntryClient = path$1.resolve(defaultsDirectory, "entry.client.tsx");
-		let defaultEntryServer = path$1.resolve(defaultsDirectory, `entry.server.node.tsx`);
-		let isServerEntry = entry === "entry.server";
-		let contents = isServerEntry ? await createServerEntry(rootDirectory, appDirectory, defaultEntryServer) : await createClientEntry(rootDirectory, appDirectory, defaultEntryClient);
-		let useTypeScript = flags.typescript ?? true;
-		let outputEntry = `${entry}.${useTypeScript ? "tsx" : "jsx"}`;
+		let pkgJson = await readPackageJSON(rootDirectory);
+		let outputExtension = flags.typescript ?? true ? "tsx" : "jsx";
+		let defaultEntryClient = path$1.resolve(defaultsDirectory, `entry.client.${outputExtension}`);
+		let defaultEntryServer = path$1.resolve(defaultsDirectory, hasNodeDependency(pkgJson.dependencies) && !configResult.value.future.unstable_enableNodeReadableStream ? `entry.server.node.${outputExtension}` : `entry.server.web.${outputExtension}`);
+		let contents = entry === "entry.server" ? await createServerEntry(rootDirectory, appDirectory, defaultEntryServer) : await createClientEntry(rootDirectory, appDirectory, defaultEntryClient);
+		let outputEntry = `${entry}.${outputExtension}`;
 		outputFile = path$1.resolve(appDirectory, outputEntry);
-		if (!useTypeScript) {
-			let javascript = await transpile(contents, {
-				cwd: rootDirectory,
-				filename: isServerEntry ? defaultEntryServer : defaultEntryClient
-			});
-			await writeFile(outputFile, javascript, "utf-8");
-		} else await writeFile(outputFile, contents, "utf-8");
+		await writeFile(outputFile, contents, "utf-8");
 	}
 	console.log(colors.blue(`Entry file ${entry} created at ${path$1.relative(rootDirectory, outputFile)}.`));
 }
@@ -341,7 +350,7 @@ ${colors.blueBright("react-router")}
     --json              Print the routes as JSON
   \`reveal\` Options:
     --config, -c        Use specified Vite config file (string)
-    --no-typescript     Generate plain JavaScript files
+    --no-typescript     Generate plain JavaScript files (deprecated; will be removed in v9)
   \`typegen\` Options:
     --watch             Automatically regenerate types whenever route config (\`routes.ts\`) or route modules change
 
@@ -373,6 +382,18 @@ ${colors.blueBright("react-router")}
    $ react-router typegen
    $ react-router typegen --watch
 `;
+function getBooleanArg(value) {
+	return typeof value === "boolean" ? value : void 0;
+}
+function getBooleanStringArg(value) {
+	return typeof value === "boolean" || typeof value === "string" ? value : void 0;
+}
+function getNumberArg(value) {
+	return typeof value === "string" ? Number(value) : void 0;
+}
+function getStringArg(value) {
+	return typeof value === "string" ? value : void 0;
+}
 /**
 * Programmatic interface for running the react-router CLI with the given command line
 * arguments.
@@ -385,43 +406,78 @@ async function run(argv = process.argv.slice(2), { isMain = false } = {}) {
 		let nextArg = argv[argv.indexOf(arg) + 1];
 		return !nextArg || nextArg.startsWith("-");
 	};
-	let args = arg({
-		"--force": Boolean,
-		"--help": Boolean,
-		"-h": "--help",
-		"--json": Boolean,
-		"--token": String,
-		"--typescript": Boolean,
-		"--no-typescript": Boolean,
-		"--version": Boolean,
-		"-v": "--version",
-		"--port": Number,
-		"-p": "--port",
-		"--config": String,
-		"-c": "--config",
-		"--assetsInlineLimit": Number,
-		"--clearScreen": Boolean,
-		"--cors": Boolean,
-		"--emptyOutDir": Boolean,
-		"--host": isBooleanFlag("--host") ? Boolean : String,
-		"--logLevel": String,
-		"-l": "--logLevel",
-		"--minify": String,
-		"--mode": String,
-		"-m": "--mode",
-		"--open": isBooleanFlag("--open") ? Boolean : String,
-		"--strictPort": Boolean,
-		"--profile": Boolean,
-		"--sourcemapClient": isBooleanFlag("--sourcemapClient") ? Boolean : String,
-		"--sourcemapServer": isBooleanFlag("--sourcemapServer") ? Boolean : String,
-		"--watch": Boolean
-	}, { argv });
-	let input = args._;
-	let flags = Object.entries(args).reduce((acc, [key, value]) => {
-		key = key.replace(/^--/, "");
-		acc[key] = value;
-		return acc;
-	}, {});
+	let { values, positionals } = parseArgs({
+		args: argv,
+		allowPositionals: true,
+		options: {
+			assetsInlineLimit: { type: "string" },
+			clearScreen: { type: "boolean" },
+			config: {
+				type: "string",
+				short: "c"
+			},
+			cors: { type: "boolean" },
+			emptyOutDir: { type: "boolean" },
+			force: { type: "boolean" },
+			help: {
+				type: "boolean",
+				short: "h"
+			},
+			host: { type: isBooleanFlag("--host") ? "boolean" : "string" },
+			json: { type: "boolean" },
+			logLevel: {
+				type: "string",
+				short: "l"
+			},
+			minify: { type: "string" },
+			mode: {
+				type: "string",
+				short: "m"
+			},
+			"no-typescript": { type: "boolean" },
+			open: { type: isBooleanFlag("--open") ? "boolean" : "string" },
+			port: {
+				type: "string",
+				short: "p"
+			},
+			profile: { type: "boolean" },
+			sourcemapClient: { type: isBooleanFlag("--sourcemapClient") ? "boolean" : "string" },
+			sourcemapServer: { type: isBooleanFlag("--sourcemapServer") ? "boolean" : "string" },
+			strictPort: { type: "boolean" },
+			token: { type: "string" },
+			typescript: { type: "boolean" },
+			version: {
+				type: "boolean",
+				short: "v"
+			},
+			watch: { type: "boolean" }
+		}
+	});
+	let input = positionals;
+	let flags = {
+		assetsInlineLimit: getNumberArg(values.assetsInlineLimit),
+		clearScreen: getBooleanArg(values.clearScreen),
+		config: getStringArg(values.config),
+		cors: getBooleanArg(values.cors),
+		emptyOutDir: getBooleanArg(values.emptyOutDir),
+		force: getBooleanArg(values.force),
+		help: getBooleanArg(values.help),
+		host: getBooleanStringArg(values.host),
+		json: getBooleanArg(values.json),
+		logLevel: getStringArg(values.logLevel),
+		minify: getStringArg(values.minify),
+		mode: getStringArg(values.mode),
+		open: getBooleanStringArg(values.open),
+		port: getNumberArg(values.port),
+		profile: getBooleanArg(values.profile),
+		sourcemapClient: getBooleanStringArg(values.sourcemapClient),
+		sourcemapServer: getBooleanStringArg(values.sourcemapServer),
+		strictPort: getBooleanArg(values.strictPort),
+		token: getStringArg(values.token),
+		typescript: getBooleanArg(values.typescript),
+		version: getBooleanArg(values.version),
+		watch: getBooleanArg(values.watch)
+	};
 	if (flags.help) {
 		console.log(helpText);
 		return;
@@ -431,7 +487,10 @@ async function run(argv = process.argv.slice(2), { isMain = false } = {}) {
 		return;
 	}
 	flags.interactive = flags.interactive ?? isMain;
-	if (args["--no-typescript"]) flags.typescript = false;
+	if (values["no-typescript"]) {
+		console.warn(colors.yellow("The --no-typescript flag is deprecated and will be removed in React Router v9."));
+		flags.typescript = false;
+	}
 	switch (input[0]) {
 		case "routes":
 			await routes(input[1], flags);

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

@@ -15,6 +15,7 @@ import {
 import routes from "virtual:react-router/unstable_rsc/routes";
 import routeDiscovery from "virtual:react-router/unstable_rsc/route-discovery";
 import basename from "virtual:react-router/unstable_rsc/basename";
+import clientVersion from "virtual:react-router/unstable_rsc/client-version";
 import unstable_reactRouterServeConfig from "virtual:react-router/unstable_rsc/react-router-serve-config";
 
 export { unstable_reactRouterServeConfig };
@@ -31,6 +32,8 @@ export function fetchServer(
     decodeFormState,
     decodeReply,
     loadServerAction,
+    // Detect stale clients after a new deployment.
+    clientVersion,
     // The incoming request.
     request,
     requestContext,

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

@@ -4,6 +4,7 @@ import {
   unstable_routeRSCServerRequest as routeRSCServerRequest,
   unstable_RSCStaticRouter as RSCStaticRouter,
 } from "react-router";
+import subResourceIntegrity from "virtual:react-router/unstable_rsc/subresource-integrity";
 
 export async function generateHTML(
   request: Request,
@@ -31,6 +32,9 @@ export async function generateHTML(
           ...options,
           bootstrapScriptContent,
           formState,
+          importMap: subResourceIntegrity
+            ? { integrity: subResourceIntegrity }
+            : undefined,
           signal: request.signal,
         },
       );

package/dist/config/defaults/entry.client.jsx

@@ -0,0 +1,12 @@
+import { startTransition, StrictMode } from "react";
+import { hydrateRoot } from "react-dom/client";
+import { HydratedRouter } from "react-router/dom";
+
+startTransition(() => {
+  hydrateRoot(
+    document,
+    <StrictMode>
+      <HydratedRouter />
+    </StrictMode>,
+  );
+});

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

@@ -0,0 +1,82 @@
+import { PassThrough } from "node:stream";
+
+import { createReadableStreamFromReadable } from "@react-router/node";
+import { ServerRouter } from "react-router";
+import { isbot } from "isbot";
+
+import { renderToPipeableStream } from "react-dom/server";
+
+export const streamTimeout = 5_000;
+
+export default function handleRequest(
+  request,
+  responseStatusCode,
+  responseHeaders,
+  routerContext,
+  loadContext,
+) {
+  // 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");
+
+    // Ensure requests from bots and SPA Mode renders wait for all content to load before responding
+    // https://react.dev/reference/react-dom/server/renderToPipeableStream#waiting-for-all-content-to-load-for-crawlers-and-static-generation
+    let readyOption =
+      (userAgent && isbot(userAgent)) || routerContext.isSpaMode
+        ? "onAllReady"
+        : "onShellReady";
+
+    // Abort the rendering stream after the `streamTimeout` so it has time to
+    // flush down the rejected boundaries
+    let timeoutId = setTimeout(() => abort(), streamTimeout + 1000);
+
+    const { pipe, abort } = renderToPipeableStream(
+      <ServerRouter context={routerContext} url={request.url} />,
+      {
+        [readyOption]() {
+          shellRendered = true;
+          const body = new PassThrough({
+            final(callback) {
+              // Clear the timeout to prevent retaining the closure and memory leak
+              clearTimeout(timeoutId);
+              timeoutId = undefined;
+              callback();
+            },
+          });
+          const stream = createReadableStreamFromReadable(body);
+
+          responseHeaders.set("Content-Type", "text/html");
+
+          pipe(body);
+
+          resolve(
+            new Response(stream, {
+              headers: responseHeaders,
+              status: responseStatusCode,
+            }),
+          );
+        },
+        onShellError(error) {
+          reject(error);
+        },
+        onError(error) {
+          responseStatusCode = 500;
+          // Log streaming rendering errors from inside the shell.  Don't log
+          // errors encountered during initial shell rendering since they'll
+          // reject and get logged in handleDocumentRequest.
+          if (shellRendered) {
+            console.error(error);
+          }
+        },
+      },
+    );
+  });
+}

package/dist/config/defaults/entry.server.web.jsx

@@ -0,0 +1,53 @@
+import { ServerRouter } from "react-router";
+import { isbot } from "isbot";
+import { renderToReadableStream } from "react-dom/server";
+
+export const streamTimeout = 5_000;
+
+export default async function handleRequest(
+  request,
+  responseStatusCode,
+  responseHeaders,
+  routerContext,
+  _loadContext,
+) {
+  // https://httpwg.org/specs/rfc9110.html#HEAD
+  if (request.method.toUpperCase() === "HEAD") {
+    return new Response(null, {
+      status: responseStatusCode,
+      headers: responseHeaders,
+    });
+  }
+
+  let shellRendered = false;
+  let userAgent = request.headers.get("user-agent");
+
+  const body = await renderToReadableStream(
+    <ServerRouter context={routerContext} url={request.url} />,
+    {
+      signal: AbortSignal.timeout(streamTimeout + 1000),
+      onError(error) {
+        responseStatusCode = 500;
+        // Log streaming rendering errors from inside the shell. Don't log
+        // errors encountered during initial shell rendering since they'll
+        // reject and get logged in handleDocumentRequest.
+        if (shellRendered) {
+          console.error(error);
+        }
+      },
+    },
+  );
+  shellRendered = true;
+
+  // Ensure requests from bots and SPA Mode renders wait for all content to load before responding
+  // https://react.dev/reference/react-dom/server/renderToPipeableStream#waiting-for-all-content-to-load-for-crawlers-and-static-generation
+  if ((userAgent && isbot(userAgent)) || routerContext.isSpaMode) {
+    await body.allReady;
+  }
+
+  responseHeaders.set("Content-Type", "text/html");
+  return new Response(body, {
+    headers: responseHeaders,
+    status: responseStatusCode,
+  });
+}

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

@@ -0,0 +1,54 @@
+import type { EntryContext, RouterContextProvider } from "react-router";
+import { ServerRouter } from "react-router";
+import { isbot } from "isbot";
+import { renderToReadableStream } from "react-dom/server";
+
+export const streamTimeout = 5_000;
+
+export default async function handleRequest(
+  request: Request,
+  responseStatusCode: number,
+  responseHeaders: Headers,
+  routerContext: EntryContext,
+  _loadContext: RouterContextProvider,
+) {
+  // https://httpwg.org/specs/rfc9110.html#HEAD
+  if (request.method.toUpperCase() === "HEAD") {
+    return new Response(null, {
+      status: responseStatusCode,
+      headers: responseHeaders,
+    });
+  }
+
+  let shellRendered = false;
+  let userAgent = request.headers.get("user-agent");
+
+  const body = await renderToReadableStream(
+    <ServerRouter context={routerContext} url={request.url} />,
+    {
+      signal: AbortSignal.timeout(streamTimeout + 1000),
+      onError(error: unknown) {
+        responseStatusCode = 500;
+        // Log streaming rendering errors from inside the shell. Don't log
+        // errors encountered during initial shell rendering since they'll
+        // reject and get logged in handleDocumentRequest.
+        if (shellRendered) {
+          console.error(error);
+        }
+      },
+    },
+  );
+  shellRendered = true;
+
+  // Ensure requests from bots and SPA Mode renders wait for all content to load before responding
+  // https://react.dev/reference/react-dom/server/renderToPipeableStream#waiting-for-all-content-to-load-for-crawlers-and-static-generation
+  if ((userAgent && isbot(userAgent)) || routerContext.isSpaMode) {
+    await body.allReady;
+  }
+
+  responseHeaders.set("Content-Type", "text/html");
+  return new Response(body, {
+    headers: responseHeaders,
+    status: responseStatusCode,
+  });
+}

package/dist/{config-DvmRcD4Z.d.ts → config-t89niiFv.d.ts}

@@ -38,6 +38,7 @@ type ServerBundlesBuildManifest = BaseBuildManifest & {
 };
 type ServerModuleFormat = "esm" | "cjs";
 interface FutureConfig {
+  unstable_enableNodeReadableStream: boolean;
   unstable_optimizeDeps: boolean;
 }
 type SplitRouteModulesOption = boolean | "enforce";

package/dist/config.d.ts

@@ -1,3 +1,3 @@
 
-import { i as ServerBundlesFunction, n as Preset, r as ReactRouterConfig, t as BuildManifest } from "./config-DvmRcD4Z.js";
+import { i as ServerBundlesFunction, n as Preset, r as ReactRouterConfig, t as BuildManifest } from "./config-t89niiFv.js";
 export type { BuildManifest, ReactRouterConfig as Config, Preset, ServerBundlesFunction };

package/dist/config.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-abd9fc79b
+ * @react-router/dev v0.0.0-experimental-2a01b6fd8
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/{dev-CPAzEdKN.js → dev-D4wCelLk.js}

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-abd9fc79b
+ * @react-router/dev v0.0.0-experimental-2a01b6fd8
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,7 +8,7 @@
  *
  * @license MIT
  */
-import { g as preloadVite, h as getVite } from "./typegen-DWfipfw8.js";
+import { _ as getVite, v as preloadVite } from "./typegen-CydnYlE9.js";
 import { n as start, r as stop, t as getSession } from "./cli/index.js";
 import colors from "picocolors";
 //#region vite/dev.ts

package/dist/{routes-DW7QRPWA.js → routes-BLQxq7lr.js}

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-abd9fc79b
+ * @react-router/dev v0.0.0-experimental-2a01b6fd8
  *
  * Copyright (c) Remix Software Inc.
  *

package/dist/routes.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-abd9fc79b
+ * @react-router/dev v0.0.0-experimental-2a01b6fd8
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,5 +8,5 @@
  *
  * @license MIT
  */
-import { a as prefix, i as layout, n as getAppDirectory, o as relative, r as index, s as route } from "./routes-DW7QRPWA.js";
+import { a as prefix, i as layout, n as getAppDirectory, o as relative, r as index, s as route } from "./routes-BLQxq7lr.js";
 export { getAppDirectory, index, layout, prefix, relative, route };

package/dist/{typegen-DWfipfw8.js → typegen-CydnYlE9.js}

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-abd9fc79b
+ * @react-router/dev v0.0.0-experimental-2a01b6fd8
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,7 +8,7 @@
  *
  * @license MIT
  */
-import { c as setAppDirectory, l as validateRouteConfig, t as configRoutesToRouteManifest, u as invariant } from "./routes-DW7QRPWA.js";
+import { c as setAppDirectory, l as validateRouteConfig, t as configRoutesToRouteManifest, u as invariant } from "./routes-BLQxq7lr.js";
 import { createRequire } from "node:module";
 import colors from "picocolors";
 import fs from "node:fs";
@@ -66,6 +66,16 @@ function defineOptimizeDepsCompilerOptions(options) {
 	let vite = getVite();
 	return parseInt(vite.version.split(".")[0], 10) >= 8 ? { rolldownOptions: options.rolldown } : { esbuildOptions: options.esbuild };
 }
+/**
+* Read the user-supplied build options from either `rollupOptions` (Vite <=7)
+* or `rolldownOptions` (Vite >=8).
+*/
+function getUserBuildRollupOptions(environment) {
+	if (environment?.build) {
+		if ("rollupOptions" in environment.build) return environment.build.rollupOptions;
+		if ("rolldownOptions" in environment.build) return environment.build.rolldownOptions;
+	}
+}
 //#endregion
 //#region vite/ssr-externals.ts
 const ssrExternals = isReactRouterRepo() ? [
@@ -95,7 +105,7 @@ async function createContext$1({ root, mode, customLogger }) {
 		optimizeDeps: { noDiscovery: true },
 		css: { postcss: {} },
 		configFile: false,
-		envFile: false,
+		envDir: false,
 		plugins: [],
 		environments: { __config_loader: {
 			consumer: "server",
@@ -118,7 +128,7 @@ async function createContext$1({ root, mode, customLogger }) {
 /**
 * Determine which package manager the user prefers.
 *
-* npm, pnpm and Yarn set the user agent environment variable
+* npm, pnpm, Yarn, Bun, and nub set the user agent environment variable
 * that can be used to determine which package manager ran
 * the command.
 */
@@ -131,6 +141,7 @@ const detectPackageManager = () => {
 		if (pkgManager === "pnpm") return "pnpm";
 		if (pkgManager === "yarn") return "yarn";
 		if (pkgManager === "bun") return "bun";
+		if (pkgManager === "nub") return "nub";
 		return;
 	} catch {
 		return;
@@ -283,7 +294,10 @@ async function resolveConfig({ root, viteRunnerContext, reactRouterConfigFile, s
 		if ("unstable_trailingSlashAwareDataRequests" in futureConfig || "v8_trailingSlashAwareDataRequests" in futureConfig) return err("The `future.v8_trailingSlashAwareDataRequests` flag has been removed because trailing slash-aware data requests are now the default behavior");
 		if ("unstable_subResourceIntegrity" in futureConfig) return err("The `future.unstable_subResourceIntegrity` flag has been stabilized and moved to a top-level `config.subResourceIntegrity` field");
 	}
-	let future = { unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false };
+	let future = {
+		unstable_enableNodeReadableStream: userAndPresetConfigs.future?.unstable_enableNodeReadableStream ?? false,
+		unstable_optimizeDeps: userAndPresetConfigs.future?.unstable_optimizeDeps ?? false
+	};
 	let allowedActionOrigins = userAndPresetConfigs.allowedActionOrigins ?? false;
 	let splitRouteModules = userAndPresetConfigs.splitRouteModules ?? true;
 	let subResourceIntegrity = userAndPresetConfigs.subResourceIntegrity ?? false;
@@ -432,7 +446,6 @@ async function resolveEntryFiles({ rootDirectory, reactRouterConfig }) {
 		if (!packageJsonPath) throw new Error(`Could not find package.json in ${rootDirectory} or any of its parent directories. Please add a package.json, or provide a custom entry.server.tsx/jsx file in your app directory.`);
 		let packageJsonDirectory = path.dirname(packageJsonPath);
 		let deps = (await readPackageJSON(packageJsonDirectory)).dependencies ?? {};
-		if (!deps["@react-router/node"]) throw new Error(`Could not determine server runtime. Please install @react-router/node, or provide a custom entry.server.tsx/jsx file in your app directory.`);
 		if (!deps["isbot"]) {
 			console.log("adding `isbot@5` to your package.json, you should commit this change");
 			await updatePackage(packageJsonPath, (pkg) => {
@@ -445,7 +458,7 @@ async function resolveEntryFiles({ rootDirectory, reactRouterConfig }) {
 				stdio: "inherit"
 			});
 		}
-		entryServerFile = `entry.server.node.tsx`;
+		entryServerFile = hasNodeDependency(deps) && !reactRouterConfig.future.unstable_enableNodeReadableStream ? `entry.server.node.tsx` : `entry.server.web.tsx`;
 	}
 	return {
 		entryClientFilePath: userEntryClientFile ? path.resolve(reactRouterConfig.appDirectory, userEntryClientFile) : path.resolve(defaultsDirectory, entryClientFile),
@@ -478,6 +491,9 @@ const entryExts = [
 	".mjs",
 	".mts"
 ];
+function hasNodeDependency(deps) {
+	return !deps || Boolean(deps["@react-router/node"] || deps["@react-router/express"] || deps["@react-router/serve"]);
+}
 function isEntryFile(entryBasename, filename) {
 	return entryExts.some((ext) => filename === `${entryBasename}${ext}`);
 }
@@ -543,10 +559,14 @@ var babel_exports = /* @__PURE__ */ __exportAll({
 	generate: () => generate,
 	parse: () => parse$1,
 	t: () => t$1,
-	traverse: () => traverse
+	traverse: () => traverse,
+	unwrapDefault: () => unwrapDefault
 });
-const traverse = _traverse.default;
-const generate = _generate.default;
+function unwrapDefault(value) {
+	return value.default ?? value;
+}
+const traverse = unwrapDefault(_traverse);
+const generate = unwrapDefault(_generate);
 //#endregion
 //#region typegen/params.ts
 function parse(fullpath) {
@@ -862,4 +882,4 @@ async function watch(rootDirectory, { mode, logger, rsc }) {
 	return { close: async () => await ctx.configLoader.close() };
 }
 //#endregion
-export { t$1 as a, createConfigLoader as c, resolveRSCEntryFiles as d, ssrExternals as f, preloadVite as g, getVite as h, parse$1 as i, loadConfig as l, defineOptimizeDepsCompilerOptions as m, watch as n, traverse as o, defineCompilerOptions as p, generate as r, configRouteToBranchRoute as s, run as t, resolveEntryFiles as u };
+export { getVite as _, t$1 as a, createConfigLoader as c, resolveEntryFiles as d, resolveRSCEntryFiles as f, getUserBuildRollupOptions as g, defineOptimizeDepsCompilerOptions as h, parse$1 as i, hasNodeDependency as l, defineCompilerOptions as m, watch as n, traverse as o, ssrExternals as p, generate as r, configRouteToBranchRoute as s, run as t, loadConfig as u, preloadVite as v };

package/dist/vite.js

@@ -1,5 +1,5 @@
 /**
- * @react-router/dev v0.0.0-experimental-abd9fc79b
+ * @react-router/dev v0.0.0-experimental-2a01b6fd8
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -8,21 +8,22 @@
  *
  * @license MIT
  */
-import { a as t, c as createConfigLoader, d as resolveRSCEntryFiles, f as ssrExternals, g as preloadVite, h as getVite, i as parse$1, m as defineOptimizeDepsCompilerOptions, n as watch, o as traverse, p as defineCompilerOptions, r as generate, s as configRouteToBranchRoute, u as resolveEntryFiles } from "./typegen-DWfipfw8.js";
-import { u as invariant } from "./routes-DW7QRPWA.js";
+import { _ as getVite, a as t, c as createConfigLoader, d as resolveEntryFiles, f as resolveRSCEntryFiles, g as getUserBuildRollupOptions, h as defineOptimizeDepsCompilerOptions, i as parse$1, l as hasNodeDependency, m as defineCompilerOptions, n as watch, o as traverse, p as ssrExternals, r as generate, s as configRouteToBranchRoute, v as preloadVite } from "./typegen-CydnYlE9.js";
+import { u as invariant } from "./routes-BLQxq7lr.js";
 import { createRequire } from "node:module";
 import colors from "picocolors";
 import { existsSync, readFileSync, readdirSync } from "node:fs";
 import { cp, mkdir, readFile, readdir, rename, rm, writeFile } from "node:fs/promises";
 import * as path$2 from "node:path";
 import path from "node:path";
+import { readPackageJSON } from "pkg-types";
 import { createRequestHandler, matchRoutes, unstable_setDevServerHooks } from "react-router";
 import * as Path from "pathe";
 import path$1, { join } from "pathe";
 import pick from "lodash/pick.js";
-import * as babel from "@babel/core";
 import { createHash } from "node:crypto";
 import * as url from "node:url";
+import * as babel from "@babel/core";
 import { createRequest, sendResponse } from "@remix-run/node-fetch-server";
 import { init, parse } from "es-module-lexer";
 import jsesc from "jsesc";
@@ -1532,23 +1533,11 @@ const reactRouterVitePlugin = () => {
 						async buildApp(builder) {
 							invariant(viteConfig);
 							viteConfig.logger.info("Using Vite Environment API");
-							try {
-								let { reactRouterConfig } = ctx;
-								await cleanBuildDirectory(viteConfig, ctx);
-								await builder.build(builder.environments.client);
-								let serverEnvironments = getServerEnvironmentValues(ctx, builder.environments);
-								await Promise.all(serverEnvironments.map(builder.build));
-								await cleanViteManifests(environments, ctx);
-								let { buildManifest } = ctx;
-								invariant(buildManifest, "Expected build manifest");
-								await reactRouterConfig.buildEnd?.({
-									buildManifest,
-									reactRouterConfig,
-									viteConfig
-								});
-							} finally {
-								await closePluginResources();
-							}
+							await cleanBuildDirectory(viteConfig, ctx);
+							await builder.build(builder.environments.client);
+							let serverEnvironments = getServerEnvironmentValues(ctx, builder.environments);
+							await Promise.all(serverEnvironments.map(builder.build));
+							await cleanViteManifests(environments, ctx);
 						}
 					}
 				};
@@ -1592,7 +1581,7 @@ const reactRouterVitePlugin = () => {
 						hmr: false
 					},
 					configFile: false,
-					envFile: false,
+					envDir: false,
 					plugins: [childCompilerPlugins.filter((plugin) => typeof plugin === "object" && plugin !== null && "name" in plugin && plugin.name !== "react-router" && plugin.name !== "react-router:route-exports" && plugin.name !== "react-router:hmr-updates" && plugin.name !== "react-router:validate-plugin-order").map((plugin) => ({
 						...plugin,
 						configureServer: void 0,
@@ -2202,6 +2191,30 @@ const reactRouterVitePlugin = () => {
 				}
 			}
 		}),
+		{
+			name: "react-router-build-end",
+			sharedDuringBuild: true,
+			config: {
+				order: "post",
+				handler({ builder: { buildApp } = {} }) {
+					return { builder: { async buildApp(builder) {
+						try {
+							await buildApp?.(builder);
+							invariant(viteConfig);
+							let { buildManifest, reactRouterConfig } = ctx;
+							invariant(buildManifest, "Expected build manifest");
+							await reactRouterConfig.buildEnd?.({
+								buildManifest,
+								reactRouterConfig,
+								viteConfig
+							});
+						} finally {
+							await closePluginResources();
+						}
+					} } };
+				}
+			}
+		},
 		validatePluginOrder(),
 		warnOnClientSourceMaps()
 	];
@@ -2545,6 +2558,7 @@ function mergeEnvironmentOptions(base, ...overrides) {
 }
 async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
 	let { serverBuildFile, serverModuleFormat } = ctx.reactRouterConfig;
+	let pkgJson = await readPackageJSON(ctx.rootDirectory).catch(() => ({}));
 	let packageRoot = path$2.dirname(nodeRequire$1.resolve("@react-router/dev/package.json"));
 	let { moduleSyncEnabled } = await import(`file:///${path$2.join(packageRoot, "module-sync-enabled/index.mjs")}`);
 	let vite = getVite();
@@ -2567,7 +2581,11 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
 		let maybeModuleSyncConditions = [...moduleSyncEnabled ? ["module-sync"] : []];
 		let maybeDevelopmentConditions = viteCommand === "build" ? [] : ["development"];
 		let maybeDefaultServerConditions = vite.defaultServerConditions || [];
-		let defaultExternalConditions = ["node"];
+		let defaultExternalConditions = vite.defaultExternalConditions ?? ["node"];
+		if (!hasNodeDependency(pkgJson.dependencies)) {
+			maybeDefaultServerConditions = maybeDefaultServerConditions.filter((c) => c !== "node");
+			defaultExternalConditions = defaultExternalConditions.filter((c) => c !== "node");
+		}
 		let baseConditions = [...maybeDevelopmentConditions, ...maybeModuleSyncConditions];
 		return mergeEnvironmentOptions(getBaseOptions({ viteUserConfig }), {
 			resolve: {
@@ -2579,7 +2597,7 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
 				ssrEmitAssets: true,
 				copyPublicDir: false,
 				rollupOptions: {
-					input: viteUserConfig.environments?.ssr?.build?.rollupOptions?.input ?? virtual$1.serverBuild.id,
+					input: getUserBuildRollupOptions(viteUserConfig.environments?.ssr)?.input ?? virtual$1.serverBuild.id,
 					output: {
 						entryFileNames: serverBuildFile,
 						format: serverModuleFormat
@@ -2596,7 +2614,7 @@ async function getEnvironmentOptionsResolvers(ctx, viteCommand) {
 				let code = readFileSync(routeFilePath, "utf-8");
 				return [`${routeFilePath}${BUILD_CLIENT_ROUTE_QUERY_STRING}`, ...ctx.reactRouterConfig.splitRouteModules && !isRootRoute ? routeChunkExportNames.map((exportName) => code.includes(exportName) ? getRouteChunkModuleId(routeFilePath, exportName) : null) : []].filter(isNonNullable);
 			})],
-			output: viteUserConfig?.environments?.client?.build?.rollupOptions?.output ?? { entryFileNames: ({ moduleIds }) => {
+			output: getUserBuildRollupOptions(viteUserConfig?.environments?.client)?.output ?? { entryFileNames: ({ moduleIds }) => {
 				let routeChunkModuleId = moduleIds.find(isRouteChunkModuleId);
 				let routeChunkName = routeChunkModuleId ? getRouteChunkNameFromModuleId(routeChunkModuleId)?.replace("unstable_", "") : null;
 				let routeChunkSuffix = routeChunkName ? `-${kebabCase(routeChunkName)}` : "";
@@ -2706,7 +2724,7 @@ const nodeRequire = createRequire(import.meta.url);
 function hasDependency({ name, rootDirectory }) {
 	try {
 		return Boolean(nodeRequire.resolve(name, { paths: [rootDirectory] }));
-	} catch (e) {
+	} catch {
 		return false;
 	}
 }
@@ -3166,6 +3184,10 @@ function reactRouterRSCVitePlugin() {
 			jsxDev: viteCommand !== "build"
 		})).code;
 	}
+	async function getClientVersion(source) {
+		const digest = await globalThis.crypto.subtle.digest("SHA-256", new TextEncoder().encode(source));
+		return Array.from(new Uint8Array(digest)).map((byte) => byte.toString(16).padStart(2, "0")).join("").slice(0, 8);
+	}
 	return [
 		{
 			name: "react-router/rsc",
@@ -3189,7 +3211,6 @@ function reactRouterRSCVitePlugin() {
 						if (userConfig.buildEnd) errors.push("buildEnd");
 						if (userConfig.presets?.length) errors.push("presets");
 						if (userConfig.serverBundles) errors.push("serverBundles");
-						if (userConfig.subResourceIntegrity) errors.push("subResourceIntegrity");
 						if (errors.length) return `RSC Framework Mode does not currently support the following React Router config:\n${errors.map((x) => ` - ${x}`).join("\n")}\n`;
 					}
 				});
@@ -3394,6 +3415,29 @@ format: config.serverModuleFormat }
 				(await typegenWatcherPromise)?.close();
 			}
 		} : null,
+		(() => {
+			let sri;
+			return {
+				name: "react-router/rsc/subresource-integrity",
+				sharedDuringBuild: true,
+				resolveId(id) {
+					if (id === virtual.subResourceIntegrity.id) return virtual.subResourceIntegrity.resolvedId;
+				},
+				load(id) {
+					if (id === virtual.subResourceIntegrity.resolvedId) return `export default ${JSON.stringify(sri)};`;
+				},
+				writeBundle(_options, bundle) {
+					if (this.environment.name !== "client" || !config.subResourceIntegrity) return;
+					sri = {};
+					for (let output of Object.values(bundle)) {
+						if (!output.fileName.endsWith(".js")) continue;
+						let contents = output.type === "chunk" ? output.code : output.source;
+						let hash = createHash("sha384").update(contents).digest("base64");
+						sri[`${resolvedViteConfig.base}${output.fileName}`] = `sha384-${hash}`;
+					}
+				}
+			};
+		})(),
 		{
 			name: "react-router/rsc/virtual-route-config",
 			resolveId(id) {
@@ -3438,6 +3482,27 @@ format: config.serverModuleFormat }
 				if (id === virtual.routeDiscovery.resolvedId) return `export default ${JSON.stringify(config.ssr === false ? { mode: "initial" } : config.routeDiscovery ?? { mode: "lazy" })};`;
 			}
 		},
+		{
+			name: "react-router/rsc/virtual-client-version",
+			resolveId(id) {
+				if (id === virtual.clientVersion.id) return virtual.clientVersion.resolvedId;
+			},
+			load(id) {
+				if (id === virtual.clientVersion.resolvedId) return viteCommand === "build" ? `
+import assetsManifest from "virtual:vite-rsc/assets-manifest";
+export default assetsManifest.clientVersion;
+` : `export default "development";`;
+			},
+			generateBundle: {
+				order: "post",
+				async handler() {
+					if (this.environment.name !== "client") return;
+					const assetsManifest = resolvedViteConfig.plugins.find((plugin) => plugin.name === "rsc:minimal")?.api?.manager?.buildAssetsManifest;
+					invariant(assetsManifest, "Vite RSC assets manifest not found");
+					assetsManifest.clientVersion = await getClientVersion(JSON.stringify(assetsManifest));
+				}
+			}
+		},
 		{
 			name: "react-router/rsc/hmr/inject-runtime",
 			enforce: "pre",
@@ -3550,7 +3615,9 @@ format: config.serverModuleFormat }
 }
 const virtual = {
 	routeConfig: create("unstable_rsc/routes"),
+	subResourceIntegrity: create("unstable_rsc/subresource-integrity"),
 	routeDiscovery: create("unstable_rsc/route-discovery"),
+	clientVersion: create("unstable_rsc/client-version"),
 	injectHmrRuntime: create("unstable_rsc/inject-hmr-runtime"),
 	basename: create("unstable_rsc/basename"),
 	reactRouterServeConfig: create("unstable_rsc/react-router-serve-config")

package/package.json

@@ -1,8 +1,15 @@
 {
   "name": "@react-router/dev",
   "type": "module",
-  "version": "0.0.0-experimental-abd9fc79b",
+  "version": "0.0.0-experimental-2a01b6fd8",
   "description": "Dev tools and CLI for React Router",
+  "keywords": [
+    "react",
+    "router",
+    "react-router",
+    "vite",
+    "vite-plugin"
+  ],
   "homepage": "https://reactrouter.com",
   "bugs": {
     "url": "https://github.com/remix-run/react-router/issues"
@@ -33,6 +40,10 @@
     "./package.json": "./package.json"
   },
   "imports": {
+    "#development-condition-enabled": {
+      "development": "./development-condition-enabled/true.mjs",
+      "default": "./development-condition-enabled/false.mjs"
+    },
     "#module-sync-enabled": {
       "module-sync": "./module-sync-enabled/true.mjs",
       "default": "./module-sync-enabled/false.cjs"
@@ -41,6 +52,17 @@
   "bin": {
     "react-router": "bin.cjs"
   },
+  "compatiblePackages": {
+    "schemaVersion": 1,
+    "rolldown": {
+      "type": "incompatible",
+      "reason": "Uses Vite-specific APIs"
+    },
+    "rollup": {
+      "type": "incompatible",
+      "reason": "Uses Vite-specific APIs"
+    }
+  },
   "wireit": {
     "build": {
       "command": "tsdown",
@@ -48,6 +70,7 @@
         "../../pnpm-workspace.yaml",
         "cli/**",
         "config/**",
+        "development-condition-enabled/**",
         "module-sync-enabled/**",
         "typegen/**",
         "vite/**",
@@ -65,12 +88,9 @@
     "@babel/core": "^7.29.7",
     "@babel/generator": "^7.29.7",
     "@babel/parser": "^7.29.7",
-    "@babel/plugin-syntax-jsx": "^7.29.7",
-    "@babel/preset-typescript": "^7.29.7",
     "@babel/traverse": "^7.29.7",
     "@babel/types": "^7.29.7",
     "@remix-run/node-fetch-server": "^0.13.3",
-    "arg": "^5.0.1",
     "babel-dead-code-elimination": "^1.0.12",
     "chokidar": "^5.0.0",
     "dedent": "^1.7.2",
@@ -83,14 +103,15 @@
     "pathe": "^2.0.3",
     "picocolors": "^1.1.1",
     "pkg-types": "^2.3.1",
-    "prettier": "^3.8.3",
     "react-refresh": "^0.18.0",
     "semver": "^7.8.1",
     "tinyglobby": "^0.2.16",
     "valibot": "^1.4.1",
-    "@react-router/node": "0.0.0-experimental-abd9fc79b"
+    "@react-router/node": "0.0.0-experimental-2a01b6fd8"
   },
   "devDependencies": {
+    "@babel/plugin-syntax-jsx": "^7.29.7",
+    "@babel/preset-typescript": "^7.29.7",
     "@types/babel__core": "^7.20.5",
     "@types/babel__generator": "^7.27.0",
     "@types/babel__traverse": "^7.28.0",
@@ -105,22 +126,23 @@
     "esbuild-register": "^3.6.0",
     "execa": "9.6.1",
     "fast-glob": "3.3.3",
+    "prettier": "^3.8.3",
     "tsdown": "^0.22.0",
     "typescript": "^6.0.3",
     "vite": "^7.0.0",
     "wireit": "0.14.12",
     "wrangler": "^4.95.0",
-    "@react-router/serve": "0.0.0-experimental-abd9fc79b",
-    "react-router": "^0.0.0-experimental-abd9fc79b"
+    "@react-router/serve": "0.0.0-experimental-2a01b6fd8",
+    "react-router": "^0.0.0-experimental-2a01b6fd8"
   },
   "peerDependencies": {
     "@vitejs/plugin-rsc": "~0.5.26",
     "react-server-dom-webpack": "^19.2.7",
-    "typescript": "^5.1.0 || ^6.0.0",
+    "typescript": "^5.1.0 || ^6.0.0 || ^7.0.0",
     "vite": "^7.0.0 || ^8.0.0",
     "wrangler": "^4.0.0",
-    "react-router": "^0.0.0-experimental-abd9fc79b",
-    "@react-router/serve": "^0.0.0-experimental-abd9fc79b"
+    "react-router": "^0.0.0-experimental-2a01b6fd8",
+    "@react-router/serve": "^0.0.0-experimental-2a01b6fd8"
   },
   "peerDependenciesMeta": {
     "@vitejs/plugin-rsc": {
@@ -144,6 +166,7 @@
   },
   "files": [
     "dist/",
+    "development-condition-enabled/",
     "module-sync-enabled/",
     "bin.cjs",
     "rsc-types.d.ts",

package/rsc-types.d.ts

@@ -15,6 +15,11 @@ declare module "virtual:react-router/unstable_rsc/ssr" {
   export default ssr;
 }
 
+declare module "virtual:react-router/unstable_rsc/subresource-integrity" {
+  const subResourceIntegrity: Record<string, string> | undefined;
+  export default subResourceIntegrity;
+}
+
 declare module "virtual:react-router/unstable_rsc/react-router-serve-config" {
   const unstable_reactRouterServeConfig: {
     publicPath: string;
@@ -35,4 +40,9 @@ declare module "virtual:react-router/unstable_rsc/route-discovery" {
   export default routeDiscovery;
 }
 
+declare module "virtual:react-router/unstable_rsc/client-version" {
+  const clientVersion: string;
+  export default clientVersion;
+}
+
 declare module "virtual:react-router/unstable_rsc/inject-hmr-runtime" {}