react-server-dom-webpack 19.0.0-rc-512b09b2-20240718 → 19.0.0-rc-f6cce072-20240723

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

@@ -84,8 +84,8 @@
               return requireAsyncModule(metadata[0]);
             })
         : 0 < promises.length
-        ? Promise.all(promises)
-        : null;
+          ? Promise.all(promises)
+          : null;
     }
     function loadChunk(chunkId, filename) {
       chunkMap.set(chunkId, filename);
@@ -154,8 +154,8 @@
           return value.$$typeof === CLIENT_REFERENCE_TAG
             ? "client"
             : (value = value.displayName || value.name)
-            ? "function " + value
-            : "function";
+              ? "function " + value
+              : "function";
         default:
           return String(value);
       }
@@ -198,8 +198,8 @@
               "string" === typeof value
                 ? value
                 : "object" === typeof value && null !== value
-                ? "{" + describeObjectForErrorMessage(value) + "}"
-                : "{" + describeValueForErrorMessage(value) + "}";
+                  ? "{" + describeObjectForErrorMessage(value) + "}"
+                  : "{" + describeValueForErrorMessage(value) + "}";
             "" + i === expandedName
               ? ((start = objKind.length),
                 (length = value.length),
@@ -285,9 +285,9 @@
       return void 0 === expandedName
         ? objKind
         : -1 < start && 0 < length
-        ? ((objectOrArray = " ".repeat(start) + "^".repeat(length)),
-          "\n  " + objKind + "\n  " + objectOrArray)
-        : "\n  " + objKind;
+          ? ((objectOrArray = " ".repeat(start) + "^".repeat(length)),
+            "\n  " + objKind + "\n  " + objectOrArray)
+          : "\n  " + objKind;
     }
     function serializeNumber(number) {
       return Number.isFinite(number)
@@ -295,10 +295,10 @@
           ? "$-0"
           : number
         : Infinity === number
-        ? "$Infinity"
-        : -Infinity === number
-        ? "$-Infinity"
-        : "$NaN";
+          ? "$Infinity"
+          : -Infinity === number
+            ? "$-Infinity"
+            : "$NaN";
     }
     function processReply(
       root,
@@ -610,24 +610,24 @@
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? console.error(
-                "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
-                objectName(value),
-                describeObjectForErrorMessage(this, key)
-              )
-            : isSimpleObject(value)
-            ? Object.getOwnPropertySymbols &&
-              ((parentReference = Object.getOwnPropertySymbols(value)),
-              0 < parentReference.length &&
-                console.error(
-                  "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
-                  parentReference[0].description,
+              ? console.error(
+                  "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
+                  objectName(value),
                   describeObjectForErrorMessage(this, key)
-                ))
-            : console.error(
-                "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
-                describeObjectForErrorMessage(this, key)
-              );
+                )
+              : isSimpleObject(value)
+                ? Object.getOwnPropertySymbols &&
+                  ((parentReference = Object.getOwnPropertySymbols(value)),
+                  0 < parentReference.length &&
+                    console.error(
+                      "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
+                      parentReference[0].description,
+                      describeObjectForErrorMessage(this, key)
+                    ))
+                : console.error(
+                    "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
+                    describeObjectForErrorMessage(this, key)
+                  );
           return value;
         }
         if ("string" === typeof value) {
@@ -912,10 +912,10 @@
           "*" === metadata[2]
             ? moduleExports
             : "" === metadata[2]
-            ? moduleExports.__esModule
-              ? moduleExports.default
-              : moduleExports
-            : moduleExports[metadata[2]];
+              ? moduleExports.__esModule
+                ? moduleExports.default
+                : moduleExports
+              : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
       } catch (error) {
@@ -1484,6 +1484,56 @@
         }
       );
     }
