@buoy-gg/highlight-updates 7.0.2 → 7.0.3

package/lib/commonjs/highlight-updates/utils/devtoolsComponentNames.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.OTHER_DEV_TOOLS_PREFIXES = exports.OTHER_DEV_TOOLS_COMPONENTS = exports.HIGHLIGHT_OVERLAY_PREFIXES = exports.HIGHLIGHT_OVERLAY_COMPONENTS = void 0;
 exports.isCapturingBuoyToolRenders = isCapturingBuoyToolRenders;
 exports.isDevToolsComponentName = isDevToolsComponentName;
+exports.isJsTopComponentName = isJsTopComponentName;
 exports.isPerfMonitorComponentName = isPerfMonitorComponentName;
 exports.setCaptureBuoyToolRenders = setCaptureBuoyToolRenders;
 // ============================================================================
@@ -60,7 +61,10 @@ const OTHER_DEV_TOOLS_COMPONENTS = exports.OTHER_DEV_TOOLS_COMPONENTS = new Set(
 // most 30 fiber levels from a flagged host view — the HUD's metric
 // TextInputs sit under deep TextInput/Animated wrappers, so the walk can
 // miss the PerfMonitorOverlay root; near names are what it actually hits.
-"PerfHudInlineInner", "PerfMonitorOverlayInner", "MiniMetric", "MetricRow", "MetricNumber", "MetricSparklineInner", "RecColumn", "PillBody", "FullBody", "TargetLine", "PagesSection", "ProbesSection"]);
+"PerfHudInlineInner", "PerfMonitorOverlayInner", "MiniMetric", "MetricRow", "MetricNumber", "MetricSparklineInner", "RecColumn", "PillBody", "FullBody", "TargetLine", "PagesSection", "ProbesSection",
+// JS TOP components without the "JsTop" prefix (which is matched
+// separately). The modal/table re-render on every 250ms snapshot tick.
+"TaskTable", "TaskRow", "BusySparkline"]);
 
 // Other dev tools prefixes - can be toggled via excludeDevTools setting
 const OTHER_DEV_TOOLS_PREFIXES = exports.OTHER_DEV_TOOLS_PREFIXES = ["JsModal", "TreeDiff", "DataViewer", "DiffView", "DiffSummary", "Virtualized",
@@ -68,7 +72,9 @@ const OTHER_DEV_TOOLS_PREFIXES = exports.OTHER_DEV_TOOLS_PREFIXES = ["JsModal",
 "Floating", "Minimized", "Dial", "Expandable", "Chevron", "Glitch", "Settings", "Onboarding", "DevTools", "ImageOverlay",
 // Perf-monitor prefixes (safe: user code is Perf*, buoy code is
 // PerfMonitor* / PerfHud*)
-"PerfMonitor", "PerfHud"];
+"PerfMonitor", "PerfHud",
+// JS TOP (js-top package)
+"JsTop"];
 
 // ── Bench "profile our own tools" mode ──────────────────────────────────
 // When enabled (by a dedicated benchmark screen, e.g. the example app's
@@ -104,6 +110,19 @@ function isPerfMonitorComponentName(name) {
   return name.startsWith("PerfMonitor") || name.startsWith("PerfHud") || PERF_MONITOR_ALWAYS_EXCLUDED.has(name);
 }
 
