react-markup 0.0.0-experimental-79ddf5b5-20241210 → 0.0.0-experimental-4dff0e62-20241213

package/cjs/react-markup.development.js

@@ -8635,5 +8635,5 @@
         });
       });
     };
-    exports.version = "19.0.0-experimental-79ddf5b5-20241210";
+    exports.version = "19.1.0-experimental-4dff0e62-20241213";
   })();

package/cjs/react-markup.production.js

@@ -5710,4 +5710,4 @@ exports.experimental_renderToHTML = function (children, options) {
     });
   });
 };
-exports.version = "19.0.0-experimental-79ddf5b5-20241210";
+exports.version = "19.1.0-experimental-4dff0e62-20241213";

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

@@ -3477,6 +3477,7 @@
       this.value = value;
       this.reason = reason;
       this._response = response;
+      this._children = [];
       this._debugInfo = null;
     }
     function readChunk(chunk) {
@@ -3569,12 +3570,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;
@@ -3595,7 +3598,7 @@
       } catch (error) {
         (chunk.status = "rejected"), (chunk.reason = error);
       } finally {
-        initializingHandler = prevHandler;
+        (initializingHandler = prevHandler), (initializingChunk = prevChunk);
       }
     }
     function initializeModuleChunk(chunk) {
@@ -3611,6 +3614,7 @@
       response._chunks.forEach(function (chunk) {
         "pending" === chunk.status && triggerErrorOnChunk(chunk, error);
       });
+      flushComponentPerformance(getChunk(response, 0));
     }
     function nullRefGetter() {
       return null;
@@ -3751,6 +3755,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);
@@ -3859,12 +3866,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":
@@ -4457,6 +4471,50 @@
         );
       }
     }
+    function flushComponentPerformance(root) {
+      if (!isArrayImpl(root._children)) return root._children.endTime;
+      var children = root._children;
+      "resolved_model" === root.status && initializeModelChunk(root);
+      var result = { endTime: -Infinity };
+      root._children = result;
+      for (var childrenEndTime = -Infinity, i = 0; i < children.length; i++) {
+        var childEndTime = flushComponentPerformance(children[i]);
+        childEndTime > childrenEndTime && (childrenEndTime = childEndTime);
+      }
+      if ((root = root._debugInfo))
+        for (children = 0, i = root.length - 1; 0 <= i; i--)
+          if (
+            ((childEndTime = root[i]),
+            "number" === typeof childEndTime.time &&
+              ((children = childEndTime.time),
+              children > childrenEndTime && (childrenEndTime = children)),
+            "string" === typeof childEndTime.name && 0 < i)
+          ) {
+            var componentInfo = childEndTime;
+            childEndTime = root[i - 1];
+            if ("number" === typeof childEndTime.time) {
+              childEndTime = childEndTime.time;
+              var childrenEndTime$jscomp$0 = childrenEndTime;
+              if (supportsUserTiming && 0 <= childrenEndTime$jscomp$0) {
+                componentInfo = componentInfo.name;
+                var selfTime = children - childEndTime;
+                reusableComponentDevToolDetails.color =
+                  0.5 > selfTime
+                    ? "primary-light"
+                    : 50 > selfTime
+                      ? "primary"
+                      : 500 > selfTime
+                        ? "primary-dark"
+                        : "error";
+                reusableComponentOptions.start =
+                  0 > childEndTime ? 0 : childEndTime;
+                reusableComponentOptions.end = childrenEndTime$jscomp$0;
+                performance.measure(componentInfo, reusableComponentOptions);
+              }
+            }
+          }
+      return (result.endTime = childrenEndTime);
+    }
     function processFullStringRow(response, id, tag, row) {
       switch (tag) {
         case 73:
@@ -11899,6 +11957,18 @@
       fakeServerFunctionIdx = 0,
       FunctionBind = Function.prototype.bind,
       ArraySlice = Array.prototype.slice,
+      supportsUserTiming =
+        "undefined" !== typeof performance &&
+        "function" === typeof performance.measure,
+      reusableComponentDevToolDetails = {
+        color: "primary",
+        track: "Server Components \u269b"
+      },
+      reusableComponentOptions = {
+        start: -0,
+        end: -0,
+        detail: { devtools: reusableComponentDevToolDetails }
+      },
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
       ReactSharedInteralsServer =
         React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
@@ -11932,6 +12002,7 @@
       }
     };
     var initializingHandler = null,
+      initializingChunk = null,
       supportsCreateTask = !!console.createTask,
       fakeFunctionCache = new Map(),
       fakeFunctionIdx = 0,
@@ -13116,5 +13187,5 @@
         });
       });
     };
-    exports.version = "19.0.0-experimental-79ddf5b5-20241210";
+    exports.version = "19.1.0-experimental-4dff0e62-20241213";
   })();

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

@@ -8620,4 +8620,4 @@ exports.experimental_renderToHTML = function (children, options) {
     });
   });
 };
-exports.version = "19.0.0-experimental-79ddf5b5-20241210";
+exports.version = "19.1.0-experimental-4dff0e62-20241213";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-markup",
-  "version": "0.0.0-experimental-79ddf5b5-20241210",
+  "version": "0.0.0-experimental-4dff0e62-20241213",
   "description": "React package generating embedded markup such as e-mails with support for Server Components.",
   "main": "index.js",
   "repository": {
@@ -17,7 +17,7 @@
   },
   "homepage": "https://react.dev/",
   "peerDependencies": {
-    "react": "0.0.0-experimental-79ddf5b5-20241210"
+    "react": "0.0.0-experimental-4dff0e62-20241213"
   },
   "files": [
     "LICENSE",