react-markup 0.0.0-experimental-65e06cb7-20241218 → 0.0.0-experimental-518d06d2-20241219

package/cjs/react-markup.react-server.development.js

@@ -179,14 +179,6 @@
       suspendedThenable$1 = null;
       return thenable;
     }
-    function prepareToUseHooksForComponent(
-      prevThenableState,
-      componentDebugInfo
-    ) {
-      thenableIndexCounter$1 = 0;
-      thenableState$1 = prevThenableState;
-      currentComponentDebugInfo = componentDebugInfo;
-    }
     function getThenableStateAfterSuspending$1() {
       var state = thenableState$1 || [];
       state._componentDebugInfo = currentComponentDebugInfo;
@@ -831,8 +823,10 @@
           ? defaultFilterStackFrame
           : filterStackFrame;
       this.didWarnForKey = null;
-      type = createTask(this, model, null, !1, abortSet, null, null, null);
-      pingedTasks.push(type);
+      type = this.timeOrigin = performance.now();
+      emitTimeOriginChunk(this, type + performance.timeOrigin);
+      model = createTask(this, model, null, !1, abortSet, null, null, null);
+      pingedTasks.push(model);
     }
     function noop$3() {}
     function serializeThenable(request, task, thenable) {
@@ -856,21 +850,7 @@
             newTask.id
           );
         case "rejected":
-          task = thenable.reason;
-          if (
-            "object" === typeof task &&
-            null !== task &&
-            task.$$typeof === REACT_POSTPONE_TYPE
-          )
-            logPostpone$1(request, task.message, newTask),
-              emitPostponeChunk(request, newTask.id, task);
-          else {
-            var digest = logRecoverableError$1(request, task, null);
-            emitErrorChunk(request, newTask.id, digest, task);
-          }
-          newTask.status = ERRORED$2;
-          request.abortableTasks.delete(newTask);
-          return newTask.id;
+          return erroredTask$1(request, newTask, thenable.reason), newTask.id;
         default:
           if (request.status === ABORTING$1)
             return (
@@ -902,24 +882,11 @@
           pingTask$1(request, newTask);
         },
         function (reason) {
-          if (newTask.status === PENDING$3) {
-            if (
-              "object" === typeof reason &&
-              null !== reason &&
-              reason.$$typeof === REACT_POSTPONE_TYPE
-            )
-              logPostpone$1(request, reason.message, newTask),
-                emitPostponeChunk(request, newTask.id, reason);
-            else {
-              var _digest = logRecoverableError$1(request, reason, newTask);
-              emitErrorChunk(request, newTask.id, _digest, reason);
-            }
-            newTask.status = ERRORED$2;
-            request.abortableTasks.delete(newTask);
-            enqueueFlush(request);
-          }
+          newTask.status === PENDING$3 &&
+            (erroredTask$1(request, newTask, reason), enqueueFlush(request));
         }
       );
+      newTask.timed = !0;
       return newTask.id;
     }
     function serializeReadableStream(request, task, stream) {
@@ -943,38 +910,22 @@
             }
       }
       function error(reason) {
-        if (!aborted) {
-          aborted = !0;
-          request.abortListeners.delete(abortStream);
-          var digest = logRecoverableError$1(request, reason, streamTask);
-          emitErrorChunk(request, streamTask.id, digest, reason);
-          enqueueFlush(request);
-          reader.cancel(reason).then(error, error);
-        }
+        aborted ||
+          ((aborted = !0),
+          request.abortListeners.delete(abortStream),
+          erroredTask$1(request, streamTask, reason),
+          enqueueFlush(request),
+          reader.cancel(reason).then(error, error));
       }
       function abortStream(reason) {
-        if (!aborted) {
-          aborted = !0;
-          request.abortListeners.delete(abortStream);
-          if (
-            "object" === typeof reason &&
-            null !== reason &&
-            reason.$$typeof === REACT_POSTPONE_TYPE
-          )
-            logPostpone$1(request, reason.message, streamTask),
-              request.type === PRERENDER
-                ? request.pendingChunks--
-                : (emitPostponeChunk(request, streamTask.id, reason),
-                  enqueueFlush(request));
-          else {
-            var digest = logRecoverableError$1(request, reason, streamTask);
-            request.type === PRERENDER
-              ? request.pendingChunks--
-              : (emitErrorChunk(request, streamTask.id, digest, reason),
-                enqueueFlush(request));
-          }
-          reader.cancel(reason).then(error, error);
-        }
+        aborted ||
+          ((aborted = !0),
+          request.abortListeners.delete(abortStream),
+          request.type === PRERENDER
+            ? request.pendingChunks--
+            : (erroredTask$1(request, streamTask, reason),
+              enqueueFlush(request)),
+          reader.cancel(reason).then(error, error));
       }
       var supportsBYOB = stream.supportsBYOB;
       if (void 0 === supportsBYOB)
