react-server-dom-webpack 19.0.7 → 19.0.9

package/cjs/react-server-dom-webpack-server.node.development.js

@@ -60,33 +60,44 @@
               (currentView = new Uint8Array(2048)),
               (writtenBytes = 0));
           }
-      } else
-        0 !== chunk.byteLength &&
-          (2048 < chunk.byteLength
-            ? (0 < writtenBytes &&
-                (writeToDestination(
-                  destination,
-                  currentView.subarray(0, writtenBytes)
-                ),
-                (currentView = new Uint8Array(2048)),
-                (writtenBytes = 0)),
-              writeToDestination(destination, chunk))
-            : ((target = currentView.length - writtenBytes),
-              target < chunk.byteLength &&
-                (0 === target
-                  ? writeToDestination(destination, currentView)
-                  : (currentView.set(chunk.subarray(0, target), writtenBytes),
-                    (writtenBytes += target),
-                    writeToDestination(destination, currentView),
-                    (chunk = chunk.subarray(target))),
-                (currentView = new Uint8Array(2048)),
-                (writtenBytes = 0)),
-              currentView.set(chunk, writtenBytes),
-              (writtenBytes += chunk.byteLength),
-              2048 === writtenBytes &&
-                (writeToDestination(destination, currentView),
-                (currentView = new Uint8Array(2048)),
-                (writtenBytes = 0))));
+      } else if (0 === chunk.byteLength)
+        if (supportsArrayBufferDetached) {
+          if (chunk.buffer.detached)
+            throw Error(
+              "Cannot transport a detached buffer. This usually happens when trying to transport multiple buffer-spanning views on the same underyling buffer. Either reuse the exact same view by identity or copy the underlying buffer manually via `view.slice()`."
+            );
+        } else
+          didWarnAboutMissingArrayBufferDetached ||
+            (console.error(
+              "React encountered an empty buffer when writing in an environment that does not support ArrayBuffer.prototype.detached. This could be a security issue if the buffer was not actually empty. Please upgrade to a Node.js version that supports ArrayBuffer.prototype.detached."
+            ),
+            (didWarnAboutMissingArrayBufferDetached = !0));
+      else
+        2048 < chunk.byteLength
+          ? (0 < writtenBytes &&
+              (writeToDestination(
+                destination,
+                currentView.subarray(0, writtenBytes)
+              ),
+              (currentView = new Uint8Array(2048)),
+              (writtenBytes = 0)),
+            writeToDestination(destination, chunk))
+          : ((target = currentView.length - writtenBytes),
+            target < chunk.byteLength &&
+              (0 === target
+                ? writeToDestination(destination, currentView)
+                : (currentView.set(chunk.subarray(0, target), writtenBytes),
+                  (writtenBytes += target),
+                  writeToDestination(destination, currentView),
+                  (chunk = chunk.subarray(target))),
+              (currentView = new Uint8Array(2048)),
+              (writtenBytes = 0)),
+            currentView.set(chunk, writtenBytes),
+            (writtenBytes += chunk.byteLength),
+            2048 === writtenBytes &&
+              (writeToDestination(destination, currentView),
+              (currentView = new Uint8Array(2048)),
+              (writtenBytes = 0)));
       return destinationHasCapacity;
     }
     function byteLengthOfChunk(chunk) {
@@ -854,7 +865,7 @@
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
-            iterator.throw(reason).then(error, error);
+            iterator.throw(reason).then(noop, noop);
         }
       }
       function abortIterable(reason) {
@@ -865,7 +876,7 @@
           emitErrorChunk(request, streamTask.id, digest, reason);
           enqueueFlush(request);
           "function" === typeof iterator.throw &&
-            iterator.throw(reason).then(error, error);
+            iterator.throw(reason).then(noop, noop);
         }
       }
       var isIterator = iterable === iterator,
