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

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

@@ -1417,6 +1417,13 @@
       this._rowLength = this._rowTag = this._rowID = this._rowState = 0;
       this._buffer = [];
       this._tempRefs = temporaryReferences;
+      this._debugRootOwner = bundlerConfig =
+        void 0 === ReactSharedInteralsServer ||
+        null === ReactSharedInteralsServer.A
+          ? null
+          : ReactSharedInteralsServer.A.getOwner();
+      this._debugRootStack =
+        null !== bundlerConfig ? Error("react-stack-top-frame") : null;
       this._debugFindSourceMapURL = findSourceMapURL;
       this._replayConsole = replayConsole;
       this._rootEnvironmentName =
@@ -1935,7 +1942,10 @@
           break;
         case 68:
           buffer = JSON.parse(buffer, response._fromJSON);
-          initializeFakeStack(response, buffer);
+          null === buffer.owner && null != response._debugRootOwner
+            ? ((buffer.owner = response._debugRootOwner),
+              (buffer.debugStack = response._debugRootStack))
+            : initializeFakeStack(response, buffer);
           response = getChunk(response, id);
           (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
@@ -1981,25 +1991,26 @@
         if ("object" === typeof value && null !== value) {
           if (value[0] === REACT_ELEMENT_TYPE)
             if (
-              ((key = {
+              ((key = value[4]),
+              (value = {
                 $$typeof: REACT_ELEMENT_TYPE,
                 type: value[1],
                 key: value[2],
                 props: value[3],
-                _owner: value[4]
+                _owner: null === key ? response._debugRootOwner : key
               }),
-              Object.defineProperty(key, "ref", {
+              Object.defineProperty(value, "ref", {
                 enumerable: !1,
                 get: nullRefGetter
               }),
-              (key._store = {}),
-              Object.defineProperty(key._store, "validated", {
+              (value._store = {}),
+              Object.defineProperty(value._store, "validated", {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
                 value: 1
               }),
-              Object.defineProperty(key, "_debugInfo", {
+              Object.defineProperty(value, "_debugInfo", {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
@@ -2010,28 +2021,27 @@
               var handler = initializingHandler;
               initializingHandler = handler.parent;
               handler.errored
-                ? ((value = new ReactPromise(
+                ? ((key = new ReactPromise(
                     "rejected",
                     null,
                     handler.value,
                     response
                   )),
-                  (key = {
-                    name: getComponentNameFromType(key.type) || "",
-                    owner: key._owner
+                  (value = {
+                    name: getComponentNameFromType(value.type) || "",
+                    owner: value._owner
                   }),
-                  (value._debugInfo = [key]),
-                  (key = createLazyChunkWrapper(value)))
+                  (key._debugInfo = [value]),
+                  (value = createLazyChunkWrapper(key)))
                 : 0 < handler.deps &&
-                  ((value = new ReactPromise("blocked", null, null, response)),
-                  (handler.value = key),
-                  (handler.chunk = value),
-                  (key = Object.freeze.bind(Object, key.props)),
-                  value.then(key, key),
-                  (key = createLazyChunkWrapper(value)));
-            } else Object.freeze(key.props);
-          else key = value;
-          return key;
+                  ((key = new ReactPromise("blocked", null, null, response)),
+                  (handler.value = value),
+                  (handler.chunk = key),
+                  (value = Object.freeze.bind(Object, value.props)),
+                  key.then(value, value),
+                  (value = createLazyChunkWrapper(key)));
+            } else Object.freeze(value.props);
+          return value;
         }
         return value;
       };
@@ -2191,9 +2201,11 @@
       jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
-      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInteralsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
+        ReactSharedInteralsServer;
     ReactPromise.prototype = Object.create(Promise.prototype);
     ReactPromise.prototype.then = function (resolve, reject) {
       switch (this.status) {
@@ -2252,7 +2264,7 @@
         ) {
           var prevStack = ReactSharedInternals.getCurrentStack;
           ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
-          currentOwnerInDEV = owner;
+          currentOwnerInDEV = null === owner ? response._debugRootOwner : owner;
           try {
             var callStack = buildFakeCallStack(
               response,
@@ -2295,10 +2307,10 @@
       return hook.checkDCE ? !0 : !1;
     })({
       bundleType: 1,
-      version: "19.0.0-rc-94e652d5-20240912",
+      version: "19.0.0-rc-ee1a403a-20240916",
       rendererPackageName: "react-server-dom-webpack",
       currentDispatcherRef: ReactSharedInternals,
-      reconcilerVersion: "19.0.0-rc-94e652d5-20240912",
+      reconcilerVersion: "19.0.0-rc-ee1a403a-20240916",
       getCurrentComponentInfo: function () {
         return currentOwnerInDEV;
       }

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

@@ -1621,6 +1621,13 @@
       this._rowLength = this._rowTag = this._rowID = this._rowState = 0;
       this._buffer = [];
       this._tempRefs = temporaryReferences;
+      this._debugRootOwner = bundlerConfig =
+        void 0 === ReactSharedInteralsServer ||
+        null === ReactSharedInteralsServer.A
+          ? null
+          : ReactSharedInteralsServer.A.getOwner();
+      this._debugRootStack =
+        null !== bundlerConfig ? Error("react-stack-top-frame") : null;
       this._debugFindSourceMapURL = findSourceMapURL;
       this._replayConsole = replayConsole;
       this._rootEnvironmentName =
@@ -2144,7 +2151,10 @@
           break;
         case 68:
           buffer = JSON.parse(buffer, response._fromJSON);
-          initializeFakeStack(response, buffer);
+          null === buffer.owner && null != response._debugRootOwner
+            ? ((buffer.owner = response._debugRootOwner),
+              (buffer.debugStack = response._debugRootStack))
+            : initializeFakeStack(response, buffer);
           response = getChunk(response, id);
           (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
@@ -2190,25 +2200,26 @@
         if ("object" === typeof value && null !== value) {
           if (value[0] === REACT_ELEMENT_TYPE)
             if (
-              ((key = {
+              ((key = value[4]),
+              (value = {
                 $$typeof: REACT_ELEMENT_TYPE,
                 type: value[1],
                 key: value[2],
                 props: value[3],
-                _owner: value[4]
+                _owner: null === key ? response._debugRootOwner : key
               }),
-              Object.defineProperty(key, "ref", {
+              Object.defineProperty(value, "ref", {
                 enumerable: !1,
                 get: nullRefGetter
               }),
-              (key._store = {}),
-              Object.defineProperty(key._store, "validated", {
+              (value._store = {}),
+              Object.defineProperty(value._store, "validated", {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
                 value: 1
               }),
-              Object.defineProperty(key, "_debugInfo", {
+              Object.defineProperty(value, "_debugInfo", {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
@@ -2219,28 +2230,27 @@
               var handler = initializingHandler;
               initializingHandler = handler.parent;
               handler.errored
-                ? ((value = new ReactPromise(
+                ? ((key = new ReactPromise(
                     "rejected",
                     null,
                     handler.value,
                     response
                   )),
-                  (key = {
-                    name: getComponentNameFromType(key.type) || "",
-                    owner: key._owner
+                  (value = {
+                    name: getComponentNameFromType(value.type) || "",
+                    owner: value._owner
                   }),
-                  (value._debugInfo = [key]),
-                  (key = createLazyChunkWrapper(value)))
+                  (key._debugInfo = [value]),
+                  (value = createLazyChunkWrapper(key)))
                 : 0 < handler.deps &&
-                  ((value = new ReactPromise("blocked", null, null, response)),
-                  (handler.value = key),
-                  (handler.chunk = value),
-                  (key = Object.freeze.bind(Object, key.props)),
-                  value.then(key, key),
-                  (key = createLazyChunkWrapper(value)));
-            } else Object.freeze(key.props);
-          else key = value;
-          return key;
+                  ((key = new ReactPromise("blocked", null, null, response)),
+                  (handler.value = value),
+                  (handler.chunk = key),
+                  (value = Object.freeze.bind(Object, value.props)),
+                  key.then(value, value),
+                  (value = createLazyChunkWrapper(key)));
+            } else Object.freeze(value.props);
+          return value;
         }
         return value;
       };
@@ -2400,9 +2410,11 @@
       jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
-      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInteralsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
+        ReactSharedInteralsServer;
     ReactPromise.prototype = Object.create(Promise.prototype);
     ReactPromise.prototype.then = function (resolve, reject) {
       switch (this.status) {

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

@@ -1621,6 +1621,13 @@
       this._rowLength = this._rowTag = this._rowID = this._rowState = 0;
       this._buffer = [];
       this._tempRefs = temporaryReferences;
+      this._debugRootOwner = bundlerConfig =
+        void 0 === ReactSharedInteralsServer ||
+        null === ReactSharedInteralsServer.A
+          ? null
+          : ReactSharedInteralsServer.A.getOwner();
+      this._debugRootStack =
+        null !== bundlerConfig ? Error("react-stack-top-frame") : null;
       this._debugFindSourceMapURL = findSourceMapURL;
       this._replayConsole = replayConsole;
       this._rootEnvironmentName =
@@ -2145,7 +2152,10 @@
           break;
         case 68:
           row = JSON.parse(row, response._fromJSON);
-          initializeFakeStack(response, row);
+          null === row.owner && null != response._debugRootOwner
+            ? ((row.owner = response._debugRootOwner),
+              (row.debugStack = response._debugRootStack))
+            : initializeFakeStack(response, row);
           response = getChunk(response, id);
           (response._debugInfo || (response._debugInfo = [])).push(row);
           break;
@@ -2191,25 +2201,26 @@
         if ("object" === typeof value && null !== value) {
           if (value[0] === REACT_ELEMENT_TYPE)
             if (
-              ((key = {
+              ((key = value[4]),
+              (value = {
                 $$typeof: REACT_ELEMENT_TYPE,
                 type: value[1],
                 key: value[2],
                 props: value[3],
-                _owner: value[4]
+                _owner: null === key ? response._debugRootOwner : key
               }),
-              Object.defineProperty(key, "ref", {
+              Object.defineProperty(value, "ref", {
                 enumerable: !1,
                 get: nullRefGetter
               }),
-              (key._store = {}),
-              Object.defineProperty(key._store, "validated", {
+              (value._store = {}),
+              Object.defineProperty(value._store, "validated", {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
                 value: 1
               }),
-              Object.defineProperty(key, "_debugInfo", {
+              Object.defineProperty(value, "_debugInfo", {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
@@ -2220,28 +2231,27 @@
               var handler = initializingHandler;
               initializingHandler = handler.parent;
               handler.errored
-                ? ((value = new ReactPromise(
+                ? ((key = new ReactPromise(
                     "rejected",
                     null,
                     handler.value,
                     response
                   )),
-                  (key = {
-                    name: getComponentNameFromType(key.type) || "",
-                    owner: key._owner
+                  (value = {
+                    name: getComponentNameFromType(value.type) || "",
+                    owner: value._owner
                   }),
-                  (value._debugInfo = [key]),
-                  (key = createLazyChunkWrapper(value)))
+                  (key._debugInfo = [value]),
+                  (value = createLazyChunkWrapper(key)))
                 : 0 < handler.deps &&
-                  ((value = new ReactPromise("blocked", null, null, response)),
-                  (handler.value = key),
-                  (handler.chunk = value),
-                  (key = Object.freeze.bind(Object, key.props)),
-                  value.then(key, key),
-                  (key = createLazyChunkWrapper(value)));
-            } else Object.freeze(key.props);
-          else key = value;
-          return key;
+                  ((key = new ReactPromise("blocked", null, null, response)),
+                  (handler.value = value),
+                  (handler.chunk = key),
+                  (value = Object.freeze.bind(Object, value.props)),
+                  key.then(value, value),
+                  (value = createLazyChunkWrapper(key)));
+            } else Object.freeze(value.props);
+          return value;
         }
         return value;
       };
@@ -2290,9 +2300,11 @@
       jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
-      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInteralsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
+        ReactSharedInteralsServer;
     ReactPromise.prototype = Object.create(Promise.prototype);
     ReactPromise.prototype.then = function (resolve, reject) {
       switch (this.status) {

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

@@ -1596,6 +1596,13 @@
       this._rowLength = this._rowTag = this._rowID = this._rowState = 0;
       this._buffer = [];
       this._tempRefs = temporaryReferences;
+      this._debugRootOwner = bundlerConfig =
+        void 0 === ReactSharedInteralsServer ||
+        null === ReactSharedInteralsServer.A
+          ? null
+          : ReactSharedInteralsServer.A.getOwner();
+      this._debugRootStack =
+        null !== bundlerConfig ? Error("react-stack-top-frame") : null;
       this._debugFindSourceMapURL = findSourceMapURL;
       this._replayConsole = replayConsole;
       this._rootEnvironmentName =
@@ -2120,7 +2127,10 @@
           break;
         case 68:
           row = JSON.parse(row, response._fromJSON);
-          initializeFakeStack(response, row);
+          null === row.owner && null != response._debugRootOwner
+            ? ((row.owner = response._debugRootOwner),
+              (row.debugStack = response._debugRootStack))
+            : initializeFakeStack(response, row);
           response = getChunk(response, id);
           (response._debugInfo || (response._debugInfo = [])).push(row);
           break;
@@ -2166,25 +2176,26 @@
         if ("object" === typeof value && null !== value) {
           if (value[0] === REACT_ELEMENT_TYPE)
             if (
-              ((key = {
+              ((key = value[4]),
+              (value = {
                 $$typeof: REACT_ELEMENT_TYPE,
                 type: value[1],
                 key: value[2],
                 props: value[3],
-                _owner: value[4]
+                _owner: null === key ? response._debugRootOwner : key
               }),
-              Object.defineProperty(key, "ref", {
+              Object.defineProperty(value, "ref", {
                 enumerable: !1,
                 get: nullRefGetter
               }),
-              (key._store = {}),
-              Object.defineProperty(key._store, "validated", {
+              (value._store = {}),
+              Object.defineProperty(value._store, "validated", {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
                 value: 1
               }),
-              Object.defineProperty(key, "_debugInfo", {
+              Object.defineProperty(value, "_debugInfo", {
                 configurable: !1,
                 enumerable: !1,
                 writable: !0,
@@ -2195,28 +2206,27 @@
               var handler = initializingHandler;
               initializingHandler = handler.parent;
               handler.errored
-                ? ((value = new ReactPromise(
+                ? ((key = new ReactPromise(
                     "rejected",
                     null,
                     handler.value,
                     response
                   )),
-                  (key = {
-                    name: getComponentNameFromType(key.type) || "",
-                    owner: key._owner
+                  (value = {
+                    name: getComponentNameFromType(value.type) || "",
+                    owner: value._owner
                   }),
-                  (value._debugInfo = [key]),
-                  (key = createLazyChunkWrapper(value)))
+                  (key._debugInfo = [value]),
+                  (value = createLazyChunkWrapper(key)))
                 : 0 < handler.deps &&
-                  ((value = new ReactPromise("blocked", null, null, response)),
-                  (handler.value = key),
-                  (handler.chunk = value),
-                  (key = Object.freeze.bind(Object, key.props)),
-                  value.then(key, key),
-                  (key = createLazyChunkWrapper(value)));
-            } else Object.freeze(key.props);
-          else key = value;
-          return key;
+                  ((key = new ReactPromise("blocked", null, null, response)),
+                  (handler.value = value),
+                  (handler.chunk = key),
+                  (value = Object.freeze.bind(Object, value.props)),
+                  key.then(value, value),
+                  (value = createLazyChunkWrapper(key)));
+            } else Object.freeze(value.props);
+          return value;
         }
         return value;
       };
@@ -2265,9 +2275,11 @@
       jscSpiderMonkeyFrameRegExp = /(?:(.*)@)?(.*):(\d+):(\d+)/,
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
     new ("function" === typeof WeakMap ? WeakMap : Map)();
-    var ReactSharedInternals =
-      React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
-      React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    var ReactSharedInteralsServer =
+        React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
+      ReactSharedInternals =
+        React.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE ||
+        ReactSharedInteralsServer;
     ReactPromise.prototype = Object.create(Promise.prototype);
     ReactPromise.prototype.then = function (resolve, reject) {
       switch (this.status) {

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

@@ -606,7 +606,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;
@@ -1136,7 +1136,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);
             })
@@ -1256,8 +1256,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++;
@@ -2118,13 +2124,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);
@@ -2260,13 +2268,12 @@
     }
     function startWork(request) {
       request.flushScheduled = null !== request.destination;
-      request.type === PRERENDER
-        ? scheduleMicrotask(function () {
-            return performWork(request);
-          })
-        : scheduleWork(function () {
-            return performWork(request);
-          });
+      scheduleMicrotask(function () {
+        return performWork(request);
+      });
+      scheduleWork(function () {
+        request.status === OPENING && (request.status = 11);
+      });
     }
     function enqueueFlush(request) {
       !1 === request.flushScheduled &&
@@ -2281,7 +2288,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 =
@@ -3493,9 +3500,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,