@@ -1038,40 +989,24 @@
             }
       }
       function error(reason) {
-        if (!aborted) {
-          aborted = !0;
-          request.abortListeners.delete(abortIterable);
-          var digest = logRecoverableError$1(request, reason, streamTask);
-          emitErrorChunk(request, streamTask.id, digest, reason);
-          enqueueFlush(request);
+        aborted ||
+          ((aborted = !0),
+          request.abortListeners.delete(abortIterable),
+          erroredTask$1(request, streamTask, reason),
+          enqueueFlush(request),
           "function" === typeof iterator.throw &&
-            iterator.throw(reason).then(error, error);
-        }
+            iterator.throw(reason).then(error, error));
       }
       function abortIterable(reason) {
-        if (!aborted) {
-          aborted = !0;
-          request.abortListeners.delete(abortIterable);
-          if (
-            "object" === typeof reason &&
-            null !== reason &&
-            reason.$$typeof === REACT_POSTPONE_TYPE
-          )
-            logPostpone$1(request, reason.message, streamTask),
-              request.type === PRERENDER
-                ? request.pendingChunks--
-                : (emitPostponeChunk(request, streamTask.id, reason),
-                  enqueueFlush(request));
-          else {
-            var digest = logRecoverableError$1(request, reason, streamTask);
-            request.type === PRERENDER
-              ? request.pendingChunks--
-              : (emitErrorChunk(request, streamTask.id, digest, reason),
-                enqueueFlush(request));
-          }
+        aborted ||
+          ((aborted = !0),
+          request.abortListeners.delete(abortIterable),
+          request.type === PRERENDER
+            ? request.pendingChunks--
+            : (erroredTask$1(request, streamTask, reason),
+              enqueueFlush(request)),
           "function" === typeof iterator.throw &&
-            iterator.throw(reason).then(error, error);
-        }
+            iterator.throw(reason).then(error, error));
       }
       var isIterator = iterable === iterator,
         streamTask = createTask(
@@ -1148,6 +1083,71 @@
         currentOwner = null;
       }
     }
+    function processServerComponentReturnValue(
+      request,
+      task,
+      Component,
+      result
+    ) {
+      if (
+        "object" !== typeof result ||
+        null === result ||
+        isClientReference(result)
+      )
+        return result;
+      if ("function" === typeof result.then)
+        return (
+          result.then(function (resolvedValue) {
+            "object" === typeof resolvedValue &&
+              null !== resolvedValue &&
+              resolvedValue.$$typeof === REACT_ELEMENT_TYPE &&
+              (resolvedValue._store.validated = 1);
+          }, voidHandler),
+          "fulfilled" === result.status
+            ? result.value
+            : createLazyWrapperAroundWakeable(result)
+        );
+      result.$$typeof === REACT_ELEMENT_TYPE && (result._store.validated = 1);
+      var iteratorFn = getIteratorFn(result);
+      if (iteratorFn) {
+        var multiShot = _defineProperty({}, Symbol.iterator, function () {
+          var iterator = iteratorFn.call(result);
+          iterator !== result ||
+            ("[object GeneratorFunction]" ===
+              Object.prototype.toString.call(Component) &&
+              "[object Generator]" ===
+                Object.prototype.toString.call(result)) ||
+            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. "
+              );
+            });
+          return iterator;
+        });
+        multiShot._debugInfo = result._debugInfo;
+        return multiShot;
+      }
+      return "function" !== typeof result[ASYNC_ITERATOR] ||
+        ("function" === typeof ReadableStream &&
+          result instanceof ReadableStream)
+        ? result
+        : ((multiShot = _defineProperty({}, ASYNC_ITERATOR, function () {
+            var iterator = result[ASYNC_ITERATOR]();
+            iterator !== result ||
+              ("[object AsyncGeneratorFunction]" ===
+                Object.prototype.toString.call(Component) &&
+                "[object AsyncGenerator]" ===
+                  Object.prototype.toString.call(result)) ||
+              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. "
+                );
+              });
+            return iterator;
+          })),
+          (multiShot._debugInfo = result._debugInfo),
+          multiShot);
+    }
     function renderFunctionComponent$1(
       request,
       task,
@@ -1180,12 +1180,16 @@
         componentDebugInfo.debugStack = task.debugStack;
         componentDebugInfo.debugTask = task.debugTask;
         outlineComponentInfo(request, componentDebugInfo);
+        task.timed = !0;
+        emitTimingChunk(request, componentDebugID, performance.now());
         emitDebugChunk(request, componentDebugID, componentDebugInfo);
         task.environmentName = componentEnv;
         2 === validated &&
           warnForMissingKey$1(request, key, componentDebugInfo, task.debugTask);
       }
-      prepareToUseHooksForComponent(prevThenableState, componentDebugInfo);
+      thenableIndexCounter$1 = 0;
+      thenableState$1 = prevThenableState;
+      currentComponentDebugInfo = componentDebugInfo;
       props = task.debugTask
         ? task.debugTask.run(
             callComponentInDEV$1.bind(
@@ -1205,74 +1209,21 @@
             props.then(voidHandler, voidHandler),
           null)
         );