+    function createFakeFunction(name, filename, sourceMap, line, col) {
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+            "\n".repeat(line - 2) +
+            "({" +
+            encodedName +
+            ":_=>\n" +
+            " ".repeat(1 > col ? 0 : col - 1) +
+            "_()})");
+      filename.startsWith("/") && (filename = "file://" + filename);
+      sourceMap
+        ? ((col +=
+            "\n//# sourceURL=rsc://React/" +
+            filename +
+            "?" +
+            fakeFunctionIdx++),
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
+      try {
+        var fn = (0, eval)(col)[name];
+      } catch (x) {
+        fn = function (_) {
+          return _();
+        };
+      }
+      return fn;
+    }
+    function fakeJSXCallSite() {
+      return Error("react-stack-top-frame");
+    }
+    function initializeFakeStack(response, debugInfo) {
+      void 0 === debugInfo.debugStack &&
+        (null != debugInfo.stack &&
+          (debugInfo.debugStack = createFakeJSXCallStackInDEV(
+            response,
+            debugInfo.stack
+          )),
+        null != debugInfo.owner &&
+          initializeFakeStack(response, debugInfo.owner));
+    }
     function mergeBuffer(buffer, lastChunk) {
       for (
         var l = buffer.length, byteLength = lastChunk.length, i = 0;
@@ -1623,16 +1673,38 @@
           }
           break;
         case 69:
-          tag = JSON.parse(buffer);
-          chunk = tag.digest;
-          stringDecoder = tag.env;
+          stringDecoder = JSON.parse(buffer);
+          tag = stringDecoder.digest;
+          chunk = stringDecoder.env;
           buffer = Error(
-            tag.message ||
+            stringDecoder.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          buffer.stack = tag.stack;
-          buffer.digest = chunk;
-          buffer.environmentName = stringDecoder;
+          stringDecoder = stringDecoder.stack;
+          row = buffer.name + ": " + buffer.message;
+          if (stringDecoder)
+            for (i = 0; i < stringDecoder.length; i++) {
+              var frame = stringDecoder[i],
+                name = frame[0],
+                filename = frame[1],
+                line = frame[2];
+              frame = frame[3];
+              row = name
+                ? row +
+                  ("\n    at " +
+                    name +
+                    " (" +
+                    filename +
+                    ":" +
+                    line +
+                    ":" +
+                    frame +
+                    ")")
+                : row + ("\n    at " + filename + ":" + line + ":" + frame);
+            }
+          buffer.stack = row;
+          buffer.digest = tag;
+          buffer.environmentName = chunk;
           tag = response._chunks;
           (chunk = tag.get(id))
             ? triggerErrorOnChunk(chunk, buffer)
@@ -1646,6 +1718,7 @@
           break;
         case 68:
           buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeStack(response, buffer);
           response = getChunk(response, id);
           (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
@@ -1835,10 +1908,10 @@
                 86 === rowState
                   ? ((rowTag = rowState), (rowState = 2), i++)
                   : (64 < rowState && 91 > rowState) ||
-                    114 === rowState ||
-                    120 === rowState
-                  ? ((rowTag = rowState), (rowState = 3), i++)
-                  : ((rowTag = 0), (rowState = 3));
+                      114 === rowState ||
+                      120 === rowState
+                    ? ((rowTag = rowState), (rowState = 3), i++)
+                    : ((rowTag = 0), (rowState = 3));
                 continue;
               case 2:
                 lastIdx = value[i++];
@@ -1949,7 +2022,33 @@
           reject && reject(this.reason);
       }
     };
-    var initializingHandler = null;
+    var initializingHandler = null,
+      fakeFunctionCache = new Map(),
+      fakeFunctionIdx = 0;
+    ReactDOM = {
+      "react-stack-bottom-frame": function (response, stack) {
+        for (var callStack = fakeJSXCallSite, i = 0; i < stack.length; i++) {
+          var frame = stack[i],
+            frameKey = frame.join("-"),
+            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)
+              : null;
+            fn = createFakeFunction(fn, filename, sourceMap, line, frame);
+            fakeFunctionCache.set(frameKey, fn);
+          }
+          callStack = fn.bind(null, callStack);
+        }
+        return callStack();
+      }
+    };
+    var createFakeJSXCallStackInDEV =
+      ReactDOM["react-stack-bottom-frame"].bind(ReactDOM);
     exports.createFromFetch = function (promiseForResponse, options) {
       var response = createResponseFromOptions(options);
       promiseForResponse.then(

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

@@ -71,8 +71,8 @@ function preloadModule(metadata) {
           return requireAsyncModule(metadata[0]);
         })
     : 0 < promises.length
-    ? Promise.all(promises)
-    : null;
+      ? Promise.all(promises)
+      : null;
 }
 var chunkMap = new Map(),
   webpackGetChunkFilename = __webpack_require__.u;