+// JS TOP components without the "JsTop" prefix. Mirrors the js-top entries
+// in OTHER_DEV_TOOLS_COMPONENTS.
+const JS_TOP_ALWAYS_EXCLUDED = new Set(["TaskTable", "TaskRow", "BusySparkline"]);
+
+/**
+ * True when a name belongs to the JS TOP UI. Stays excluded even in bench
+ * "profile our own tools" mode for the same reason as the perf HUD: the
+ * task table re-renders on every 250ms snapshot tick while open.
+ */
+function isJsTopComponentName(name) {
+  return name.startsWith("JsTop") || JS_TOP_ALWAYS_EXCLUDED.has(name);
+}
+
 /**
  * True when a component display name belongs to Buoy's own devtools UI (or
  * RN's LogBox). Sets are checked first (O(1)), then prefixes.
@@ -116,8 +135,9 @@ function isDevToolsComponentName(name) {
   }
   if (captureBuoyToolRenders) {
     // Benchmarking our own tools: capture everything except the
-    // perf-monitor UI (its 250ms HUD churn would drown the result).
-    return isPerfMonitorComponentName(name);
+    // perf-monitor and JS TOP UIs (their 250ms tick churn would drown
+    // the result).
+    return isPerfMonitorComponentName(name) || isJsTopComponentName(name);
   }
   if (OTHER_DEV_TOOLS_COMPONENTS.has(name)) return true;
   for (let i = 0; i < OTHER_DEV_TOOLS_PREFIXES.length; i++) {

package/lib/module/highlight-updates/utils/devtoolsComponentNames.js

@@ -52,7 +52,10 @@ export const OTHER_DEV_TOOLS_COMPONENTS = new Set([
 // most 30 fiber levels from a flagged host view — the HUD's metric
 // TextInputs sit under deep TextInput/Animated wrappers, so the walk can
 // miss the PerfMonitorOverlay root; near names are what it actually hits.
-"PerfHudInlineInner", "PerfMonitorOverlayInner", "MiniMetric", "MetricRow", "MetricNumber", "MetricSparklineInner", "RecColumn", "PillBody", "FullBody", "TargetLine", "PagesSection", "ProbesSection"]);
+"PerfHudInlineInner", "PerfMonitorOverlayInner", "MiniMetric", "MetricRow", "MetricNumber", "MetricSparklineInner", "RecColumn", "PillBody", "FullBody", "TargetLine", "PagesSection", "ProbesSection",
+// JS TOP components without the "JsTop" prefix (which is matched
+// separately). The modal/table re-render on every 250ms snapshot tick.
+"TaskTable", "TaskRow", "BusySparkline"]);
 
 // Other dev tools prefixes - can be toggled via excludeDevTools setting
 export const OTHER_DEV_TOOLS_PREFIXES = ["JsModal", "TreeDiff", "DataViewer", "DiffView", "DiffSummary", "Virtualized",
@@ -60,7 +63,9 @@ export const OTHER_DEV_TOOLS_PREFIXES = ["JsModal", "TreeDiff", "DataViewer", "D
 "Floating", "Minimized", "Dial", "Expandable", "Chevron", "Glitch", "Settings", "Onboarding", "DevTools", "ImageOverlay",
 // Perf-monitor prefixes (safe: user code is Perf*, buoy code is
 // PerfMonitor* / PerfHud*)
-"PerfMonitor", "PerfHud"];
+"PerfMonitor", "PerfHud",
+// JS TOP (js-top package)
+"JsTop"];
 
 // ── Bench "profile our own tools" mode ──────────────────────────────────
 // When enabled (by a dedicated benchmark screen, e.g. the example app's
@@ -96,6 +101,19 @@ export function isPerfMonitorComponentName(name) {
   return name.startsWith("PerfMonitor") || name.startsWith("PerfHud") || PERF_MONITOR_ALWAYS_EXCLUDED.has(name);
 }
 
+// JS TOP components without the "JsTop" prefix. Mirrors the js-top entries
+// in OTHER_DEV_TOOLS_COMPONENTS.
+const JS_TOP_ALWAYS_EXCLUDED = new Set(["TaskTable", "TaskRow", "BusySparkline"]);
+
+/**
+ * True when a name belongs to the JS TOP UI. Stays excluded even in bench
+ * "profile our own tools" mode for the same reason as the perf HUD: the
+ * task table re-renders on every 250ms snapshot tick while open.
+ */
+export function isJsTopComponentName(name) {
+  return name.startsWith("JsTop") || JS_TOP_ALWAYS_EXCLUDED.has(name);
+}
+
 /**
  * True when a component display name belongs to Buoy's own devtools UI (or
  * RN's LogBox). Sets are checked first (O(1)), then prefixes.
@@ -108,8 +126,9 @@ export function isDevToolsComponentName(name) {
   }
   if (captureBuoyToolRenders) {
     // Benchmarking our own tools: capture everything except the
-    // perf-monitor UI (its 250ms HUD churn would drown the result).
-    return isPerfMonitorComponentName(name);
+    // perf-monitor and JS TOP UIs (their 250ms tick churn would drown
+    // the result).
+    return isPerfMonitorComponentName(name) || isJsTopComponentName(name);
   }
   if (OTHER_DEV_TOOLS_COMPONENTS.has(name)) return true;
   for (let i = 0; i < OTHER_DEV_TOOLS_PREFIXES.length; i++) {

package/lib/typescript/highlight-updates/utils/devtoolsComponentNames.d.ts

@@ -11,6 +11,12 @@ export declare function isCapturingBuoyToolRenders(): boolean;
  * live highlight boxes would be dominated by it.
  */
 export declare function isPerfMonitorComponentName(name: string): boolean;