-      if (
-        "object" === typeof props &&
-        null !== props &&
-        !isClientReference(props)
-      ) {
-        if ("function" === typeof props.then) {
-          validated = props;
-          validated.then(function (resolvedValue) {
-            "object" === typeof resolvedValue &&
-              null !== resolvedValue &&
-              resolvedValue.$$typeof === REACT_ELEMENT_TYPE &&
-              (resolvedValue._store.validated = 1);
-          }, voidHandler);
-          if ("fulfilled" === validated.status) return validated.value;
-          props = createLazyWrapperAroundWakeable(props);
-        }
-        var iteratorFn = getIteratorFn(props);
-        if (iteratorFn) {
-          var iterableChild = props;
-          props = _defineProperty({}, Symbol.iterator, function () {
-            var iterator = iteratorFn.call(iterableChild);
-            iterator !== iterableChild ||
-              ("[object GeneratorFunction]" ===
-                Object.prototype.toString.call(Component) &&
-                "[object Generator]" ===
-                  Object.prototype.toString.call(iterableChild)) ||
-              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. "
-                );
-              });
-            return iterator;
-          });
-          props._debugInfo = iterableChild._debugInfo;
-        } else if (
-          "function" !== typeof props[ASYNC_ITERATOR] ||
-          ("function" === typeof ReadableStream &&
-            props instanceof ReadableStream)
-        )
-          props.$$typeof === REACT_ELEMENT_TYPE && (props._store.validated = 1);
-        else {
-          var _iterableChild = props;
-          props = _defineProperty({}, ASYNC_ITERATOR, function () {
-            var iterator = _iterableChild[ASYNC_ITERATOR]();
-            iterator !== _iterableChild ||
-              ("[object AsyncGeneratorFunction]" ===
-                Object.prototype.toString.call(Component) &&
-                "[object AsyncGenerator]" ===
-                  Object.prototype.toString.call(_iterableChild)) ||
-              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. "
-                );
-              });
-            return iterator;
-          });
-          props._debugInfo = _iterableChild._debugInfo;
-        }
-      }
-      validated = task.keyPath;
-      prevThenableState = task.implicitSlot;
+      props = processServerComponentReturnValue(
+        request,
+        task,
+        Component,
+        props
+      );
+      Component = task.keyPath;
+      validated = task.implicitSlot;
       null !== key
-        ? (task.keyPath = null === validated ? key : validated + "," + key)
-        : null === validated && (task.implicitSlot = !0);
-      key = renderModelDestructive(request, task, emptyRoot, "", props);
-      task.keyPath = validated;
-      task.implicitSlot = prevThenableState;
-      return key;
+        ? (task.keyPath = null === Component ? key : Component + "," + key)
+        : null === Component && (task.implicitSlot = !0);
+      request = renderModelDestructive(request, task, emptyRoot, "", props);
+      task.keyPath = Component;
+      task.implicitSlot = validated;
+      return request;
     }
     function warnForMissingKey$1(request, key, componentDebugInfo, debugTask) {
       function logKeyError() {
@@ -1474,6 +1425,7 @@
       return task;
     }
     function pingTask$1(request, task) {
+      task.timed = !0;
       var pingedTasks = request.pingedTasks;
       pingedTasks.push(task);
       1 === pingedTasks.length &&
@@ -1532,7 +1484,8 @@
             });
           return renderModel(request, task, parent, parentPropertyName, value);
         },
-        thenableState: null
+        thenableState: null,
+        timed: !1
       };
       task.environmentName = request.environmentName();
       task.debugOwner = debugOwner;