@@ -105,10 +105,10 @@ function serializeNumber(number) {
       ? "$-0"
       : number
     : Infinity === number
-    ? "$Infinity"
-    : -Infinity === number
-    ? "$-Infinity"
-    : "$NaN";
+      ? "$Infinity"
+      : -Infinity === number
+        ? "$-Infinity"
+        : "$NaN";
 }
 function processReply(
   root,
@@ -636,10 +636,10 @@ function initializeModuleChunk(chunk) {
       "*" === metadata[2]
         ? moduleExports
         : "" === metadata[2]
-        ? moduleExports.__esModule
-          ? moduleExports.default
-          : moduleExports
-        : moduleExports[metadata[2]];
+          ? moduleExports.__esModule
+            ? moduleExports.default
+            : moduleExports
+          : moduleExports[metadata[2]];
     chunk.status = "fulfilled";
     chunk.value = JSCompiler_inline_result;
   } catch (error) {
@@ -1400,10 +1400,10 @@ function startReadingFromStream(response, stream) {
             86 === rowState
               ? ((rowTag = rowState), (rowState = 2), i++)
               : (64 < rowState && 91 > rowState) ||
-                114 === rowState ||
-                120 === rowState
-              ? ((rowTag = rowState), (rowState = 3), i++)
-              : ((rowTag = 0), (rowState = 3));
+                  114 === rowState ||
+                  120 === rowState
+                ? ((rowTag = rowState), (rowState = 3), i++)
+                : ((rowTag = 0), (rowState = 3));
             continue;
           case 2:
             lastIdx = value[i++];

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

@@ -84,8 +84,8 @@
               return requireAsyncModule(metadata[0]);
             })
         : 0 < promises.length
-        ? Promise.all(promises)
-        : null;
+          ? Promise.all(promises)
+          : null;
     }
     function prepareDestinationWithChunks(
       moduleLoading,
@@ -175,8 +175,8 @@
           return value.$$typeof === CLIENT_REFERENCE_TAG
             ? "client"
             : (value = value.displayName || value.name)
-            ? "function " + value
-            : "function";
+              ? "function " + value
+              : "function";
         default:
           return String(value);
       }
@@ -219,8 +219,8 @@
               "string" === typeof value
                 ? value
                 : "object" === typeof value && null !== value
-                ? "{" + describeObjectForErrorMessage(value) + "}"
-                : "{" + describeValueForErrorMessage(value) + "}";
+                  ? "{" + describeObjectForErrorMessage(value) + "}"
+                  : "{" + describeValueForErrorMessage(value) + "}";
             "" + i === expandedName
               ? ((start = objKind.length),
                 (length = value.length),
@@ -306,9 +306,9 @@
       return void 0 === expandedName
         ? objKind
         : -1 < start && 0 < length
-        ? ((objectOrArray = " ".repeat(start) + "^".repeat(length)),
-          "\n  " + objKind + "\n  " + objectOrArray)
-        : "\n  " + objKind;
+          ? ((objectOrArray = " ".repeat(start) + "^".repeat(length)),
+            "\n  " + objKind + "\n  " + objectOrArray)
+          : "\n  " + objKind;
     }
     function serializeNumber(number) {
       return Number.isFinite(number)
@@ -316,10 +316,10 @@
           ? "$-0"
           : number
         : Infinity === number
-        ? "$Infinity"
-        : -Infinity === number
-        ? "$-Infinity"
-        : "$NaN";
+          ? "$Infinity"
+          : -Infinity === number
+            ? "$-Infinity"
+            : "$NaN";
     }
     function processReply(
       root,
@@ -631,24 +631,24 @@
                 describeObjectForErrorMessage(this, key)
               )
             : "Object" !== objectName(value)