@@ -1922,13 +1933,35 @@
     }
     function emitTypedArrayChunk(request, id, tag, typedArray) {
       request.pendingChunks++;
-      typedArray = new Uint8Array(
-        typedArray.buffer,
-        typedArray.byteOffset,
-        typedArray.byteLength
-      );
-      var binaryLength = typedArray.byteLength;
-      id = id.toString(16) + ":" + tag + binaryLength.toString(16) + ",";
+      a: {
+        var view = new Uint8Array(
+          typedArray.buffer,
+          typedArray.byteOffset,
+          typedArray.byteLength
+        );
+        if (2048 < typedArray.byteLength) {
+          if (
+            0 !== typedArray.byteOffset ||
+            typedArray.byteLength !== typedArray.buffer.byteLength ||
+            typedArray.buffer.resizable
+          ) {
+            typedArray = view.slice();
+            break a;
+          }
+          if (!supportsArrayBufferDetached) {
+            didWarnAboutMissingArrayBufferDetached ||
+              (console.error(
+                "React copied a partial view into a fresh buffer as a safety precaution because the environment does not implement ArrayBuffer.prototype.detached. This negatively impacts performance. Please upgrade to a modern Node.js version."
+              ),
+              (didWarnAboutMissingArrayBufferDetached = !0));
+            typedArray = view.slice();
+            break a;
+          }
+        }
+        typedArray = view;
+      }
+      view = typedArray.byteLength;
+      id = id.toString(16) + ":" + tag + view.toString(16) + ",";
       request.completedRegularChunks.push(id, typedArray);
     }
     function emitTextChunk(request, id, text) {
@@ -2562,6 +2595,39 @@
       if (hasOwnProperty.call(moduleExports, metadata[2]))
         return moduleExports[metadata[2]];
     }
+    function appendBackingEntry(backingStore, value, key) {
+      var prefix = backingStore.prefix;
+      if (key.startsWith(prefix)) {
+        switch (key[prefix.length]) {
+          case "_":
+            prefix = backingStore.referencedEntries;
+            null === prefix && (prefix = backingStore.referencedEntries = []);
+            prefix.push([key, value]);
+            return;
+          case "S":
+            "string" === typeof value &&
+              ((prefix = backingStore.streamChunks),
+              null === prefix &&
+                (prefix = backingStore.streamChunks = new Map()),
+              (backingStore = prefix.get(key)),
+              void 0 === backingStore
+                ? prefix.set(key, [value])
+                : backingStore.push(value));
+            return;
+        }
+        "string" === typeof value
+          ? ((prefix = backingStore.stringChunks),
+            null === prefix && (prefix = backingStore.stringChunks = new Map()),
+            prefix.set(key, value))
+          : ((prefix = backingStore.blobs),
+            null === prefix && (prefix = backingStore.blobs = new Map()),
+            prefix.set(key, value));
+      }
+    }
+    function getBackingBlob(backingStore, key) {
+      backingStore = backingStore.blobs;
+      return null === backingStore ? void 0 : backingStore.get(key);
+    }
     function ReactPromise(status, value, reason) {
       this.status = status;
       this.value = value;
@@ -2871,17 +2937,20 @@
     function getChunk(response, id) {
       var chunks = response._chunks,
         chunk = chunks.get(id);
-      chunk ||
-        ((chunk = response._formData.data.get(response._prefix + id)),
-        (chunk =
+      if (!chunk) {
+        chunk = response._prefix;
+        var stringChunks = response._formData.stringChunks;
+        chunk = null === stringChunks ? void 0 : stringChunks.get(chunk + id);
+        chunk =
           "string" === typeof chunk
             ? new ReactPromise(
                 "resolved_model",
                 chunk,
                 _defineProperty({ id: id }, RESPONSE_SYMBOL, response)
               )
-            : new ReactPromise("pending", null, null)),
-        chunks.set(id, chunk));
+            : new ReactPromise("pending", null, null);
+        chunks.set(id, chunk);
+      }
       return chunk;
     }
     function fulfillReference(response, reference, value, arrayRoot) {
@@ -3128,7 +3197,7 @@
           Error("Already initialized typed array.")
         )
       );
