react-server-dom-webpack 19.0.0-rc-e210d081-20240909 → 19.0.0-rc-d6cb4e77-20240911

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

@@ -22,6 +22,38 @@
         : (obj[key] = value);
       return obj;
     }
+    function bindToConsole(methodName, args, badgeName) {
+      var offset = 0;
+      switch (methodName) {
+        case "dir":
+        case "dirxml":
+        case "groupEnd":
+        case "table":
+          return bind.apply(console[methodName], [console].concat(args));
+        case "assert":
+          offset = 1;
+      }
+      args = args.slice(0);
+      "string" === typeof args[offset]
+        ? args.splice(
+            offset,
+            1,
+            "%c%s%c " + args[offset],
+            "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+            " " + badgeName + " ",
+            ""
+          )
+        : args.splice(
+            offset,
+            0,
+            "%c%s%c ",
+            "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
+            " " + badgeName + " ",
+            ""
+          );
+      args.unshift(console);
+      return bind.apply(console[methodName], args);
+    }
     function resolveClientReference(bundlerConfig, metadata) {
       if (bundlerConfig) {
         var moduleExports = bundlerConfig[metadata[0]];
@@ -1156,11 +1188,8 @@
       }
       switch (id.status) {
         case "fulfilled":
-          for (var value = id.value, i = 1; i < reference.length; i++)
-            if (
-              ((value = value[reference[i]]),
-              value.$$typeof === REACT_LAZY_TYPE)
-            )
+          for (var value = id.value, i = 1; i < reference.length; i++) {
+            for (; value.$$typeof === REACT_LAZY_TYPE; )
               if (((value = value._payload), "fulfilled" === value.status))
                 value = value.value;
               else
@@ -1170,8 +1199,10 @@
                   key,
                   response,
                   map,
-                  reference.slice(i)
+                  reference.slice(i - 1)
                 );
+            value = value[reference[i]];
+          }
           response = map(response, value);
           id._debugInfo &&
             ("object" !== typeof response ||
@@ -1672,6 +1703,34 @@
       }
       return fn;
     }
+    function buildFakeCallStack(response, stack, environmentName, innerCall) {
+      for (var i = 0; i < stack.length; i++) {
+        var frame = stack[i],
+          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 findSourceMapURL = response._debugFindSourceMapURL;
+          findSourceMapURL = findSourceMapURL
+            ? findSourceMapURL(filename, environmentName)
+            : null;
+          fn = createFakeFunction(
+            fn,
+            filename,
+            findSourceMapURL,
+            line,
+            frame,
+            environmentName
+          );
+          fakeFunctionCache.set(frameKey, fn);
+        }
+        innerCall = fn.bind(null, innerCall);
+      }
+      return innerCall;
+    }
     function fakeJSXCallSite() {
       return Error("react-stack-top-frame");
     }
@@ -1783,39 +1842,39 @@
           break;
         case 72:
           id = buffer[0];
