react-server-dom-webpack 19.0.7 → 19.0.9

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

@@ -11,12 +11,17 @@
 "use strict";
 var ReactDOM = require("react-dom"),
   React = require("react"),
+  hasOwnProperty = Object.prototype.hasOwnProperty,
   channel = new MessageChannel(),
   taskQueue = [];
 channel.port1.onmessage = function () {
   var task = taskQueue.shift();
   task && task();
 };
+var supportsArrayBufferDetached = hasOwnProperty.call(
+  ArrayBuffer.prototype,
+  "detached"
+);
 function scheduleWork(callback) {
   taskQueue.push(callback);
   channel.port2.postMessage(null);
@@ -38,28 +43,30 @@ var LocalPromise = Promise,
   currentView = null,
   writtenBytes = 0;
 function writeChunkAndReturn(destination, chunk) {
-  if (0 !== chunk.byteLength)
-    if (2048 < chunk.byteLength)
-      0 < writtenBytes &&
-        (destination.enqueue(
-          new Uint8Array(currentView.buffer, 0, writtenBytes)
-        ),
-        (currentView = new Uint8Array(2048)),
-        (writtenBytes = 0)),
-        destination.enqueue(chunk);
-    else {
-      var allowableBytes = currentView.length - writtenBytes;
-      allowableBytes < chunk.byteLength &&
-        (0 === allowableBytes
-          ? destination.enqueue(currentView)
-          : (currentView.set(chunk.subarray(0, allowableBytes), writtenBytes),
-            destination.enqueue(currentView),
-            (chunk = chunk.subarray(allowableBytes))),
-        (currentView = new Uint8Array(2048)),
-        (writtenBytes = 0));
-      currentView.set(chunk, writtenBytes);
-      writtenBytes += chunk.byteLength;
-    }
+  if (0 === chunk.byteLength) {
+    if (supportsArrayBufferDetached && 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 if (2048 < chunk.byteLength)
+    0 < writtenBytes &&
+      (destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes)),
+      (currentView = new Uint8Array(2048)),
+      (writtenBytes = 0)),
+      destination.enqueue(chunk);
+  else {
+    var allowableBytes = currentView.length - writtenBytes;
+    allowableBytes < chunk.byteLength &&
+      (0 === allowableBytes
+        ? destination.enqueue(currentView)
+        : (currentView.set(chunk.subarray(0, allowableBytes), writtenBytes),
+          destination.enqueue(currentView),
+          (chunk = chunk.subarray(allowableBytes))),
+      (currentView = new Uint8Array(2048)),
+      (writtenBytes = 0));
+    currentView.set(chunk, writtenBytes);
+    writtenBytes += chunk.byteLength;
+  }
   return !0;
 }
 var textEncoder = new TextEncoder();
@@ -935,7 +942,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
-        iterator.throw(reason).then(error, error);
+        iterator.throw(reason).then(noop, noop);
     }
   }
   function abortIterable(reason) {
@@ -946,7 +953,7 @@ function serializeAsyncIterable(request, task, iterable, iterator) {
       emitErrorChunk(request, streamTask.id, digest);
       enqueueFlush(request);
       "function" === typeof iterator.throw &&
-        iterator.throw(reason).then(error, error);
+        iterator.throw(reason).then(noop, noop);
     }
   }
   iterable = iterable === iterator;
@@ -1681,14 +1688,30 @@ function emitModelChunk(request, id, json) {
 }
 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) + ",";
+  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) {
+        typedArray = view.slice();
+        break a;
+      }
+    }
+    typedArray = view;
+  }
+  view = typedArray.byteLength;
+  id = id.toString(16) + ":" + tag + view.toString(16) + ",";
   id = stringToChunk(id);
   request.completedRegularChunks.push(id, typedArray);
 }
@@ -1927,7 +1950,6 @@ function abort(request, reason) {
     logRecoverableError(request, error$27, null), fatalError(request, error$27);
   }
 }
