react-server-dom-webpack 19.0.0-rc-ab2135c7-20240724 → 19.0.0-rc-14a4699f-20240725

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

@@ -472,8 +472,12 @@
             "\n  " + objKind + "\n  " + objectOrArray)
           : "\n  " + objKind;
     }
-    function isNotExternal(stackFrame) {
-      return !externalRegExp.test(stackFrame[1]);
+    function defaultFilterStackFrame(filename) {
+      return (
+        "" !== filename &&
+        !filename.startsWith("node:") &&
+        !filename.includes("node_modules")
+      );
     }
     function getCurrentStackInDEV() {
       return "";
@@ -488,8 +492,9 @@
       onError,
       identifierPrefix,
       onPostpone,
+      temporaryReferences,
       environmentName,
-      temporaryReferences
+      filterStackFrame
     ) {
       if (
         null !== ReactSharedInternalsServer.A &&
@@ -538,6 +543,10 @@
                 return environmentName;
               }
             : environmentName;
+      this.filterStackFrame =
+        void 0 === filterStackFrame
+          ? defaultFilterStackFrame
+          : filterStackFrame;
       this.didWarnForKey = null;
       model = createTask(this, model, null, !1, abortSet, null);
       pingedTasks.push(model);
@@ -765,7 +774,7 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callWithDebugContextInDEV(task, callback, arg) {
+    function callWithDebugContextInDEV(request, task, callback, arg) {
       currentOwner = { env: task.environmentName, owner: task.debugOwner };
       try {
         return callback(arg);
@@ -794,12 +803,7 @@
         task.environmentName = componentEnv;
       }
       prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
-      props = callComponentInDEV(
-        Component,
-        props,
-        componentDebugInfo,
-        task.debugTask
-      );
+      props = callComponentInDEV(Component, props, componentDebugInfo);
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -831,7 +835,7 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              callWithDebugContextInDEV(task, function () {
+              callWithDebugContextInDEV(request, task, function () {
                 console.error(
                   "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
                 );
@@ -854,7 +858,7 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              callWithDebugContextInDEV(task, function () {
+              callWithDebugContextInDEV(request, task, function () {
                 console.error(
                   "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
                 );
@@ -870,10 +874,10 @@
         ? (task.keyPath =
             null === prevThenableState ? key : prevThenableState + "," + key)
         : null === prevThenableState && (task.implicitSlot = !0);
-      request = renderModelDestructive(request, task, emptyRoot, "", props);
+      key = renderModelDestructive(request, task, emptyRoot, "", props);
       task.keyPath = prevThenableState;
       task.implicitSlot = componentDebugID;
-      return request;
+      return key;
     }
     function renderFragment(request, task, children) {
       for (var i = 0; i < children.length; i++) {
@@ -1032,7 +1036,7 @@
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            callWithDebugContextInDEV(task, function () {
+            callWithDebugContextInDEV(request, task, function () {
               "Object" !== objectName(originalValue)
                 ? "string" === typeof jsxChildrenParents.get(parent)
                   ? console.error(
@@ -1457,10 +1461,11 @@
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
           return renderAsyncFragment(request, task, value, elementReference);
-        request = getPrototypeOf(value);
+        elementReference = getPrototypeOf(value);
         if (
-          request !== ObjectPrototype &&
-          (null === request || null !== getPrototypeOf(request))
+          elementReference !== ObjectPrototype &&
+          (null === elementReference ||
+            null !== getPrototypeOf(elementReference))
         )
           throw Error(
             "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
@@ -1478,7 +1483,7 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          callWithDebugContextInDEV(task, function () {
+          callWithDebugContextInDEV(request, task, function () {
             console.error(
               "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
               objectName(value),
@@ -1486,7 +1491,7 @@
             );
           });
         else if (!isSimpleObject(value))
-          callWithDebugContextInDEV(task, function () {
+          callWithDebugContextInDEV(request, task, function () {
             console.error(
               "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
               describeObjectForErrorMessage(parent, parentPropertyName)
@@ -1495,7 +1500,7 @@
         else if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(value);
           0 < symbols.length &&
-            callWithDebugContextInDEV(task, function () {
+            callWithDebugContextInDEV(request, task, function () {
               console.error(
                 "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
                 symbols[0].description,
@@ -1596,7 +1601,7 @@
         var onError = request.onError;
         var errorDigest =
           null !== task
-            ? callWithDebugContextInDEV(task, onError, error)
+            ? callWithDebugContextInDEV(request, task, onError, error)
             : onError(error);
       } finally {
         currentRequest = prevRequest;
@@ -1620,6 +1625,7 @@
       try {
         if (error instanceof Error) {
           var message = String(error.message);
+          var filterStackFrame = request.filterStackFrame;
           a: {
             var previousPrepare = Error.prepareStackTrace;
             Error.prepareStackTrace = prepareStackTrace;
@@ -1657,16 +1663,21 @@
               ]);
             }
           }
-          var stack$jscomp$0 = stack.filter(isNotExternal);
-          for (frames = 0; frames < stack$jscomp$0.length; frames++) {
-            var callsite = stack$jscomp$0[frames],
+          for (frames = 0; frames < stack.length; frames++) {
+            var callsite = stack[frames],
+              functionName = callsite[0],
               url = callsite[1];
             if (url.startsWith("rsc://React/")) {
-              var suffixIdx = url.lastIndexOf("?");
-              -1 < suffixIdx && (callsite[1] = url.slice(12, suffixIdx));
+              var envIdx = url.indexOf("/", 12),
+                suffixIdx = url.lastIndexOf("?");
+              -1 < envIdx &&
+                -1 < suffixIdx &&
+                (url = callsite[1] = url.slice(envIdx + 1, suffixIdx));
             }
+            filterStackFrame(url, functionName) ||
+              (stack.splice(frames, 1), frames--);
           }
-          var stack$jscomp$1 = stack$jscomp$0;
+          var stack$jscomp$0 = stack;
           var errorEnv = error.environmentName;
           "string" === typeof errorEnv && (env = errorEnv);
         } else
@@ -1674,14 +1685,16 @@
             "object" === typeof error && null !== error
               ? describeObjectForErrorMessage(error)
               : String(error)),
-            (stack$jscomp$1 = []);
+            (stack$jscomp$0 = []);
       } catch (x) {
-        message = "An error occurred but serializing the error message failed.";
+        (message =
+          "An error occurred but serializing the error message failed."),
+          (stack$jscomp$0 = []);
       }
       digest = {
         digest: digest,
         message: message,
-        stack: stack$jscomp$1,
+        stack: stack$jscomp$0,
         env: env
       };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
@@ -3124,7 +3137,7 @@
       }
     };
     var frameRegExp =
-        /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/,
+        /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/,
       TEMPORARY_REFERENCE_TAG = Symbol.for("react.temporary.reference"),
       proxyHandlers = {
         get: function (target, name) {
@@ -3307,7 +3320,6 @@
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      externalRegExp = /\/node_modules\/|^node:|^$/,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3445,8 +3457,9 @@
         options ? options.onError : void 0,
         options ? options.identifierPrefix : void 0,
         options ? options.onPostpone : void 0,
+        options ? options.temporaryReferences : void 0,
         options ? options.environmentName : void 0,
-        options ? options.temporaryReferences : void 0
+        options ? options.filterStackFrame : void 0
       );
       if (options && options.signal) {
         var signal = options.signal;

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

@@ -713,7 +713,6 @@ function RequestInstance(
   onError,
   identifierPrefix,
   onPostpone,
-  environmentName,
   temporaryReferences
 ) {
   if (
@@ -722,9 +721,9 @@ function RequestInstance(
   )
     throw Error("Currently React only supports one RSC renderer at a time.");
   ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
-  var abortSet = new Set();
-  environmentName = [];
-  var hints = new Set();
+  var abortSet = new Set(),
+    pingedTasks = [],
+    hints = new Set();
   this.status = 0;
   this.flushScheduled = !1;
   this.destination = this.fatalError = null;
@@ -734,7 +733,7 @@ function RequestInstance(
   this.hints = hints;
   this.abortListeners = new Set();
   this.abortableTasks = abortSet;
-  this.pingedTasks = environmentName;
+  this.pingedTasks = pingedTasks;
   this.completedImportChunks = [];
   this.completedHintChunks = [];
   this.completedRegularChunks = [];
@@ -750,7 +749,7 @@ function RequestInstance(
   this.onError = void 0 === onError ? defaultErrorHandler : onError;
   this.onPostpone = void 0 === onPostpone ? defaultPostponeHandler : onPostpone;
   model = createTask(this, model, null, !1, abortSet);
-  environmentName.push(model);
+  pingedTasks.push(model);
 }
 var currentRequest = null;
 function serializeThenable(request, task, thenable) {
@@ -2655,7 +2654,6 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
     options ? options.onError : void 0,
     options ? options.identifierPrefix : void 0,
     options ? options.onPostpone : void 0,
-    options ? options.environmentName : void 0,
     options ? options.temporaryReferences : void 0
   );
   if (options && options.signal) {

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

@@ -468,8 +468,12 @@
             "\n  " + objKind + "\n  " + objectOrArray)
           : "\n  " + objKind;
     }
-    function isNotExternal(stackFrame) {
-      return !externalRegExp.test(stackFrame[1]);
+    function defaultFilterStackFrame(filename) {
+      return (
+        "" !== filename &&
+        !filename.startsWith("node:") &&
+        !filename.includes("node_modules")
+      );
     }
     function getCurrentStackInDEV() {
       return "";
@@ -484,8 +488,9 @@
       onError,
       identifierPrefix,
       onPostpone,
+      temporaryReferences,
       environmentName,
-      temporaryReferences
+      filterStackFrame
     ) {
       if (
         null !== ReactSharedInternalsServer.A &&
@@ -534,6 +539,10 @@
                 return environmentName;
               }
             : environmentName;
+      this.filterStackFrame =
+        void 0 === filterStackFrame
+          ? defaultFilterStackFrame
+          : filterStackFrame;
       this.didWarnForKey = null;
       model = createTask(this, model, null, !1, abortSet, null);
       pingedTasks.push(model);
@@ -769,7 +778,7 @@
       lazyType._debugInfo = wakeable._debugInfo || [];
       return lazyType;
     }
-    function callWithDebugContextInDEV(task, callback, arg) {
+    function callWithDebugContextInDEV(request, task, callback, arg) {
       currentOwner = { env: task.environmentName, owner: task.debugOwner };
       try {
         return callback(arg);
@@ -798,12 +807,15 @@
         task.environmentName = componentEnv;
       }
       prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
-      props = callComponentInDEV(
-        Component,
-        props,
-        componentDebugInfo,
-        task.debugTask
-      );
+      props = supportsComponentStorage
+        ? componentStorage.run(
+            componentDebugInfo,
+            callComponentInDEV,
+            Component,
+            props,
+            componentDebugInfo
+          )
+        : callComponentInDEV(Component, props, componentDebugInfo);
       if (1 === request.status) throw AbortSigil;
       if (
         "object" === typeof props &&
@@ -835,7 +847,7 @@
                 Object.prototype.toString.call(Component) &&
                 "[object Generator]" ===
                   Object.prototype.toString.call(iterableChild)) ||
-              callWithDebugContextInDEV(task, function () {
+              callWithDebugContextInDEV(request, task, function () {
                 console.error(
                   "Returning an Iterator from a Server Component is not supported since it cannot be looped over more than once. "
                 );
@@ -858,7 +870,7 @@
                 Object.prototype.toString.call(Component) &&
                 "[object AsyncGenerator]" ===
                   Object.prototype.toString.call(_iterableChild)) ||
-              callWithDebugContextInDEV(task, function () {
+              callWithDebugContextInDEV(request, task, function () {
                 console.error(
                   "Returning an AsyncIterator from a Server Component is not supported since it cannot be looped over more than once. "
                 );
@@ -874,10 +886,10 @@
         ? (task.keyPath =
             null === prevThenableState ? key : prevThenableState + "," + key)
         : null === prevThenableState && (task.implicitSlot = !0);
-      request = renderModelDestructive(request, task, emptyRoot, "", props);
+      key = renderModelDestructive(request, task, emptyRoot, "", props);
       task.keyPath = prevThenableState;
       task.implicitSlot = componentDebugID;
-      return request;
+      return key;
     }
     function renderFragment(request, task, children) {
       for (var i = 0; i < children.length; i++) {
@@ -1036,7 +1048,7 @@
           "object" !== typeof originalValue ||
             originalValue === value ||
             originalValue instanceof Date ||
-            callWithDebugContextInDEV(task, function () {
+            callWithDebugContextInDEV(request, task, function () {
               "Object" !== objectName(originalValue)
                 ? "string" === typeof jsxChildrenParents.get(parent)
                   ? console.error(
@@ -1461,10 +1473,11 @@
         elementReference = value[ASYNC_ITERATOR];
         if ("function" === typeof elementReference)
           return renderAsyncFragment(request, task, value, elementReference);
-        request = getPrototypeOf(value);
+        elementReference = getPrototypeOf(value);
         if (
-          request !== ObjectPrototype &&
-          (null === request || null !== getPrototypeOf(request))
+          elementReference !== ObjectPrototype &&
+          (null === elementReference ||
+            null !== getPrototypeOf(elementReference))
         )
           throw Error(
             "Only plain objects, and a few built-ins, can be passed to Client Components from Server Components. Classes or null prototypes are not supported." +
@@ -1482,7 +1495,7 @@
         )
           return { name: value.name, env: value.env, owner: value.owner };
         if ("Object" !== objectName(value))
-          callWithDebugContextInDEV(task, function () {
+          callWithDebugContextInDEV(request, task, function () {
             console.error(
               "Only plain objects can be passed to Client Components from Server Components. %s objects are not supported.%s",
               objectName(value),
@@ -1490,7 +1503,7 @@
             );
           });
         else if (!isSimpleObject(value))
-          callWithDebugContextInDEV(task, function () {
+          callWithDebugContextInDEV(request, task, function () {
             console.error(
               "Only plain objects can be passed to Client Components from Server Components. Classes or other objects with methods are not supported.%s",
               describeObjectForErrorMessage(parent, parentPropertyName)
@@ -1499,7 +1512,7 @@
         else if (Object.getOwnPropertySymbols) {
           var symbols = Object.getOwnPropertySymbols(value);
           0 < symbols.length &&
-            callWithDebugContextInDEV(task, function () {
+            callWithDebugContextInDEV(request, task, function () {
               console.error(
                 "Only plain objects can be passed to Client Components from Server Components. Objects with symbol properties like %s are not supported.%s",
                 symbols[0].description,
@@ -1604,11 +1617,12 @@
               ? requestStorage.run(
                   void 0,
                   callWithDebugContextInDEV,
+                  request,
                   task,
                   onError,
                   error
                 )
-              : callWithDebugContextInDEV(task, onError, error)
+              : callWithDebugContextInDEV(request, task, onError, error)
             : supportsRequestStorage
               ? requestStorage.run(void 0, onError, error)
               : onError(error);
@@ -1634,6 +1648,7 @@
       try {
         if (error instanceof Error) {
           var message = String(error.message);
+          var filterStackFrame = request.filterStackFrame;
           a: {
             var previousPrepare = Error.prepareStackTrace;
             Error.prepareStackTrace = prepareStackTrace;
@@ -1671,16 +1686,21 @@
               ]);
             }
           }
-          var stack$jscomp$0 = stack.filter(isNotExternal);
-          for (frames = 0; frames < stack$jscomp$0.length; frames++) {
-            var callsite = stack$jscomp$0[frames],
+          for (frames = 0; frames < stack.length; frames++) {
+            var callsite = stack[frames],
+              functionName = callsite[0],
               url = callsite[1];
             if (url.startsWith("rsc://React/")) {
-              var suffixIdx = url.lastIndexOf("?");
-              -1 < suffixIdx && (callsite[1] = url.slice(12, suffixIdx));
+              var envIdx = url.indexOf("/", 12),
+                suffixIdx = url.lastIndexOf("?");
+              -1 < envIdx &&
+                -1 < suffixIdx &&
+                (url = callsite[1] = url.slice(envIdx + 1, suffixIdx));
             }
+            filterStackFrame(url, functionName) ||
+              (stack.splice(frames, 1), frames--);
           }
-          var stack$jscomp$1 = stack$jscomp$0;
+          var stack$jscomp$0 = stack;
           var errorEnv = error.environmentName;
           "string" === typeof errorEnv && (env = errorEnv);
         } else
@@ -1688,14 +1708,16 @@
             "object" === typeof error && null !== error
               ? describeObjectForErrorMessage(error)
               : String(error)),
-            (stack$jscomp$1 = []);
+            (stack$jscomp$0 = []);
       } catch (x) {
-        message = "An error occurred but serializing the error message failed.";
+        (message =
+          "An error occurred but serializing the error message failed."),
+          (stack$jscomp$0 = []);
       }
       digest = {
         digest: digest,
         message: message,
-        stack: stack$jscomp$1,
+        stack: stack$jscomp$0,
         env: env
       };
       id = id.toString(16) + ":E" + stringify(digest) + "\n";
@@ -3132,7 +3154,7 @@
       }
     };
     var frameRegExp =
-        /^ {3} at (?:(.+) \(([^\)]+):(\d+):(\d+)\)|(?:async )?([^\)]+):(\d+):(\d+))$/,
+        /^ {3} at (?:(.+) \((.+):(\d+):(\d+)\)|(?:async )?(.+):(\d+):(\d+))$/,
       supportsRequestStorage = "function" === typeof AsyncLocalStorage,
       requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null,
       supportsComponentStorage = supportsRequestStorage,
@@ -3302,14 +3324,7 @@
         ) {
           currentOwner = componentDebugInfo;
           try {
-            return supportsComponentStorage
-              ? componentStorage.run(
-                  componentDebugInfo,
-                  Component,
-                  props,
-                  void 0
-                )
-              : Component(props, void 0);
+            return Component(props, void 0);
           } finally {
             currentOwner = null;
           }
@@ -3337,7 +3352,6 @@
       jsxPropsParents = new WeakMap(),
       jsxChildrenParents = new WeakMap(),
       CLIENT_REFERENCE_TAG = Symbol.for("react.client.reference"),
-      externalRegExp = /\/node_modules\/|^node:|^$/,
       ObjectPrototype = Object.prototype,
       stringify = JSON.stringify,
       AbortSigil = {},
@@ -3467,8 +3481,9 @@
         options ? options.onError : void 0,
         options ? options.identifierPrefix : void 0,
         options ? options.onPostpone : void 0,
+        options ? options.temporaryReferences : void 0,
         options ? options.environmentName : void 0,
-        options ? options.temporaryReferences : void 0
+        options ? options.filterStackFrame : void 0
       );
       if (options && options.signal) {
         var signal = options.signal;

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

@@ -710,7 +710,6 @@ function RequestInstance(
   onError,
   identifierPrefix,
   onPostpone,
-  environmentName,
   temporaryReferences
 ) {
   if (
@@ -719,9 +718,9 @@ function RequestInstance(
   )
     throw Error("Currently React only supports one RSC renderer at a time.");
   ReactSharedInternalsServer.A = DefaultAsyncDispatcher;
-  var abortSet = new Set();
-  environmentName = [];
-  var hints = new Set();
+  var abortSet = new Set(),
+    pingedTasks = [],
+    hints = new Set();
   this.status = 0;
   this.flushScheduled = !1;
   this.destination = this.fatalError = null;
@@ -731,7 +730,7 @@ function RequestInstance(
   this.hints = hints;
   this.abortListeners = new Set();
   this.abortableTasks = abortSet;
-  this.pingedTasks = environmentName;
+  this.pingedTasks = pingedTasks;
   this.completedImportChunks = [];
   this.completedHintChunks = [];
   this.completedRegularChunks = [];
@@ -747,7 +746,7 @@ function RequestInstance(
   this.onError = void 0 === onError ? defaultErrorHandler : onError;
   this.onPostpone = void 0 === onPostpone ? defaultPostponeHandler : onPostpone;
   model = createTask(this, model, null, !1, abortSet);
-  environmentName.push(model);
+  pingedTasks.push(model);
 }
 var currentRequest = null;
 function resolveRequest() {
@@ -2657,7 +2656,6 @@ exports.renderToReadableStream = function (model, webpackMap, options) {
     options ? options.onError : void 0,
     options ? options.identifierPrefix : void 0,
     options ? options.onPostpone : void 0,
-    options ? options.environmentName : void 0,
     options ? options.temporaryReferences : void 0
   );
   if (options && options.signal) {