-          var model = buffer.slice(1);
-          response = JSON.parse(model, response._fromJSON);
-          model = ReactDOMSharedInternals.d;
+          buffer = buffer.slice(1);
+          response = JSON.parse(buffer, response._fromJSON);
+          buffer = ReactDOMSharedInternals.d;
           switch (id) {
             case "D":
-              model.D(response);
+              buffer.D(response);
               break;
             case "C":
               "string" === typeof response
-                ? model.C(response)
-                : model.C(response[0], response[1]);
+                ? buffer.C(response)
+                : buffer.C(response[0], response[1]);
               break;
             case "L":
               id = response[0];
-              var as = response[1];
+              tag = response[1];
               3 === response.length
-                ? model.L(id, as, response[2])
-                : model.L(id, as);
+                ? buffer.L(id, tag, response[2])
+                : buffer.L(id, tag);
               break;
             case "m":
               "string" === typeof response
-                ? model.m(response)
-                : model.m(response[0], response[1]);
+                ? buffer.m(response)
+                : buffer.m(response[0], response[1]);
               break;
             case "X":
               "string" === typeof response
-                ? model.X(response)
-                : model.X(response[0], response[1]);
+                ? buffer.X(response)
+                : buffer.X(response[0], response[1]);
               break;
             case "S":
               "string" === typeof response
-                ? model.S(response)
-                : model.S(
+                ? buffer.S(response)
+                : buffer.S(
                     response[0],
                     0 === response[1] ? void 0 : response[1],
                     3 === response.length ? response[2] : void 0
@@ -1823,117 +1882,70 @@
               break;
             case "M":
               "string" === typeof response
-                ? model.M(response)
-                : model.M(response[0], response[1]);
+                ? buffer.M(response)
+                : buffer.M(response[0], response[1]);
           }
           break;
         case 69:
-          tag = JSON.parse(buffer);
-          as = tag.digest;
-          buffer = tag.env;
-          model = Error(
-            tag.message ||
+          stringDecoder = JSON.parse(buffer);
+          tag = stringDecoder.digest;
+          chunk = stringDecoder.env;
+          buffer = Error(
+            stringDecoder.message ||
               "An error occurred in the Server Components render but no message was provided"
           );
-          tag = tag.stack;
-          chunk = model.name + ": " + model.message;
-          if (tag)
-            for (
-              stringDecoder = 0;
-              stringDecoder < tag.length;
-              stringDecoder++
-            ) {
-              var frame = tag[stringDecoder];
-              row = frame[0];
-              i = frame[1];
-              var line = frame[2];
+          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];
-              chunk = row
-                ? chunk +
+              row = name
+                ? row +
                   ("\n    at " +
-                    row +
+                    name +
                     " (" +
-                    i +
+                    filename +
                     ":" +
                     line +
                     ":" +
                     frame +
                     ")")
-                : chunk + ("\n    at " + i + ":" + line + ":" + frame);
+                : row + ("\n    at " + filename + ":" + line + ":" + frame);
             }
-          model.stack = chunk;
-          model.digest = as;
-          model.environmentName = buffer;
-          as = response._chunks;
-          (buffer = as.get(id))
-            ? triggerErrorOnChunk(buffer, model)
-            : as.set(id, new ReactPromise("rejected", null, model, response));
+          buffer.stack = row;
+          buffer.digest = tag;
+          buffer.environmentName = chunk;
+          tag = response._chunks;
+          (chunk = tag.get(id))
+            ? triggerErrorOnChunk(chunk, buffer)
+            : tag.set(id, new ReactPromise("rejected", null, buffer, response));
           break;
         case 84:
-          model = response._chunks;
-          (as = model.get(id)) && "pending" !== as.status
-            ? as.reason.enqueueValue(buffer)
-            : model.set(
+          tag = response._chunks;
+          (chunk = tag.get(id)) && "pending" !== chunk.status
+            ? chunk.reason.enqueueValue(buffer)
+            : tag.set(
                 id,
                 new ReactPromise("fulfilled", buffer, null, response)
               );
           break;
         case 68:
-          model = JSON.parse(buffer, response._fromJSON);
-          initializeFakeStack(response, model);
+          buffer = JSON.parse(buffer, response._fromJSON);
+          initializeFakeStack(response, buffer);
           response = getChunk(response, id);
-          (response._debugInfo || (response._debugInfo = [])).push(model);
+          (response._debugInfo || (response._debugInfo = [])).push(buffer);
           break;
         case 87:
-          if (response._replayConsole) {
-            buffer = JSON.parse(buffer, response._fromJSON);
-            response = buffer[0];
-            id = buffer[3];
-            buffer = buffer.slice(4);
-            tag = ReactSharedInternals.getCurrentStack;
-            ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
-            try {
-              a: {
-                chunk = 0;
-                switch (response) {
-                  case "dir":
-                  case "dirxml":
-                  case "groupEnd":
-                  case "table":
-                    model = bind.apply(
-                      console[response],
-                      [console].concat(buffer)
-                    );
-                    break a;
-                  case "assert":
-                    chunk = 1;
-                }
-                as = buffer.slice(0);
-                "string" === typeof as[chunk]
-                  ? as.splice(
-                      chunk,
-                      1,
-                      "%c%s%c " + as[chunk],
-                      "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                      " " + id + " ",
-                      ""
-                    )
-                  : as.splice(
-                      chunk,
-                      0,
-                      "%c%s%c ",
-                      "background: #e6e6e6;background: light-dark(rgba(0,0,0,0.1), rgba(255,255,255,0.25));color: #000000;color: light-dark(#000000, #ffffff);border-radius: 2px",
-                      " " + id + " ",
-                      ""
-                    );
-                as.unshift(console);
-                model = bind.apply(console[response], as);
-              }
-              model();
-            } finally {
-              ReactSharedInternals.getCurrentStack = tag;
-            }
-          }
+          response._replayConsole &&
+            ((buffer = JSON.parse(buffer, response._fromJSON)),
+            (response = buffer[0]),
+            (id = buffer[3]),
+            (buffer = buffer.slice(4)),
+            bindToConsole(response, buffer, id)());
           break;
         case 82:
           startReadableStream(response, id, void 0);
@@ -1953,10 +1965,10 @@
             response.reason.close("" === buffer ? '"$undefined"' : buffer);
           break;
         default:
-          (model = response._chunks),
-            (as = model.get(id))
-              ? resolveModelChunk(as, buffer)
-              : model.set(
+          (tag = response._chunks),
+            (chunk = tag.get(id))
+              ? resolveModelChunk(chunk, buffer)
+              : tag.set(
                   id,
                   new ReactPromise("resolved_model", buffer, null, response)
                 );
@@ -2136,8 +2148,8 @@
       var reader = stream.getReader();
       reader.read().then(progress).catch(error);
     }
-    var ReactDOM = require("react-dom"),
-      React = require("react"),
+    var React = require("react"),
+      ReactDOM = require("react-dom"),
       decoderOptions = { stream: !0 },
       bind = Function.prototype.bind,
       chunkCache = new Map(),
@@ -2217,37 +2229,80 @@
           stack,
           environmentName
         ) {
-          for (var callStack = fakeJSXCallSite, i = 0; i < stack.length; i++) {
-            var frame = stack[i],
-              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 findSourceMapURL = response._debugFindSourceMapURL;
-              findSourceMapURL = findSourceMapURL
-                ? findSourceMapURL(filename, environmentName)
-                : null;
-              fn = createFakeFunction(
-                fn,
-                filename,
-                findSourceMapURL,
-                line,
-                frame,
-                environmentName
-              );
-              fakeFunctionCache.set(frameKey, fn);
-            }
-            callStack = fn.bind(null, callStack);
-          }
-          return callStack();
+          return buildFakeCallStack(
+            response,
+            stack,
+            environmentName,
+            fakeJSXCallSite
+          )();
         }
       },
       createFakeJSXCallStackInDEV = createFakeJSXCallStack[
         "react-stack-bottom-frame"
-      ].bind(createFakeJSXCallStack);
+      ].bind(createFakeJSXCallStack),
+      currentOwnerInDEV = null,
+      replayConsoleWithCallStack = {
+        "react-stack-bottom-frame": function (
+          response,
+          methodName,
+          stackTrace,
+          owner,
+          env,
+          args
+        ) {
+          var prevStack = ReactSharedInternals.getCurrentStack;
+          ReactSharedInternals.getCurrentStack = getCurrentStackInDEV;
+          currentOwnerInDEV = owner;
+          try {
+            var callStack = buildFakeCallStack(
+              response,
+              stackTrace,
+              env,
+              bindToConsole(methodName, args, env)
+            );
+            null != owner && initializeFakeStack(response, owner);
+            var rootTask = response._debugRootTask;
+            if (rootTask)
+              if (response._rootEnvironmentName !== env) {
+                var createTaskFn = console.createTask.bind(
+                  console,
+                  '"use ' + env.toLowerCase() + '"'
+                );
+                var rootTask$jscomp$0 = rootTask.run(createTaskFn);
+              } else rootTask$jscomp$0 = rootTask;
+            else rootTask$jscomp$0 = null;
+            null != rootTask$jscomp$0
+              ? rootTask$jscomp$0.run(callStack)
+              : callStack();
+          } finally {
+            (currentOwnerInDEV = null),
+              (ReactSharedInternals.getCurrentStack = prevStack);
+          }
+        }
+      };
+    replayConsoleWithCallStack["react-stack-bottom-frame"].bind(
+      replayConsoleWithCallStack
+    );
+    (function (internals) {
+      if ("undefined" === typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) return !1;
+      var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+      if (hook.isDisabled || !hook.supportsFlight) return !0;
+      try {
+        hook.inject(internals);
+      } catch (err) {
+        console.error("React instrumentation encountered an error: %s.", err);
+      }
+      return hook.checkDCE ? !0 : !1;
+    })({
+      bundleType: 1,
+      version: "19.0.0-rc-d6cb4e77-20240911",
+      rendererPackageName: "react-server-dom-webpack",
+      currentDispatcherRef: ReactSharedInternals,
+      reconcilerVersion: "19.0.0-rc-d6cb4e77-20240911",
+      getCurrentComponentInfo: function () {
+        return currentOwnerInDEV;
+      }
+    });
     exports.createFromFetch = function (promiseForResponse, options) {
       var response = createResponseFromOptions(options);
       promiseForResponse.then(

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

@@ -757,10 +757,8 @@ function getOutlinedModel(response, reference, parentObject, key, map) {
   switch (id.status) {
     case "fulfilled":
       var value = id.value;
-      for (id = 1; id < reference.length; id++)
-        if (
-          ((value = value[reference[id]]), value.$$typeof === REACT_LAZY_TYPE)
-        )
+      for (id = 1; id < reference.length; id++) {
+        for (; value.$$typeof === REACT_LAZY_TYPE; )
           if (((value = value._payload), "fulfilled" === value.status))
             value = value.value;
           else
@@ -770,8 +768,10 @@ function getOutlinedModel(response, reference, parentObject, key, map) {
               key,
               response,
               map,
-              reference.slice(id)
+              reference.slice(id - 1)
             );
+        value = value[reference[id]];
+      }
       return map(response, value);
     case "pending":
     case "blocked":