-      reference = response._formData.data.get(key).arrayBuffer();
+      reference = getBackingBlob(response._formData, key).arrayBuffer();
       if (initializingHandler) {
         var handler = initializingHandler;
         handler.deps++;
@@ -3172,15 +3241,17 @@
       var chunks = response._chunks;
       stream = new ReactPromise("fulfilled", stream, controller);
       chunks.set(id, stream);
-      response = response._formData.data.getAll(response._prefix + id);
-      for (id = 0; id < response.length; id++)
-        (chunks = response[id]),
-          "string" === typeof chunks &&
-            ("C" === chunks[0]
+      chunks = response._prefix;
+      response = response._formData.streamChunks;
+      id = null === response ? void 0 : response.get(chunks + "S" + id);
+      if (void 0 !== id)
+        for (response = 0; response < id.length; response++)
+          (chunks = id[response]),
+            "C" === chunks[0]
               ? controller.close(
                   "C" === chunks ? '"$undefined"' : chunks.slice(1)
                 )
-              : controller.enqueueModel(chunks));
+              : controller.enqueueModel(chunks);
     }
     function parseReadableStream(response, reference, type) {
       function enqueue(value) {
@@ -3344,7 +3415,14 @@
       });
       return iterator;
     }
-    function parseModelString(response, obj, key, value, reference, arrayRoot) {
+    function parseModelString(
+      response,
+      obj,
+      key$jscomp$0,
+      value,
+      reference,
+      arrayRoot
+    ) {
       if ("$" === value[0]) {
         switch (value[1]) {
           case "$":
@@ -3364,7 +3442,7 @@
                 response,
                 arrayRoot,
                 obj,
-                key,
+                key$jscomp$0,
                 null,
                 loadServerReference$1
               )
@@ -3384,41 +3462,44 @@
           case "Q":
             return (
               (arrayRoot = value.slice(2)),
-              getOutlinedModel(response, arrayRoot, obj, key, null, createMap)
+              getOutlinedModel(
+                response,
+                arrayRoot,
+                obj,
+                key$jscomp$0,
+                null,
+                createMap
+              )
             );
           case "W":
             return (
               (arrayRoot = value.slice(2)),
-              getOutlinedModel(response, arrayRoot, obj, key, null, createSet)
+              getOutlinedModel(
+                response,
+                arrayRoot,
+                obj,
+                key$jscomp$0,
+                null,
+                createSet
+              )
             );
           case "K":
-            key = value.slice(2);
-            obj = response._prefix + "_";
-            key = obj + key + "_";
-            arrayRoot = new FormData();
-            for (response = response._formData; ; ) {
-              value = response;
-              reference = value.keys;
-              null === reference &&
-                ((reference = value.keys = Array.from(value.data.keys())),
-                (value.keyPointer = 0));
-              value = reference[value.keyPointer];
-              if (void 0 === value) break;
-              if (value.startsWith(key)) {
-                reference = response.data.getAll(value);
-                for (
-                  var referencedFormDataKey = value.slice(key.length), i = 0;
-                  i < reference.length;
-                  i++
-                )
-                  arrayRoot.append(referencedFormDataKey, reference[i]);
-                reference = response;
-                reference.data.delete(value);
-                reference.keyPointer++;
-              } else if (value.startsWith(obj)) break;
-              else response.keyPointer++;
+            key$jscomp$0 = value.slice(2);
+            obj = response._formData;
+            response = response._prefix + "_" + key$jscomp$0 + "_";
+            key$jscomp$0 = new FormData();
+            arrayRoot = obj.referencedEntries;
+            if (null !== arrayRoot) {
+              for (value = obj.keyPointer; value < arrayRoot.length; ) {
+                reference = arrayRoot[value];
+                var key = reference[0];
+                if (!key.startsWith(response)) break;
+                key$jscomp$0.append(key.slice(response.length), reference[1]);
+                value++;
+              }
+              obj.keyPointer = value;
             }
-            return arrayRoot;
+            return key$jscomp$0;
           case "i":
             return (
               (arrayRoot = value.slice(2)),
@@ -3426,7 +3507,7 @@
                 response,
                 arrayRoot,
                 obj,
-                key,
+                key$jscomp$0,
                 null,
                 extractIterator
               )
@@ -3463,7 +3544,7 @@
               ArrayBuffer,
               1,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "O":
@@ -3473,7 +3554,7 @@
               Int8Array,
               1,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "o":
@@ -3483,7 +3564,7 @@
               Uint8Array,
               1,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "U":
@@ -3493,7 +3574,7 @@
               Uint8ClampedArray,
               1,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "S":
@@ -3503,7 +3584,7 @@
               Int16Array,
               2,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "s":
@@ -3513,7 +3594,7 @@
               Uint16Array,
               2,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "L":
@@ -3523,7 +3604,7 @@
               Int32Array,
               4,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "l":
@@ -3533,7 +3614,7 @@
               Uint32Array,
               4,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "G":
@@ -3543,7 +3624,7 @@
               Float32Array,
               4,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "g":
@@ -3553,7 +3634,7 @@
               Float64Array,
               8,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "M":
@@ -3563,7 +3644,7 @@
               BigInt64Array,
               8,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "m":
@@ -3573,7 +3654,7 @@
               BigUint64Array,
               8,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "V":
@@ -3583,13 +3664,13 @@
               DataView,
               1,
               obj,
-              key,
+              key$jscomp$0,
               arrayRoot
             );
           case "B":
             return (
               (obj = parseInt(value.slice(2), 16)),
-              response._formData.data.get(response._prefix + obj)
+              getBackingBlob(response._formData, response._prefix + obj)
             );
         }
         switch (value[1]) {
@@ -3607,7 +3688,7 @@
           response,
           value,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot,
           createModel
         );
@@ -3626,11 +3707,20 @@
             : new FormData(),
         arraySizeLimit =
           4 < arguments.length && void 0 !== arguments[4] ? arguments[4] : 1e6,
-        chunks = new Map();
+        chunks = new Map(),
+        backingStore = {
+          prefix: formFieldPrefix,
+          referencedEntries: null,
+          keyPointer: 0,
+          stringChunks: null,
+          streamChunks: null,
+          blobs: null
+        };
+      backingFormData.forEach(appendBackingEntry.bind(null, backingStore));
       return {
         _bundlerConfig: bundlerConfig,
         _prefix: formFieldPrefix,
-        _formData: { data: backingFormData, keyPointer: -1, keys: null },
+        _formData: backingStore,
         _chunks: chunks,
         _temporaryReferences: temporaryReferences,
         _rootArrayContexts: new WeakMap(),
@@ -3638,19 +3728,26 @@
       };
     }
     function resolveField(response, key, value) {
-      var backingStore = response._formData;
-      backingStore.data.append(key, value);
-      var keys = backingStore.keys;
-      null === keys
-        ? ((backingStore.keys = Array.from(backingStore.data.keys())),
-          (backingStore.keyPointer = 0))
-        : keys.push(key);
-      keys = response._prefix;
-      key.startsWith(keys) &&
-        ((backingStore = response._chunks),
-        (key = +key.slice(keys.length)),
-        (backingStore = backingStore.get(key)) &&
-          resolveModelChunk(response, backingStore, value, key));
+      var prefix = response._prefix;
+      if (key.startsWith(prefix)) {
+        var chunks = response._chunks;
+        if ("S" === key[prefix.length]) {
+          if (
+            key.length > prefix.length + 1 &&
+            ((prefix = +key.slice(prefix.length + 1)),
+            (chunks = chunks.get(prefix)))
+          ) {
+            resolveModelChunk(response, chunks, value, prefix);
+            return;
+          }
+        } else if (
+          ((prefix = +key.slice(prefix.length)), (chunks = chunks.get(prefix)))
+        ) {
+          resolveModelChunk(response, chunks, value, prefix);
+          return;
+        }
+      }
+      appendBackingEntry(response._formData, value, key);
     }
     function close(response) {
       reportGlobalError(response, Error("Connection closed."));
@@ -3716,6 +3813,12 @@
     var async_hooks = require("async_hooks"),
       ReactDOM = require("react-dom"),
       React = require("react"),
+      hasOwnProperty = Object.prototype.hasOwnProperty,
+      supportsArrayBufferDetached = hasOwnProperty.call(
+        ArrayBuffer.prototype,
+        "detached"
+      ),
+      didWarnAboutMissingArrayBufferDetached = !1,
       scheduleMicrotask = queueMicrotask,
       currentView = null,
       writtenBytes = 0,
@@ -4137,7 +4240,6 @@
       debugID = null,
       modelRoot = !1,
       emptyRoot = {},
-      hasOwnProperty = Object.prototype.hasOwnProperty,
       chunkCache = new Map(),
       RESPONSE_SYMBOL = Symbol();
     ReactPromise.prototype = Object.create(Promise.prototype);
@@ -4205,44 +4307,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];
@@ -4275,26 +4377,33 @@
           var current = head;
           if (!current.complete) return;
           try {
-            var response = response$jscomp$0,
-              key = current.name,
-              handle = current.file,
-              blob = new Blob(handle.chunks, { type: handle.mime }),
-              backingStore = response._formData;
-            response = key;
-            backingStore.data.append(response, blob, handle.filename);
-            var keys = backingStore.keys;
-            null === keys
-              ? ((backingStore.keys = Array.from(backingStore.data.keys())),
-                (backingStore.keyPointer = 0))
-              : keys.push(response);
+            var key = current.name,
+              JSCompiler_temp_const = response._formData;
+            var handle = current.file;
+            if ("function" === typeof File)
+              var JSCompiler_inline_result = new File(
+                handle.chunks,
+                handle.filename,
+                { type: handle.mime }
+              );
+            else {
+              var scratch = new FormData();
+              scratch.append(
+                "file",
+                new Blob(handle.chunks, { type: handle.mime }),
+                handle.filename
+              );
+              JSCompiler_inline_result = scratch.get("file");
+            }
+            appendBackingEntry(
+              JSCompiler_temp_const,
+              JSCompiler_inline_result,
+              key
+            );
             var queuedFields = current.queuedFields;
             if (null !== queuedFields)
-              for (response = 0; response < queuedFields.length; response += 2)
-                resolveField(
-                  response$jscomp$0,
-                  queuedFields[response],
-                  queuedFields[response + 1]
-                );
+              for (var i = 0; i < queuedFields.length; i += 2)
+                resolveField(response, queuedFields[i], queuedFields[i + 1]);
           } catch (error) {
             busboyStream.destroy(error);
             return;
@@ -4302,9 +4411,9 @@
           head = current.next;
         }
         tail = null;
-        bodyFinished && !closed && ((closed = !0), close(response$jscomp$0));
+        bodyFinished && !closed && ((closed = !0), close(response));
       }
-      var response$jscomp$0 = createResponse(
+      var response = createResponse(
           webpackMap,
           "",
           options ? options.temporaryReferences : void 0,
@@ -4321,7 +4430,7 @@
             tail.queuedFields.push(name, value);
         else
           try {
-            resolveField(response$jscomp$0, name, value);
+            resolveField(response, name, value);
           } catch (error) {
             busboyStream.destroy(error);
           }
@@ -4367,14 +4476,14 @@
         flush();
         closed ||
           reportGlobalError(
-            response$jscomp$0,
+            response,
             Error("Reply finished with incomplete file part.")
           );
       });
       busboyStream.on("error", function (err) {
-        reportGlobalError(response$jscomp$0, err);
+        reportGlobalError(response, err);
       });
-      return getChunk(response$jscomp$0, 0);
+      return getChunk(response, 0);
     };
     exports.registerClientReference = function (
       proxyImplementation,