@@ -1616,38 +1569,21 @@
             );
       }
       function error(reason) {
-        if (!aborted) {
-          aborted = !0;
-          request.abortListeners.delete(abortBlob);
-          var digest = logRecoverableError$1(request, reason, newTask);
-          emitErrorChunk(request, newTask.id, digest, reason);
-          enqueueFlush(request);
-          reader.cancel(reason).then(error, error);
-        }
+        aborted ||
+          ((aborted = !0),
+          request.abortListeners.delete(abortBlob),
+          erroredTask$1(request, newTask, reason),
+          enqueueFlush(request),
+          reader.cancel(reason).then(error, error));
       }
       function abortBlob(reason) {
-        if (!aborted) {
-          aborted = !0;
-          request.abortListeners.delete(abortBlob);
-          if (
-            "object" === typeof reason &&
-            null !== reason &&
-            reason.$$typeof === REACT_POSTPONE_TYPE
-          )
-            logPostpone$1(request, reason.message, newTask),
-              request.type === PRERENDER
-                ? request.pendingChunks--
-                : (emitPostponeChunk(request, newTask.id, reason),
-                  enqueueFlush(request));
-          else {
-            var digest = logRecoverableError$1(request, reason, newTask);
-            request.type === PRERENDER
-              ? request.pendingChunks--
-              : (emitErrorChunk(request, newTask.id, digest, reason),
-                enqueueFlush(request));
-          }
-          reader.cancel(reason).then(error, error);
-        }
+        aborted ||
+          ((aborted = !0),
+          request.abortListeners.delete(abortBlob),
+          request.type === PRERENDER
+            ? request.pendingChunks--
+            : (erroredTask$1(request, newTask, reason), enqueueFlush(request)),
+          reader.cancel(reason).then(error, error));
       }
       var model = [blob.type],
         newTask = createTask(
@@ -1695,45 +1631,42 @@
           thrownValue === SuspenseException$1
             ? getSuspendedThenable$1()
             : thrownValue;
-        if ("object" === typeof key && null !== key) {
-          if ("function" === typeof key.then)
-            return (
-              (request = createTask(
-                request,
-                task.model,
-                task.keyPath,
-                task.implicitSlot,
-                request.abortableTasks,
-                task.debugOwner,
-                task.debugStack,
-                task.debugTask
-              )),
-              (value = request.ping),
-              key.then(value, value),
-              (request.thenableState = getThenableStateAfterSuspending$1()),
-              (task.keyPath = prevKeyPath),
-              (task.implicitSlot = prevImplicitSlot),
-              parent
-                ? "$L" + request.id.toString(16)
-                : serializeByValueID$1(request.id)
-            );
-          if (key.$$typeof === REACT_POSTPONE_TYPE)
-            return (
-              request.pendingChunks++,
-              (value = request.nextChunkId++),
-              logPostpone$1(request, key.message, task),
-              emitPostponeChunk(request, value, key),
-              (task.keyPath = prevKeyPath),
-              (task.implicitSlot = prevImplicitSlot),
-              parent ? "$L" + value.toString(16) : serializeByValueID$1(value)
-            );
-        }
+        if (
+          "object" === typeof key &&
+          null !== key &&
+          "function" === typeof key.then
+        )
+          return (
+            (request = createTask(
+              request,
+              task.model,
+              task.keyPath,
+              task.implicitSlot,
+              request.abortableTasks,
+              task.debugOwner,
+              task.debugStack,
+              task.debugTask
+            )),
+            (value = request.ping),
+            key.then(value, value),
+            (request.thenableState = getThenableStateAfterSuspending$1()),
+            (task.keyPath = prevKeyPath),
+            (task.implicitSlot = prevImplicitSlot),
+            parent
+              ? "$L" + request.id.toString(16)
+              : serializeByValueID$1(request.id)
+          );
         task.keyPath = prevKeyPath;
         task.implicitSlot = prevImplicitSlot;
         request.pendingChunks++;
         prevKeyPath = request.nextChunkId++;
-        task = logRecoverableError$1(request, key, task);
-        emitErrorChunk(request, prevKeyPath, task, key);
+        "object" === typeof key &&
+        null !== key &&
+        key.$$typeof === REACT_POSTPONE_TYPE
+          ? (logPostpone$1(request, key.message, task),
+            emitPostponeChunk(request, prevKeyPath, key))
+          : ((task = logRecoverableError$1(request, key, task)),
+            emitErrorChunk(request, prevKeyPath, task, key));
         return parent
           ? "$L" + prevKeyPath.toString(16)
           : serializeByValueID$1(prevKeyPath);
@@ -2480,12 +2413,24 @@
       }
       request.completedRegularChunks.push(":W" + json + "\n");
     }
+    function emitTimeOriginChunk(request, timeOrigin) {
+      request.pendingChunks++;
+      request.completedRegularChunks.push(":N" + timeOrigin + "\n");
+    }
     function forwardDebugInfo(request, id, debugInfo) {
       for (var i = 0; i < debugInfo.length; i++)
-        request.pendingChunks++,
-          "string" === typeof debugInfo[i].name &&
-            outlineComponentInfo(request, debugInfo[i]),
-          emitDebugChunk(request, id, debugInfo[i]);
+        "number" === typeof debugInfo[i].time
+          ? emitTimingChunk(request, id, debugInfo[i].time)
+          : (request.pendingChunks++,
+            "string" === typeof debugInfo[i].name &&
+              outlineComponentInfo(request, debugInfo[i]),
+            emitDebugChunk(request, id, debugInfo[i]));
+    }
+    function emitTimingChunk(request, id, timestamp) {
+      request.pendingChunks++;
+      timestamp -= request.timeOrigin;
+      id = id.toString(16) + ':D{"time":' + timestamp + "}\n";
+      request.completedRegularChunks.push(id);
     }
     function emitChunk(request, task, value) {
       var id = task.id;
@@ -2518,6 +2463,22 @@
                                 : ((value = stringify(value, task.toJSON)),
                                   emitModelChunk(request, task.id, value));
     }
