@vitejs/plugin-rsc 0.4.24 → 0.4.26

package/README.md

@@ -477,6 +477,37 @@ export function Page() {
 
 See https://github.com/vitejs/vite-plugin-react/pull/524 for how to install the package for React [canary](https://react.dev/community/versioning-policy#canary-channel) and [experimental](https://react.dev/community/versioning-policy#all-release-channels) usages.
 
+## Using `@vitejs/plugin-rsc` as a framework package's `dependencies`
+
+By default, `@vitejs/plugin-rsc` is expected to be used as `peerDependencies` similar to `react` and `react-dom`. When `@vitejs/plugin-rsc` is not available at the project root (e.g., in `node_modules/@vitejs/plugin-rsc`), you will see warnings like:
+
+```sh
+Failed to resolve dependency: @vitejs/plugin-rsc/vendor/react-server-dom/client.browser, present in client 'optimizeDeps.include'
+```
+
+This can be fixed by updating `optimizeDeps.include` to reference `@vitejs/plugin-rsc` through your framework package. For example, you can add the following plugin:
+
+```js
+// package name is "my-rsc-framework"
+export default function myRscFrameworkPlugin() {
+  return {
+    name: 'my-rsc-framework:config',
+    configEnvironment(_name, config) {
+      if (config.optimizeDeps?.include) {
+        config.optimizeDeps.include = config.optimizeDeps.include.map(
+          (entry) => {
+            if (entry.startsWith('@vitejs/plugin-rsc')) {
+              entry = `my-rsc-framework > ${entry}`
+            }
+            return entry
+          },
+        )
+      }
+    },
+  }
+}
+```
+
 ## Credits
 
 This project builds on fundamental techniques and insights from pioneering Vite RSC implementations.

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { RscPluginOptions, vitePluginRsc } from "./plugin-YtSjJn3Y.js";
+import { RscPluginOptions, vitePluginRsc } from "./plugin-DmahacLo.js";
 import MagicString from "magic-string";
 import { Program } from "estree";
 

package/dist/index.js

@@ -1,6 +1,6 @@
 import "./dist-DiJnRA1C.js";
 import "./plugin-CZbI4rhS.js";
-import { transformHoistInlineDirective, vitePluginRsc } from "./plugin-r-u6Aj3n.js";
+import { transformHoistInlineDirective, vitePluginRsc } from "./plugin-uOrnsu6L.js";
 import "./encryption-utils-BDwwcMVT.js";
 import "./rpc-tGuLT8PD.js";
 import "./shared-BWHxNw3Q.js";

package/dist/{plugin-YtSjJn3Y.d.ts → plugin-DmahacLo.d.ts}

@@ -106,10 +106,13 @@ type RscPluginOptions = {
   *
   * This function allows you to group multiple client components into
   * custom chunks instead of having each module in its own chunk.
+  * By default, client chunks are grouped by `meta.serverChunk`.
   */
   clientChunks?: (meta: {
     /** client reference module id */
     id: string;
+    /** normalized client reference module id */
+    normalizedId: string;
     /** server chunk which includes a corresponding client reference proxy module */
     serverChunk: string;
   }) => string | undefined;
@@ -148,4 +151,4 @@ declare function transformRscCssExport(options: {
   output: MagicString;
 } | undefined>;
 //#endregion
-export { AssetDeps, AssetsManifest, ResolvedAssetDeps, ResolvedAssetsManifest, RscPluginOptions, transformRscCssExport, vitePluginRsc, vitePluginRscMinimal };
+export { AssetDeps, AssetsManifest, ResolvedAssetDeps, ResolvedAssetsManifest, type RscPluginManager, RscPluginOptions, transformRscCssExport, vitePluginRsc, vitePluginRscMinimal };

package/dist/{plugin-r-u6Aj3n.js → plugin-uOrnsu6L.js}

@@ -519,6 +519,21 @@ function hashString(v) {
 
 //#endregion
 //#region src/plugins/scan.ts
+function scanBuildStripPlugin({ manager }) {
+	return {
+		name: "rsc:scan-strip",
+		apply: "build",
+		enforce: "post",
+		async transform(code, _id, _options) {
+			if (!manager.isScanBuild) return;
+			const output = await transformScanBuildStrip(code);
+			return {
+				code: output,
+				map: { mappings: "" }
+			};
+		}
+	};
+}
 const importGlobRE = /\bimport\.meta\.glob(?:<\w+>)?\s*\(/g;
 async function transformScanBuildStrip(code) {
 	const [imports] = esModuleLexer.parse(code);
@@ -632,6 +647,7 @@ async function findSourceMapURL(server, filename, environmentName) {
 
 //#endregion
 //#region src/plugin.ts
+const isRolldownVite = "rolldownVersion" in vite;
 const BUILD_ASSETS_MANIFEST_NAME = "__vite_rsc_assets_manifest.js";
 const PKG_NAME = "@vitejs/plugin-rsc";
 const REACT_SERVER_DOM_NAME = `${PKG_NAME}/vendor/react-server-dom`;
@@ -777,6 +793,7 @@ function vitePluginRsc(rscPluginOptions = {}) {
 									"react/jsx-runtime",
 									"react/jsx-dev-runtime",
 									"react-dom/server.edge",
+									"react-dom/static.edge",
 									`${REACT_SERVER_DOM_NAME}/client.edge`
 								],
 								exclude: [PKG_NAME]
@@ -815,6 +832,20 @@ function vitePluginRsc(rscPluginOptions = {}) {
 			buildApp: rscPluginOptions.useBuildAppHook ? buildApp : void 0,
 			configureServer(server) {
 				globalThis.__viteRscDevServer = server;
+				const oldSend = server.environments.client.hot.send;
+				server.environments.client.hot.send = async function(...args) {
+					const e = args[0];
+					if (e && typeof e === "object" && e.type === "update") {
+						for (const update of e.updates) if (update.type === "js-update") {
+							const mod = server.environments.client.moduleGraph.urlToModuleMap.get(update.path);
+							if (mod && mod.id && manager.clientReferenceMetaMap[mod.id]) {
+								const serverMod = server.environments.rsc.moduleGraph.getModuleById(mod.id);
+								if (serverMod) server.environments.rsc.moduleGraph.invalidateModule(serverMod);
+							}
+						}
+					}
+					return oldSend.apply(this, args);
+				};
 				if (rscPluginOptions.disableServerHandler) return;
 				if (rscPluginOptions.serverHandler === false) return;
 				const options = rscPluginOptions.serverHandler ?? {
@@ -829,6 +860,7 @@ function vitePluginRsc(rscPluginOptions = {}) {
 							const resolved = await environment.pluginContainer.resolveId(source);
 							assert(resolved, `[vite-rsc] failed to resolve server handler '${source}'`);
 							const mod = await environment.runner.import(resolved.id);
+							req.url = req.originalUrl ?? req.url;
 							await createRequestListener(mod.default)(req, res);
 						} catch (e) {
 							next(e);
@@ -857,6 +889,7 @@ function vitePluginRsc(rscPluginOptions = {}) {
 				return () => {
 					server.middlewares.use(async (req, res, next) => {
 						try {
+							req.url = req.originalUrl ?? req.url;
 							await handler(req, res);
 						} catch (e) {
 							next(e);
@@ -1148,42 +1181,22 @@ import.meta.hot.on("rsc:update", () => {
 `;
 			return code;
 		}),
-		{
-			name: "rsc:inject-async-local-storage",
-			async configureServer() {
-				const __viteRscAyncHooks = await import("node:async_hooks");
-				globalThis.AsyncLocalStorage = __viteRscAyncHooks.AsyncLocalStorage;
-			},
-			banner(chunk) {
-				if ((this.environment.name === "ssr" || this.environment.name === "rsc") && this.environment.mode === "build" && chunk.isEntry) return `\
-import * as __viteRscAyncHooks from "node:async_hooks";
-globalThis.AsyncLocalStorage = __viteRscAyncHooks.AsyncLocalStorage;
-`;
-				return "";
-			}
-		},
 		...vitePluginRscMinimal(rscPluginOptions, manager),
 		...vitePluginFindSourceMapURL(),
 		...vitePluginRscCss(rscPluginOptions, manager),
 		...rscPluginOptions.validateImports !== false ? [validateImportPlugin()] : [],
 		scanBuildStripPlugin({ manager }),
-		...cjsModuleRunnerPlugin()
+		...cjsModuleRunnerPlugin(),
+		...globalAsyncLocalStoragePlugin()
 	];
 }
-function scanBuildStripPlugin({ manager }) {
-	return {
-		name: "rsc:scan-strip",
-		apply: "build",
-		enforce: "post",
-		async transform(code, _id, _options) {
-			if (!manager.isScanBuild) return;
-			const output = await transformScanBuildStrip(code);
-			return {
-				code: output,
-				map: { mappings: "" }
-			};
-		}
-	};
+function globalAsyncLocalStoragePlugin() {
+	return [{
+		name: "rsc:inject-async-local-storage",
+		transform: { handler(code) {
+			if ((this.environment.name === "ssr" || this.environment.name === "rsc") && code.includes("typeof AsyncLocalStorage") && code.includes("new AsyncLocalStorage()") && !code.includes("__viteRscAsyncHooks")) return (this.environment.mode === "build" && !isRolldownVite ? `const __viteRscAsyncHooks = require("node:async_hooks");` : `import * as __viteRscAsyncHooks from "node:async_hooks";`) + `globalThis.AsyncLocalStorage = __viteRscAsyncHooks.AsyncLocalStorage;` + code;
+		} }
+	}];
 }
 function vitePluginUseClient(useClientPluginOptions, manager) {
 	const packageSources = /* @__PURE__ */ new Map();
@@ -1285,8 +1298,9 @@ function vitePluginUseClient(useClientPluginOptions, manager) {
 					for (const meta of Object.values(manager.clientReferenceMetaMap)) {
 						let name = useClientPluginOptions.clientChunks?.({
 							id: meta.importId,
+							normalizedId: manager.toRelativeId(meta.importId),
 							serverChunk: meta.serverChunk
-						}) ?? manager.toRelativeId(meta.importId);
+						}) ?? meta.serverChunk;
 						name = cleanUrl(name.replaceAll("..", "__"));
 						const group = manager.clientReferenceGroups[name] ??= [];
 						group.push(meta);

package/dist/plugin.d.ts

@@ -1,2 +1,2 @@
-import { AssetDeps, AssetsManifest, ResolvedAssetDeps, ResolvedAssetsManifest, RscPluginOptions, transformRscCssExport, vitePluginRsc, vitePluginRscMinimal } from "./plugin-YtSjJn3Y.js";
-export { AssetDeps, AssetsManifest, ResolvedAssetDeps, ResolvedAssetsManifest, RscPluginOptions, vitePluginRsc as default, transformRscCssExport, vitePluginRscMinimal };
+import { AssetDeps, AssetsManifest, ResolvedAssetDeps, ResolvedAssetsManifest, RscPluginManager, RscPluginOptions, transformRscCssExport, vitePluginRsc, vitePluginRscMinimal } from "./plugin-DmahacLo.js";
+export { AssetDeps, AssetsManifest, ResolvedAssetDeps, ResolvedAssetsManifest, RscPluginManager, RscPluginOptions, vitePluginRsc as default, transformRscCssExport, vitePluginRscMinimal };

package/dist/plugin.js

@@ -1,6 +1,6 @@
 import "./dist-DiJnRA1C.js";
 import "./plugin-CZbI4rhS.js";
-import { transformRscCssExport, vitePluginRsc, vitePluginRscMinimal } from "./plugin-r-u6Aj3n.js";
+import { transformRscCssExport, vitePluginRsc, vitePluginRscMinimal } from "./plugin-uOrnsu6L.js";
 import "./encryption-utils-BDwwcMVT.js";
 import "./rpc-tGuLT8PD.js";
 import "./shared-BWHxNw3Q.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitejs/plugin-rsc",
-  "version": "0.4.24",
+  "version": "0.4.26",
   "description": "React Server Components (RSC) support for Vite.",
   "keywords": [
     "vite",
@@ -53,7 +53,7 @@
     "@types/estree": "^1.0.8",
     "@types/node": "^22.18.0",
     "@types/react": "^19.1.11",
-    "@types/react-dom": "^19.1.7",
+    "@types/react-dom": "^19.1.8",
     "@vitejs/plugin-react": "workspace:*",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",