react-server-dom-webpack 19.0.0-beta-04b058868c-20240508 → 19.0.0-beta-9d76c954cf-20240510

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

@@ -39,6 +39,9 @@ function writeChunkAndReturn(destination, chunk) {
   return !0;
 }
 var textEncoder = new TextEncoder();
+function stringToChunk(content) {
+  return textEncoder.encode(content);
+}
 function closeWithError(destination, error) {
   "function" === typeof destination.error
     ? destination.error(error)
@@ -344,10 +347,6 @@ var TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"),
       switch (name) {
         case "$$typeof":
           return target.$$typeof;
-        case "$$id":
-          return target.$$id;
-        case "$$async":
-          return target.$$async;
         case "name":
           return;
         case "displayName":
@@ -377,18 +376,21 @@ var TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"),
       );
     }
   };
-function createTemporaryReference(id) {
-  id = Object.defineProperties(
+function createTemporaryReference(temporaryReferences, id) {
+  var reference = Object.defineProperties(
     function () {
       throw Error(
         "Attempted to call a temporary Client Reference from the server but it is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component."
       );
     },
-    { $$typeof: { value: TEMPORARY_REFERENCE_TAG }, $$id: { value: id } }
+    { $$typeof: { value: TEMPORARY_REFERENCE_TAG } }
   );
-  return new Proxy(id, proxyHandlers);
+  reference = new Proxy(reference, proxyHandlers);
+  temporaryReferences.set(reference, id);
+  return reference;
 }
-var REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
+var REACT_LEGACY_ELEMENT_TYPE = Symbol.for("react.element"),
+  REACT_ELEMENT_TYPE = Symbol.for("react.transitional.element"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
   REACT_CONTEXT_TYPE = Symbol.for("react.context"),
   REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
@@ -406,9 +408,10 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
-var SuspenseException = Error(
-  "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
-);
+var ASYNC_ITERATOR = Symbol.asyncIterator,
+  SuspenseException = Error(
+    "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
+  );
 function noop() {}
 function trackUsedThenable(thenableState, thenable, index) {
   index = thenableState[index];
@@ -677,7 +680,9 @@ function createRequest(
   bundlerConfig,
   onError,
   identifierPrefix,
-  onPostpone
+  onPostpone,
+  environmentName,
+  temporaryReferences
 ) {
   if (
     null !== ReactSharedInternalsServer.A &&
@@ -685,9 +690,9 @@ function createRequest(
   )
     throw Error("Currently React only supports one RSC renderer at a time.");
   ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
-  var abortSet = new Set(),
-    pingedTasks = [],
-    hints = new Set();
+  var abortSet = new Set();
+  environmentName = [];
+  var hints = new Set();
   bundlerConfig = {
     status: 0,
     flushScheduled: !1,
@@ -700,7 +705,7 @@ function createRequest(
     hints: hints,
     abortListeners: new Set(),
     abortableTasks: abortSet,
-    pingedTasks: pingedTasks,
+    pingedTasks: environmentName,
     completedImportChunks: [],
     completedHintChunks: [],
     completedRegularChunks: [],
@@ -709,6 +714,7 @@ function createRequest(
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
     writtenObjects: new WeakMap(),
+    temporaryReferences: temporaryReferences,
     identifierPrefix: identifierPrefix || "",
     identifierCount: 1,
     taintCleanupQueue: [],
@@ -716,7 +722,7 @@ function createRequest(
     onPostpone: void 0 === onPostpone ? defaultPostponeHandler : onPostpone
   };
   model = createTask(bundlerConfig, model, null, !1, abortSet);
-  pingedTasks.push(model);
+  environmentName.push(model);
   return bundlerConfig;
 }
 var currentRequest = null;
@@ -769,12 +775,127 @@ function serializeThenable(request, task, thenable) {
   );
   return newTask.id;
 }
+function serializeReadableStream(request, task, stream) {
+  function progress(entry) {
+    if (!aborted)
+      if (entry.done)
+        request.abortListeners.delete(error),
+          (entry = streamTask.id.toString(16) + ":C\n"),
+          request.completedRegularChunks.push(stringToChunk(entry)),
+          enqueueFlush(request),
+          (aborted = !0);
+      else
+        try {
+          (streamTask.model = entry.value),
+            request.pendingChunks++,
+            emitChunk(request, streamTask, streamTask.model),
+            enqueueFlush(request),
+            reader.read().then(progress, error);
+        } catch (x$8) {
+          error(x$8);
+        }
+  }
+  function error(reason) {
+    if (!aborted) {
+      aborted = !0;
+      request.abortListeners.delete(error);
+      var digest = logRecoverableError(request, reason);
+      emitErrorChunk(request, streamTask.id, digest);
+      enqueueFlush(request);
+      reader.cancel(reason).then(error, error);
+    }
+  }
+  var supportsBYOB = stream.supportsBYOB;
+  if (void 0 === supportsBYOB)
+    try {
+      stream.getReader({ mode: "byob" }).releaseLock(), (supportsBYOB = !0);
+    } catch (x) {
+      supportsBYOB = !1;
+    }
+  var reader = stream.getReader(),
+    streamTask = createTask(
+      request,
+      task.model,
+      task.keyPath,
+      task.implicitSlot,
+      request.abortableTasks
+    );
+  request.abortableTasks.delete(streamTask);
+  request.pendingChunks++;
+  task = streamTask.id.toString(16) + ":" + (supportsBYOB ? "r" : "R") + "\n";
+  request.completedRegularChunks.push(stringToChunk(task));
+  var aborted = !1;
+  request.abortListeners.add(error);
+  reader.read().then(progress, error);
+  return serializeByValueID(streamTask.id);
+}
+function serializeAsyncIterable(request, task, iterable, iterator) {
+  function progress(entry) {
+    if (!aborted)
+      if (entry.done) {
+        request.abortListeners.delete(error);
+        if (void 0 === entry.value)
+          var endStreamRow = streamTask.id.toString(16) + ":C\n";
+        else
+          try {
+            var chunkId = outlineModel(request, entry.value);
+            endStreamRow =
+              streamTask.id.toString(16) +
+              ":C" +
+              stringify(serializeByValueID(chunkId)) +
+              "\n";
+          } catch (x) {
+            error(x);
+            return;
+          }
+        request.completedRegularChunks.push(stringToChunk(endStreamRow));
+        enqueueFlush(request);
+        aborted = !0;
+      } else
+        try {
+          (streamTask.model = entry.value),
+            request.pendingChunks++,
+            emitChunk(request, streamTask, streamTask.model),
+            enqueueFlush(request),
+            iterator.next().then(progress, error);
+        } catch (x$9) {
+          error(x$9);
+        }
+  }
+  function error(reason) {
+    if (!aborted) {
+      aborted = !0;
+      request.abortListeners.delete(error);
+      var digest = logRecoverableError(request, reason);
+      emitErrorChunk(request, streamTask.id, digest);
+      enqueueFlush(request);
+      "function" === typeof iterator.throw &&
+        iterator.throw(reason).then(error, error);
+    }
+  }
+  iterable = iterable === iterator;
+  var streamTask = createTask(
+    request,
+    task.model,
+    task.keyPath,
+    task.implicitSlot,
+    request.abortableTasks
+  );
+  request.abortableTasks.delete(streamTask);
+  request.pendingChunks++;
+  task = streamTask.id.toString(16) + ":" + (iterable ? "x" : "X") + "\n";
+  request.completedRegularChunks.push(stringToChunk(task));
+  var aborted = !1;
+  request.abortListeners.add(error);
+  iterator.next().then(progress, error);
+  return serializeByValueID(streamTask.id);
+}
 function emitHint(request, code, model) {
   model = stringify(model);
   var id = request.nextChunkId++;
   code = "H" + code;
   code = id.toString(16) + ":" + code;
-  model = textEncoder.encode(code + model + "\n");
+  model = stringToChunk(code + model + "\n");
   request.completedHintChunks.push(model);
   enqueueFlush(request);
 }
@@ -826,6 +947,20 @@ function renderFunctionComponent(request, task, key, Component, props) {
           return iteratorFn.call(iterableChild);
         }),
         Component);
+    } else if (
+      !(
+        "function" !== typeof Component[ASYNC_ITERATOR] ||
+        ("function" === typeof ReadableStream &&
+          Component instanceof ReadableStream)
+      )
+    ) {
+      var iterableChild$10 = Component;
+      Component = {};
+      Component =
+        ((Component[ASYNC_ITERATOR] = function () {
+          return iterableChild$10[ASYNC_ITERATOR]();
+        }),
+        Component);
     }
   }
   props = task.keyPath;
@@ -915,7 +1050,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
     null === model ||
     null !== keyPath ||
     implicitSlot ||
-    request.writtenObjects.set(model, id);
+    request.writtenObjects.set(model, serializeByValueID(id));
   var task = {
     id: id,
     status: 0,
@@ -996,7 +1131,7 @@ function serializeByValueID(id) {
 function encodeReferenceChunk(request, id, reference) {
   request = stringify(reference);
   id = id.toString(16) + ":" + request + "\n";
-  return textEncoder.encode(id);
+  return stringToChunk(id);
 }
 function serializeClientReference(
   request,
@@ -1039,7 +1174,7 @@ function serializeClientReference(
     var importId = request.nextChunkId++,
       json = stringify(JSCompiler_inline_result),
       row = importId.toString(16) + ":I" + json + "\n",
-      processedChunk = textEncoder.encode(row);
+      processedChunk = stringToChunk(row);
     request.completedImportChunks.push(processedChunk);
     writtenClientReferences.set(clientReferenceKey, importId);
     return parent[0] === REACT_ELEMENT_TYPE && "1" === parentPropertyName
@@ -1060,6 +1195,43 @@ function outlineModel(request, value) {
   retryTask(request, value);
   return value.id;
 }
+function serializeTypedArray(request, tag, typedArray) {
+  request.pendingChunks++;
+  var bufferId = request.nextChunkId++;
+  emitTypedArrayChunk(request, bufferId, tag, typedArray);
+  return serializeByValueID(bufferId);
+}
+function serializeBlob(request, blob) {
+  function progress(entry) {
+    if (!aborted)
+      if (entry.done)
+        request.abortListeners.delete(error),
+          (aborted = !0),
+          pingTask(request, newTask);
+      else
+        return (
+          model.push(entry.value), reader.read().then(progress).catch(error)
+        );
+  }
+  function error(reason) {
+    if (!aborted) {
+      aborted = !0;
+      request.abortListeners.delete(error);
+      var digest = logRecoverableError(request, reason);
+      emitErrorChunk(request, newTask.id, digest);
+      request.abortableTasks.delete(newTask);
+      enqueueFlush(request);
+      reader.cancel(reason).then(error, error);
+    }
+  }
+  var model = [blob.type],
+    newTask = createTask(request, model, null, !1, request.abortableTasks),
+    reader = blob.stream().getReader(),
+    aborted = !1;
+  request.abortListeners.add(error);
+  reader.read().then(progress).catch(error);
+  return "$B" + newTask.id.toString(16);
+}
 var modelRoot = !1;
 function renderModelDestructive(
   request,
@@ -1074,34 +1246,39 @@ function renderModelDestructive(
   if ("object" === typeof value) {
     switch (value.$$typeof) {
       case REACT_ELEMENT_TYPE:
-        parent = request.writtenObjects;
-        parentPropertyName = parent.get(value);
-        if (void 0 !== parentPropertyName) {
-          if (null === task.keyPath && !task.implicitSlot)
+        var writtenObjects = request.writtenObjects;
+        if (null === task.keyPath && !task.implicitSlot) {
+          var existingReference = writtenObjects.get(value);
+          if (void 0 !== existingReference)
             if (modelRoot === value) modelRoot = null;
-            else
-              return -1 === parentPropertyName
-                ? ((request = outlineModel(request, value)),
-                  serializeByValueID(request))
-                : serializeByValueID(parentPropertyName);
-        } else parent.set(value, -1), parent.set(value.props, -2);
-        parent = value.props;
-        parentPropertyName = parent.ref;
+            else return existingReference;
+          else
+            -1 === parentPropertyName.indexOf(":") &&
+              ((parent = writtenObjects.get(parent)),
+              void 0 !== parent &&
+                writtenObjects.set(value, parent + ":" + parentPropertyName));
+        }
+        parentPropertyName = value.props;
+        parent = parentPropertyName.ref;
         return renderElement(
           request,
           task,
           value.type,
           value.key,
-          void 0 !== parentPropertyName ? parentPropertyName : null,
-          parent
+          void 0 !== parent ? parent : null,
+          parentPropertyName
         );
       case REACT_LAZY_TYPE:
         return (
           (task.thenableState = null),
-          (parent = value._init),
-          (value = parent(value._payload)),
+          (parentPropertyName = value._init),
+          (value = parentPropertyName(value._payload)),
           renderModelDestructive(request, task, emptyRoot, "", value)
         );
+      case REACT_LEGACY_ELEMENT_TYPE:
+        throw Error(
+          'A React Element from an older version of React was rendered. This is not supported. It can happen if:\n- Multiple copies of the "react" package is used.\n- A library pre-bundled an old copy of "react" or "react/jsx-runtime".\n- A compiler tries to "inline" JSX instead of using the runtime.'
+        );
     }
     if (value.$$typeof === CLIENT_REFERENCE_TAG$1)
       return serializeClientReference(
@@ -1110,65 +1287,120 @@ function renderModelDestructive(
         parentPropertyName,
         value
       );
-    parent = request.writtenObjects;
-    parentPropertyName = parent.get(value);
+    if (
+      void 0 !== request.temporaryReferences &&
+      ((writtenObjects = request.temporaryReferences.get(value)),
+      void 0 !== writtenObjects)
+    )
+      return "$T" + writtenObjects;
+    writtenObjects = request.writtenObjects;
+    existingReference = writtenObjects.get(value);
     if ("function" === typeof value.then) {
-      if (void 0 !== parentPropertyName) {
+      if (void 0 !== existingReference) {
         if (null !== task.keyPath || task.implicitSlot)
           return "$@" + serializeThenable(request, task, value).toString(16);
         if (modelRoot === value) modelRoot = null;
-        else return "$@" + parentPropertyName.toString(16);
+        else return existingReference;
       }
-      request = serializeThenable(request, task, value);
-      parent.set(value, request);
-      return "$@" + request.toString(16);
+      request = "$@" + serializeThenable(request, task, value).toString(16);
+      writtenObjects.set(value, request);
+      return request;
     }
-    if (void 0 !== parentPropertyName)
+    if (void 0 !== existingReference)
       if (modelRoot === value) modelRoot = null;
-      else {
-        if (-1 === parentPropertyName)
-          return (
-            (request = outlineModel(request, value)),
-            serializeByValueID(request)
-          );
-        if (-2 !== parentPropertyName)
-          return serializeByValueID(parentPropertyName);
-      }
-    else parent.set(value, -1);
-    if (isArrayImpl(value)) return renderFragment(request, task, value);
-    if (value instanceof Map) {
-      value = Array.from(value);
-      for (task = 0; task < value.length; task++)
-        (parent = value[task][0]),
-          "object" === typeof parent &&
-            null !== parent &&
-            ((parentPropertyName = request.writtenObjects),
-            void 0 === parentPropertyName.get(parent) &&
-              parentPropertyName.set(parent, -1));
-      return "$Q" + outlineModel(request, value).toString(16);
-    }
-    if (value instanceof Set) {
-      value = Array.from(value);
-      for (task = 0; task < value.length; task++)
-        (parent = value[task]),
-          "object" === typeof parent &&
-            null !== parent &&
-            ((parentPropertyName = request.writtenObjects),
-            void 0 === parentPropertyName.get(parent) &&
-              parentPropertyName.set(parent, -1));
-      return "$W" + outlineModel(request, value).toString(16);
+      else return existingReference;
+    else if (
+      -1 === parentPropertyName.indexOf(":") &&
+      ((existingReference = writtenObjects.get(parent)),
+      void 0 !== existingReference)
+    ) {
+      var propertyName = parentPropertyName;
+      if (isArrayImpl(parent) && parent[0] === REACT_ELEMENT_TYPE)
+        switch (parentPropertyName) {
+          case "1":
+            propertyName = "type";
+            break;
+          case "2":
+            propertyName = "key";
+            break;
+          case "3":
+            propertyName = "props";
+        }
+      writtenObjects.set(value, existingReference + ":" + propertyName);
     }
+    if (isArrayImpl(value)) return renderFragment(request, task, value);
+    if (value instanceof Map)
+      return (
+        (value = Array.from(value)),
+        "$Q" + outlineModel(request, value).toString(16)
+      );
+    if (value instanceof Set)
+      return (
+        (value = Array.from(value)),
+        "$W" + outlineModel(request, value).toString(16)
+      );
     if ("function" === typeof FormData && value instanceof FormData)
       return (
         (value = Array.from(value.entries())),
         "$K" + outlineModel(request, value).toString(16)
       );
-    if ((parent = getIteratorFn(value)))
+    if (value instanceof ArrayBuffer)
+      return serializeTypedArray(request, "A", new Uint8Array(value));
+    if (value instanceof Int8Array)
+      return serializeTypedArray(request, "O", value);
+    if (value instanceof Uint8Array)
+      return serializeTypedArray(request, "o", value);
+    if (value instanceof Uint8ClampedArray)
+      return serializeTypedArray(request, "U", value);
+    if (value instanceof Int16Array)
+      return serializeTypedArray(request, "S", value);
+    if (value instanceof Uint16Array)
+      return serializeTypedArray(request, "s", value);
+    if (value instanceof Int32Array)
+      return serializeTypedArray(request, "L", value);
+    if (value instanceof Uint32Array)
+      return serializeTypedArray(request, "l", value);
+    if (value instanceof Float32Array)
+      return serializeTypedArray(request, "G", value);
+    if (value instanceof Float64Array)
+      return serializeTypedArray(request, "g", value);
+    if (value instanceof BigInt64Array)
+      return serializeTypedArray(request, "M", value);
+    if (value instanceof BigUint64Array)
+      return serializeTypedArray(request, "m", value);
+    if (value instanceof DataView)
+      return serializeTypedArray(request, "V", value);
+    if ("function" === typeof Blob && value instanceof Blob)
+      return serializeBlob(request, value);
+    if ((parentPropertyName = getIteratorFn(value)))
       return (
-        (parent = parent.call(value)),
-        parent === value
-          ? "$i" + outlineModel(request, Array.from(parent)).toString(16)
-          : renderFragment(request, task, Array.from(parent))
+        (parentPropertyName = parentPropertyName.call(value)),
+        parentPropertyName === value
+          ? "$i" +
+            outlineModel(request, Array.from(parentPropertyName)).toString(16)
+          : renderFragment(request, task, Array.from(parentPropertyName))
+      );
+    if ("function" === typeof ReadableStream && value instanceof ReadableStream)
+      return serializeReadableStream(request, task, value);
+    parentPropertyName = value[ASYNC_ITERATOR];
+    if ("function" === typeof parentPropertyName)
+      return (
+        null !== task.keyPath
+          ? ((request = [
+              REACT_ELEMENT_TYPE,
+              REACT_FRAGMENT_TYPE,
+              task.keyPath,
+              { children: value }
+            ]),
+            (request = task.implicitSlot ? [request] : request))
+          : ((parentPropertyName = parentPropertyName.call(value)),
+            (request = serializeAsyncIterable(
+              request,
+              task,
+              value,
+              parentPropertyName
+            ))),
+        request
       );
     request = getPrototypeOf(value);
     if (
@@ -1219,20 +1451,30 @@ function renderModelDestructive(
     if (value.$$typeof === SERVER_REFERENCE_TAG)
       return (
         (task = request.writtenServerReferences),
-        (parent = task.get(value)),
-        void 0 !== parent
-          ? (request = "$F" + parent.toString(16))
-          : ((parent = value.$$bound),
-            (parent = {
+        (parentPropertyName = task.get(value)),
+        void 0 !== parentPropertyName
+          ? (request = "$F" + parentPropertyName.toString(16))
+          : ((parentPropertyName = value.$$bound),
+            (parentPropertyName = {
               id: value.$$id,
-              bound: parent ? Promise.resolve(parent) : null
+              bound: parentPropertyName
+                ? Promise.resolve(parentPropertyName)
+                : null
             }),
-            (request = outlineModel(request, parent)),
+            (request = outlineModel(request, parentPropertyName)),
             task.set(value, request),
             (request = "$F" + request.toString(16))),
         request
       );
-    if (value.$$typeof === TEMPORARY_REFERENCE_TAG) return "$T" + value.$$id;
+    if (
+      void 0 !== request.temporaryReferences &&
+      ((request = request.temporaryReferences.get(value)), void 0 !== request)
+    )
+      return "$T" + request;
+    if (value.$$typeof === TEMPORARY_REFERENCE_TAG)
+      throw Error(
+        "Could not reference an opaque temporary reference. This is likely due to misconfiguring the temporaryReferences options on the server."
+      );
     if (/^on[A-Z]/.test(parentPropertyName))
       throw Error(
         "Event handlers cannot be passed to Client Component props." +
@@ -1246,25 +1488,25 @@ function renderModelDestructive(
   }
   if ("symbol" === typeof value) {
     task = request.writtenSymbols;
-    var existingId$10 = task.get(value);
-    if (void 0 !== existingId$10) return serializeByValueID(existingId$10);
-    existingId$10 = value.description;
-    if (Symbol.for(existingId$10) !== value)
+    writtenObjects = task.get(value);
+    if (void 0 !== writtenObjects) return serializeByValueID(writtenObjects);
+    writtenObjects = value.description;
+    if (Symbol.for(writtenObjects) !== value)
       throw Error(
         "Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for(" +
           (value.description + ") cannot be found among global symbols.") +
           describeObjectForErrorMessage(parent, parentPropertyName)
       );
     request.pendingChunks++;
-    parent = request.nextChunkId++;
-    parentPropertyName = encodeReferenceChunk(
+    parentPropertyName = request.nextChunkId++;
+    parent = encodeReferenceChunk(
       request,
-      parent,
-      "$S" + existingId$10
+      parentPropertyName,
+      "$S" + writtenObjects
     );
-    request.completedImportChunks.push(parentPropertyName);
-    task.set(value, parent);
-    return serializeByValueID(parent);
+    request.completedImportChunks.push(parent);
+    task.set(value, parentPropertyName);
+    return serializeByValueID(parentPropertyName);
   }
   if ("bigint" === typeof value) return "$n" + value.toString(10);
   throw Error(
@@ -1299,22 +1541,68 @@ function fatalError(request, error) {
 function emitErrorChunk(request, id, digest) {
   digest = { digest: digest };
   id = id.toString(16) + ":E" + stringify(digest) + "\n";
-  id = textEncoder.encode(id);
+  id = stringToChunk(id);
   request.completedErrorChunks.push(id);
 }
 function emitModelChunk(request, id, json) {
   id = id.toString(16) + ":" + json + "\n";
-  id = textEncoder.encode(id);
+  id = stringToChunk(id);
   request.completedRegularChunks.push(id);
 }
+function emitTypedArrayChunk(request, id, tag, typedArray) {
+  request.pendingChunks++;
+  var buffer = new Uint8Array(
+    typedArray.buffer,
+    typedArray.byteOffset,
+    typedArray.byteLength
+  );
+  typedArray = 2048 < typedArray.byteLength ? buffer.slice() : buffer;
+  buffer = typedArray.byteLength;
+  id = id.toString(16) + ":" + tag + buffer.toString(16) + ",";
+  id = stringToChunk(id);
+  request.completedRegularChunks.push(id, typedArray);
+}
 function emitTextChunk(request, id, text) {
   request.pendingChunks++;
-  text = textEncoder.encode(text);
+  text = stringToChunk(text);
   var binaryLength = text.byteLength;
   id = id.toString(16) + ":T" + binaryLength.toString(16) + ",";
-  id = textEncoder.encode(id);
+  id = stringToChunk(id);
   request.completedRegularChunks.push(id, text);
 }
+function emitChunk(request, task, value) {
+  var id = task.id;
+  "string" === typeof value
+    ? emitTextChunk(request, id, value)
+    : value instanceof ArrayBuffer
+    ? emitTypedArrayChunk(request, id, "A", new Uint8Array(value))
+    : value instanceof Int8Array
+    ? emitTypedArrayChunk(request, id, "O", value)
+    : value instanceof Uint8Array
+    ? emitTypedArrayChunk(request, id, "o", value)
+    : value instanceof Uint8ClampedArray
+    ? emitTypedArrayChunk(request, id, "U", value)
+    : value instanceof Int16Array
+    ? emitTypedArrayChunk(request, id, "S", value)
+    : value instanceof Uint16Array
+    ? emitTypedArrayChunk(request, id, "s", value)
+    : value instanceof Int32Array
+    ? emitTypedArrayChunk(request, id, "L", value)
+    : value instanceof Uint32Array
+    ? emitTypedArrayChunk(request, id, "l", value)
+    : value instanceof Float32Array
+    ? emitTypedArrayChunk(request, id, "G", value)
+    : value instanceof Float64Array
+    ? emitTypedArrayChunk(request, id, "g", value)
+    : value instanceof BigInt64Array
+    ? emitTypedArrayChunk(request, id, "M", value)
+    : value instanceof BigUint64Array
+    ? emitTypedArrayChunk(request, id, "m", value)
+    : value instanceof DataView
+    ? emitTypedArrayChunk(request, id, "V", value)
+    : ((value = stringify(value, task.toJSON)),
+      emitModelChunk(request, task.id, value));
+}
 var emptyRoot = {};
 function retryTask(request, task) {
   if (0 === task.status)
@@ -1330,17 +1618,12 @@ function retryTask(request, task) {
       modelRoot = resolvedModel;
       task.keyPath = null;
       task.implicitSlot = !1;
-      if ("object" === typeof resolvedModel && null !== resolvedModel) {
-        var id = task.id;
-        if ("string" === typeof resolvedModel)
-          emitTextChunk(request, id, resolvedModel);
-        else {
-          var json = stringify(resolvedModel, task.toJSON);
-          emitModelChunk(request, task.id, json);
-        }
-      } else {
-        var json$jscomp$0 = stringify(resolvedModel);
-        emitModelChunk(request, task.id, json$jscomp$0);
+      if ("object" === typeof resolvedModel && null !== resolvedModel)
+        request.writtenObjects.set(resolvedModel, serializeByValueID(task.id)),
+          emitChunk(request, task, resolvedModel);
+      else {
+        var json = stringify(resolvedModel);
+        emitModelChunk(request, task.id, json);
       }
       request.abortableTasks.delete(task);
       task.status = 1;
@@ -1453,19 +1736,19 @@ function abort(request, reason) {
     }
     var abortListeners = request.abortListeners;
     if (0 < abortListeners.size) {
-      var error$17 =
+      var error$22 =
         void 0 === reason
           ? Error("The render was aborted by the server without a reason.")
           : reason;
       abortListeners.forEach(function (callback) {
-        return callback(error$17);
+        return callback(error$22);
       });
       abortListeners.clear();
     }
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
-  } catch (error$18) {
-    logRecoverableError(request, error$18), fatalError(request, error$18);
+  } catch (error$23) {
+    logRecoverableError(request, error$23), fatalError(request, error$23);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -1550,6 +1833,7 @@ __webpack_require__.u = function (chunkId) {
     ? flightChunk
     : webpackGetChunkFilename(chunkId);
 };
+var hasOwnProperty = Object.prototype.hasOwnProperty;
 function Chunk(status, value, reason, response) {
   this.status = status;
   this.value = value;
@@ -1568,6 +1852,7 @@ Chunk.prototype.then = function (resolve, reject) {
       break;
     case "pending":
     case "blocked":
+    case "cyclic":
       resolve &&
         (null === this.value && (this.value = []), this.value.push(resolve));
       reject &&
@@ -1577,17 +1862,65 @@ Chunk.prototype.then = function (resolve, reject) {
       reject(this.reason);
   }
 };
+function createPendingChunk(response) {
+  return new Chunk("pending", null, null, response);
+}
 function wakeChunk(listeners, value) {
   for (var i = 0; i < listeners.length; i++) (0, listeners[i])(value);
 }
 function triggerErrorOnChunk(chunk, error) {
-  if ("pending" === chunk.status || "blocked" === chunk.status) {
+  if ("pending" !== chunk.status && "blocked" !== chunk.status)
+    chunk.reason.error(error);
+  else {
     var listeners = chunk.reason;
     chunk.status = "rejected";
     chunk.reason = error;
     null !== listeners && wakeChunk(listeners, error);
   }
 }
+function resolveModelChunk(chunk, value, id) {
+  if ("pending" !== chunk.status)
+    (chunk = chunk.reason),
+      "C" === value[0]
+        ? chunk.close("C" === value ? '"$undefined"' : value.slice(1))
+        : chunk.enqueueModel(value);
+  else {
+    var resolveListeners = chunk.value,
+      rejectListeners = chunk.reason;
+    chunk.status = "resolved_model";
+    chunk.value = value;
+    chunk.reason = id;
+    if (null !== resolveListeners)
+      switch ((initializeModelChunk(chunk), chunk.status)) {
+        case "fulfilled":
+          wakeChunk(resolveListeners, chunk.value);
+          break;
+        case "pending":
+        case "blocked":
+        case "cyclic":
+          chunk.value = resolveListeners;
+          chunk.reason = rejectListeners;
+          break;
+        case "rejected":
+          rejectListeners && wakeChunk(rejectListeners, chunk.reason);
+      }
+  }
+}
+function createResolvedIteratorResultChunk(response, value, done) {
+  return new Chunk(
+    "resolved_model",
+    (done ? '{"done":true,"value":' : '{"done":false,"value":') + value + "}",
+    -1,
+    response
+  );
+}
+function resolveIteratorResultChunk(chunk, value, done) {
+  resolveModelChunk(
+    chunk,
+    (done ? '{"done":true,"value":' : '{"done":false,"value":') + value + "}",
+    -1
+  );
+}
 function loadServerReference$1(
   response,
   id,
@@ -1616,12 +1949,42 @@ function loadServerReference$1(
       key,
       !1,
       response,
-      createModel
+      createModel,
+      []
     ),
     createModelReject(parentChunk)
   );
   return null;
 }
+function reviveModel(response, parentObj, parentKey, value, reference) {
+  if ("string" === typeof value)
+    return parseModelString(response, parentObj, parentKey, value, reference);
+  if ("object" === typeof value && null !== value)
+    if (
+      (void 0 !== reference &&
+        void 0 !== response._temporaryReferences &&
+        response._temporaryReferences.set(value, reference),
+      Array.isArray(value))
+    )
+      for (var i = 0; i < value.length; i++)
+        value[i] = reviveModel(
+          response,
+          value,
+          "" + i,
+          value[i],
+          void 0 !== reference ? reference + ":" + i : void 0
+        );
+    else
+      for (i in value)
+        hasOwnProperty.call(value, i) &&
+          ((parentObj =
+            void 0 !== reference && -1 === i.indexOf(":")
+              ? reference + ":" + i
+              : void 0),
+          (parentObj = reviveModel(response, value, i, value[i], parentObj)),
+          void 0 !== parentObj ? (value[i] = parentObj) : delete value[i]);
+  return value;
+}
 var initializingChunk = null,
   initializingChunkBlockedModel = null;
 function initializeModelChunk(chunk) {
@@ -1629,15 +1992,34 @@ function initializeModelChunk(chunk) {
     prevBlocked = initializingChunkBlockedModel;
   initializingChunk = chunk;
   initializingChunkBlockedModel = null;
+  var rootReference = -1 === chunk.reason ? void 0 : chunk.reason.toString(16),
+    resolvedModel = chunk.value;
+  chunk.status = "cyclic";
+  chunk.value = null;
+  chunk.reason = null;
   try {
-    var value = JSON.parse(chunk.value, chunk._response._fromJSON);
-    null !== initializingChunkBlockedModel &&
-    0 < initializingChunkBlockedModel.deps
-      ? ((initializingChunkBlockedModel.value = value),
+    var rawModel = JSON.parse(resolvedModel),
+      value = reviveModel(
+        chunk._response,
+        { "": rawModel },
+        "",
+        rawModel,
+        rootReference
+      );
+    if (
+      null !== initializingChunkBlockedModel &&
+      0 < initializingChunkBlockedModel.deps
+    )
+      (initializingChunkBlockedModel.value = value),
         (chunk.status = "blocked"),
         (chunk.value = null),
-        (chunk.reason = null))
-      : ((chunk.status = "fulfilled"), (chunk.value = value));
+        (chunk.reason = null);
+    else {
+      var resolveListeners = chunk.value;
+      chunk.status = "fulfilled";
+      chunk.value = value;
+      null !== resolveListeners && wakeChunk(resolveListeners, value);
+    }
   } catch (error) {
     (chunk.status = "rejected"), (chunk.reason = error);
   } finally {
@@ -1657,12 +2039,20 @@ function getChunk(response, id) {
     ((chunk = response._formData.get(response._prefix + id)),
     (chunk =
       null != chunk
-        ? new Chunk("resolved_model", chunk, null, response)
-        : new Chunk("pending", null, null, response)),
+        ? new Chunk("resolved_model", chunk, id, response)
+        : createPendingChunk(response)),
     chunks.set(id, chunk));
   return chunk;
 }
-function createModelResolver(chunk, parentObject, key, cyclic, response, map) {
+function createModelResolver(
+  chunk,
+  parentObject,
+  key,
+  cyclic,
+  response,
+  map,
+  path
+) {
   if (initializingChunkBlockedModel) {
     var blocked = initializingChunkBlockedModel;
     cyclic || blocked.deps++;
@@ -1672,6 +2062,7 @@ function createModelResolver(chunk, parentObject, key, cyclic, response, map) {
       value: null
     };
   return function (value) {
+    for (var i = 1; i < path.length; i++) value = value[path[i]];
     parentObject[key] = map(response, value);
     "" === key && null === blocked.value && (blocked.value = parentObject[key]);
     blocked.deps--;
@@ -1688,7 +2079,9 @@ function createModelReject(chunk) {
     return triggerErrorOnChunk(chunk, error);
   };
 }
-function getOutlinedModel(response, id, parentObject, key, map) {
+function getOutlinedModel(response, reference, parentObject, key, map) {
+  reference = reference.split(":");
+  var id = parseInt(reference[0], 16);
   id = getChunk(response, id);
   switch (id.status) {
     case "resolved_model":
@@ -1696,12 +2089,24 @@ function getOutlinedModel(response, id, parentObject, key, map) {
   }
   switch (id.status) {
     case "fulfilled":
-      return map(response, id.value);
+      parentObject = id.value;
+      for (key = 1; key < reference.length; key++)
+        parentObject = parentObject[reference[key]];
+      return map(response, parentObject);
     case "pending":
     case "blocked":
+    case "cyclic":
       var parentChunk = initializingChunk;
       id.then(
-        createModelResolver(parentChunk, parentObject, key, !1, response, map),
+        createModelResolver(
+          parentChunk,
+          parentObject,
+          key,
+          "cyclic" === id.status,
+          response,
+          map,
+          reference
+        ),
         createModelReject(parentChunk)
       );
       return null;
@@ -1721,7 +2126,193 @@ function extractIterator(response, model) {
 function createModel(response, model) {
   return model;
 }
-function parseModelString(response, obj, key, value) {
+function parseTypedArray(
+  response,
+  reference,
+  constructor,
+  bytesPerElement,
+  parentObject,
+  parentKey
+) {
+  reference = parseInt(reference.slice(2), 16);
+  reference = response._formData.get(response._prefix + reference);
+  reference =
+    constructor === ArrayBuffer
+      ? reference.arrayBuffer()
+      : reference.arrayBuffer().then(function (buffer) {
+          return new constructor(buffer);
+        });
+  bytesPerElement = initializingChunk;
+  reference.then(
+    createModelResolver(
+      bytesPerElement,
+      parentObject,
+      parentKey,
+      !1,
+      response,
+      createModel,
+      []
+    ),
+    createModelReject(bytesPerElement)
+  );
+  return null;
+}
+function resolveStream(response, id, stream, controller) {
+  var chunks = response._chunks;
+  stream = new Chunk("fulfilled", stream, controller, response);
+  chunks.set(id, stream);
+  response = response._formData.getAll(response._prefix + id);
+  for (id = 0; id < response.length; id++)
+    (chunks = response[id]),
+      "C" === chunks[0]
+        ? controller.close("C" === chunks ? '"$undefined"' : chunks.slice(1))
+        : controller.enqueueModel(chunks);
+}
+function parseReadableStream(response, reference, type) {
+  reference = parseInt(reference.slice(2), 16);
+  var controller = null;
+  type = new ReadableStream({
+    type: type,
+    start: function (c) {
+      controller = c;
+    }
+  });
+  var previousBlockedChunk = null;
+  resolveStream(response, reference, type, {
+    enqueueModel: function (json) {
+      if (null === previousBlockedChunk) {
+        var chunk = new Chunk("resolved_model", json, -1, response);
+        initializeModelChunk(chunk);
+        "fulfilled" === chunk.status
+          ? controller.enqueue(chunk.value)
+          : (chunk.then(
+              function (v) {
+                return controller.enqueue(v);
+              },
+              function (e) {
+                return controller.error(e);
+              }
+            ),
+            (previousBlockedChunk = chunk));
+      } else {
+        chunk = previousBlockedChunk;
+        var chunk$25 = createPendingChunk(response);
+        chunk$25.then(
+          function (v) {
+            return controller.enqueue(v);
+          },
+          function (e) {
+            return controller.error(e);
+          }
+        );
+        previousBlockedChunk = chunk$25;
+        chunk.then(function () {
+          previousBlockedChunk === chunk$25 && (previousBlockedChunk = null);
+          resolveModelChunk(chunk$25, json, -1);
+        });
+      }
+    },
+    close: function () {
+      if (null === previousBlockedChunk) controller.close();
+      else {
+        var blockedChunk = previousBlockedChunk;
+        previousBlockedChunk = null;
+        blockedChunk.then(function () {
+          return controller.close();
+        });
+      }
+    },
+    error: function (error) {
+      if (null === previousBlockedChunk) controller.error(error);
+      else {
+        var blockedChunk = previousBlockedChunk;
+        previousBlockedChunk = null;
+        blockedChunk.then(function () {
+          return controller.error(error);
+        });
+      }
+    }
+  });
+  return type;
+}
+function asyncIterator() {
+  return this;
+}
+function createIterator(next) {
+  next = { next: next };
+  next[ASYNC_ITERATOR] = asyncIterator;
+  return next;
+}
+function parseAsyncIterable(response, reference, iterator) {
+  reference = parseInt(reference.slice(2), 16);
+  var buffer = [],
+    closed = !1,
+    nextWriteIndex = 0,
+    $jscomp$compprop2 = {};
+  $jscomp$compprop2 =
+    (($jscomp$compprop2[ASYNC_ITERATOR] = function () {
+      var nextReadIndex = 0;
+      return createIterator(function (arg) {
+        if (void 0 !== arg)
+          throw Error(
+            "Values cannot be passed to next() of AsyncIterables passed to Client Components."
+          );
+        if (nextReadIndex === buffer.length) {
+          if (closed)
+            return new Chunk(
+              "fulfilled",
+              { done: !0, value: void 0 },
+              null,
+              response
+            );
+          buffer[nextReadIndex] = createPendingChunk(response);
+        }
+        return buffer[nextReadIndex++];
+      });
+    }),
+    $jscomp$compprop2);
+  iterator = iterator ? $jscomp$compprop2[ASYNC_ITERATOR]() : $jscomp$compprop2;
+  resolveStream(response, reference, iterator, {
+    enqueueModel: function (value) {
+      nextWriteIndex === buffer.length
+        ? (buffer[nextWriteIndex] = createResolvedIteratorResultChunk(
+            response,
+            value,
+            !1
+          ))
+        : resolveIteratorResultChunk(buffer[nextWriteIndex], value, !1);
+      nextWriteIndex++;
+    },
+    close: function (value) {
+      closed = !0;
+      nextWriteIndex === buffer.length
+        ? (buffer[nextWriteIndex] = createResolvedIteratorResultChunk(
+            response,
+            value,
+            !0
+          ))
+        : resolveIteratorResultChunk(buffer[nextWriteIndex], value, !0);
+      for (nextWriteIndex++; nextWriteIndex < buffer.length; )
+        resolveIteratorResultChunk(
+          buffer[nextWriteIndex++],
+          '"$undefined"',
+          !0
+        );
+    },
+    error: function (error) {
+      closed = !0;
+      for (
+        nextWriteIndex === buffer.length &&
+        (buffer[nextWriteIndex] = createPendingChunk(response));
+        nextWriteIndex < buffer.length;
+
+      )
+        triggerErrorOnChunk(buffer[nextWriteIndex++], error);
+    }
+  });
+  return iterator;
+}
+function parseModelString(response, obj, key, value, reference) {
   if ("$" === value[0]) {
     switch (value[1]) {
       case "$":
@@ -1730,7 +2321,7 @@ function parseModelString(response, obj, key, value) {
         return (obj = parseInt(value.slice(2), 16)), getChunk(response, obj);
       case "F":
         return (
-          (value = parseInt(value.slice(2), 16)),
+          (value = value.slice(2)),
           (value = getOutlinedModel(response, value, obj, key, createModel)),
           loadServerReference$1(
             response,
@@ -1742,15 +2333,22 @@ function parseModelString(response, obj, key, value) {
           )
         );
       case "T":
-        return createTemporaryReference(value.slice(2));
+        if (void 0 === reference || void 0 === response._temporaryReferences)
+          throw Error(
+            "Could not reference an opaque temporary reference. This is likely due to misconfiguring the temporaryReferences options on the server."
+          );
+        return createTemporaryReference(
+          response._temporaryReferences,
+          reference
+        );
       case "Q":
         return (
-          (value = parseInt(value.slice(2), 16)),
+          (value = value.slice(2)),
           getOutlinedModel(response, value, obj, key, createMap)
         );
       case "W":
         return (
-          (value = parseInt(value.slice(2), 16)),
+          (value = value.slice(2)),
           getOutlinedModel(response, value, obj, key, createSet)
         );
       case "K":
@@ -1764,7 +2362,7 @@ function parseModelString(response, obj, key, value) {
         return data;
       case "i":
         return (
-          (value = parseInt(value.slice(2), 16)),
+          (value = value.slice(2)),
           getOutlinedModel(response, value, obj, key, extractIterator)
         );
       case "I":
@@ -1780,29 +2378,67 @@ function parseModelString(response, obj, key, value) {
       case "n":
         return BigInt(value.slice(2));
     }
-    value = parseInt(value.slice(1), 16);
+    switch (value[1]) {
+      case "A":
+        return parseTypedArray(response, value, ArrayBuffer, 1, obj, key);
+      case "O":
+        return parseTypedArray(response, value, Int8Array, 1, obj, key);
+      case "o":
+        return parseTypedArray(response, value, Uint8Array, 1, obj, key);
+      case "U":
+        return parseTypedArray(response, value, Uint8ClampedArray, 1, obj, key);
+      case "S":
+        return parseTypedArray(response, value, Int16Array, 2, obj, key);
+      case "s":
+        return parseTypedArray(response, value, Uint16Array, 2, obj, key);
+      case "L":
+        return parseTypedArray(response, value, Int32Array, 4, obj, key);
+      case "l":
+        return parseTypedArray(response, value, Uint32Array, 4, obj, key);
+      case "G":
+        return parseTypedArray(response, value, Float32Array, 4, obj, key);
+      case "g":
+        return parseTypedArray(response, value, Float64Array, 8, obj, key);
+      case "M":
+        return parseTypedArray(response, value, BigInt64Array, 8, obj, key);
+      case "m":
+        return parseTypedArray(response, value, BigUint64Array, 8, obj, key);
+      case "V":
+        return parseTypedArray(response, value, DataView, 1, obj, key);
+      case "B":
+        return (
+          (obj = parseInt(value.slice(2), 16)),
+          response._formData.get(response._prefix + obj)
+        );
+    }
+    switch (value[1]) {
+      case "R":
+        return parseReadableStream(response, value, void 0);
+      case "r":
+        return parseReadableStream(response, value, "bytes");
+      case "X":
+        return parseAsyncIterable(response, value, !1);
+      case "x":
+        return parseAsyncIterable(response, value, !0);
+    }
+    value = value.slice(1);
     return getOutlinedModel(response, value, obj, key, createModel);
   }
   return value;
 }
-function createResponse(bundlerConfig, formFieldPrefix) {
+function createResponse(bundlerConfig, formFieldPrefix, temporaryReferences) {
   var backingFormData =
-      2 < arguments.length && void 0 !== arguments[2]
-        ? arguments[2]
+      3 < arguments.length && void 0 !== arguments[3]
+        ? arguments[3]
         : new FormData(),
-    chunks = new Map(),
-    response = {
-      _bundlerConfig: bundlerConfig,
-      _prefix: formFieldPrefix,
-      _formData: backingFormData,
-      _chunks: chunks,
-      _fromJSON: function (key, value) {
-        return "string" === typeof value
-          ? parseModelString(response, this, key, value)
-          : value;
-      }
-    };
-  return response;
+    chunks = new Map();
+  return {
+    _bundlerConfig: bundlerConfig,
+    _prefix: formFieldPrefix,
+    _formData: backingFormData,
+    _chunks: chunks,
+    _temporaryReferences: temporaryReferences
+  };
 }
 function close(response) {
   reportGlobalError(response, Error("Connection closed."));
@@ -1823,7 +2459,7 @@ function loadServerReference(bundlerConfig, id, bound) {
     : Promise.resolve(requireModule(serverReference));
 }
 function decodeBoundActionMetaData(body, serverManifest, formFieldPrefix) {
-  body = createResponse(serverManifest, formFieldPrefix, body);
+  body = createResponse(serverManifest, formFieldPrefix, void 0, body);
   close(body);
   body = getChunk(body, 0);
   body.then(function () {});
@@ -1834,6 +2470,9 @@ exports.createClientModuleProxy = function (moduleId) {
   moduleId = registerClientReferenceImpl({}, moduleId, !1);
   return new Proxy(moduleId, proxyHandlers$1);
 };
+exports.createTemporaryReferenceSet = function () {
+  return new WeakMap();
+};
 exports.decodeAction = function (body, serverManifest) {
   var formData = new FormData(),
     action = null;
@@ -1871,13 +2510,18 @@ exports.decodeFormState = function (actionResult, body, serverManifest) {
       : [actionResult, keyPath, referenceId, bound.length - 1];
   });
 };
-exports.decodeReply = function (body, webpackMap) {
+exports.decodeReply = function (body, webpackMap, options) {
   if ("string" === typeof body) {
     var form = new FormData();
     form.append("0", body);
     body = form;
   }
-  body = createResponse(webpackMap, "", body);
+  body = createResponse(
+    webpackMap,
+    "",
+    options ? options.temporaryReferences : void 0,
+    body
+  );
   webpackMap = getChunk(body, 0);
   close(body);
   return webpackMap;
@@ -1910,7 +2554,9 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
     webpackMap,
     options ? options.onError : void 0,
     options ? options.identifierPrefix : void 0,
-    options ? options.onPostpone : void 0
+    options ? options.onPostpone : void 0,
+    options ? options.environmentName : void 0,
+    options ? options.temporaryReferences : void 0
   );
   if (options && options.signal) {
     var signal = options.signal;