+    function erroredTask$1(request, task, error) {
+      task.timed && emitTimingChunk(request, task.id, performance.now());
+      request.abortableTasks.delete(task);
+      task.status = ERRORED$2;
+      if (
+        "object" === typeof error &&
+        null !== error &&
+        error.$$typeof === REACT_POSTPONE_TYPE
+      )
+        logPostpone$1(request, error.message, task),
+          emitPostponeChunk(request, task.id, error);
+      else {
+        var digest = logRecoverableError$1(request, error, task);
+        emitErrorChunk(request, task.id, digest, error);
+      }
+    }
     function retryTask$1(request, task) {
       if (task.status === PENDING$3) {
         var prevDebugID = debugID;
@@ -2536,22 +2497,19 @@
           modelRoot = resolvedModel;
           task.keyPath = null;
           task.implicitSlot = !1;
-          if ("object" === typeof resolvedModel && null !== resolvedModel) {
+          var currentEnv = (0, request.environmentName)();
+          currentEnv !== task.environmentName &&
+            (request.pendingChunks++,
+            emitDebugChunk(request, task.id, { env: currentEnv }));
+          task.timed && emitTimingChunk(request, task.id, performance.now());
+          if ("object" === typeof resolvedModel && null !== resolvedModel)
             request.writtenObjects.set(
               resolvedModel,
               serializeByValueID$1(task.id)
-            );
-            var currentEnv = (0, request.environmentName)();
-            currentEnv !== task.environmentName &&
-              (request.pendingChunks++,
-              emitDebugChunk(request, task.id, { env: currentEnv }));
-            emitChunk(request, task, resolvedModel);
-          } else {
-            var json = stringify(resolvedModel),
-              _currentEnv = (0, request.environmentName)();
-            _currentEnv !== task.environmentName &&
-              (request.pendingChunks++,
-              emitDebugChunk(request, task.id, { env: _currentEnv }));
+            ),
+              emitChunk(request, task, resolvedModel);
+          else {
+            var json = stringify(resolvedModel);
             emitModelChunk(request, task.id, json);
           }
           request.abortableTasks.delete(task);
@@ -2573,26 +2531,16 @@
               thrownValue === SuspenseException$1
                 ? getSuspendedThenable$1()
                 : thrownValue;
-            if ("object" === typeof x && null !== x) {
-              if ("function" === typeof x.then) {
-                task.status = PENDING$3;
-                task.thenableState = getThenableStateAfterSuspending$1();
-                var ping = task.ping;
-                x.then(ping, ping);
-                return;
-              }
-              if (x.$$typeof === REACT_POSTPONE_TYPE) {
-                request.abortableTasks.delete(task);
-                task.status = ERRORED$2;
-                logPostpone$1(request, x.message, task);
-                emitPostponeChunk(request, task.id, x);
-                return;
-              }
-            }
-            request.abortableTasks.delete(task);
-            task.status = ERRORED$2;
-            var digest = logRecoverableError$1(request, x, task);
-            emitErrorChunk(request, task.id, digest, x);
+            if (
+              "object" === typeof x &&
+              null !== x &&
+              "function" === typeof x.then
+            ) {
+              task.status = PENDING$3;
+              task.thenableState = getThenableStateAfterSuspending$1();
+              var ping = task.ping;
+              x.then(ping, ping);
+            } else erroredTask$1(request, task, x);
           }
         } finally {
           debugID = prevDebugID;
@@ -2637,6 +2585,7 @@
     function abortTask$1(task, request, errorId) {
       task.status !== RENDERING$1 &&
         ((task.status = ABORTED$1),
+        task.timed && emitTimingChunk(request, task.id, performance.now()),
         (errorId = serializeByValueID$1(errorId)),
         (task = encodeReferenceChunk(request, task.id, errorId)),
         request.completedErrorChunks.push(task));
@@ -2721,29 +2670,25 @@
         11 >= request.status && (request.status = ABORTING$1);
         var abortableTasks = request.abortableTasks;
         if (0 < abortableTasks.size) {
-          if (
+          if (request.type === PRERENDER)
+            abortableTasks.forEach(function (task) {
+              task.status !== RENDERING$1 &&
+                ((task.status = ABORTED$1), request.pendingChunks--);
+            });
+          else if (
             "object" === typeof reason &&
             null !== reason &&
             reason.$$typeof === REACT_POSTPONE_TYPE
-          )
-            if (
-              (logPostpone$1(request, reason.message, null),
-              request.type === PRERENDER)
-            )
-              abortableTasks.forEach(function (task) {
-                task.status !== RENDERING$1 &&
-                  ((task.status = ABORTED$1), request.pendingChunks--);
-              });
-            else {
-              var errorId = request.nextChunkId++;
-              request.fatalError = errorId;
-              request.pendingChunks++;
-              emitPostponeChunk(request, errorId, reason);
-              abortableTasks.forEach(function (task) {
-                return abortTask$1(task, request, errorId);
-              });
-            }
-          else {
+          ) {
+            logPostpone$1(request, reason.message, null);
+            var errorId = request.nextChunkId++;
+            request.fatalError = errorId;
+            request.pendingChunks++;
+            emitPostponeChunk(request, errorId, reason);
+            abortableTasks.forEach(function (task) {
+              return abortTask$1(task, request, errorId);
+            });
+          } else {
             var error =
                 void 0 === reason
                   ? Error(
@@ -2756,21 +2701,14 @@
                         "The render was aborted by the server with a promise."
                       )
                     : reason,
-              digest = logRecoverableError$1(request, error, null);
-            if (request.type === PRERENDER)
-              abortableTasks.forEach(function (task) {
-                task.status !== RENDERING$1 &&
-                  ((task.status = ABORTED$1), request.pendingChunks--);
-              });
-            else {
-              var _errorId2 = request.nextChunkId++;
-              request.fatalError = _errorId2;
-              request.pendingChunks++;
-              emitErrorChunk(request, _errorId2, digest, error);
-              abortableTasks.forEach(function (task) {
-                return abortTask$1(task, request, _errorId2);
-              });
-            }
+              digest = logRecoverableError$1(request, error, null),
+              _errorId2 = request.nextChunkId++;
+            request.fatalError = _errorId2;
+            request.pendingChunks++;
+            emitErrorChunk(request, _errorId2, digest, error);
+            abortableTasks.forEach(function (task) {
+              return abortTask$1(task, request, _errorId2);
+            });
           }
           abortableTasks.clear();
           var onAllReady = request.onAllReady;
@@ -3539,6 +3477,7 @@
       this.value = value;
       this.reason = reason;
       this._response = response;
+      this._children = [];
       this._debugInfo = null;
     }
     function readChunk(chunk) {
@@ -3562,6 +3501,9 @@
     function createPendingChunk(response) {
       return new ReactPromise("pending", null, null, response);
     }
+    function createErrorChunk(response, error) {
+      return new ReactPromise("rejected", null, error, response);
+    }
     function wakeChunk(listeners, value) {
       for (var i = 0; i < listeners.length; i++) (0, listeners[i])(value);
     }
@@ -3631,12 +3573,14 @@
       }
     }
     function initializeModelChunk(chunk) {
-      var prevHandler = initializingHandler;
+      var prevHandler = initializingHandler,
+        prevChunk = initializingChunk;
       initializingHandler = null;
       var resolvedModel = chunk.value;
       chunk.status = "blocked";
       chunk.value = null;
       chunk.reason = null;
+      initializingChunk = chunk;
       try {
         var value = JSON.parse(resolvedModel, chunk._response._fromJSON),
           resolveListeners = chunk.value;
@@ -3657,7 +3601,7 @@
       } catch (error) {
         (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
-        initializingHandler = prevHandler;
+        (initializingHandler = prevHandler), (initializingChunk = prevChunk);
       }
     }
     function initializeModuleChunk(chunk) {
@@ -3670,9 +3614,20 @@
       }
     }
     function reportGlobalError(response, error) {
+      response._closed = !0;
+      response._closedReason = error;
       response._chunks.forEach(function (chunk) {
         "pending" === chunk.status && triggerErrorOnChunk(chunk, error);
       });
+      supportsUserTiming &&
+        performance.mark("Server Components Track", componentsTrackMarker);
+      flushComponentPerformance(
+        response,
+        getChunk(response, 0),
+        0,
+        -Infinity,
+        -Infinity
+      );
     }
     function nullRefGetter() {
       return null;
@@ -3706,7 +3661,11 @@
     function getChunk(response, id) {
       var chunks = response._chunks,
         chunk = chunks.get(id);
-      chunk || ((chunk = createPendingChunk(response)), chunks.set(id, chunk));
+      chunk ||
+        ((chunk = response._closed
+          ? createErrorChunk(response, response._closedReason)
+          : createPendingChunk(response)),
+        chunks.set(id, chunk));
       return chunk;
     }
     function waitForReference(
@@ -3813,6 +3772,9 @@
       reference = reference.split(":");
       var id = parseInt(reference[0], 16);
       id = getChunk(response, id);
+      null !== initializingChunk &&
+        isArrayImpl(initializingChunk._children) &&
+        initializingChunk._children.push(id);
       switch (id.status) {
         case "resolved_model":
           initializeModelChunk(id);
@@ -3921,12 +3883,19 @@
             return (
               (parentObject = parseInt(value.slice(2), 16)),
               (response = getChunk(response, parentObject)),
+              null !== initializingChunk &&
+                isArrayImpl(initializingChunk._children) &&
+                initializingChunk._children.push(response),
               createLazyChunkWrapper(response)
             );
           case "@":
             if (2 === value.length) return new Promise(function () {});
             parentObject = parseInt(value.slice(2), 16);
-            return getChunk(response, parentObject);
+            response = getChunk(response, parentObject);
+            null !== initializingChunk &&
+              isArrayImpl(initializingChunk._children) &&
+              initializingChunk._children.push(response);
+            return response;
           case "S":
             return Symbol.for(value.slice(2));
           case "F":
@@ -4062,7 +4031,10 @@
       this._fromJSON = this._stringDecoder = null;
       this._rowLength = this._rowTag = this._rowID = this._rowState = 0;
       this._buffer = [];
+      this._closed = !1;
+      this._closedReason = null;
       this._tempRefs = temporaryReferences;
+      this._timeOrigin = 0;
       this._debugRootOwner = bundlerConfig =
         void 0 === ReactSharedInteralsServer ||
         null === ReactSharedInteralsServer.A
@@ -4330,7 +4302,7 @@
       stack = response._chunks;
       (env = stack.get(id))
         ? triggerErrorOnChunk(env, reason)
-        : stack.set(id, new ReactPromise("rejected", null, reason, response));
+        : stack.set(id, createErrorChunk(response, reason));
     }
     function resolveHint(response, code, model) {
       JSON.parse(model, response._fromJSON);
@@ -4479,15 +4451,20 @@
           initializeFakeStack(response, debugInfo.owner));
     }
     function resolveDebugInfo(response, id, debugInfo) {
-      initializeFakeTask(
-        response,
-        debugInfo,
-        void 0 === debugInfo.env ? response._rootEnvironmentName : debugInfo.env
-      );
+      var env =
+        void 0 === debugInfo.env
+          ? response._rootEnvironmentName
+          : debugInfo.env;
+      void 0 !== debugInfo.stack &&
+        initializeFakeTask(response, debugInfo, env);
       null === debugInfo.owner && null != response._debugRootOwner
-        ? ((debugInfo.owner = response._debugRootOwner),
-          (debugInfo.debugStack = response._debugRootStack))
-        : initializeFakeStack(response, debugInfo);
+        ? ((env = debugInfo),
+          (env.owner = response._debugRootOwner),
+          (env.debugStack = response._debugRootStack))
+        : void 0 !== debugInfo.stack &&
+          initializeFakeStack(response, debugInfo);
+      "number" === typeof debugInfo.time &&
+        (debugInfo = { time: debugInfo.time + response._timeOrigin });
       response = getChunk(response, id);
       (response._debugInfo || (response._debugInfo = [])).push(debugInfo);
     }
@@ -4513,6 +4490,134 @@
         );
       }
     }
