react-server-dom-webpack 19.0.0-rc-a960b92c-20240819 → 19.0.0-rc-eb3ad065-20240822

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

@@ -1013,7 +1013,7 @@
       retryTask(request, task);
       return 1 === task.status
         ? serializeByValueID(task.id)
-        : serializeLazyID(task.id);
+        : "$L" + task.id.toString(16);
     }
     function renderElement(request, task, type, key, ref, props) {
       if (null !== ref && void 0 !== ref)
@@ -1081,9 +1081,13 @@
       pingedTasks.push(task);
       1 === pingedTasks.length &&
         ((request.flushScheduled = null !== request.destination),
-        scheduleMicrotask(function () {
-          return performWork(request);
-        }));
+        21 === request.type
+          ? scheduleMicrotask(function () {
+              return performWork(request);
+            })
+          : scheduleWork(function () {
+              return performWork(request);
+            }));
     }
     function createTask(
       request,
@@ -1145,9 +1149,6 @@
     function serializeByValueID(id) {
       return "$" + id.toString(16);
     }
-    function serializeLazyID(id) {
-      return "$L" + id.toString(16);
-    }
     function serializeNumber(number) {
       return Number.isFinite(number)
         ? 0 === number && -Infinity === 1 / number
@@ -1177,7 +1178,7 @@
         existingId = writtenClientReferences.get(clientReferenceKey);
       if (void 0 !== existingId)
         return parent[0] === REACT_ELEMENT_TYPE && "1" === parentPropertyName
-          ? serializeLazyID(existingId)
+          ? "$L" + existingId.toString(16)
           : serializeByValueID(existingId);
       try {
         var config = request.bundlerConfig,
@@ -1209,7 +1210,7 @@
         request.completedImportChunks.push(processedChunk);
         writtenClientReferences.set(clientReferenceKey, importId);
         return parent[0] === REACT_ELEMENT_TYPE && "1" === parentPropertyName
-          ? serializeLazyID(importId)
+          ? "$L" + importId.toString(16)
           : serializeByValueID(importId);
       } catch (x) {
         return (
@@ -1357,6 +1358,12 @@
           null !== parent &&
           (parent.$$typeof === REACT_ELEMENT_TYPE ||
             parent.$$typeof === REACT_LAZY_TYPE);
+        if (11 === request.status)
+          return (
+            (task.status = 3),
+            (task = request.fatalError),
+            parent ? "$L" + task.toString(16) : serializeByValueID(task)
+          );
         key =
           thrownValue === SuspenseException
             ? getSuspendedThenable()
@@ -1365,35 +1372,24 @@
           "object" === typeof key &&
           null !== key &&
           "function" === typeof key.then
-        ) {
-          if (11 === request.status)
-            return (
-              (task.status = 3),
-              (task = request.fatalError),
-              parent ? serializeLazyID(task) : serializeByValueID(task)
-            );
-          request = createTask(
-            request,
-            task.model,
-            task.keyPath,
-            task.implicitSlot,
-            request.abortableTasks,
-            task.debugOwner
-          );
-          value = request.ping;
-          key.then(value, value);
-          request.thenableState = getThenableStateAfterSuspending();
-          task.keyPath = prevKeyPath;
-          task.implicitSlot = prevImplicitSlot;
-          return parent
-            ? serializeLazyID(request.id)
-            : serializeByValueID(request.id);
-        }
-        if (11 === request.status)
+        )
           return (
-            (task.status = 3),
-            (task = request.fatalError),
-            parent ? serializeLazyID(task) : serializeByValueID(task)
+            (request = createTask(
+              request,
+              task.model,
+              task.keyPath,
+              task.implicitSlot,
+              request.abortableTasks,
+              task.debugOwner
+            )),
+            (value = request.ping),
+            key.then(value, value),
+            (request.thenableState = getThenableStateAfterSuspending()),
+            (task.keyPath = prevKeyPath),
+            (task.implicitSlot = prevImplicitSlot),
+            parent
+              ? "$L" + request.id.toString(16)
+              : serializeByValueID(request.id)
           );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
@@ -1402,7 +1398,7 @@
         task = logRecoverableError(request, key, task);
         emitErrorChunk(request, prevKeyPath, task, key);
         return parent
-          ? serializeLazyID(prevKeyPath)
+          ? "$L" + prevKeyPath.toString(16)
           : serializeByValueID(prevKeyPath);
       }
     }
