react-server-dom-webpack 19.3.0-canary-ead92181-20251010 → 19.3.0-canary-56e84692-20251014

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

@@ -1314,6 +1314,7 @@
               }
             })
           );
+          performance.clearMeasures(entryName);
         } else
           console.timeStamp(
             entryName,
@@ -1332,6 +1333,7 @@
         var description = getIODescription(error),
           entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv),
           debugTask = ioInfo.debugTask;
+        entryName = "\u200b" + entryName;
         debugTask
           ? ((error = [
               [
@@ -1347,7 +1349,7 @@
               getIOLongName(ioInfo, description, ioInfo.env, rootEnv) +
               " Rejected"),
             debugTask.run(
-              performance.measure.bind(performance, "\u200b" + entryName, {
+              performance.measure.bind(performance, entryName, {
                 start: 0 > startTime ? 0 : startTime,
                 end: endTime,
                 detail: {
@@ -1359,7 +1361,8 @@
                   }
                 }
               })
-            ))
+            ),
+            performance.clearMeasures(entryName))
           : console.timeStamp(
               entryName,
               0 > startTime ? 0 : startTime,
@@ -1378,6 +1381,7 @@
           entryName = getIOShortName(ioInfo, description, ioInfo.env, rootEnv),
           color = getIOColor(entryName),
           debugTask = ioInfo.debugTask;
+        entryName = "\u200b" + entryName;
         if (debugTask) {
           var properties = [];
           "object" === typeof value && null !== value
@@ -1386,7 +1390,7 @@
               addValueToProperties("Resolved", value, properties, 0, "");
           ioInfo = getIOLongName(ioInfo, description, ioInfo.env, rootEnv);
           debugTask.run(
-            performance.measure.bind(performance, "\u200b" + entryName, {
+            performance.measure.bind(performance, entryName, {
               start: 0 > startTime ? 0 : startTime,
               end: endTime,
               detail: {
@@ -1399,6 +1403,7 @@
               }
             })
           );
+          performance.clearMeasures(entryName);
         } else
           console.timeStamp(
             entryName,
@@ -2033,7 +2038,12 @@
           (fulfilledChunk.status = "fulfilled"),
           (fulfilledChunk.value = handler.value),
           (fulfilledChunk.reason = handler.reason),
-          null !== key && wakeChunk(key, handler.value, fulfilledChunk)));
+          null !== key
+            ? wakeChunk(key, handler.value, fulfilledChunk)
+            : moveDebugInfoFromChunkToInnerValue(
+                fulfilledChunk,
+                handler.value
+              )));
     }
     function rejectReference(reference, error) {
       var handler = reference.handler;
@@ -2183,8 +2193,12 @@
               ((boundArgs = resolvedValue.value),
               (resolvedValue.status = "fulfilled"),
               (resolvedValue.value = handler.value),
-              null !== boundArgs &&
-                wakeChunk(boundArgs, handler.value, resolvedValue)));
+              null !== boundArgs
+                ? wakeChunk(boundArgs, handler.value, resolvedValue)
+                : moveDebugInfoFromChunkToInnerValue(
+                    resolvedValue,
+                    handler.value
+                  )));
         },
         function (error) {
           if (!handler.errored) {
@@ -2649,6 +2663,9 @@
         'Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.'
       );
     }
+    function markIOStarted() {
+      this._debugIOStarted = !0;
+    }
     function ResponseInstance(
       bundlerConfig,
       serverReferenceConfig,
@@ -2692,6 +2709,8 @@
           '"use ' + environmentName.toLowerCase() + '"'
         ));
       this._debugStartTime = performance.now();
+      this._debugIOStarted = !1;
+      setTimeout(markIOStarted.bind(this), 0);
       this._debugFindSourceMapURL = findSourceMapURL;
       this._debugChannel = debugChannel;
       this._blockedConsole = null;
@@ -2749,7 +2768,7 @@
           (streamState._debugTargetChunkSize = chunkLength + MIN_CHUNK_SIZE))
         : ((debugInfo.end = endTime), (debugInfo.byteSize = chunkLength));
     }
-    function addDebugInfo(chunk, debugInfo) {
+    function addAsyncInfo(chunk, asyncInfo) {
       var value = resolveLazy(chunk.value);
       "object" !== typeof value ||
       null === value ||
@@ -2757,22 +2776,23 @@
         "function" !== typeof value[ASYNC_ITERATOR] &&
         value.$$typeof !== REACT_ELEMENT_TYPE &&
         value.$$typeof !== REACT_LAZY_TYPE)
-        ? chunk._debugInfo.push.apply(chunk._debugInfo, debugInfo)
+        ? chunk._debugInfo.push(asyncInfo)
         : isArrayImpl(value._debugInfo)
-          ? value._debugInfo.push.apply(value._debugInfo, debugInfo)
+          ? value._debugInfo.push(asyncInfo)
           : Object.defineProperty(value, "_debugInfo", {
               configurable: !1,
               enumerable: !1,
               writable: !0,
-              value: debugInfo
+              value: [asyncInfo]
             });
     }
