@vitejs/plugin-rsc 0.5.27 → 0.5.29

package/dist/rsc.d.ts

@@ -1,18 +1,6 @@
-import { createClientManifest, createServerManifest, loadServerAction, setRequireModule } from "./core/rsc.js";
-import { i as ResolvedAssetDeps } from "./plugin-Bm-Fb4g7.js";
-import { createClientTemporaryReferenceSet, createFromReadableStream, createTemporaryReferenceSet, decodeAction, decodeFormState, decodeReply, encodeReply, registerClientReference, registerServerReference } from "./react/rsc.js";
+import { a as createServerManifest, o as loadServerAction, r as createClientManifest, s as setRequireModule } from "./rsc-C3UdJLOW.js";
+import { a as registerClientReference, i as decodeReply, n as decodeAction, o as registerServerReference, r as decodeFormState, t as createTemporaryReferenceSet } from "./server-ZBjqNTqU.js";
+import { n as createFromReadableStream, r as encodeReply, t as createClientTemporaryReferenceSet } from "./client-Bhch3O41.js";
 import { decryptActionBoundArgs, encryptActionBoundArgs } from "./utils/encryption-runtime.js";
-
-//#region src/rsc.d.ts
-declare function renderToReadableStream<T>(data: T, options?: object, extraOptions?: {
-  /**
-  * @experimental
-  */
-  onClientReference?: (metadata: {
-    id: string;
-    name: string;
-    deps: ResolvedAssetDeps;
-  }) => void;
-}): ReadableStream<Uint8Array>;
-//#endregion
+import { renderToReadableStream } from "./rsc/server.js";
 export { createClientManifest, createClientTemporaryReferenceSet, createFromReadableStream, createServerManifest, createTemporaryReferenceSet, decodeAction, decodeFormState, decodeReply, decryptActionBoundArgs, encodeReply, encryptActionBoundArgs, loadServerAction, registerClientReference, registerServerReference, renderToReadableStream, setRequireModule };

package/dist/rsc.js

@@ -1,44 +1,7 @@
-import { a as toReferenceValidationVirtual } from "./shared-DeahDSXi.js";
 import { createClientManifest, createServerManifest, loadServerAction, setRequireModule } from "./core/rsc.js";
-import { createClientTemporaryReferenceSet, createFromReadableStream, createTemporaryReferenceSet, decodeAction, decodeFormState, decodeReply, encodeReply, registerClientReference, registerServerReference, renderToReadableStream as renderToReadableStream$1 } from "./react/rsc.js";
+import { createTemporaryReferenceSet, decodeAction, decodeFormState, decodeReply, registerClientReference, registerServerReference } from "./react/rsc/server.js";
 import { decryptActionBoundArgs, encryptActionBoundArgs } from "./utils/encryption-runtime.js";
-import assetsManifest from "virtual:vite-rsc/assets-manifest";
-import serverReferences from "virtual:vite-rsc/server-references";
-//#region src/rsc.tsx
-initialize();
-function initialize() {
-	setRequireModule({ load: async (id) => {
-		if (!import.meta.env.__vite_rsc_build__) {
-			await import(
-				/* @vite-ignore */
-				"/@id/__x00__" + toReferenceValidationVirtual({
-					id,
-					type: "server"
-				})
-);
-			return import(
-				/* @vite-ignore */
-				id
-);
-		} else {
-			const import_ = serverReferences[id];
-			if (!import_) throw new Error(`server reference not found '${id}'`);
-			return import_();
-		}
-	} });
-}
-function renderToReadableStream(data, options, extraOptions) {
-	return renderToReadableStream$1(data, options, { onClientReference(metadata) {
-		const deps = assetsManifest.clientReferenceDeps[metadata.id] ?? {
-			js: [],
-			css: []
-		};
-		extraOptions?.onClientReference?.({
-			id: metadata.id,
-			name: metadata.name,
-			deps
-		});
-	} });
-}
-//#endregion
+import { renderToReadableStream } from "./rsc/server.js";
+import { createClientTemporaryReferenceSet, createFromReadableStream, encodeReply } from "./react/rsc/client.js";
+import "./rsc/client.js";
 export { createClientManifest, createClientTemporaryReferenceSet, createFromReadableStream, createServerManifest, createTemporaryReferenceSet, decodeAction, decodeFormState, decodeReply, decryptActionBoundArgs, encodeReply, encryptActionBoundArgs, loadServerAction, registerClientReference, registerServerReference, renderToReadableStream, setRequireModule };