+    function flushComponentPerformance(
+      response,
+      root,
+      trackIdx$jscomp$0,
+      trackTime,
+      parentEndTime
+    ) {
+      if (!isArrayImpl(root._children)) {
+        response = root._children;
+        var previousEndTime = response.endTime;
+        if (
+          -Infinity < parentEndTime &&
+          parentEndTime < previousEndTime &&
+          null !== response.component
+        ) {
+          var trackIdx = trackIdx$jscomp$0;
+          root = parentEndTime;
+          supportsUserTiming &&
+            0 <= previousEndTime &&
+            10 > trackIdx &&
+            ((parentEndTime = response.component.name),
+            (reusableComponentDevToolDetails.color = "tertiary-light"),
+            (reusableComponentDevToolDetails.track = trackNames[trackIdx]),
+            (reusableComponentOptions.start = 0 > root ? 0 : root),
+            (reusableComponentOptions.end = previousEndTime),
+            performance.measure(
+              parentEndTime + " [deduped]",
+              reusableComponentOptions
+            ));
+        }
+        response.track = trackIdx$jscomp$0;
+        return response;
+      }
+      var children = root._children;
+      "resolved_model" === root.status && initializeModelChunk(root);
+      if ((previousEndTime = root._debugInfo)) {
+        for (trackIdx = 1; trackIdx < previousEndTime.length; trackIdx++)
+          if ("string" === typeof previousEndTime[trackIdx].name) {
+            var startTimeInfo = previousEndTime[trackIdx - 1];
+            if ("number" === typeof startTimeInfo.time) {
+              trackIdx = startTimeInfo.time;
+              trackIdx < trackTime && trackIdx$jscomp$0++;
+              trackTime = trackIdx;
+              break;
+            }
+          }
+        for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--)
+          (startTimeInfo = previousEndTime[trackIdx]),
+            "number" === typeof startTimeInfo.time &&
+              startTimeInfo.time > parentEndTime &&
+              (parentEndTime = startTimeInfo.time);
+      }
+      trackIdx = {
+        track: trackIdx$jscomp$0,
+        endTime: -Infinity,
+        component: null
+      };
+      root._children = trackIdx;
+      root = -Infinity;
+      startTimeInfo = trackIdx$jscomp$0;
+      var childTrackTime = trackTime;
+      for (trackTime = 0; trackTime < children.length; trackTime++) {
+        childTrackTime = flushComponentPerformance(
+          response,
+          children[trackTime],
+          startTimeInfo,
+          childTrackTime,
+          parentEndTime
+        );
+        null !== childTrackTime.component &&
+          (trackIdx.component = childTrackTime.component);
+        startTimeInfo = childTrackTime.track;
+        var childEndTime = childTrackTime.endTime;
+        childTrackTime = childEndTime;
+        childEndTime > root && (root = childEndTime);
+      }
+      if (previousEndTime)
+        for (
+          parentEndTime = 0, children = previousEndTime.length - 1;
+          0 <= children;
+          children--
+        )
+          if (
+            ((trackTime = previousEndTime[children]),
+            "number" === typeof trackTime.time &&
+              ((parentEndTime = trackTime.time),
+              parentEndTime > root && (root = parentEndTime)),
+            "string" === typeof trackTime.name &&
+              0 < children &&
+              ((childTrackTime = previousEndTime[children - 1]),
+              "number" === typeof childTrackTime.time))
+          ) {
+            startTimeInfo = trackIdx$jscomp$0;
+            childTrackTime = childTrackTime.time;
+            childEndTime = root;
+            if (supportsUserTiming && 0 <= childEndTime && 10 > startTimeInfo) {
+              var env = trackTime.env,
+                name = trackTime.name,
+                isPrimaryEnv = env === response._rootEnvironmentName,
+                selfTime = parentEndTime - childTrackTime;
+              reusableComponentDevToolDetails.color =
+                0.5 > selfTime
+                  ? isPrimaryEnv
+                    ? "primary-light"
+                    : "secondary-light"
+                  : 50 > selfTime
+                    ? isPrimaryEnv
+                      ? "primary"
+                      : "secondary"
+                    : 500 > selfTime
+                      ? isPrimaryEnv
+                        ? "primary-dark"
+                        : "secondary-dark"
+                      : "error";
+              reusableComponentDevToolDetails.track = trackNames[startTimeInfo];
+              reusableComponentOptions.start =
+                0 > childTrackTime ? 0 : childTrackTime;
+              reusableComponentOptions.end = childEndTime;
+              performance.measure(
+                isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]",
+                reusableComponentOptions
+              );
+            }
+            trackIdx.component = trackTime;
+          }
+      trackIdx.endTime = root;
+      return trackIdx;
+    }
     function processFullStringRow(response, id, tag, row) {
       switch (tag) {
         case 73:
@@ -4529,11 +4634,14 @@
           var chunk = row.get(id);
           chunk
             ? triggerErrorOnChunk(chunk, tag)
-            : row.set(id, new ReactPromise("rejected", null, tag, response));
+            : row.set(id, createErrorChunk(response, tag));
           break;
         case 84:
           resolveText(response, id, row);
           break;
+        case 78:
+          response._timeOrigin = +row - performance.timeOrigin;
+          break;
         case 68:
           tag = new ReactPromise("resolved_model", row, null, response);
           initializeModelChunk(tag);
@@ -4648,12 +4756,7 @@
               ? ((stack = initializingHandler),
                 (initializingHandler = stack.parent),
                 stack.errored
-                  ? ((key = new ReactPromise(
-                      "rejected",
-                      null,
-                      stack.value,
-                      response
-                    )),
+                  ? ((key = createErrorChunk(response, stack.value)),
                     (stack = {
                       name: getComponentNameFromType(value.type) || "",
                       owner: value._owner
@@ -6733,7 +6836,7 @@
                 : children$jscomp$6;
             Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
               ? console.error(
-                  "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
+                  "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be common to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
                   children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
@@ -8293,7 +8396,7 @@
       if ("string" === typeof type) return describeBuiltInComponentFrame(type);
       if ("function" === typeof type)
         return type.prototype && type.prototype.isReactComponent
-          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          ? describeNativeComponentFrame(type, !0)
           : describeNativeComponentFrame(type, !1);
       if ("object" === typeof type && null !== type) {
         switch (type.$$typeof) {
@@ -9345,7 +9448,6 @@
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
-          case REACT_DEBUG_TRACING_MODE_TYPE:
           case REACT_STRICT_MODE_TYPE:
           case REACT_PROFILER_TYPE:
           case REACT_FRAGMENT_TYPE:
@@ -11759,7 +11861,6 @@
       REACT_MEMO_TYPE = Symbol.for("react.memo"),
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
       REACT_SCOPE_TYPE = Symbol.for("react.scope"),
-      REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
       REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
       REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
@@ -11805,6 +11906,10 @@
             ":"
           );
         },
+        useHostTransitionStatus: unsupportedHook,
+        useOptimistic: unsupportedHook,
+        useFormState: unsupportedHook,
+        useActionState: unsupportedHook,
         useSyncExternalStore: unsupportedHook,
         useCacheRefresh: function () {
           return unsupportedRefresh$1;
@@ -11952,6 +12057,33 @@
       fakeServerFunctionIdx = 0,
       FunctionBind = Function.prototype.bind,
       ArraySlice = Array.prototype.slice,
+      supportsUserTiming =
+        "undefined" !== typeof performance &&
+        "function" === typeof performance.measure,
+      componentsTrackMarker = {
+        startTime: 0.001,
+        detail: {
+          devtools: {
+            color: "primary-light",
+            track: "Primary",
+            trackGroup: "Server Components \u269b"
+          }
+        }
+      },
+      reusableComponentDevToolDetails = {
+        color: "primary",
+        track: "",
+        trackGroup: "Server Components \u269b"
+      },
+      reusableComponentOptions = {
+        start: -0,
+        end: -0,
+        detail: { devtools: reusableComponentDevToolDetails }
+      },
+      trackNames =
+        "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split(
+          " "
+        ),
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
       ReactSharedInteralsServer =
         React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
@@ -11985,6 +12117,7 @@
       }
     };
     var initializingHandler = null,
+      initializingChunk = null,
       supportsCreateTask = !!console.createTask,
       fakeFunctionCache = new Map(),
       fakeFunctionIdx = 0,
@@ -12896,29 +13029,29 @@
           return treeId + ":";
         },
         useSyncExternalStore: clientHookNotSupported,
-        useCacheRefresh: function () {
-          return unsupportedRefresh;
+        useOptimistic: function (passthrough) {
+          resolveCurrentlyRenderingComponent();
+          return [passthrough, unsupportedSetOptimisticState];
         },
-        useEffectEvent: function () {
-          return throwOnUseEffectEventCall;
+        useActionState: useActionState,
+        useFormState: useActionState,
+        useHostTransitionStatus: function () {
+          resolveCurrentlyRenderingComponent();
+          return NotPending;
         },
         useMemoCache: function (size) {
           for (var data = Array(size), i = 0; i < size; i++)
             data[i] = REACT_MEMO_CACHE_SENTINEL;
           return data;
         },
-        useHostTransitionStatus: function () {
-          resolveCurrentlyRenderingComponent();
-          return NotPending;
+        useCacheRefresh: function () {
+          return unsupportedRefresh;
         },
-        useOptimistic: function (passthrough) {
-          resolveCurrentlyRenderingComponent();
-          return [passthrough, unsupportedSetOptimisticState];
+        useEffectEvent: function () {
+          return throwOnUseEffectEventCall;
         }
-      };
-    HooksDispatcher.useFormState = useActionState;
-    HooksDispatcher.useActionState = useActionState;
-    var currentResumableState = null,
+      },
+      currentResumableState = null,
       currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
@@ -13169,5 +13302,5 @@
         });
       });
     };
-    exports.version = "19.0.0-experimental-65e06cb7-20241218";
+    exports.version = "19.1.0-experimental-518d06d2-20241219";
   })();