react-server-dom-webpack 19.0.0-rc-94e652d5-20240912 → 19.0.0-rc-ee1a403a-20240916

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

@@ -785,7 +785,7 @@ function serializeThenable(request, task, thenable) {
         newTask.id
       );
     default:
-      if (11 === request.status)
+      if (12 === request.status)
         return (
           request.abortableTasks.delete(newTask),
           (newTask.status = 3),
@@ -1001,7 +1001,7 @@ function renderFunctionComponent(request, task, key, Component, props) {
   thenableIndexCounter = 0;
   thenableState = prevThenableState;
   Component = Component(props, void 0);
-  if (11 === request.status)
+  if (12 === request.status)
     throw (
       ("object" === typeof Component &&
         null !== Component &&
@@ -1100,7 +1100,7 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_LAZY_TYPE:
         var init = type._init;
         type = init(type._payload);
-        if (11 === request.status) throw null;
+        if (12 === request.status) throw null;
         return renderElement(request, task, type, key, ref, props);
       case REACT_FORWARD_REF_TYPE:
         return renderFunctionComponent(request, task, key, type.render, props);
@@ -1121,7 +1121,7 @@ function pingTask(request, task) {
   pingedTasks.push(task);
   1 === pingedTasks.length &&
     ((request.flushScheduled = null !== request.destination),
-    21 === request.type
+    21 === request.type || 10 === request.status
       ? scheduleMicrotask(function () {
           return performWork(request);
         })
@@ -1165,7 +1165,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
             null !== parentPropertyName &&
             (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
               parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-          11 === request.status)
+          12 === request.status)
         )
           (task.status = 3),
             (prevKeyPath = request.fatalError),
@@ -1256,8 +1256,14 @@ function serializeClientReference(
             '" in the React Client Manifest. This is probably a bug in the React Server Components bundler.'
         );
     }
+    if (!0 === resolvedModuleData.async && !0 === clientReference.$$async)
+      throw Error(
+        'The module "' +
+          modulePath +
+          '" is marked as an async ESM module but was loaded as a CJS proxy. This is probably a bug in the React Server Components bundler.'
+      );
     var JSCompiler_inline_result =
-      !0 === clientReference.$$async
+      !0 === resolvedModuleData.async || !0 === clientReference.$$async
         ? [resolvedModuleData.id, resolvedModuleData.chunks, existingId, 1]
         : [resolvedModuleData.id, resolvedModuleData.chunks, existingId];
     request.pendingChunks++;
@@ -1379,7 +1385,7 @@ function renderModelDestructive(
         task.thenableState = null;
         parentPropertyName = value._init;
         value = parentPropertyName(value._payload);
-        if (11 === request.status) throw null;
+        if (12 === request.status) throw null;
         return renderModelDestructive(request, task, emptyRoot, "", value);
       case REACT_LEGACY_ELEMENT_TYPE:
         throw Error(
@@ -1646,8 +1652,8 @@ function fatalError(request, error) {
   var onFatalError = request.onFatalError;
   onFatalError(error);
   null !== request.destination
-    ? ((request.status = 13), closeWithError(request.destination, error))
-    : ((request.status = 12), (request.fatalError = error));
+    ? ((request.status = 14), closeWithError(request.destination, error))
+    : ((request.status = 13), (request.fatalError = error));
 }
 function emitErrorChunk(request, id, digest) {
   digest = { digest: digest };
@@ -1744,7 +1750,7 @@ function retryTask(request, task) {
       request.abortableTasks.delete(task);
       task.status = 1;
     } catch (thrownValue) {
-      if (11 === request.status) {
+      if (12 === request.status) {
         request.abortableTasks.delete(task);
         task.status = 3;
         var model = stringify(serializeByValueID(request.fatalError));
@@ -1835,17 +1841,16 @@ function flushCompletedChunks(request, destination) {
         (writtenBytes = 0));
   }
   0 === request.pendingChunks &&
-    ((request.status = 13), destination.close(), (request.destination = null));
+    ((request.status = 14), destination.close(), (request.destination = null));
 }
 function startWork(request) {
   request.flushScheduled = null !== request.destination;
-  21 === request.type
-    ? scheduleMicrotask(function () {
-        return performWork(request);
-      })
-    : scheduleWork(function () {
-        return performWork(request);
-      });
+  scheduleMicrotask(function () {
+    return performWork(request);
+  });
+  scheduleWork(function () {
+    10 === request.status && (request.status = 11);
+  });
 }
 function enqueueFlush(request) {
   !1 === request.flushScheduled &&
@@ -1860,7 +1865,7 @@ function enqueueFlush(request) {
 }
 function abort(request, reason) {
   try {
-    10 === request.status && (request.status = 11);
+    11 >= request.status && (request.status = 12);
     var abortableTasks = request.abortableTasks;
     if (0 < abortableTasks.size) {
       var error =
@@ -2742,9 +2747,9 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
         startWork(request);
       },
       pull: function (controller) {
-        if (12 === request.status)
-          (request.status = 13), closeWithError(controller, request.fatalError);
-        else if (13 !== request.status && null === request.destination) {
+        if (13 === request.status)
+          (request.status = 14), closeWithError(controller, request.fatalError);
+        else if (14 !== request.status && null === request.destination) {
           request.destination = controller;
           try {
             flushCompletedChunks(request, controller);

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

@@ -607,7 +607,7 @@
         pingedTasks = [],
         hints = new Set();
       this.type = type;
-      this.status = 10;
+      this.status = OPENING;
       this.flushScheduled = !1;
       this.destination = this.fatalError = null;
       this.bundlerConfig = bundlerConfig;
@@ -1153,7 +1153,7 @@
       pingedTasks.push(task);
       1 === pingedTasks.length &&
         ((request.flushScheduled = null !== request.destination),
-        request.type === PRERENDER
+        request.type === PRERENDER || request.status === OPENING
           ? scheduleMicrotask(function () {
               return performWork(request);
             })
@@ -1273,8 +1273,14 @@
                 '" in the React Client Manifest. This is probably a bug in the React Server Components bundler.'
             );
         }
+        if (!0 === resolvedModuleData.async && !0 === clientReference.$$async)
+          throw Error(
+            'The module "' +
+              modulePath +
+              '" is marked as an async ESM module but was loaded as a CJS proxy. This is probably a bug in the React Server Components bundler.'
+          );
         var clientReferenceMetadata =
-          !0 === clientReference.$$async
+          !0 === resolvedModuleData.async || !0 === clientReference.$$async
             ? [resolvedModuleData.id, resolvedModuleData.chunks, existingId, 1]
             : [resolvedModuleData.id, resolvedModuleData.chunks, existingId];
         request.pendingChunks++;
@@ -2146,13 +2152,15 @@
             );
             var currentEnv = (0, request.environmentName)();
             currentEnv !== task.environmentName &&
-              emitDebugChunk(request, task.id, { env: currentEnv });
+              (request.pendingChunks++,
+              emitDebugChunk(request, task.id, { env: currentEnv }));
             emitChunk(request, task, resolvedModel);
           } else {
             var json = stringify(resolvedModel),
               _currentEnv = (0, request.environmentName)();
             _currentEnv !== task.environmentName &&
-              emitDebugChunk(request, task.id, { env: _currentEnv });
+              (request.pendingChunks++,
+              emitDebugChunk(request, task.id, { env: _currentEnv }));
             emitModelChunk(request, task.id, json);
           }
           request.abortableTasks.delete(task);
@@ -2288,21 +2296,16 @@
     }
     function startWork(request) {
       request.flushScheduled = null !== request.destination;
-      request.type === PRERENDER
-        ? supportsRequestStorage
-          ? scheduleMicrotask(function () {
-              requestStorage.run(request, performWork, request);
-            })
-          : scheduleMicrotask(function () {
-              return performWork(request);
-            })
-        : supportsRequestStorage
-          ? setTimeout(function () {
-              return requestStorage.run(request, performWork, request);
-            }, 0)
-          : setTimeout(function () {
-              return performWork(request);
-            }, 0);
+      supportsRequestStorage
+        ? scheduleMicrotask(function () {
+            requestStorage.run(request, performWork, request);
+          })
+        : scheduleMicrotask(function () {
+            return performWork(request);
+          });
+      setTimeout(function () {
+        request.status === OPENING && (request.status = 11);
+      }, 0);
     }
     function enqueueFlush(request) {
       !1 === request.flushScheduled &&
@@ -2317,7 +2320,7 @@
     }
     function abort(request, reason) {
       try {
-        10 === request.status && (request.status = ABORTING);
+        11 >= request.status && (request.status = ABORTING);
         var abortableTasks = request.abortableTasks;
         if (0 < abortableTasks.size) {
           var error =
@@ -3529,9 +3532,10 @@
       ABORTED = 3,
       ERRORED$1 = 4,
       RENDERING = 5,
-      ABORTING = 11,
-      CLOSING = 12,
-      CLOSED = 13,
+      OPENING = 10,
+      ABORTING = 12,
+      CLOSING = 13,
+      CLOSED = 14,
       PRERENDER = 21,
       currentRequest = null,
       debugID = null,

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

@@ -790,7 +790,7 @@ function serializeThenable(request, task, thenable) {
         newTask.id
       );
     default:
-      if (11 === request.status)
+      if (12 === request.status)
         return (
           request.abortableTasks.delete(newTask),
           (newTask.status = 3),
@@ -1006,7 +1006,7 @@ function renderFunctionComponent(request, task, key, Component, props) {
   thenableIndexCounter = 0;
   thenableState = prevThenableState;
   Component = Component(props, void 0);
-  if (11 === request.status)
+  if (12 === request.status)
     throw (
       ("object" === typeof Component &&
         null !== Component &&
@@ -1105,7 +1105,7 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_LAZY_TYPE:
         var init = type._init;
         type = init(type._payload);
-        if (11 === request.status) throw null;
+        if (12 === request.status) throw null;
         return renderElement(request, task, type, key, ref, props);
       case REACT_FORWARD_REF_TYPE:
         return renderFunctionComponent(request, task, key, type.render, props);
@@ -1126,7 +1126,7 @@ function pingTask(request, task) {
   pingedTasks.push(task);
   1 === pingedTasks.length &&
     ((request.flushScheduled = null !== request.destination),
-    21 === request.type
+    21 === request.type || 10 === request.status
       ? scheduleMicrotask(function () {
           return performWork(request);
         })
@@ -1170,7 +1170,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
             null !== parentPropertyName &&
             (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
               parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-          11 === request.status)
+          12 === request.status)
         )
           (task.status = 3),
             (prevKeyPath = request.fatalError),
@@ -1261,8 +1261,14 @@ function serializeClientReference(
             '" in the React Client Manifest. This is probably a bug in the React Server Components bundler.'
         );
     }
+    if (!0 === resolvedModuleData.async && !0 === clientReference.$$async)
+      throw Error(
+        'The module "' +
+          modulePath +
+          '" is marked as an async ESM module but was loaded as a CJS proxy. This is probably a bug in the React Server Components bundler.'
+      );
     var JSCompiler_inline_result =
-      !0 === clientReference.$$async
+      !0 === resolvedModuleData.async || !0 === clientReference.$$async
         ? [resolvedModuleData.id, resolvedModuleData.chunks, existingId, 1]
         : [resolvedModuleData.id, resolvedModuleData.chunks, existingId];
     request.pendingChunks++;
@@ -1384,7 +1390,7 @@ function renderModelDestructive(
         task.thenableState = null;
         parentPropertyName = value._init;
         value = parentPropertyName(value._payload);
-        if (11 === request.status) throw null;
+        if (12 === request.status) throw null;
         return renderModelDestructive(request, task, emptyRoot, "", value);
       case REACT_LEGACY_ELEMENT_TYPE:
         throw Error(
@@ -1653,8 +1659,8 @@ function fatalError(request, error) {
   var onFatalError = request.onFatalError;
   onFatalError(error);
   null !== request.destination
-    ? ((request.status = 13), closeWithError(request.destination, error))
-    : ((request.status = 12), (request.fatalError = error));
+    ? ((request.status = 14), closeWithError(request.destination, error))
+    : ((request.status = 13), (request.fatalError = error));
 }
 function emitErrorChunk(request, id, digest) {
   digest = { digest: digest };
@@ -1751,7 +1757,7 @@ function retryTask(request, task) {
       request.abortableTasks.delete(task);
       task.status = 1;
     } catch (thrownValue) {
-      if (11 === request.status) {
+      if (12 === request.status) {
         request.abortableTasks.delete(task);
         task.status = 3;
         var model = stringify(serializeByValueID(request.fatalError));
@@ -1842,25 +1848,20 @@ function flushCompletedChunks(request, destination) {
         (writtenBytes = 0));
   }
   0 === request.pendingChunks &&
-    ((request.status = 13), destination.close(), (request.destination = null));
+    ((request.status = 14), destination.close(), (request.destination = null));
 }
 function startWork(request) {
   request.flushScheduled = null !== request.destination;
-  21 === request.type
-    ? supportsRequestStorage
-      ? scheduleMicrotask(function () {
-          requestStorage.run(request, performWork, request);
-        })
-      : scheduleMicrotask(function () {
-          return performWork(request);
-        })
-    : supportsRequestStorage
-      ? setTimeout(function () {
-          return requestStorage.run(request, performWork, request);
-        }, 0)
-      : setTimeout(function () {
-          return performWork(request);
-        }, 0);
+  supportsRequestStorage
+    ? scheduleMicrotask(function () {
+        requestStorage.run(request, performWork, request);
+      })
+    : scheduleMicrotask(function () {
+        return performWork(request);
+      });
+  setTimeout(function () {
+    10 === request.status && (request.status = 11);
+  }, 0);
 }
 function enqueueFlush(request) {
   !1 === request.flushScheduled &&
@@ -1875,7 +1876,7 @@ function enqueueFlush(request) {
 }
 function abort(request, reason) {
   try {
-    10 === request.status && (request.status = 11);
+    11 >= request.status && (request.status = 12);
     var abortableTasks = request.abortableTasks;
     if (0 < abortableTasks.size) {
       var error =
@@ -2748,9 +2749,9 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
         startWork(request);
       },
       pull: function (controller) {
-        if (12 === request.status)
-          (request.status = 13), closeWithError(controller, request.fatalError);
-        else if (13 !== request.status && null === request.destination) {
+        if (13 === request.status)
+          (request.status = 14), closeWithError(controller, request.fatalError);
+        else if (14 !== request.status && null === request.destination) {
           request.destination = controller;
           try {
             flushCompletedChunks(request, controller);

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

@@ -631,7 +631,7 @@
         pingedTasks = [],
         hints = new Set();
       this.type = type;
-      this.status = 10;
+      this.status = OPENING;
       this.flushScheduled = !1;
       this.destination = this.fatalError = null;
       this.bundlerConfig = bundlerConfig;
@@ -1171,7 +1171,7 @@
       pingedTasks.push(task);
       1 === pingedTasks.length &&
         ((request.flushScheduled = null !== request.destination),
-        request.type === PRERENDER
+        request.type === PRERENDER || request.status === OPENING
           ? scheduleMicrotask(function () {
               return performWork(request);
             })
@@ -1290,8 +1290,14 @@
                 '" in the React Client Manifest. This is probably a bug in the React Server Components bundler.'
             );
         }
+        if (!0 === resolvedModuleData.async && !0 === clientReference.$$async)
+          throw Error(
+            'The module "' +
+              modulePath +
+              '" is marked as an async ESM module but was loaded as a CJS proxy. This is probably a bug in the React Server Components bundler.'
+          );
         var clientReferenceMetadata =
-          !0 === clientReference.$$async
+          !0 === resolvedModuleData.async || !0 === clientReference.$$async
             ? [resolvedModuleData.id, resolvedModuleData.chunks, existingId, 1]
             : [resolvedModuleData.id, resolvedModuleData.chunks, existingId];
         request.pendingChunks++;
@@ -2148,13 +2154,15 @@
             );
             var currentEnv = (0, request.environmentName)();
             currentEnv !== task.environmentName &&
-              emitDebugChunk(request, task.id, { env: currentEnv });
+              (request.pendingChunks++,
+              emitDebugChunk(request, task.id, { env: currentEnv }));
             emitChunk(request, task, resolvedModel);
           } else {
             var json = stringify(resolvedModel),
               _currentEnv = (0, request.environmentName)();
             _currentEnv !== task.environmentName &&
-              emitDebugChunk(request, task.id, { env: _currentEnv });
+              (request.pendingChunks++,
+              emitDebugChunk(request, task.id, { env: _currentEnv }));
             emitModelChunk(request, task.id, json);
           }
           request.abortableTasks.delete(task);
@@ -2291,13 +2299,12 @@
     }
     function startWork(request) {
       request.flushScheduled = null !== request.destination;
-      request.type === PRERENDER
-        ? scheduleMicrotask(function () {
-            requestStorage.run(request, performWork, request);
-          })
-        : setImmediate(function () {
-            return requestStorage.run(request, performWork, request);
-          });
+      scheduleMicrotask(function () {
+        requestStorage.run(request, performWork, request);
+      });
+      setImmediate(function () {
+        request.status === OPENING && (request.status = 11);
+      });
     }
     function enqueueFlush(request) {
       !1 === request.flushScheduled &&
@@ -2324,7 +2331,7 @@
     }
     function abort(request, reason) {
       try {
-        10 === request.status && (request.status = ABORTING);
+        11 >= request.status && (request.status = ABORTING);
         var abortableTasks = request.abortableTasks;
         if (0 < abortableTasks.size) {
           var error =
@@ -3541,9 +3548,10 @@
       ABORTED = 3,
       ERRORED$1 = 4,
       RENDERING = 5,
-      ABORTING = 11,
-      CLOSING = 12,
-      CLOSED = 13,
+      OPENING = 10,
+      ABORTING = 12,
+      CLOSING = 13,
+      CLOSED = 14,
       PRERENDER = 21,
       currentRequest = null,
       debugID = null,

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

@@ -806,7 +806,7 @@ function serializeThenable(request, task, thenable) {
         newTask.id
       );
     default:
-      if (11 === request.status)
+      if (12 === request.status)
         return (
           request.abortableTasks.delete(newTask),
           (newTask.status = 3),
@@ -1021,7 +1021,7 @@ function renderFunctionComponent(request, task, key, Component, props) {
   thenableIndexCounter = 0;
   thenableState = prevThenableState;
   Component = Component(props, void 0);
-  if (11 === request.status)
+  if (12 === request.status)
     throw (
       ("object" === typeof Component &&
         null !== Component &&
@@ -1120,7 +1120,7 @@ function renderElement(request, task, type, key, ref, props) {
       case REACT_LAZY_TYPE:
         var init = type._init;
         type = init(type._payload);
-        if (11 === request.status) throw null;
+        if (12 === request.status) throw null;
         return renderElement(request, task, type, key, ref, props);
       case REACT_FORWARD_REF_TYPE:
         return renderFunctionComponent(request, task, key, type.render, props);
@@ -1141,7 +1141,7 @@ function pingTask(request, task) {
   pingedTasks.push(task);
   1 === pingedTasks.length &&
     ((request.flushScheduled = null !== request.destination),
-    21 === request.type
+    21 === request.type || 10 === request.status
       ? scheduleMicrotask(function () {
           return performWork(request);
         })
@@ -1185,7 +1185,7 @@ function createTask(request, model, keyPath, implicitSlot, abortSet) {
             null !== parentPropertyName &&
             (parentPropertyName.$$typeof === REACT_ELEMENT_TYPE ||
               parentPropertyName.$$typeof === REACT_LAZY_TYPE)),
-          11 === request.status)
+          12 === request.status)
         )
           (task.status = 3),
             (prevKeyPath = request.fatalError),
@@ -1275,8 +1275,14 @@ function serializeClientReference(
             '" in the React Client Manifest. This is probably a bug in the React Server Components bundler.'
         );
     }
+    if (!0 === resolvedModuleData.async && !0 === clientReference.$$async)
+      throw Error(
+        'The module "' +
+          modulePath +
+          '" is marked as an async ESM module but was loaded as a CJS proxy. This is probably a bug in the React Server Components bundler.'
+      );
     var JSCompiler_inline_result =
-      !0 === clientReference.$$async
+      !0 === resolvedModuleData.async || !0 === clientReference.$$async
         ? [resolvedModuleData.id, resolvedModuleData.chunks, existingId, 1]
         : [resolvedModuleData.id, resolvedModuleData.chunks, existingId];
     request.pendingChunks++;
@@ -1397,7 +1403,7 @@ function renderModelDestructive(
         task.thenableState = null;
         parentPropertyName = value._init;
         value = parentPropertyName(value._payload);
-        if (11 === request.status) throw null;
+        if (12 === request.status) throw null;
         return renderModelDestructive(request, task, emptyRoot, "", value);
       case REACT_LEGACY_ELEMENT_TYPE:
         throw Error(
@@ -1663,8 +1669,8 @@ function fatalError(request, error) {
   var onFatalError = request.onFatalError;
   onFatalError(error);
   null !== request.destination
-    ? ((request.status = 13), request.destination.destroy(error))
-    : ((request.status = 12), (request.fatalError = error));
+    ? ((request.status = 14), request.destination.destroy(error))
+    : ((request.status = 13), (request.fatalError = error));
 }
 function emitErrorChunk(request, id, digest) {
   digest = { digest: digest };
@@ -1755,7 +1761,7 @@ function retryTask(request, task) {
       request.abortableTasks.delete(task);
       task.status = 1;
     } catch (thrownValue) {
-      if (11 === request.status) {
+      if (12 === request.status) {
         request.abortableTasks.delete(task);
         task.status = 3;
         var model = stringify(serializeByValueID(request.fatalError));
@@ -1870,17 +1876,16 @@ function flushCompletedChunks(request, destination) {
   }
   "function" === typeof destination.flush && destination.flush();
   0 === request.pendingChunks &&
-    ((request.status = 13), destination.end(), (request.destination = null));
+    ((request.status = 14), destination.end(), (request.destination = null));
 }
 function startWork(request) {
   request.flushScheduled = null !== request.destination;
-  21 === request.type
-    ? scheduleMicrotask(function () {
-        requestStorage.run(request, performWork, request);
-      })
-    : setImmediate(function () {
-        return requestStorage.run(request, performWork, request);
-      });
+  scheduleMicrotask(function () {
+    requestStorage.run(request, performWork, request);
+  });
+  setImmediate(function () {
+    10 === request.status && (request.status = 11);
+  });
 }
 function enqueueFlush(request) {
   !1 === request.flushScheduled &&
@@ -1894,9 +1899,9 @@ function enqueueFlush(request) {
     }));
 }
 function startFlowing(request, destination) {
-  if (12 === request.status)
-    (request.status = 13), destination.destroy(request.fatalError);
-  else if (13 !== request.status && null === request.destination) {
+  if (13 === request.status)
+    (request.status = 14), destination.destroy(request.fatalError);
+  else if (14 !== request.status && null === request.destination) {
     request.destination = destination;
     try {
       flushCompletedChunks(request, destination);
@@ -1907,7 +1912,7 @@ function startFlowing(request, destination) {
 }
 function abort(request, reason) {
   try {
-    10 === request.status && (request.status = 11);
+    11 >= request.status && (request.status = 12);
     var abortableTasks = request.abortableTasks;
     if (0 < abortableTasks.size) {
       var error =