-    function resolveChunkDebugInfo(streamState, chunk) {
-      streamState = [{ awaited: streamState._debugInfo }];
-      "pending" === chunk.status || "blocked" === chunk.status
-        ? ((streamState = addDebugInfo.bind(null, chunk, streamState)),
-          chunk.then(streamState, streamState))
-        : addDebugInfo(chunk, streamState);
+    function resolveChunkDebugInfo(response, streamState, chunk) {
+      response._debugIOStarted &&
+        ((response = { awaited: streamState._debugInfo }),
+        "pending" === chunk.status || "blocked" === chunk.status
+          ? ((response = addAsyncInfo.bind(null, chunk, response)),
+            chunk.then(response, response))
+          : addAsyncInfo(chunk, response));
     }
     function resolveBuffer(response, id, buffer, streamState) {
       var chunks = response._chunks,
@@ -2780,9 +2800,9 @@
       chunk && "pending" !== chunk.status
         ? chunk.reason.enqueueValue(buffer)
         : (chunk && releasePendingChunk(response, chunk),
-          (response = new ReactPromise("fulfilled", buffer, null)),
-          resolveChunkDebugInfo(streamState, response),
-          chunks.set(id, response));
+          (buffer = new ReactPromise("fulfilled", buffer, null)),
+          resolveChunkDebugInfo(response, streamState, buffer),
+          chunks.set(id, buffer));
     }
     function resolveModule(response, id, model, streamState) {
       var chunks = response._chunks,
@@ -2800,7 +2820,7 @@
         } else
           (blockedChunk = new ReactPromise("blocked", null, null)),
             chunks.set(id, blockedChunk);
-        resolveChunkDebugInfo(streamState, blockedChunk);
+        resolveChunkDebugInfo(response, streamState, blockedChunk);
         model.then(
           function () {
             return resolveModuleChunk(response, blockedChunk, clientReference);
@@ -2811,14 +2831,14 @@
         );
       } else
         chunk