package/dist/{scope-Bwt9GVLP.js → scope-Do08R7C2.js}

@@ -1,4 +1,4 @@
-import { i as tinyassert } from "./dist-rz-Bnebz.js";
+import { i as tinyassert } from "./dist-uqdtSkzK.js";
 import { walk } from "estree-walker";
 //#region src/transforms/utils.ts
 function hasDirective(body, directive) {

package/dist/server-ZBjqNTqU.d.ts

@@ -0,0 +1,13 @@
+import { d as RenderToReadableStreamOptions, o as DecodeReplyFunction, p as ServerTemporaryReferenceSet } from "./index-C5IY2S-e.js";
+import { n as CreateClientManifestOptions } from "./rsc-C3UdJLOW.js";
+import { ReactFormState } from "react-dom/client";
+//#region src/react/rsc/server.d.ts
+declare function renderToReadableStream<T>(data: T, options?: RenderToReadableStreamOptions, extraOptions?: CreateClientManifestOptions): ReadableStream<Uint8Array>;
+declare function registerClientReference<T>(proxy: T, id: string, name: string): T;
+declare const registerServerReference: <T>(ref: T, id: string, name: string) => T;
+declare const decodeReply: DecodeReplyFunction;
+declare function decodeAction(body: FormData): Promise<() => Promise<void>>;
+declare function decodeFormState(actionResult: unknown, body: FormData): Promise<ReactFormState | undefined>;
+declare const createTemporaryReferenceSet: () => ServerTemporaryReferenceSet;
+//#endregion
+export { registerClientReference as a, decodeReply as i, decodeAction as n, registerServerReference as o, decodeFormState as r, renderToReadableStream as s, createTemporaryReferenceSet as t };

package/dist/shared-D42sHPD1.js

@@ -0,0 +1,25 @@
+import { a as toReferenceValidationVirtual } from "./shared-B6H2TbnP.js";
+import { setRequireModule } from "./core/rsc.js";
+import serverReferences from "virtual:vite-rsc/server-references";
+//#region src/rsc/shared.ts
+setRequireModule({ load: async (id) => {
+	if (!import.meta.env.__vite_rsc_build__) {
+		await import(
+			/* @vite-ignore */
+			"/@id/__x00__" + toReferenceValidationVirtual({
+				id,
+				type: "server"
+			})
+);
+		return import(
+			/* @vite-ignore */
+			id
+);
+	} else {
+		const import_ = serverReferences[id];
+		if (!import_) throw new Error(`server reference not found '${id}'`);
+		return import_();
+	}
+} });
+//#endregion
+export {};

package/dist/{shared-BVLpj0Y8.js → shared-Y4B6DJ99.js}

@@ -1,6 +1,7 @@
 //#region src/core/shared.ts
 const SERVER_REFERENCE_PREFIX = "$$server:";
 const SERVER_DECODE_CLIENT_PREFIX = "$$decode-client:";
+const SERVER_REFERENCE_PRESERVE_PREFIX = "$$preserve:";
 function createReferenceCacheTag() {
 	return "$$cache=" + Math.random().toString(36).slice(2);
 }
@@ -17,4 +18,4 @@ function setInternalRequire() {
 	};
 }
 //#endregion
-export { setInternalRequire as a, removeReferenceCacheTag as i, SERVER_REFERENCE_PREFIX as n, createReferenceCacheTag as r, SERVER_DECODE_CLIENT_PREFIX as t };
+export { removeReferenceCacheTag as a, createReferenceCacheTag as i, SERVER_REFERENCE_PREFIX as n, setInternalRequire as o, SERVER_REFERENCE_PRESERVE_PREFIX as r, SERVER_DECODE_CLIENT_PREFIX as t };

package/dist/ssr.d.ts

@@ -1,22 +1,22 @@
+import { s as EncodeFormActionCallback } from "./index-C5IY2S-e.js";
 import { createServerConsumerManifest, setRequireModule } from "./core/ssr.js";
