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

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

@@ -1258,7 +1258,8 @@
       nonce,
       temporaryReferences,
       findSourceMapURL,
-      replayConsole
+      replayConsole,
+      environmentName
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1274,6 +1275,8 @@
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
       this._replayConsole = replayConsole;
+      this._rootEnvironmentName =
+        void 0 === environmentName ? "Server" : environmentName;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1497,7 +1500,14 @@
         }
       );
     }
-    function createFakeFunction(name, filename, sourceMap, line, col) {
+    function createFakeFunction(
+      name,
+      filename,
+      sourceMap,
+      line,
+      col,
+      environmentName
+    ) {
       name || (name = "<anonymous>");
       var encodedName = JSON.stringify(name);
       1 >= line
@@ -1520,6 +1530,8 @@
       sourceMap
         ? ((col +=
             "\n//# sourceURL=rsc://React/" +
+            encodeURIComponent(environmentName) +
+            "/" +
             filename +
             "?" +
             fakeFunctionIdx++),
@@ -1542,7 +1554,8 @@
         (null != debugInfo.stack &&
           (debugInfo.debugStack = createFakeJSXCallStackInDEV(
             response,
-            debugInfo.stack
+            debugInfo.stack,
+            null == debugInfo.env ? "" : debugInfo.env
           )),
         null != debugInfo.owner &&
           initializeFakeStack(response, debugInfo.owner));
@@ -1874,7 +1887,8 @@
           ? options.temporaryReferences
           : void 0,
         options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
-        options ? !1 !== options.replayConsoleLogs : !0
+        options ? !1 !== options.replayConsoleLogs : !0,
+        options && options.environmentName ? options.environmentName : void 0
       );
     }
     function startReadingFromStream(response, stream) {
@@ -2039,20 +2053,28 @@
       fakeFunctionCache = new Map(),
       fakeFunctionIdx = 0;
     ReactDOM = {
-      "react-stack-bottom-frame": function (response, stack) {
+      "react-stack-bottom-frame": function (response, stack, environmentName) {
         for (var callStack = fakeJSXCallSite, i = 0; i < stack.length; i++) {
           var frame = stack[i],
-            frameKey = frame.join("-"),
+            frameKey = frame.join("-") + "-" + environmentName,
             fn = fakeFunctionCache.get(frameKey);
           if (void 0 === fn) {
             fn = frame[0];
             var filename = frame[1],
               line = frame[2];
             frame = frame[3];
-            var sourceMap = response._debugFindSourceMapURL
-              ? response._debugFindSourceMapURL(filename)
+            var findSourceMapURL = response._debugFindSourceMapURL;
+            findSourceMapURL = findSourceMapURL
+              ? findSourceMapURL(filename, environmentName)
               : null;
-            fn = createFakeFunction(fn, filename, sourceMap, line, frame);
+            fn = createFakeFunction(
+              fn,
+              filename,
+              findSourceMapURL,
+              line,
+              frame,
+              environmentName
+            );
             fakeFunctionCache.set(frameKey, fn);
           }
           callStack = fn.bind(null, callStack);

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

@@ -1429,7 +1429,8 @@
       nonce,
       temporaryReferences,
       findSourceMapURL,
-      replayConsole
+      replayConsole,
+      environmentName
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1445,6 +1446,8 @@
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
       this._replayConsole = replayConsole;
+      this._rootEnvironmentName =
+        void 0 === environmentName ? "Server" : environmentName;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1673,7 +1676,14 @@
         }
       );
     }
-    function createFakeFunction(name, filename, sourceMap, line, col) {
+    function createFakeFunction(
+      name,
+      filename,
+      sourceMap,
+      line,
+      col,
+      environmentName
+    ) {
       name || (name = "<anonymous>");
       var encodedName = JSON.stringify(name);
       1 >= line
@@ -1696,6 +1706,8 @@
       sourceMap
         ? ((col +=
             "\n//# sourceURL=rsc://React/" +
+            encodeURIComponent(environmentName) +
+            "/" +
             filename +
             "?" +
             fakeFunctionIdx++),
@@ -1718,7 +1730,8 @@
         (null != debugInfo.stack &&
           (debugInfo.debugStack = createFakeJSXCallStackInDEV(
             response,
-            debugInfo.stack
+            debugInfo.stack,
+            null == debugInfo.env ? "" : debugInfo.env
           )),
         null != debugInfo.owner &&
           initializeFakeStack(response, debugInfo.owner));
@@ -2055,7 +2068,8 @@
           ? options.temporaryReferences
           : void 0,
         options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
-        options ? !0 === options.replayConsoleLogs : !1
+        options ? !0 === options.replayConsoleLogs : !1,
+        options && options.environmentName ? options.environmentName : void 0
       );
     }
     function startReadingFromStream(response, stream) {
@@ -2215,20 +2229,32 @@
       fakeFunctionCache = new Map(),
       fakeFunctionIdx = 0,
       createFakeJSXCallStack = {
-        "react-stack-bottom-frame": function (response, stack) {
+        "react-stack-bottom-frame": function (
+          response,
+          stack,
+          environmentName
+        ) {
           for (var callStack = fakeJSXCallSite, i = 0; i < stack.length; i++) {
             var frame = stack[i],
-              frameKey = frame.join("-"),
+              frameKey = frame.join("-") + "-" + environmentName,
               fn = fakeFunctionCache.get(frameKey);
             if (void 0 === fn) {
               fn = frame[0];
               var filename = frame[1],
                 line = frame[2];
               frame = frame[3];
-              var sourceMap = response._debugFindSourceMapURL
-                ? response._debugFindSourceMapURL(filename)
+              var findSourceMapURL = response._debugFindSourceMapURL;
+              findSourceMapURL = findSourceMapURL
+                ? findSourceMapURL(filename, environmentName)
                 : null;
-              fn = createFakeFunction(fn, filename, sourceMap, line, frame);
+              fn = createFakeFunction(
+                fn,
+                filename,
+                findSourceMapURL,
+                line,
+                frame,
+                environmentName
+              );
               fakeFunctionCache.set(frameKey, fn);
             }
             callStack = fn.bind(null, callStack);

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

@@ -1429,7 +1429,8 @@
       nonce,
       temporaryReferences,
       findSourceMapURL,
-      replayConsole
+      replayConsole,
+      environmentName
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1445,6 +1446,8 @@
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
       this._replayConsole = replayConsole;
+      this._rootEnvironmentName =
+        void 0 === environmentName ? "Server" : environmentName;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1673,7 +1676,14 @@
         }
       );
     }
-    function createFakeFunction(name, filename, sourceMap, line, col) {
+    function createFakeFunction(
+      name,
+      filename,
+      sourceMap,
+      line,
+      col,
+      environmentName
+    ) {
       name || (name = "<anonymous>");
       var encodedName = JSON.stringify(name);
       1 >= line
@@ -1696,6 +1706,8 @@
       sourceMap
         ? ((col +=
             "\n//# sourceURL=rsc://React/" +
+            encodeURIComponent(environmentName) +
+            "/" +
             filename +
             "?" +
             fakeFunctionIdx++),
@@ -1718,7 +1730,8 @@
         (null != debugInfo.stack &&
           (debugInfo.debugStack = createFakeJSXCallStackInDEV(
             response,
-            debugInfo.stack
+            debugInfo.stack,
+            null == debugInfo.env ? "" : debugInfo.env
           )),
         null != debugInfo.owner &&
           initializeFakeStack(response, debugInfo.owner));
@@ -2107,20 +2120,32 @@
       fakeFunctionCache = new Map(),
       fakeFunctionIdx = 0,
       createFakeJSXCallStack = {
-        "react-stack-bottom-frame": function (response, stack) {
+        "react-stack-bottom-frame": function (
+          response,
+          stack,
+          environmentName
+        ) {
           for (var callStack = fakeJSXCallSite, i = 0; i < stack.length; i++) {
             var frame = stack[i],
-              frameKey = frame.join("-"),
+              frameKey = frame.join("-") + "-" + environmentName,
               fn = fakeFunctionCache.get(frameKey);
             if (void 0 === fn) {
               fn = frame[0];
               var filename = frame[1],
                 line = frame[2];
               frame = frame[3];
-              var sourceMap = response._debugFindSourceMapURL
-                ? response._debugFindSourceMapURL(filename)
+              var findSourceMapURL = response._debugFindSourceMapURL;
+              findSourceMapURL = findSourceMapURL
+                ? findSourceMapURL(filename, environmentName)
                 : null;
-              fn = createFakeFunction(fn, filename, sourceMap, line, frame);
+              fn = createFakeFunction(
+                fn,
+                filename,
+                findSourceMapURL,
+                line,
+                frame,
+                environmentName
+              );
               fakeFunctionCache.set(frameKey, fn);
             }
             callStack = fn.bind(null, callStack);
@@ -2140,7 +2165,8 @@
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
         options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
-        options ? !0 === options.replayConsoleLogs : !1
+        options ? !0 === options.replayConsoleLogs : !1,
+        options && options.environmentName ? options.environmentName : void 0
       );
       stream.on("data", function (chunk) {
         if ("string" === typeof chunk) {

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

@@ -1404,7 +1404,8 @@
       nonce,
       temporaryReferences,
       findSourceMapURL,
-      replayConsole
+      replayConsole,
+      environmentName
     ) {
       var chunks = new Map();
       this._bundlerConfig = bundlerConfig;
@@ -1420,6 +1421,8 @@
       this._tempRefs = temporaryReferences;
       this._debugFindSourceMapURL = findSourceMapURL;
       this._replayConsole = replayConsole;
+      this._rootEnvironmentName =
+        void 0 === environmentName ? "Server" : environmentName;
       this._fromJSON = createFromJSONCallback(this);
     }
     function resolveBuffer(response, id, buffer) {
@@ -1648,7 +1651,14 @@
         }
       );
     }
-    function createFakeFunction(name, filename, sourceMap, line, col) {
+    function createFakeFunction(
+      name,
+      filename,
+      sourceMap,
+      line,
+      col,
+      environmentName
+    ) {
       name || (name = "<anonymous>");
       var encodedName = JSON.stringify(name);
       1 >= line
@@ -1671,6 +1681,8 @@
       sourceMap
         ? ((col +=
             "\n//# sourceURL=rsc://React/" +
+            encodeURIComponent(environmentName) +
+            "/" +
             filename +
             "?" +
             fakeFunctionIdx++),
@@ -1693,7 +1705,8 @@
         (null != debugInfo.stack &&
           (debugInfo.debugStack = createFakeJSXCallStackInDEV(
             response,
-            debugInfo.stack
+            debugInfo.stack,
+            null == debugInfo.env ? "" : debugInfo.env
           )),
         null != debugInfo.owner &&
           initializeFakeStack(response, debugInfo.owner));
@@ -2082,20 +2095,32 @@
       fakeFunctionCache = new Map(),
       fakeFunctionIdx = 0,
       createFakeJSXCallStack = {
-        "react-stack-bottom-frame": function (response, stack) {
+        "react-stack-bottom-frame": function (
+          response,
+          stack,
+          environmentName
+        ) {
           for (var callStack = fakeJSXCallSite, i = 0; i < stack.length; i++) {
             var frame = stack[i],
-              frameKey = frame.join("-"),
+              frameKey = frame.join("-") + "-" + environmentName,
               fn = fakeFunctionCache.get(frameKey);
             if (void 0 === fn) {
               fn = frame[0];
               var filename = frame[1],
                 line = frame[2];
               frame = frame[3];
-              var sourceMap = response._debugFindSourceMapURL
-                ? response._debugFindSourceMapURL(filename)
+              var findSourceMapURL = response._debugFindSourceMapURL;
+              findSourceMapURL = findSourceMapURL
+                ? findSourceMapURL(filename, environmentName)
                 : null;
-              fn = createFakeFunction(fn, filename, sourceMap, line, frame);
+              fn = createFakeFunction(
+                fn,
+                filename,
+                findSourceMapURL,
+                line,
+                frame,
+                environmentName
+              );
               fakeFunctionCache.set(frameKey, fn);
             }
             callStack = fn.bind(null, callStack);
@@ -2115,7 +2140,8 @@
         options && "string" === typeof options.nonce ? options.nonce : void 0,
         void 0,
         options && options.findSourceMapURL ? options.findSourceMapURL : void 0,
-        options ? !0 === options.replayConsoleLogs : !1
+        options ? !0 === options.replayConsoleLogs : !1,
+        options && options.environmentName ? options.environmentName : void 0
       );
       stream.on("data", function (chunk) {
         if ("string" === typeof chunk) {

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);
@@ -826,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. "
                 );
@@ -849,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. "
                 );
@@ -865,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++) {
@@ -1027,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(
@@ -1452,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." +
@@ -1473,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),
@@ -1481,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)
@@ -1490,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,
@@ -1591,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;
@@ -1615,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;
@@ -1652,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
@@ -1669,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";
@@ -3302,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 = {},
@@ -3440,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) {