-            ? console.error(
-                "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
-                objectName(value),
-                describeObjectForErrorMessage(this, key)
-              )
-            : isSimpleObject(value)
-            ? Object.getOwnPropertySymbols &&
-              ((parentReference = Object.getOwnPropertySymbols(value)),
-              0 < parentReference.length &&
-                console.error(
-                  "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
-                  parentReference[0].description,
+              ? console.error(
+                  "Only plain objects can be passed to Server Functions from the Client. %s objects are not supported.%s",
+                  objectName(value),
                   describeObjectForErrorMessage(this, key)
-                ))
-            : console.error(
-                "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
-                describeObjectForErrorMessage(this, key)
-              );
+                )
+              : isSimpleObject(value)
+                ? Object.getOwnPropertySymbols &&
+                  ((parentReference = Object.getOwnPropertySymbols(value)),
+                  0 < parentReference.length &&
+                    console.error(
+                      "Only plain objects can be passed to Server Functions from the Client. Objects with symbol properties like %s are not supported.%s",
+                      parentReference[0].description,
+                      describeObjectForErrorMessage(this, key)
+                    ))
+                : console.error(
+                    "Only plain objects can be passed to Server Functions from the Client. Classes or other objects with methods are not supported.%s",
+                    describeObjectForErrorMessage(this, key)
+                  );
           return value;
         }
         if ("string" === typeof value) {
@@ -1083,10 +1083,10 @@
           "*" === metadata[2]
             ? moduleExports
             : "" === metadata[2]
-            ? moduleExports.__esModule
-              ? moduleExports.default
-              : moduleExports
-            : moduleExports[metadata[2]];
+              ? moduleExports.__esModule
+                ? moduleExports.default
+                : moduleExports
+              : moduleExports[metadata[2]];
         chunk.status = "fulfilled";
         chunk.value = value;
       } catch (error) {
@@ -1660,6 +1660,56 @@
         }
       );
     }