-import { i as ResolvedAssetDeps } from "./plugin-Bm-Fb4g7.js";
-import { callServer, createFromReadableStream, createServerReference, findSourceMapURL } from "./react/ssr.js";
-
+import { i as ResolvedAssetDeps } from "./plugin-CaLiN8ED.js";
+import { callServer, createFromReadableStream, createServerReference, createTemporaryReferenceSet, encodeReply, findSourceMapURL } from "./react/ssr.js";
 //#region src/ssr.d.ts
 /**
-* Callback type for client reference dependency notifications.
-* Called during SSR when a client component's dependencies are loaded.
-* @experimental
-*/
+ * Callback type for client reference dependency notifications.
+ * Called during SSR when a client component's dependencies are loaded.
+ * @experimental
+ */
 type OnClientReference = (reference: {
   id: string;
   deps: ResolvedAssetDeps;
 }) => void;
 /**
-* Register a callback to be notified when client reference dependencies are loaded.
-* Called during SSR when a client component is accessed.
-* @experimental
-*/
+ * Register a callback to be notified when client reference dependencies are loaded.
+ * Called during SSR when a client component is accessed.
+ * @experimental
+ */
 declare function setOnClientReference(callback: OnClientReference | undefined): void;
 //#endregion
-export { OnClientReference, callServer, createFromReadableStream, createServerConsumerManifest, createServerReference, findSourceMapURL, setOnClientReference, setRequireModule };
+export { type EncodeFormActionCallback, OnClientReference, callServer, createFromReadableStream, createServerConsumerManifest, createServerReference, createTemporaryReferenceSet, encodeReply, findSourceMapURL, setOnClientReference, setRequireModule };

package/dist/ssr.js

@@ -1,6 +1,6 @@
-import { a as toReferenceValidationVirtual, i as toCssVirtual } from "./shared-DeahDSXi.js";
+import { a as toReferenceValidationVirtual, i as toCssVirtual } from "./shared-B6H2TbnP.js";
 import { createServerConsumerManifest, setRequireModule } from "./core/ssr.js";
-import { callServer, createFromReadableStream, createServerReference, findSourceMapURL } from "./react/ssr.js";
+import { callServer, createFromReadableStream, createServerReference, createTemporaryReferenceSet, encodeReply, findSourceMapURL } from "./react/ssr.js";
 import * as clientReferences from "virtual:vite-rsc/client-references";
 import * as ReactDOM from "react-dom";
 import assetsManifest from "virtual:vite-rsc/assets-manifest";
@@ -67,14 +67,19 @@ function wrapResourceProxy(mod, id, deps) {
 	} });
 }
 function preloadDeps(deps) {
-	for (const href of deps.js) ReactDOM.preloadModule(href, {
-		as: "script",
-		crossOrigin: ""
-	});
+	const clientEntryJsSet = new Set(assetsManifest.clientEntryDeps?.js ?? []);
+	for (const href of deps.js) {
+		const options = {
+			as: "script",
+			crossOrigin: ""
+		};
+		if (!clientEntryJsSet.has(href)) options.fetchPriority = "low";
+		ReactDOM.preloadModule(href, options);
+	}
 	for (const href of deps.css) ReactDOM.preinit(href, {
 		as: "style",
 		precedence: assetsManifest.cssLinkPrecedence !== false ? "vite-rsc/client-reference" : void 0
 	});
 }
 //#endregion
-export { callServer, createFromReadableStream, createServerConsumerManifest, createServerReference, findSourceMapURL, setOnClientReference, setRequireModule };
+export { callServer, createFromReadableStream, createServerConsumerManifest, createServerReference, createTemporaryReferenceSet, encodeReply, findSourceMapURL, setOnClientReference, setRequireModule };

package/dist/transforms/index.d.ts

@@ -1,2 +1,2 @@
-import { a as extractIdentifiers, c as validateNonAsyncFunction, d as transformProxyExport, f as TransformWrapExportFilter, g as transformHoistInlineDirective, h as findDirectives, i as transformServerActionServer, l as TransformProxyExportOptions, m as transformWrapExport, n as TransformExpandExportAllOptions, o as extractNames, p as TransformWrapExportOptions, r as transformExpandExportAll, s as hasDirective, t as TransformExpandExportAllContext, u as transformDirectiveProxyExport } from "../index-DViteJjw.js";
+import { a as extractIdentifiers, c as validateNonAsyncFunction, d as transformProxyExport, f as TransformWrapExportFilter, g as transformHoistInlineDirective, h as findDirectives, i as transformServerActionServer, l as TransformProxyExportOptions, m as transformWrapExport, n as TransformExpandExportAllOptions, o as extractNames, p as TransformWrapExportOptions, r as transformExpandExportAll, s as hasDirective, t as TransformExpandExportAllContext, u as transformDirectiveProxyExport } from "../index-BjJe9jqG.js";
 export { TransformExpandExportAllContext, TransformExpandExportAllOptions, TransformProxyExportOptions, TransformWrapExportFilter, TransformWrapExportOptions, extractIdentifiers, extractNames, findDirectives, hasDirective, transformDirectiveProxyExport, transformExpandExportAll, transformHoistInlineDirective, transformProxyExport, transformServerActionServer, transformWrapExport, validateNonAsyncFunction };

