[Fiber] Color Performance Track Entries by Self Time (#30984)

Stacked on #30983. This colors each component entry by its self time from light to dark depending on how long it took. If it took longer than a cut off we color it red (the error color). <img width="435" alt="Screenshot 2024-09-16 at 11 48 15 PM" src="/~https://github.com/user-attachments/assets/5d0bda83-6205-40e9-bec1-b81db2d48b2d"> DiffTrain build for [8dfbd16](8dfbd16)
facebook · Sep 17, 2024 · a5e6d67 · a5e6d67
1 parent 7b7ffbd
commit a5e6d67
Show file tree

Hide file tree

Showing 34 changed files with 178 additions and 185 deletions.
diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-e1c20902c39d1dfe2649185622f2f21b526e2be2
+8dfbd16fce9077ab4e5fe85a7b86fa7c97a5ae04
diff --git a/compiled/facebook-www/REVISION_TRANSFORMS b/compiled/facebook-www/REVISION_TRANSFORMS
@@ -1 +1 @@
-e1c20902c39d1dfe2649185622f2f21b526e2be2
+8dfbd16fce9077ab4e5fe85a7b86fa7c97a5ae04
diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js
@@ -2000,7 +2000,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.0.0-www-classic-e1c20902-20240917";
+    exports.version = "19.0.0-www-classic-8dfbd16f-20240917";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js
@@ -1980,7 +1980,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.0.0-www-modern-e1c20902-20240917";
+    exports.version = "19.0.0-www-modern-8dfbd16f-20240917";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js
@@ -665,4 +665,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-www-classic-e1c20902-20240917";
+exports.version = "19.0.0-www-classic-8dfbd16f-20240917";
diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js
@@ -665,4 +665,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-www-modern-e1c20902-20240917";
+exports.version = "19.0.0-www-modern-8dfbd16f-20240917";
diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js
@@ -669,7 +669,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-www-classic-e1c20902-20240917";
+exports.version = "19.0.0-www-classic-8dfbd16f-20240917";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js
@@ -669,7 +669,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.0.0-www-modern-e1c20902-20240917";
+exports.version = "19.0.0-www-modern-8dfbd16f-20240917";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js
@@ -17026,11 +17026,11 @@ __DEV__ &&
     (function () {
       var internals = {
         bundleType: 1,
-        version: "19.0.0-www-classic-e1c20902-20240917",
+        version: "19.0.0-www-classic-8dfbd16f-20240917",
         rendererPackageName: "react-art",
         currentDispatcherRef: ReactSharedInternals,
         findFiberByHostInstance: getInstanceFromNode,
-        reconcilerVersion: "19.0.0-www-classic-e1c20902-20240917"
+        reconcilerVersion: "19.0.0-www-classic-8dfbd16f-20240917"
       };
       internals.overrideHookState = overrideHookState;
       internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -17064,7 +17064,7 @@ __DEV__ &&
     exports.Shape = Shape;
     exports.Surface = Surface;
     exports.Text = Text;
-    exports.version = "19.0.0-www-classic-e1c20902-20240917";
+    exports.version = "19.0.0-www-classic-8dfbd16f-20240917";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js
@@ -16472,11 +16472,11 @@ __DEV__ &&
     (function () {
       var internals = {
         bundleType: 1,
-        version: "19.0.0-www-modern-e1c20902-20240917",
+        version: "19.0.0-www-modern-8dfbd16f-20240917",
         rendererPackageName: "react-art",
         currentDispatcherRef: ReactSharedInternals,
         findFiberByHostInstance: getInstanceFromNode,
-        reconcilerVersion: "19.0.0-www-modern-e1c20902-20240917"
+        reconcilerVersion: "19.0.0-www-modern-8dfbd16f-20240917"
       };
       internals.overrideHookState = overrideHookState;
       internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -16510,7 +16510,7 @@ __DEV__ &&
     exports.Shape = Shape;
     exports.Surface = Surface;
     exports.Text = Text;
-    exports.version = "19.0.0-www-modern-e1c20902-20240917";
+    exports.version = "19.0.0-www-modern-8dfbd16f-20240917";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js
@@ -10853,13 +10853,13 @@ var slice = Array.prototype.slice,
   })(React.Component);
 var internals$jscomp$inline_1439 = {
   bundleType: 0,
-  version: "19.0.0-www-classic-e1c20902-20240917",
+  version: "19.0.0-www-classic-8dfbd16f-20240917",
   rendererPackageName: "react-art",
   currentDispatcherRef: ReactSharedInternals,
   findFiberByHostInstance: function () {
     return null;
   },
-  reconcilerVersion: "19.0.0-www-classic-e1c20902-20240917"
+  reconcilerVersion: "19.0.0-www-classic-8dfbd16f-20240917"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1440 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -10885,4 +10885,4 @@ exports.RadialGradient = RadialGradient;
 exports.Shape = TYPES.SHAPE;
 exports.Surface = Surface;
 exports.Text = Text;
-exports.version = "19.0.0-www-classic-e1c20902-20240917";
+exports.version = "19.0.0-www-classic-8dfbd16f-20240917";
diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js
@@ -10367,13 +10367,13 @@ var slice = Array.prototype.slice,
   })(React.Component);
 var internals$jscomp$inline_1431 = {
   bundleType: 0,
-  version: "19.0.0-www-modern-e1c20902-20240917",
+  version: "19.0.0-www-modern-8dfbd16f-20240917",
   rendererPackageName: "react-art",
   currentDispatcherRef: ReactSharedInternals,
   findFiberByHostInstance: function () {
     return null;
   },
-  reconcilerVersion: "19.0.0-www-modern-e1c20902-20240917"
+  reconcilerVersion: "19.0.0-www-modern-8dfbd16f-20240917"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1432 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -10399,4 +10399,4 @@ exports.RadialGradient = RadialGradient;
 exports.Shape = TYPES.SHAPE;
 exports.Surface = Surface;
 exports.Text = Text;
-exports.version = "19.0.0-www-modern-e1c20902-20240917";
+exports.version = "19.0.0-www-modern-8dfbd16f-20240917";
diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js
@@ -18576,41 +18576,43 @@ __DEV__ &&
         : !1;
     }
     function getActiveElementDeep(containerInfo) {
-      var $jscomp$optchain$tmp1055089991$1, $jscomp$nullish$tmp0;
+      var $jscomp$optchain$tmpm1504296778$1, $jscomp$nullish$tmp0;
       containerInfo =
         null !=
         ($jscomp$nullish$tmp0 =
           null == containerInfo
             ? void 0
             : null ==
-                ($jscomp$optchain$tmp1055089991$1 = containerInfo.ownerDocument)
+                ($jscomp$optchain$tmpm1504296778$1 =
+                  containerInfo.ownerDocument)
               ? void 0
-              : $jscomp$optchain$tmp1055089991$1.defaultView)
+              : $jscomp$optchain$tmpm1504296778$1.defaultView)
           ? $jscomp$nullish$tmp0
           : window;
       for (
-        $jscomp$optchain$tmp1055089991$1 = getActiveElement(
+        $jscomp$optchain$tmpm1504296778$1 = getActiveElement(
           containerInfo.document
         );
-        $jscomp$optchain$tmp1055089991$1 instanceof
+        $jscomp$optchain$tmpm1504296778$1 instanceof
         containerInfo.HTMLIFrameElement;
 
       ) {
         try {
           var JSCompiler_inline_result =
             "string" ===
-            typeof $jscomp$optchain$tmp1055089991$1.contentWindow.location.href;
+            typeof $jscomp$optchain$tmpm1504296778$1.contentWindow.location
+              .href;
         } catch (err) {
           JSCompiler_inline_result = !1;
         }
         if (JSCompiler_inline_result)
-          containerInfo = $jscomp$optchain$tmp1055089991$1.contentWindow;
+          containerInfo = $jscomp$optchain$tmpm1504296778$1.contentWindow;
         else break;
-        $jscomp$optchain$tmp1055089991$1 = getActiveElement(
+        $jscomp$optchain$tmpm1504296778$1 = getActiveElement(
           containerInfo.document
         );
       }
-      return $jscomp$optchain$tmp1055089991$1;
+      return $jscomp$optchain$tmpm1504296778$1;
     }
     function hasSelectionCapabilities(elem) {
       var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
@@ -27774,11 +27776,11 @@ __DEV__ &&
         : flushSyncErrorInBuildsThatSupportLegacyMode;
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-www-classic-e1c20902-20240917" !== isomorphicReactPackageVersion)
+      if ("19.0.0-www-classic-8dfbd16f-20240917" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-www-classic-e1c20902-20240917\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-www-classic-8dfbd16f-20240917\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -27822,11 +27824,11 @@ __DEV__ &&
       !(function () {
         var internals = {
           bundleType: 1,
-          version: "19.0.0-www-classic-e1c20902-20240917",
+          version: "19.0.0-www-classic-8dfbd16f-20240917",
           rendererPackageName: "react-dom",
           currentDispatcherRef: ReactSharedInternals,
           findFiberByHostInstance: getClosestInstanceFromNode,
-          reconcilerVersion: "19.0.0-www-classic-e1c20902-20240917"
+          reconcilerVersion: "19.0.0-www-classic-8dfbd16f-20240917"
         };
         internals.overrideHookState = overrideHookState;
         internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -28479,7 +28481,7 @@ __DEV__ &&
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.0.0-www-classic-e1c20902-20240917";
+    exports.version = "19.0.0-www-classic-8dfbd16f-20240917";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js
@@ -17910,43 +17910,41 @@ __DEV__ &&
         : !1;
     }
     function getActiveElementDeep(containerInfo) {
-      var $jscomp$optchain$tmpm1669231707$1, $jscomp$nullish$tmp0;
+      var $jscomp$optchain$tmpm908513861$1, $jscomp$nullish$tmp0;
       containerInfo =
         null !=
         ($jscomp$nullish$tmp0 =
           null == containerInfo
             ? void 0
             : null ==
-                ($jscomp$optchain$tmpm1669231707$1 =
-                  containerInfo.ownerDocument)
+                ($jscomp$optchain$tmpm908513861$1 = containerInfo.ownerDocument)
               ? void 0
-              : $jscomp$optchain$tmpm1669231707$1.defaultView)
+              : $jscomp$optchain$tmpm908513861$1.defaultView)
           ? $jscomp$nullish$tmp0
           : window;
       for (
-        $jscomp$optchain$tmpm1669231707$1 = getActiveElement(
+        $jscomp$optchain$tmpm908513861$1 = getActiveElement(
           containerInfo.document
         );
-        $jscomp$optchain$tmpm1669231707$1 instanceof
+        $jscomp$optchain$tmpm908513861$1 instanceof
         containerInfo.HTMLIFrameElement;
 
       ) {
         try {
           var JSCompiler_inline_result =
             "string" ===
-            typeof $jscomp$optchain$tmpm1669231707$1.contentWindow.location
-              .href;
+            typeof $jscomp$optchain$tmpm908513861$1.contentWindow.location.href;
         } catch (err) {
           JSCompiler_inline_result = !1;
         }
         if (JSCompiler_inline_result)
-          containerInfo = $jscomp$optchain$tmpm1669231707$1.contentWindow;
+          containerInfo = $jscomp$optchain$tmpm908513861$1.contentWindow;
         else break;
-        $jscomp$optchain$tmpm1669231707$1 = getActiveElement(
+        $jscomp$optchain$tmpm908513861$1 = getActiveElement(
           containerInfo.document
         );
       }
-      return $jscomp$optchain$tmpm1669231707$1;
+      return $jscomp$optchain$tmpm908513861$1;
     }
     function hasSelectionCapabilities(elem) {
       var nodeName = elem && elem.nodeName && elem.nodeName.toLowerCase();
@@ -26893,11 +26891,11 @@ __DEV__ &&
       return_targetInst = null;
     (function () {
       var isomorphicReactPackageVersion = React.version;
-      if ("19.0.0-www-modern-e1c20902-20240917" !== isomorphicReactPackageVersion)
+      if ("19.0.0-www-modern-8dfbd16f-20240917" !== isomorphicReactPackageVersion)
         throw Error(
           'Incompatible React versions: The "react" and "react-dom" packages must have the exact same version. Instead got:\n  - react:      ' +
             (isomorphicReactPackageVersion +
-              "\n  - react-dom:  19.0.0-www-modern-e1c20902-20240917\nLearn more: https://react.dev/warnings/version-mismatch")
+              "\n  - react-dom:  19.0.0-www-modern-8dfbd16f-20240917\nLearn more: https://react.dev/warnings/version-mismatch")
         );
     })();
     ("function" === typeof Map &&
@@ -26940,11 +26938,11 @@ __DEV__ &&
       !(function () {
         var internals = {
           bundleType: 1,
-          version: "19.0.0-www-modern-e1c20902-20240917",
+          version: "19.0.0-www-modern-8dfbd16f-20240917",
           rendererPackageName: "react-dom",
           currentDispatcherRef: ReactSharedInternals,
           findFiberByHostInstance: getClosestInstanceFromNode,
-          reconcilerVersion: "19.0.0-www-modern-e1c20902-20240917"
+          reconcilerVersion: "19.0.0-www-modern-8dfbd16f-20240917"
         };
         internals.overrideHookState = overrideHookState;
         internals.overrideHookStateDeletePath = overrideHookStateDeletePath;
@@ -27549,7 +27547,7 @@ __DEV__ &&
     exports.useFormStatus = function () {
       return resolveDispatcher().useHostTransitionStatus();
     };
-    exports.version = "19.0.0-www-modern-e1c20902-20240917";
+    exports.version = "19.0.0-www-modern-8dfbd16f-20240917";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		e1c20902c39d1dfe2649185622f2f21b526e2be2
		8dfbd16fce9077ab4e5fe85a7b86fa7c97a5ae04