+    function createFakeFunction(name, filename, sourceMap, line, col) {
+      name || (name = "(anonymous)");
+      var encodedName = JSON.stringify(name);
+      1 >= line
+        ? ((line = encodedName.length + 7),
+          (col =
+            "({" +
+            encodedName +
+            ":_=>" +
+            " ".repeat(col < line ? 0 : col - line) +
+            "_()})\n/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */"))
+        : (col =
+            "/* This module was rendered by a Server Component. Turn on Source Maps to see the server source. */" +
+            "\n".repeat(line - 2) +
+            "({" +
+            encodedName +
+            ":_=>\n" +
+            " ".repeat(1 > col ? 0 : col - 1) +
+            "_()})");
+      filename.startsWith("/") && (filename = "file://" + filename);
+      sourceMap
+        ? ((col +=
+            "\n//# sourceURL=rsc://React/" +
+            filename +
+            "?" +
+            fakeFunctionIdx++),
+          (col += "\n//# sourceMappingURL=" + sourceMap))
+        : filename && (col += "\n//# sourceURL=" + filename);
+      try {
+        var fn = (0, eval)(col)[name];
+      } catch (x) {
+        fn = function (_) {
+          return _();
+        };
+      }
+      return fn;
+    }
+    function fakeJSXCallSite() {
+      return Error("react-stack-top-frame");
+    }
+    function initializeFakeStack(response, debugInfo) {
+      void 0 === debugInfo.debugStack &&
+        (null != debugInfo.stack &&
+          (debugInfo.debugStack = createFakeJSXCallStackInDEV(
+            response,
+            debugInfo.stack
+          )),
+        null != debugInfo.owner &&
+          initializeFakeStack(response, debugInfo.owner));
+    }
     function mergeBuffer(buffer, lastChunk) {
       for (
         var l = buffer.length, byteLength = lastChunk.length, i = 0;
@@ -1799,16 +1849,38 @@
           }
           break;
         case 69:
-          tag = JSON.parse(buffer);
-          chunk = tag.digest;
-          stringDecoder = tag.env;
+          stringDecoder = JSON.parse(buffer);
+          tag = stringDecoder.digest;
+          chunk = stringDecoder.env;
           buffer = Error(
-            tag.message ||
+            stringDecoder.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          buffer.stack = tag.stack;
-          buffer.digest = chunk;
-          buffer.environmentName = stringDecoder;
+          stringDecoder = stringDecoder.stack;
+          row = buffer.name + ": " + buffer.message;
+          if (stringDecoder)
+            for (i = 0; i < stringDecoder.length; i++) {
+              var frame = stringDecoder[i],
+                name = frame[0],
+                filename = frame[1],
+                line = frame[2];
+              frame = frame[3];
+              row = name
+                ? row +
+                  ("\n    at " +
+                    name +
+                    " (" +
+                    filename +
+                    ":" +
+                    line +
+                    ":" +
+                    frame +
+                    ")")
+                : row + ("\n    at " + filename + ":" + line + ":" + frame);
+            }
+          buffer.stack = row;
+          buffer.digest = tag;
+          buffer.environmentName = chunk;
           tag = response._chunks;
           (chunk = tag.get(id))
             ? triggerErrorOnChunk(chunk, buffer)
@@ -1822,6 +1894,7 @@
           break;
         case 68:
           buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeStack(response, buffer);
           response = getChunk(response, id);
           (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
@@ -2016,10 +2089,10 @@
                 86 === rowState
                   ? ((rowTag = rowState), (rowState = 2), i++)
                   : (64 < rowState && 91 > rowState) ||
-                    114 === rowState ||
-                    120 === rowState
-                  ? ((rowTag = rowState), (rowState = 3), i++)
-                  : ((rowTag = 0), (rowState = 3));
+                      114 === rowState ||
+                      120 === rowState
+                    ? ((rowTag = rowState), (rowState = 3), i++)
+                    : ((rowTag = 0), (rowState = 3));
                 continue;
               case 2:
                 lastIdx = value[i++];
@@ -2125,7 +2198,34 @@
           reject && reject(this.reason);
       }
     };
-    var initializingHandler = null;
+    var initializingHandler = null,
+      fakeFunctionCache = new Map(),
+      fakeFunctionIdx = 0,
+      createFakeJSXCallStack = {
+        "react-stack-bottom-frame": function (response, stack) {
+          for (var callStack = fakeJSXCallSite, i = 0; i < stack.length; i++) {
+            var frame = stack[i],
+              frameKey = frame.join("-"),
+              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)
+                : null;
+              fn = createFakeFunction(fn, filename, sourceMap, line, frame);
+              fakeFunctionCache.set(frameKey, fn);
+            }
+            callStack = fn.bind(null, callStack);
+          }
+          return callStack();
+        }
+      },
+      createFakeJSXCallStackInDEV = createFakeJSXCallStack[
+        "react-stack-bottom-frame"
+      ].bind(createFakeJSXCallStack);
     exports.createFromFetch = function (promiseForResponse, options) {
       var response = createResponseFromOptions(options);
       promiseForResponse.then(

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

@@ -70,8 +70,8 @@ function preloadModule(metadata) {
           return requireAsyncModule(metadata[0]);
         })
     : 0 < promises.length
-    ? Promise.all(promises)
-    : null;
+      ? Promise.all(promises)
+      : null;
 }
 function prepareDestinationWithChunks(moduleLoading, chunks, nonce$jscomp$0) {
   if (null !== moduleLoading)
@@ -117,10 +117,10 @@ function serializeNumber(number) {
       ? "$-0"
       : number
     : Infinity === number
-    ? "$Infinity"
-    : -Infinity === number
-    ? "$-Infinity"
-    : "$NaN";
+      ? "$Infinity"
+      : -Infinity === number
+        ? "$-Infinity"
+        : "$NaN";
 }
 function processReply(
   root,
@@ -790,10 +790,10 @@ function initializeModuleChunk(chunk) {
       "*" === metadata[2]
         ? moduleExports
         : "" === metadata[2]
-        ? moduleExports.__esModule
-          ? moduleExports.default
-          : moduleExports
-        : moduleExports[metadata[2]];
+          ? moduleExports.__esModule
+            ? moduleExports.default
+            : moduleExports
+          : moduleExports[metadata[2]];
     chunk.status = "fulfilled";
     chunk.value = JSCompiler_inline_result;
   } catch (error) {
@@ -1564,10 +1564,10 @@ function startReadingFromStream(response, stream) {
             86 === rowState
               ? ((rowTag = rowState), (rowState = 2), i++)
               : (64 < rowState && 91 > rowState) ||
-                114 === rowState ||
-                120 === rowState
-              ? ((rowTag = rowState), (rowState = 3), i++)
-              : ((rowTag = 0), (rowState = 3));
+                  114 === rowState ||
+                  120 === rowState
+                ? ((rowTag = rowState), (rowState = 3), i++)
+                : ((rowTag = 0), (rowState = 3));
             continue;
           case 2:
             lastIdx = value[i++];