-          ? (resolveChunkDebugInfo(streamState, chunk),
+          ? (resolveChunkDebugInfo(response, streamState, chunk),
             resolveModuleChunk(response, chunk, clientReference))
           : ((chunk = new ReactPromise(
               "resolved_module",
               clientReference,
               null
             )),
-            resolveChunkDebugInfo(streamState, chunk),
+            resolveChunkDebugInfo(response, streamState, chunk),
             chunks.set(id, chunk));
     }
     function resolveStream(response, id, stream, controller, streamState) {
@@ -2826,7 +2846,7 @@
         chunk = chunks.get(id);
       if (chunk) {
         if (
-          (resolveChunkDebugInfo(streamState, chunk),
+          (resolveChunkDebugInfo(response, streamState, chunk),
           "pending" === chunk.status)
         ) {
           releasePendingChunk(response, chunk);
@@ -2858,12 +2878,14 @@
           chunk.status = "fulfilled";
           chunk.value = stream;
           chunk.reason = controller;
-          null !== id && wakeChunk(id, chunk.value, chunk);
+          null !== id
+            ? wakeChunk(id, chunk.value, chunk)
+            : moveDebugInfoFromChunkToInnerValue(chunk, stream);
         }
       } else
-        (response = new ReactPromise("fulfilled", stream, controller)),
-          resolveChunkDebugInfo(streamState, response),
-          chunks.set(id, response);
+        (stream = new ReactPromise("fulfilled", stream, controller)),
+          resolveChunkDebugInfo(response, streamState, stream),
+          chunks.set(id, stream);
     }
     function startReadableStream(response, id, type, streamState) {
       var controller = null;
@@ -3531,8 +3553,19 @@
         previousResult.track = trackIdx$jscomp$6;
         return previousResult;
       }
-      var children = root._children,
-        debugInfo = root._debugInfo;
+      var children = root._children;
+      var debugInfo = root._debugInfo;
+      if (0 === debugInfo.length && "fulfilled" === root.status) {
+        var resolvedValue = resolveLazy(root.value);
+        "object" === typeof resolvedValue &&
+          null !== resolvedValue &&
+          (isArrayImpl(resolvedValue) ||
+            "function" === typeof resolvedValue[ASYNC_ITERATOR] ||
+            resolvedValue.$$typeof === REACT_ELEMENT_TYPE ||
+            resolvedValue.$$typeof === REACT_LAZY_TYPE) &&
+          isArrayImpl(resolvedValue._debugInfo) &&
+          (debugInfo = resolvedValue._debugInfo);
+      }
       if (debugInfo) {
         for (var startTime$jscomp$0 = 0, i = 0; i < debugInfo.length; i++) {
           var info = debugInfo[i];
@@ -3624,6 +3657,7 @@
                           void 0 === env
                             ? name
                             : name + " [" + env + "]",
+                        measureName = "\u200b" + entryName$jscomp$0,
                         properties = [
                           [
                             "Error",
@@ -3649,7 +3683,7 @@
                           0,
                           ""
                         );
-                      performance.measure("\u200b" + entryName$jscomp$0, {
+                      performance.measure(measureName, {
                         start: 0 > startTime$jscomp$2 ? 0 : startTime$jscomp$2,
                         end: childrenEndTime$jscomp$1,
                         detail: {
@@ -3662,6 +3696,7 @@
                           }
                         }
                       });
+                      performance.clearMeasures(measureName);
                     }
                   } else {
                     var componentInfo$jscomp$3 = componentInfo$jscomp$1,
@@ -3693,11 +3728,12 @@
                                   ? "primary-dark"
                                   : "secondary-dark"
                                 : "error",
-                        entryName$jscomp$1 =
-                          isPrimaryEnv || void 0 === env$jscomp$0
+                        debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask,
+                        measureName$jscomp$0 =
+                          "\u200b" +
+                          (isPrimaryEnv || void 0 === env$jscomp$0
                             ? name$jscomp$0
-                            : name$jscomp$0 + " [" + env$jscomp$0 + "]",
-                        debugTask$jscomp$0 = componentInfo$jscomp$3.debugTask;
+                            : name$jscomp$0 + " [" + env$jscomp$0 + "]");
                       if (debugTask$jscomp$0) {
                         var properties$jscomp$0 = [];
                         null != componentInfo$jscomp$3.key &&
@@ -3718,7 +3754,7 @@
                         debugTask$jscomp$0.run(
                           performance.measure.bind(
                             performance,
-                            "\u200b" + entryName$jscomp$1,
+                            measureName$jscomp$0,
                             {
                               start:
                                 0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3,
@@ -3734,9 +3770,10 @@
                             }
                           )
                         );
+                        performance.clearMeasures(measureName$jscomp$0);
                       } else
                         console.timeStamp(
-                          "\u200b" + entryName$jscomp$1,
+                          measureName$jscomp$0,
                           0 > startTime$jscomp$3 ? 0 : startTime$jscomp$3,
                           childrenEndTime$jscomp$2,
                           trackNames[trackIdx$jscomp$2],
@@ -3778,7 +3815,7 @@
                           error$jscomp$0 = thenable.reason;
                         if (supportsUserTiming && 0 < endTime$jscomp$0) {
                           var description = getIODescription(error$jscomp$0),
-                            entryName$jscomp$2 =
+                            entryName$jscomp$1 =
                               "await " +
                               getIOShortName(
                                 asyncInfo$jscomp$0.awaited,
@@ -3810,7 +3847,7 @@
                             debugTask$jscomp$1.run(
                               performance.measure.bind(
                                 performance,
-                                entryName$jscomp$2,
+                                entryName$jscomp$1,
                                 {
                                   start:
                                     0 > startTime$jscomp$4
@@ -3829,9 +3866,10 @@
                                 }
                               )
                             );
+                            performance.clearMeasures(entryName$jscomp$1);
                           } else
                             console.timeStamp(
-                              entryName$jscomp$2,
+                              entryName$jscomp$1,
                               0 > startTime$jscomp$4 ? 0 : startTime$jscomp$4,
                               endTime$jscomp$0,
                               trackNames[trackIdx$jscomp$3],
@@ -3877,10 +3915,11 @@
                   if (supportsUserTiming) {
                     var env$jscomp$2 = componentInfo$jscomp$4.env,
                       name$jscomp$1 = componentInfo$jscomp$4.name,
-                      entryName$jscomp$3 =
+                      entryName$jscomp$2 =
                         env$jscomp$2 === _env || void 0 === env$jscomp$2
                           ? name$jscomp$1
                           : name$jscomp$1 + " [" + env$jscomp$2 + "]",
+                      measureName$jscomp$1 = "\u200b" + entryName$jscomp$2,
                       properties$jscomp$2 = [
                         [
                           "Aborted",
@@ -3902,7 +3941,7 @@
                         0,
                         ""
                       );
-                    performance.measure("\u200b" + entryName$jscomp$3, {
+                    performance.measure(measureName$jscomp$1, {
                       start: 0 > startTime$jscomp$5 ? 0 : startTime$jscomp$5,
                       end: childrenEndTime$jscomp$3,
                       detail: {
@@ -3910,11 +3949,12 @@
                           color: "warning",
                           track: trackNames[trackIdx$jscomp$4],
                           trackGroup: "Server Components \u269b",
-                          tooltipText: entryName$jscomp$3 + " Aborted",
+                          tooltipText: entryName$jscomp$2 + " Aborted",
                           properties: properties$jscomp$2
                         }
                       }
                     });
+                    performance.clearMeasures(measureName$jscomp$1);
                   }
                   componentEndTime = time;
                   result.component = _componentInfo;
@@ -3934,7 +3974,7 @@
                     endTime$jscomp$1 = endTime,
                     rootEnv$jscomp$0 = _env2;
                   if (supportsUserTiming && 0 < endTime$jscomp$1) {
-                    var entryName$jscomp$4 =
+                    var entryName$jscomp$3 =
                         "await " +
                         getIOShortName(
                           asyncInfo$jscomp$1.awaited,
@@ -3956,7 +3996,7 @@
                       debugTask$jscomp$2.run(
                         performance.measure.bind(
                           performance,
-                          entryName$jscomp$4,
+                          entryName$jscomp$3,
                           {
                             start:
                               0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6,
@@ -3978,9 +4018,10 @@
                           }
                         )
                       );
+                      performance.clearMeasures(entryName$jscomp$3);
                     } else
                       console.timeStamp(
-                        entryName$jscomp$4,
+                        entryName$jscomp$3,
                         0 > startTime$jscomp$6 ? 0 : startTime$jscomp$6,
                         endTime$jscomp$1,
                         trackNames[trackIdx$jscomp$5],
@@ -4226,20 +4267,20 @@
           var error = resolveErrorDev(response, row);
           error.digest = row.digest;
           chunk
-            ? (resolveChunkDebugInfo(streamState, chunk),
+            ? (resolveChunkDebugInfo(response, streamState, chunk),
               triggerErrorOnChunk(response, chunk, error))
-            : ((response = new ReactPromise("rejected", null, error)),
-              resolveChunkDebugInfo(streamState, response),
-              tag.set(id, response));
+            : ((row = new ReactPromise("rejected", null, error)),
+              resolveChunkDebugInfo(response, streamState, row),
+              tag.set(id, row));
           break;
         case 84:
           tag = response._chunks;
           (chunk = tag.get(id)) && "pending" !== chunk.status
             ? chunk.reason.enqueueValue(row)
             : (chunk && releasePendingChunk(response, chunk),
-              (response = new ReactPromise("fulfilled", row, null)),
-              resolveChunkDebugInfo(streamState, response),
-              tag.set(id, response));
+              (row = new ReactPromise("fulfilled", row, null)),
+              resolveChunkDebugInfo(response, streamState, row),
+              tag.set(id, row));
           break;
         case 78:
           response._timeOrigin = +row - performance.timeOrigin;
@@ -4305,11 +4346,11 @@
           } else
             (tag = response._chunks),
               (chunk = tag.get(id))
-                ? (resolveChunkDebugInfo(streamState, chunk),
+                ? (resolveChunkDebugInfo(response, streamState, chunk),
                   resolveModelChunk(response, chunk, row))
-                : ((response = createResolvedModelChunk(response, row)),
-                  resolveChunkDebugInfo(streamState, response),
-                  tag.set(id, response));
+                : ((row = createResolvedModelChunk(response, row)),
+                  resolveChunkDebugInfo(response, streamState, row),
+                  tag.set(id, row));
       }
     }
     function processBinaryChunk(weakResponse, streamState, chunk) {
@@ -4879,10 +4920,10 @@
       return hook.checkDCE ? !0 : !1;
     })({
       bundleType: 1,
-      version: "19.3.0-canary-ead92181-20251010",
+      version: "19.3.0-canary-56e84692-20251014",
       rendererPackageName: "react-server-dom-webpack",
       currentDispatcherRef: ReactSharedInternals,
-      reconcilerVersion: "19.3.0-canary-ead92181-20251010",
+      reconcilerVersion: "19.3.0-canary-56e84692-20251014",
       getCurrentComponentInfo: function () {
         return currentOwnerInDEV;
       }