package/dist/transforms/index.js

@@ -1,5 +1,5 @@
-import { i as tinyassert } from "../dist-rz-Bnebz.js";
-import { a as validateNonAsyncFunction, i as hasDirective, n as extractIdentifiers, r as extractNames, t as buildScopeTree } from "../scope-Bwt9GVLP.js";
+import { i as tinyassert } from "../dist-uqdtSkzK.js";
+import { a as validateNonAsyncFunction, i as hasDirective, n as extractIdentifiers, r as extractNames, t as buildScopeTree } from "../scope-Do08R7C2.js";
 import MagicString from "magic-string";
 import { walk } from "estree-walker";
 //#region src/transforms/hoist.ts
@@ -163,17 +163,21 @@ function transformWrapExport(input, ast, options) {
 	const toAppend = [];
 	const filter = options.filter ?? (() => true);
 	function wrapSimple(start, end, exports) {
-		exportNames.push(...exports.map((e) => e.name));
-		const newCode = exports.map((e) => [filter(e.name, e.meta) && `${e.name} = /* #__PURE__ */ ${options.runtime(e.name, e.name, e.meta)};\n`, `export { ${e.name} };\n`]).flat().filter(Boolean).join("");
+		const filteredExports = exports.map((item) => ({
+			...item,
+			shouldWrap: filter(item.name, item.meta)
+		}));
+		exportNames.push(...filteredExports.filter((item) => item.shouldWrap).map((item) => item.name));
+		const newCode = filteredExports.map((e) => [e.shouldWrap && `${e.name} = /* #__PURE__ */ ${options.runtime(e.name, e.name, e.meta)};\n`, `export { ${e.name} };\n`]).flat().filter(Boolean).join("");
 		output.update(start, end, newCode);
 		output.move(start, end, input.length);
 	}
 	function wrapExport(name, exportName, meta = {}) {
-		exportNames.push(exportName);
 		if (!filter(exportName, meta)) {
 			toAppend.push(`export { ${name} as ${exportName} }`);
 			return;
 		}
+		exportNames.push(exportName);
 		toAppend.push(`const $$wrap_${name} = /* #__PURE__ */ ${options.runtime(name, exportName, meta)}`, `export { $$wrap_${name} as ${exportName} }`);
 	}
 	for (const node of ast.body) {
@@ -181,34 +185,35 @@ function transformWrapExport(input, ast, options) {
 			/**
 			* export function foo() {}
 			*/
-			validateNonAsyncFunction(options, node.declaration);
 			const name = node.declaration.id.name;
+			const meta = {
+				isFunction: getIsFunction(node.declaration),
+				declName: name
+			};
+			if (filter(name, meta)) validateNonAsyncFunction(options, node.declaration);
 			wrapSimple(node.start, node.declaration.start, [{
 				name,
-				meta: {
-					isFunction: true,
-					declName: name
-				}
+				meta
 			}]);
 		} else if (node.declaration.type === "VariableDeclaration") {
 			/**
 			* export const foo = 1, bar = 2
 			*/
-			for (const decl of node.declaration.declarations) if (decl.init) validateNonAsyncFunction(options, decl.init);
 			if (node.declaration.kind === "const") output.update(node.declaration.start, node.declaration.start + 5, "let");
-			const names = node.declaration.declarations.flatMap((decl) => extractNames(decl.id));
-			let isFunction = false;
-			if (node.declaration.declarations.length === 1) {
-				const decl = node.declaration.declarations[0];
-				isFunction = decl.id.type === "Identifier" && (decl.init?.type === "ArrowFunctionExpression" || decl.init?.type === "FunctionExpression");
+			const exports = [];
+			for (const decl of node.declaration.declarations) {
+				const isFunction = decl.id.type === "Identifier" && decl.init ? getIsFunction(decl.init) : void 0;
+				const declarationExports = extractNames(decl.id).map((name) => ({
+					name,
+					meta: {
+						isFunction,
+						declName: name
+					}
+				}));
+				exports.push(...declarationExports);
+				if (decl.init && declarationExports.some(({ name, meta }) => filter(name, meta))) validateNonAsyncFunction(options, decl.init);
 			}
-			wrapSimple(node.start, node.declaration.start, names.map((name) => ({
-				name,
-				meta: {
-					isFunction,
-					declName: name
-				}
-			})));
+			wrapSimple(node.start, node.declaration.start, exports);
 		} else node.declaration;
 		else if (node.source) {
 			/**
@@ -246,26 +251,28 @@ function transformWrapExport(input, ast, options) {
 		* export default () => {}
 		*/
 		if (node.type === "ExportDefaultDeclaration") {
-			validateNonAsyncFunction(options, node.declaration);
 			let localName;
-			let isFunction = false;
+			let isFunction;
 			let declName;
 			let defaultExportIdentifierName;
 			if ((node.declaration.type === "FunctionDeclaration" || node.declaration.type === "ClassDeclaration") && node.declaration.id) {
 				localName = node.declaration.id.name;
 				output.remove(node.start, node.declaration.start);
-				isFunction = node.declaration.type === "FunctionDeclaration";
+				isFunction = getIsFunction(node.declaration);
 				declName = node.declaration.id.name;
 			} else {
 				localName = "$$default";
 				output.update(node.start, node.declaration.start, "const $$default = ");
 				if (node.declaration.type === "Identifier") defaultExportIdentifierName = node.declaration.name;
+				else isFunction = getIsFunction(node.declaration);
 			}
-			wrapExport(localName, "default", {
+			const defaultMeta = {
 				isFunction,
 				declName,
 				defaultExportIdentifierName
-			});
+			};
+			if (filter("default", defaultMeta)) validateNonAsyncFunction(options, node.declaration);
+			wrapExport(localName, "default", defaultMeta);
 		}
 	}
 	if (toAppend.length > 0) output.append([
@@ -278,6 +285,10 @@ function transformWrapExport(input, ast, options) {
 		output
 	};
 }
+function getIsFunction(node) {
+	if (node.type === "FunctionDeclaration" || node.type === "ArrowFunctionExpression" || node.type === "FunctionExpression") return true;
+	if (node.type === "ClassDeclaration" || node.type === "Literal" || node.type === "ObjectExpression" || node.type === "ArrayExpression" || node.type === "ClassExpression") return false;
+}
 //#endregion
 //#region src/transforms/proxy-export.ts
 function transformDirectiveProxyExport(ast, options) {

package/dist/utils/encryption-runtime.js

@@ -1,16 +1,16 @@
-import { r as once } from "../dist-rz-Bnebz.js";
-import { a as fromBase64, i as encryptBuffer, n as concatArrayStream, r as decryptBuffer, t as arrayToStream } from "../encryption-utils-CRBgMeBq.js";
-import { createFromReadableStream, renderToReadableStream } from "../react/rsc.js";
+import { r as once } from "../dist-uqdtSkzK.js";
+import { a as fromBase64, i as encryptBuffer, n as concatArrayStream, r as decryptBuffer, t as arrayToStream } from "../encryption-utils-BNbYHtC4.js";
+import { renderToReadableStream } from "../react/rsc/server.js";
 import encryptionKeySource from "virtual:vite-rsc/encryption-key";
 //#region src/utils/encryption-runtime.ts
 async function encryptActionBoundArgs(originalValue) {
 	return encryptBuffer(await concatArrayStream(renderToReadableStream(originalValue)), await getEncryptionKey());
 }
 async function decryptActionBoundArgs(encrypted) {
-	const serializedBuffer = await decryptBuffer(await encrypted, await getEncryptionKey());
+	const [{ createFromReadableStream }, serializedBuffer] = await Promise.all([import("../react/rsc/client.js"), decryptBuffer(await encrypted, await getEncryptionKey())]);
 	return createFromReadableStream(arrayToStream(new Uint8Array(serializedBuffer)));
 }
-const getEncryptionKey = /* @__PURE__ */ once(async () => {
+const getEncryptionKey = /* #__PURE__ */ once(async () => {
 	const resolved = await encryptionKeySource();
 	return await crypto.subtle.importKey("raw", fromBase64(resolved), { name: "AES-GCM" }, true, ["encrypt", "decrypt"]);
 });

package/dist/vendor/react-server-dom/cjs/react-server-dom-webpack-client.browser.development.js

@@ -4901,10 +4901,10 @@
       return hook.checkDCE ? !0 : !1;
     })({
       bundleType: 1,
-      version: "19.2.6",
+      version: "19.2.8",
       rendererPackageName: "react-server-dom-webpack",
       currentDispatcherRef: ReactSharedInternals,
-      reconcilerVersion: "19.2.6",
+      reconcilerVersion: "19.2.8",
       getCurrentComponentInfo: function () {
         return currentOwnerInDEV;
       }

package/dist/vendor/react-server-dom/cjs/react-server-dom-webpack-server.browser.development.js

@@ -1395,7 +1395,7 @@
           erroredTask(request, streamTask, reason),
           enqueueFlush(request),
           "function" === typeof iterator.throw &&
-            iterator.throw(reason).then(error, error));
+            iterator.throw(reason).then(noop, noop));
       }
       function abortIterable() {
         if (0 === streamTask.status) {
@@ -1409,7 +1409,7 @@
             : (erroredTask(request, streamTask, signal.reason),
               enqueueFlush(request));
           "function" === typeof iterator.throw &&
-            iterator.throw(reason).then(error, error);
+            iterator.throw(reason).then(noop, noop);
         }
       }
       var isIterator = iterable === iterator,
@@ -5597,44 +5597,44 @@
     };
     exports.decodeAction = function (body, serverManifest) {
       var formData = new FormData(),
-        action = null,
-        seenActions = new Set();
+        maybeActionKey = null;
       body.forEach(function (value, key) {
         key.startsWith("$ACTION_")
           ? key.startsWith("$ACTION_REF_")
-            ? seenActions.has(key) ||
-              (seenActions.add(key),
-              (value = "$ACTION_" + key.slice(12) + ":"),
-              (value = decodeBoundActionMetaData(body, serverManifest, value)),
-              (action = loadServerReference(serverManifest, value)))
-            : key.startsWith("$ACTION_ID_") &&
-              !seenActions.has(key) &&
-              (seenActions.add(key),
-              (value = key.slice(11)),
-              (action = loadServerReference(serverManifest, {
-                id: value,
-                bound: null
-              })))
+            ? (maybeActionKey = key)
+            : key.startsWith("$ACTION_ID_") && (maybeActionKey = key)
           : formData.append(key, value);
       });
-      return null === action
-        ? null
-        : action.then(function (fn) {
-            return fn.bind(null, formData);
-          });
+      if (null === maybeActionKey) return null;
+      var actionKey = maybeActionKey,
+        action = null;
+      if (actionKey.startsWith("$ACTION_REF_"))
+        (actionKey = "$ACTION_" + actionKey.slice(12) + ":"),
+          (body = decodeBoundActionMetaData(body, serverManifest, actionKey)),
+          (action = loadServerReference(serverManifest, body));
+      else if (actionKey.startsWith("$ACTION_ID_"))
+        (body = actionKey.slice(11)),
+          (action = loadServerReference(serverManifest, {
+            id: body,
+            bound: null
+          }));
+      else throw Error("Cannot handle action key. This is a bug in React.");
+      return action.then(function (fn) {
+        return fn.bind(null, formData);
+      });
     };
     exports.decodeFormState = function (actionResult, body, serverManifest) {
       var keyPath = body.get("$ACTION_KEY");
       if ("string" !== typeof keyPath) return Promise.resolve(null);
-      var metaData = null;
+      var actionKey = null;
       body.forEach(function (value, key) {
-        key.startsWith("$ACTION_REF_") &&
-          ((value = "$ACTION_" + key.slice(12) + ":"),
-          (metaData = decodeBoundActionMetaData(body, serverManifest, value)));
+        key.startsWith("$ACTION_REF_") && (actionKey = key);
       });
-      if (null === metaData) return Promise.resolve(null);
-      var referenceId = metaData.id;
-      return Promise.resolve(metaData.bound).then(function (bound) {
+      if (null === actionKey) return Promise.resolve(null);
+      var formFieldPrefix = "$ACTION_" + actionKey.slice(12) + ":";
+      body = decodeBoundActionMetaData(body, serverManifest, formFieldPrefix);
+      var referenceId = body.id;
+      return Promise.resolve(body.bound).then(function (bound) {
         return null === bound
           ? null
           : [actionResult, keyPath, referenceId, bound.length - 1];

package/dist/vendor/react-server-dom/cjs/react-server-dom-webpack-server.browser.production.js

@@ -1052,7 +1052,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
       erroredTask(request, streamTask, reason),
       enqueueFlush(request),
       "function" === typeof iterator.throw &&
-        iterator.throw(reason).then(error, error));
+        iterator.throw(reason).then(noop, noop));
   }
   function abortIterable() {
     if (0 === streamTask.status) {
@@ -1066,7 +1066,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
         : (erroredTask(request, streamTask, signal.reason),
           enqueueFlush(request));
       "function" === typeof iterator.throw &&
-        iterator.throw(reason).then(error, error);
+        iterator.throw(reason).then(noop, noop);
     }
   }
   iterable = iterable === iterator;
@@ -3396,44 +3396,41 @@ exports.createTemporaryReferenceSet = function () {
 };
 exports.decodeAction = function (body, serverManifest) {
   var formData = new FormData(),
-    action = null,
-    seenActions = new Set();
+    maybeActionKey = null;
   body.forEach(function (value, key) {
     key.startsWith("$ACTION_")
       ? key.startsWith("$ACTION_REF_")
-        ? seenActions.has(key) ||
-          (seenActions.add(key),
-          (value = "$ACTION_" + key.slice(12) + ":"),
-          (value = decodeBoundActionMetaData(body, serverManifest, value)),
-          (action = loadServerReference(serverManifest, value)))
-        : key.startsWith("$ACTION_ID_") &&
-          !seenActions.has(key) &&
-          (seenActions.add(key),
-          (value = key.slice(11)),
-          (action = loadServerReference(serverManifest, {
-            id: value,
-            bound: null
-          })))
+        ? (maybeActionKey = key)
+        : key.startsWith("$ACTION_ID_") && (maybeActionKey = key)
       : formData.append(key, value);
   });
-  return null === action
-    ? null
-    : action.then(function (fn) {
-        return fn.bind(null, formData);
-      });
+  if (null === maybeActionKey) return null;
+  var actionKey = maybeActionKey,
+    action = null;
+  if (actionKey.startsWith("$ACTION_REF_"))
+    (actionKey = "$ACTION_" + actionKey.slice(12) + ":"),
+      (body = decodeBoundActionMetaData(body, serverManifest, actionKey)),
+      (action = loadServerReference(serverManifest, body));
+  else if (actionKey.startsWith("$ACTION_ID_"))
+    (body = actionKey.slice(11)),
+      (action = loadServerReference(serverManifest, { id: body, bound: null }));
+  else throw Error("Cannot handle action key. This is a bug in React.");
+  return action.then(function (fn) {
+    return fn.bind(null, formData);
+  });
 };
 exports.decodeFormState = function (actionResult, body, serverManifest) {
   var keyPath = body.get("$ACTION_KEY");
   if ("string" !== typeof keyPath) return Promise.resolve(null);
-  var metaData = null;
+  var actionKey = null;
   body.forEach(function (value, key) {
-    key.startsWith("$ACTION_REF_") &&
-      ((value = "$ACTION_" + key.slice(12) + ":"),
-      (metaData = decodeBoundActionMetaData(body, serverManifest, value)));
+    key.startsWith("$ACTION_REF_") && (actionKey = key);
   });
-  if (null === metaData) return Promise.resolve(null);
-  var referenceId = metaData.id;
-  return Promise.resolve(metaData.bound).then(function (bound) {
+  if (null === actionKey) return Promise.resolve(null);
+  var formFieldPrefix = "$ACTION_" + actionKey.slice(12) + ":";
+  body = decodeBoundActionMetaData(body, serverManifest, formFieldPrefix);
+  var referenceId = body.id;
+  return Promise.resolve(body.bound).then(function (bound) {
     return null === bound
       ? null
       : [actionResult, keyPath, referenceId, bound.length - 1];