@@ -2071,36 +2067,31 @@
           request.abortableTasks.delete(task);
           task.status = 1;
         } catch (thrownValue) {
-          var x =
-            thrownValue === SuspenseException
-              ? getSuspendedThenable()
-              : thrownValue;
-          if (
-            "object" === typeof x &&
-            null !== x &&
-            "function" === typeof x.then
-          )
-            if (11 === request.status) {
-              request.abortableTasks.delete(task);
-              task.status = 3;
-              var model = stringify(serializeByValueID(request.fatalError));
-              emitModelChunk(request, task.id, model);
-            } else {
+          if (11 === request.status) {
+            request.abortableTasks.delete(task);
+            task.status = 3;
+            var model = stringify(serializeByValueID(request.fatalError));
+            emitModelChunk(request, task.id, model);
+          } else {
+            var x =
+              thrownValue === SuspenseException
+                ? getSuspendedThenable()
+                : thrownValue;
+            if (
+              "object" === typeof x &&
+              null !== x &&
+              "function" === typeof x.then
+            ) {
               task.status = 0;
               task.thenableState = getThenableStateAfterSuspending();
               var ping = task.ping;
               x.then(ping, ping);
+            } else {
+              request.abortableTasks.delete(task);
+              task.status = 4;
+              var digest = logRecoverableError(request, x, task);
+              emitErrorChunk(request, task.id, digest, x);
             }
-          else if (11 === request.status) {
-            request.abortableTasks.delete(task);
-            task.status = 3;
-            var _model = stringify(serializeByValueID(request.fatalError));
-            emitModelChunk(request, task.id, _model);
-          } else {
-            request.abortableTasks.delete(task);
-            task.status = 4;
-            var digest = logRecoverableError(request, x, task);
-            emitErrorChunk(request, task.id, digest, x);
           }
         } finally {
           debugID = prevDebugID;
@@ -2206,9 +2197,13 @@
     }
     function startWork(request) {
       request.flushScheduled = null !== request.destination;
-      scheduleWork(function () {
-        return performWork(request);
-      });
+      21 === request.type
+        ? scheduleMicrotask(function () {
+            return performWork(request);
+          })
+        : scheduleWork(function () {
+            return performWork(request);
+          });
     }
     function enqueueFlush(request) {
       !1 === request.flushScheduled &&
@@ -2226,8 +2221,6 @@
         10 === request.status && (request.status = 11);
         var abortableTasks = request.abortableTasks;
         if (0 < abortableTasks.size) {
-          var errorId = request.nextChunkId++;
-          request.fatalError = errorId;
           var error =
               void 0 === reason
                 ? Error(
@@ -2240,13 +2233,15 @@
                       "The render was aborted by the server with a promise."
                     )
                   : reason,
-            digest = logRecoverableError(request, error, null);
+            digest = logRecoverableError(request, error, null),
+            _errorId2 = request.nextChunkId++;
+          request.fatalError = _errorId2;
           request.pendingChunks++;
-          emitErrorChunk(request, errorId, digest, error);
+          emitErrorChunk(request, _errorId2, digest, error);
           abortableTasks.forEach(function (task) {
             if (5 !== task.status) {
               task.status = 3;
-              var ref = serializeByValueID(errorId);
+              var ref = serializeByValueID(_errorId2);
               task = encodeReferenceChunk(request, task.id, ref);
               request.completedErrorChunks.push(task);
             }

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

@@ -1118,9 +1118,13 @@ function pingTask(request, task) {
   pingedTasks.push(task);
   1 === pingedTasks.length &&
     ((request.flushScheduled = null !== request.destination),
-    scheduleMicrotask(function () {
-      return performWork(request);
-    }));
+    21 === request.type
+      ? scheduleMicrotask(function () {
+          return performWork(request);
+        })
+      : scheduleWork(function () {
+          return performWork(request);
+        }));
 }
 function createTask(request, model, keyPath, implicitSlot, abortSet) {
   request.pendingChunks++;
@@ -1158,54 +1162,48 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
             null !== parentPropertyName &&
             (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
               parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-          (value =
+          11 === request.status)
+        )
+          (task.status = 3),
+            (prevKeyPath = request.fatalError),
+            (JSCompiler_inline_result = parentPropertyName
+              ? "$L" + prevKeyPath.toString(16)
+              : serializeByValueID(prevKeyPath));
+        else if (
+          ((value =
             thrownValue === SuspenseException
               ? getSuspendedThenable()
               : thrownValue),
           "object" === typeof value &&
             null !== value &&
             "function" === typeof value.then)
-        )
-          if (11 === request.status)
-            (task.status = 3),
-              (prevKeyPath = request.fatalError),
-              (JSCompiler_inline_result = parentPropertyName
-                ? "$L" + prevKeyPath.toString(16)
-                : serializeByValueID(prevKeyPath));
-          else {
-            JSCompiler_inline_result = createTask(
-              request,
-              task.model,
-              task.keyPath,
-              task.implicitSlot,
-              request.abortableTasks
-            );
-            var ping = JSCompiler_inline_result.ping;
-            value.then(ping, ping);
-            JSCompiler_inline_result.thenableState =
-              getThenableStateAfterSuspending();
-            task.keyPath = prevKeyPath;
-            task.implicitSlot = prevImplicitSlot;
-            JSCompiler_inline_result = parentPropertyName
-              ? "$L" + JSCompiler_inline_result.id.toString(16)
-              : serializeByValueID(JSCompiler_inline_result.id);
-          }
-        else
-          11 === request.status
-            ? ((task.status = 3),
-              (prevKeyPath = request.fatalError),
-              (JSCompiler_inline_result = parentPropertyName
-                ? "$L" + prevKeyPath.toString(16)
-                : serializeByValueID(prevKeyPath)))
-            : ((task.keyPath = prevKeyPath),
-              (task.implicitSlot = prevImplicitSlot),
-              request.pendingChunks++,
-              (prevKeyPath = request.nextChunkId++),
-              (prevImplicitSlot = logRecoverableError(request, value, task)),
-              emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
-              (JSCompiler_inline_result = parentPropertyName
-                ? "$L" + prevKeyPath.toString(16)
-                : serializeByValueID(prevKeyPath)));
+        ) {
+          JSCompiler_inline_result = createTask(
+            request,
+            task.model,
+            task.keyPath,
+            task.implicitSlot,
+            request.abortableTasks
+          );
+          var ping = JSCompiler_inline_result.ping;
+          value.then(ping, ping);
+          JSCompiler_inline_result.thenableState =
+            getThenableStateAfterSuspending();
+          task.keyPath = prevKeyPath;
+          task.implicitSlot = prevImplicitSlot;
+          JSCompiler_inline_result = parentPropertyName
+            ? "$L" + JSCompiler_inline_result.id.toString(16)
+            : serializeByValueID(JSCompiler_inline_result.id);
+        } else
+          (task.keyPath = prevKeyPath),
+            (task.implicitSlot = prevImplicitSlot),
+            request.pendingChunks++,
+            (prevKeyPath = request.nextChunkId++),
+            (prevImplicitSlot = logRecoverableError(request, value, task)),
+            emitErrorChunk(request, prevKeyPath, prevImplicitSlot),
+            (JSCompiler_inline_result = parentPropertyName
+              ? "$L" + prevKeyPath.toString(16)
+              : serializeByValueID(prevKeyPath));
       }
       return JSCompiler_inline_result;
     },
@@ -1743,32 +1741,31 @@ function retryTask(request, task) {
       request.abortableTasks.delete(task);
       task.status = 1;
     } catch (thrownValue) {
-      var x =
-        thrownValue === SuspenseException
-          ? getSuspendedThenable()
-          : thrownValue;
-      if ("object" === typeof x && null !== x && "function" === typeof x.then)
-        if (11 === request.status) {
-          request.abortableTasks.delete(task);
-          task.status = 3;
-          var model = stringify(serializeByValueID(request.fatalError));
-          emitModelChunk(request, task.id, model);
-        } else {
+      if (11 === request.status) {
+        request.abortableTasks.delete(task);
+        task.status = 3;
+        var model = stringify(serializeByValueID(request.fatalError));
+        emitModelChunk(request, task.id, model);
+      } else {
+        var x =
+          thrownValue === SuspenseException
+            ? getSuspendedThenable()
+            : thrownValue;
+        if (
+          "object" === typeof x &&
+          null !== x &&
+          "function" === typeof x.then
+        ) {
           task.status = 0;
           task.thenableState = getThenableStateAfterSuspending();
           var ping = task.ping;
           x.then(ping, ping);
+        } else {
+          request.abortableTasks.delete(task);
+          task.status = 4;
+          var digest = logRecoverableError(request, x, task);
+          emitErrorChunk(request, task.id, digest);
         }
-      else if (11 === request.status) {
-        request.abortableTasks.delete(task);
-        task.status = 3;
-        var model$19 = stringify(serializeByValueID(request.fatalError));
-        emitModelChunk(request, task.id, model$19);
-      } else {
-        request.abortableTasks.delete(task);
-        task.status = 4;
-        var digest = logRecoverableError(request, x, task);
-        emitErrorChunk(request, task.id, digest);
       }
     } finally {
     }
@@ -1839,9 +1836,13 @@ function flushCompletedChunks(request, destination) {
 }
 function startWork(request) {
   request.flushScheduled = null !== request.destination;
-  scheduleWork(function () {
-    return performWork(request);
-  });
+  21 === request.type
+    ? scheduleMicrotask(function () {
+        return performWork(request);
+      })
+    : scheduleWork(function () {
+        return performWork(request);
+      });
 }
 function enqueueFlush(request) {
   !1 === request.flushScheduled &&
@@ -1859,8 +1860,6 @@ function abort(request, reason) {
     10 === request.status && (request.status = 11);
     var abortableTasks = request.abortableTasks;
     if (0 < abortableTasks.size) {
-      var errorId = request.nextChunkId++;
-      request.fatalError = errorId;
       var error =
           void 0 === reason
             ? Error("The render was aborted by the server without a reason.")
@@ -1869,7 +1868,9 @@ function abort(request, reason) {
                 "function" === typeof reason.then
               ? Error("The render was aborted by the server with a promise.")
               : reason,
-        digest = logRecoverableError(request, error, null);
+        digest = logRecoverableError(request, error, null),
+        errorId = request.nextChunkId++;
+      request.fatalError = errorId;
       request.pendingChunks++;
       emitErrorChunk(request, errorId, digest, error);
       abortableTasks.forEach(function (task) {
@@ -1886,7 +1887,7 @@ function abort(request, reason) {
     }
     var abortListeners = request.abortListeners;
     if (0 < abortListeners.size) {
-      var error$26 =
+      var error$23 =
         void 0 === reason
           ? Error("The render was aborted by the server without a reason.")
           : "object" === typeof reason &&
@@ -1895,14 +1896,14 @@ function abort(request, reason) {
             ? Error("The render was aborted by the server with a promise.")
             : reason;
       abortListeners.forEach(function (callback) {
-        return callback(error$26);
+        return callback(error$23);
       });
       abortListeners.clear();
     }
     null !== request.destination &&
       flushCompletedChunks(request, request.destination);
-  } catch (error$27) {
-    logRecoverableError(request, error$27, null), fatalError(request, error$27);
+  } catch (error$24) {
+    logRecoverableError(request, error$24, null), fatalError(request, error$24);
   }
 }
 function resolveServerReference(bundlerConfig, id) {
@@ -2354,8 +2355,8 @@ function parseReadableStream(response, reference, type) {
             (previousBlockedChunk = chunk));
       } else {
         chunk = previousBlockedChunk;
-        var chunk$30 = createPendingChunk(response);
-        chunk$30.then(
+        var chunk$27 = createPendingChunk(response);
+        chunk$27.then(
           function (v) {
             return controller.enqueue(v);
           },
@@ -2363,10 +2364,10 @@ function parseReadableStream(response, reference, type) {
             return controller.error(e);
           }
         );
-        previousBlockedChunk = chunk$30;
+        previousBlockedChunk = chunk$27;
         chunk.then(function () {
-          previousBlockedChunk === chunk$30 && (previousBlockedChunk = null);
-          resolveModelChunk(chunk$30, json, -1);
+          previousBlockedChunk === chunk$27 && (previousBlockedChunk = null);
+          resolveModelChunk(chunk$27, json, -1);
         });
       }
     },