-var hasOwnProperty = Object.prototype.hasOwnProperty;
 function resolveServerReference(bundlerConfig, id) {
   var name = "",
     resolvedModuleData = bundlerConfig[id];
@@ -2010,6 +2032,38 @@ __webpack_require__.u = function (chunkId) {
     ? flightChunk
     : webpackGetChunkFilename(chunkId);
 };
+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);
+}
 var RESPONSE_SYMBOL = Symbol();
 function ReactPromise(status, value, reason) {
   this.status = status;
@@ -2379,13 +2433,16 @@ function reportGlobalError(response, error) {
 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
         ? createResolvedModelChunk(response, chunk, id)
-        : 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) {
@@ -2616,7 +2673,7 @@ function parseTypedArray(
       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++;
@@ -2660,13 +2717,15 @@ function resolveStream(response, id, stream, controller) {
   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) {
@@ -2832,7 +2891,14 @@ function parseAsyncIterable(response, reference, iterator) {
   });
   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 "$":
@@ -2850,7 +2916,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
             response,
             arrayRoot,
             obj,
-            key,
+            key$jscomp$0,
             null,
             loadServerReference$1
           )
@@ -2867,43 +2933,55 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
       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.keys;
-          null === value &&
-            ((value = response.keys = Array.from(response.data.keys())),
-            (response.keyPointer = 0));
-          value = value[response.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]);
-            response.data.delete(value);
-            response.keyPointer++;
-          } else if (value.startsWith(obj)) break;
-          else response.keyPointer++;
+        obj = value.slice(2);
+        obj = response._prefix + "_" + obj + "_";
+        response = response._formData;
+        key$jscomp$0 = new FormData();
+        arrayRoot = response.referencedEntries;
+        if (null !== arrayRoot) {
+          for (value = response.keyPointer; value < arrayRoot.length; ) {
+            reference = arrayRoot[value];
+            var key = reference[0];
+            if (!key.startsWith(obj)) break;
+            key$jscomp$0.append(key.slice(obj.length), reference[1]);
+            value++;
+          }
+          response.keyPointer = value;
         }
-        return arrayRoot;
+        return key$jscomp$0;
       case "i":
         return (
           (arrayRoot = value.slice(2)),
-          getOutlinedModel(response, arrayRoot, obj, key, null, extractIterator)
+          getOutlinedModel(
+            response,
+            arrayRoot,
+            obj,
+            key$jscomp$0,
+            null,
+            extractIterator
+          )
         );
       case "I":
         return Infinity;
@@ -2934,7 +3012,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           ArrayBuffer,
           1,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "O":
@@ -2944,7 +3022,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Int8Array,
           1,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "o":
@@ -2954,7 +3032,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Uint8Array,
           1,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "U":
@@ -2964,7 +3042,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Uint8ClampedArray,
           1,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "S":
@@ -2974,7 +3052,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Int16Array,
           2,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "s":
@@ -2984,7 +3062,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Uint16Array,
           2,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "L":
@@ -2994,7 +3072,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Int32Array,
           4,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "l":
@@ -3004,7 +3082,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Uint32Array,
           4,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "G":
@@ -3014,7 +3092,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Float32Array,
           4,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "g":
@@ -3024,7 +3102,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           Float64Array,
           8,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "M":
@@ -3034,7 +3112,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           BigInt64Array,
           8,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "m":
@@ -3044,7 +3122,7 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           BigUint64Array,
           8,
           obj,
-          key,
+          key$jscomp$0,
           arrayRoot
         );
       case "V":
@@ -3054,13 +3132,13 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
           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]) {
@@ -3074,7 +3152,14 @@ function parseModelString(response, obj, key, value, reference, arrayRoot) {
         return parseAsyncIterable(response, value, !0);
     }
     value = value.slice(1);
-    return getOutlinedModel(response, value, obj, key, arrayRoot, createModel);
+    return getOutlinedModel(
+      response,
+      value,
+      obj,
+      key$jscomp$0,
+      arrayRoot,
+      createModel
+    );
   }
   null !== arrayRoot && bumpArrayCount(arrayRoot, value.length, response);
   return value;
@@ -3086,11 +3171,20 @@ function createResponse(bundlerConfig, formFieldPrefix, temporaryReferences) {
         : 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(),
@@ -3152,44 +3246,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];