+/**
+ * True when a name belongs to the JS TOP UI. Stays excluded even in bench
+ * "profile our own tools" mode for the same reason as the perf HUD: the
+ * task table re-renders on every 250ms snapshot tick while open.
+ */
+export declare function isJsTopComponentName(name: string): boolean;
 /**
  * True when a component display name belongs to Buoy's own devtools UI (or
  * RN's LogBox). Sets are checked first (O(1)), then prefixes.

package/lib/typescript/highlight-updates/utils/devtoolsComponentNames.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"devtoolsComponentNames.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/utils/devtoolsComponentNames.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,4BAA4B,aA4BvC,CAAC;AAGH,eAAO,MAAM,0BAA0B,UAWtC,CAAC;AAGF,eAAO,MAAM,0BAA0B,aAmIrC,CAAC;AAGH,eAAO,MAAM,wBAAwB,UAsBpC,CAAC;AAcF,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAEhE;AAED,wBAAgB,0BAA0B,IAAI,OAAO,CAEpD;AA8BD;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAMhE;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAgB7D"}
+{"version":3,"file":"devtoolsComponentNames.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/utils/devtoolsComponentNames.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,4BAA4B,aA4BvC,CAAC;AAGH,eAAO,MAAM,0BAA0B,UAWtC,CAAC;AAGF,eAAO,MAAM,0BAA0B,aAwIrC,CAAC;AAGH,eAAO,MAAM,wBAAwB,UAwBpC,CAAC;AAcF,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAEhE;AAED,wBAAgB,0BAA0B,IAAI,OAAO,CAEpD;AA8BD;;;;;GAKG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAMhE;AAUD;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAE1D;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAiB7D"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/highlight-updates",
-  "version": "7.0.2",
+  "version": "7.0.3",
   "description": "Render highlighter for React Native — see every render with its cause: mount, state, props, or parent. Part of Buoy devtools.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -26,14 +26,14 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@buoy-gg/shared-ui": "7.0.2",
-    "@buoy-gg/floating-tools-core": "7.0.2"
+    "@buoy-gg/floating-tools-core": "7.0.3",
+    "@buoy-gg/shared-ui": "7.0.3"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "7.0.2",
+    "@buoy-gg/license": "7.0.3",
     "react": "*",
     "react-native": "*",
-    "@buoy-gg/core": "7.0.2"
+    "@buoy-gg/core": "7.0.3"
   },
   "peerDependenciesMeta": {
     "@buoy-gg/core": {
@@ -44,8 +44,8 @@
     "@types/react": "^19.1.0",
     "@types/react-native": "^0.73.0",
     "typescript": "~5.8.3",
-    "@buoy-gg/core": "7.0.2",
-    "@buoy-gg/license": "7.0.2"
+    "@buoy-gg/core": "7.0.3",
+    "@buoy-gg/license": "7.0.3"
   },
   "react-native-builder-bob": {
     "source": "src",