@buoy-gg/highlight-updates 7.0.38 → 7.0.40

package/lib/commonjs/index.js

@@ -1 +1,429 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"CAUSE_CONFIG",{enumerable:!0,get:function(){return _RenderCauseBadge.CAUSE_CONFIG}}),Object.defineProperty(exports,"COMPONENT_CAUSE_CONFIG",{enumerable:!0,get:function(){return _RenderCauseBadge.COMPONENT_CAUSE_CONFIG}}),Object.defineProperty(exports,"CommitProfiler",{enumerable:!0,get:function(){return _CommitProfiler.CommitProfiler}}),Object.defineProperty(exports,"HighlightFilterView",{enumerable:!0,get:function(){return _HighlightFilterView.HighlightFilterView}}),Object.defineProperty(exports,"HighlightToolView",{enumerable:!0,get:function(){return _HighlightUpdatesModal.HighlightToolView}}),Object.defineProperty(exports,"HighlightUpdatesController",{enumerable:!0,get:function(){return _HighlightUpdatesController.default}}),Object.defineProperty(exports,"HighlightUpdatesModal",{enumerable:!0,get:function(){return _HighlightUpdatesModal.HighlightUpdatesModal}}),Object.defineProperty(exports,"HighlightUpdatesOverlay",{enumerable:!0,get:function(){return _HighlightUpdatesOverlay.HighlightUpdatesOverlay}}),Object.defineProperty(exports,"PerformanceLogger",{enumerable:!0,get:function(){return _PerformanceLogger.PerformanceLogger}}),Object.defineProperty(exports,"RenderCauseBadge",{enumerable:!0,get:function(){return _RenderCauseBadge.RenderCauseBadge}}),Object.defineProperty(exports,"RenderDetailView",{enumerable:!0,get:function(){return _RenderDetailView.RenderDetailView}}),Object.defineProperty(exports,"RenderHistoryFooter",{enumerable:!0,get:function(){return _RenderHistoryViewer.RenderHistoryFooter}}),Object.defineProperty(exports,"RenderHistoryViewer",{enumerable:!0,get:function(){return _RenderHistoryViewer.RenderHistoryViewer}}),Object.defineProperty(exports,"RenderListItem",{enumerable:!0,get:function(){return _RenderListItem.RenderListItem}}),Object.defineProperty(exports,"RenderTracker",{enumerable:!0,get:function(){return _RenderTracker.RenderTracker}}),Object.defineProperty(exports,"TwoLevelCauseBadge",{enumerable:!0,get:function(){return _RenderCauseBadge.TwoLevelCauseBadge}}),Object.defineProperty(exports,"VIEW_TYPE_MAP",{enumerable:!0,get:function(){return _ViewTypeMapper.VIEW_TYPE_MAP}}),Object.defineProperty(exports,"capturePropsSnapshot",{enumerable:!0,get:function(){return _RenderCauseDetector.capturePropsSnapshot}}),Object.defineProperty(exports,"captureStateSnapshot",{enumerable:!0,get:function(){return _RenderCauseDetector.captureStateSnapshot}}),Object.defineProperty(exports,"clearRenderCauseState",{enumerable:!0,get:function(){return _RenderCauseDetector.clearRenderCauseState}}),Object.defineProperty(exports,"createHighlightUpdatesModalTool",{enumerable:!0,get:function(){return _preset.createHighlightUpdatesModalTool}}),Object.defineProperty(exports,"createHighlightUpdatesTool",{enumerable:!0,get:function(){return _preset.createHighlightUpdatesTool}}),Object.defineProperty(exports,"detectRenderCause",{enumerable:!0,get:function(){return _RenderCauseDetector.detectRenderCause}}),Object.defineProperty(exports,"detectedItemTestID",{enumerable:!0,get:function(){return _testIDs.detectedItemTestID}}),Object.defineProperty(exports,"disableProfilerLogging",{enumerable:!0,get:function(){return _ProfilerInterceptor.disableProfilerLogging}}),Object.defineProperty(exports,"enableProfilerLogging",{enumerable:!0,get:function(){return _ProfilerInterceptor.enableProfilerLogging}}),Object.defineProperty(exports,"generateRendersJson",{enumerable:!0,get:function(){return _renderExportFormatter.generateRendersJson}}),Object.defineProperty(exports,"getAllComponentNames",{enumerable:!0,get:function(){return _ViewTypeMapper.getAllComponentNames}}),Object.defineProperty(exports,"getAllNativeViewTypes",{enumerable:!0,get:function(){return _ViewTypeMapper.getAllNativeViewTypes}}),Object.defineProperty(exports,"getComponentDisplayName",{enumerable:!0,get:function(){return _ViewTypeMapper.getComponentDisplayName}}),Object.defineProperty(exports,"getNativeViewType",{enumerable:!0,get:function(){return _ViewTypeMapper.getNativeViewType}}),Object.defineProperty(exports,"getRenderCauseStats",{enumerable:!0,get:function(){return _RenderCauseDetector.getRenderCauseStats}}),Object.defineProperty(exports,"highlightUpdatesModalPreset",{enumerable:!0,get:function(){return _preset.highlightUpdatesModalPreset}}),Object.defineProperty(exports,"highlightUpdatesPreset",{enumerable:!0,get:function(){return _preset.highlightUpdatesPreset}}),Object.defineProperty(exports,"highlightUpdatesSyncAdapter",{enumerable:!0,get:function(){return _highlightUpdatesSyncAdapter.highlightUpdatesSyncAdapter}}),Object.defineProperty(exports,"identifierSlug",{enumerable:!0,get:function(){return _testIDs.identifierSlug}}),Object.defineProperty(exports,"installProfilerInterceptor",{enumerable:!0,get:function(){return _ProfilerInterceptor.installProfilerInterceptor}}),Object.defineProperty(exports,"isCapturingBuoyToolRenders",{enumerable:!0,get:function(){return _devtoolsComponentNames.isCapturingBuoyToolRenders}}),Object.defineProperty(exports,"isInterceptorInstalled",{enumerable:!0,get:function(){return _ProfilerInterceptor.isInterceptorInstalled}}),Object.defineProperty(exports,"isKnownViewType",{enumerable:!0,get:function(){return _ViewTypeMapper.isKnownViewType}}),Object.defineProperty(exports,"isLoggingEnabled",{enumerable:!0,get:function(){return _ProfilerInterceptor.isLoggingEnabled}}),exports.onRenderEvent=void 0,Object.defineProperty(exports,"patternChipTestID",{enumerable:!0,get:function(){return _testIDs.patternChipTestID}}),Object.defineProperty(exports,"removeRenderCauseState",{enumerable:!0,get:function(){return _RenderCauseDetector.removeRenderCauseState}}),Object.defineProperty(exports,"renderRowTestID",{enumerable:!0,get:function(){return _testIDs.renderRowTestID}}),Object.defineProperty(exports,"safeCloneForHistory",{enumerable:!0,get:function(){return _RenderCauseDetector.safeCloneForHistory}}),Object.defineProperty(exports,"setCaptureBuoyToolRenders",{enumerable:!0,get:function(){return _devtoolsComponentNames.setCaptureBuoyToolRenders}}),Object.defineProperty(exports,"setComparisonCallback",{enumerable:!0,get:function(){return _ProfilerInterceptor.setComparisonCallback}}),Object.defineProperty(exports,"settingTestID",{enumerable:!0,get:function(){return _testIDs.settingTestID}}),Object.defineProperty(exports,"uninstallProfilerInterceptor",{enumerable:!0,get:function(){return _ProfilerInterceptor.uninstallProfilerInterceptor}});var _preset=require("./preset"),_HighlightUpdatesController=_interopRequireDefault(require("./highlight-updates/utils/HighlightUpdatesController")),_highlightUpdatesSyncAdapter=require("./sync/highlightUpdatesSyncAdapter"),_HighlightUpdatesOverlay=require("./highlight-updates/HighlightUpdatesOverlay"),_ProfilerInterceptor=require("./highlight-updates/utils/ProfilerInterceptor"),_CommitProfiler=require("./highlight-updates/utils/CommitProfiler"),_devtoolsComponentNames=require("./highlight-updates/utils/devtoolsComponentNames"),_sharedUi=require("@buoy-gg/shared-ui"),_RenderTracker=require("./highlight-updates/utils/RenderTracker"),_RenderCauseDetector=require("./highlight-updates/utils/RenderCauseDetector"),_PerformanceLogger=require("./highlight-updates/utils/PerformanceLogger"),_ViewTypeMapper=require("./highlight-updates/utils/ViewTypeMapper"),_HighlightUpdatesModal=require("./highlight-updates/components/HighlightUpdatesModal"),_RenderListItem=require("./highlight-updates/components/RenderListItem"),_RenderDetailView=require("./highlight-updates/components/RenderDetailView"),_HighlightFilterView=require("./highlight-updates/components/HighlightFilterView"),_RenderCauseBadge=require("./highlight-updates/components/RenderCauseBadge"),_RenderHistoryViewer=require("./highlight-updates/components/RenderHistoryViewer"),_renderExportFormatter=require("./highlight-updates/utils/renderExportFormatter"),_testIDs=require("./highlight-updates/utils/testIDs");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}try{(0,_sharedUi.setRenderCaptureProvider)({isSupported:_CommitProfiler.CommitProfiler.isSupported,start:_CommitProfiler.CommitProfiler.startCapture,stop:_CommitProfiler.CommitProfiler.stopCapture,startLiveHighlights:()=>{try{const e=_HighlightUpdatesController.default.isEnabled(),t=_HighlightUpdatesController.default.getHighlightsSuppressed();return _HighlightUpdatesController.default.enable(),()=>{try{e?t&&_HighlightUpdatesController.default.setHighlightsSuppressed(!0):_HighlightUpdatesController.default.disable()}catch{}}}catch{return null}}})}catch{}const onRenderEvent=e=>{const{RenderTracker:t}=require("./highlight-updates/utils/RenderTracker");return t.onRenderEvent(e)};exports.onRenderEvent=onRenderEvent;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CAUSE_CONFIG", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseBadge.CAUSE_CONFIG;
+  }
+});
+Object.defineProperty(exports, "COMPONENT_CAUSE_CONFIG", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseBadge.COMPONENT_CAUSE_CONFIG;
+  }
+});
+Object.defineProperty(exports, "CommitProfiler", {
+  enumerable: true,
+  get: function () {
+    return _CommitProfiler.CommitProfiler;
+  }
+});
+Object.defineProperty(exports, "HighlightFilterView", {
+  enumerable: true,
+  get: function () {
+    return _HighlightFilterView.HighlightFilterView;
+  }
+});
+Object.defineProperty(exports, "HighlightToolView", {
+  enumerable: true,
+  get: function () {
+    return _HighlightUpdatesModal.HighlightToolView;
+  }
+});
+Object.defineProperty(exports, "HighlightUpdatesController", {
+  enumerable: true,
+  get: function () {
+    return _HighlightUpdatesController.default;
+  }
+});
+Object.defineProperty(exports, "HighlightUpdatesModal", {
+  enumerable: true,
+  get: function () {
+    return _HighlightUpdatesModal.HighlightUpdatesModal;
+  }
+});
+Object.defineProperty(exports, "HighlightUpdatesOverlay", {
+  enumerable: true,
+  get: function () {
+    return _HighlightUpdatesOverlay.HighlightUpdatesOverlay;
+  }
+});
+Object.defineProperty(exports, "PerformanceLogger", {
+  enumerable: true,
+  get: function () {
+    return _PerformanceLogger.PerformanceLogger;
+  }
+});
+Object.defineProperty(exports, "RenderCauseBadge", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseBadge.RenderCauseBadge;
+  }
+});
+Object.defineProperty(exports, "RenderDetailView", {
+  enumerable: true,
+  get: function () {
+    return _RenderDetailView.RenderDetailView;
+  }
+});
+Object.defineProperty(exports, "RenderHistoryFooter", {
+  enumerable: true,
+  get: function () {
+    return _RenderHistoryViewer.RenderHistoryFooter;
+  }
+});
+Object.defineProperty(exports, "RenderHistoryViewer", {
+  enumerable: true,
+  get: function () {
+    return _RenderHistoryViewer.RenderHistoryViewer;
+  }
+});
+Object.defineProperty(exports, "RenderListItem", {
+  enumerable: true,
+  get: function () {
+    return _RenderListItem.RenderListItem;
+  }
+});
+Object.defineProperty(exports, "RenderTracker", {
+  enumerable: true,
+  get: function () {
+    return _RenderTracker.RenderTracker;
+  }
+});
+Object.defineProperty(exports, "TwoLevelCauseBadge", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseBadge.TwoLevelCauseBadge;
+  }
+});
+Object.defineProperty(exports, "VIEW_TYPE_MAP", {
+  enumerable: true,
+  get: function () {
+    return _ViewTypeMapper.VIEW_TYPE_MAP;
+  }
+});
+Object.defineProperty(exports, "capturePropsSnapshot", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseDetector.capturePropsSnapshot;
+  }
+});
+Object.defineProperty(exports, "captureStateSnapshot", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseDetector.captureStateSnapshot;
+  }
+});
+Object.defineProperty(exports, "clearRenderCauseState", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseDetector.clearRenderCauseState;
+  }
+});
+Object.defineProperty(exports, "createHighlightUpdatesModalTool", {
+  enumerable: true,
+  get: function () {
+    return _preset.createHighlightUpdatesModalTool;
+  }
+});
+Object.defineProperty(exports, "createHighlightUpdatesTool", {
+  enumerable: true,
+  get: function () {
+    return _preset.createHighlightUpdatesTool;
+  }
+});
+Object.defineProperty(exports, "detectRenderCause", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseDetector.detectRenderCause;
+  }
+});
+Object.defineProperty(exports, "detectedItemTestID", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.detectedItemTestID;
+  }
+});
+Object.defineProperty(exports, "disableProfilerLogging", {
+  enumerable: true,
+  get: function () {
+    return _ProfilerInterceptor.disableProfilerLogging;
+  }
+});
+Object.defineProperty(exports, "enableProfilerLogging", {
+  enumerable: true,
+  get: function () {
+    return _ProfilerInterceptor.enableProfilerLogging;
+  }
+});
+Object.defineProperty(exports, "generateRendersJson", {
+  enumerable: true,
+  get: function () {
+    return _renderExportFormatter.generateRendersJson;
+  }
+});
+Object.defineProperty(exports, "getAllComponentNames", {
+  enumerable: true,
+  get: function () {
+    return _ViewTypeMapper.getAllComponentNames;
+  }
+});
+Object.defineProperty(exports, "getAllNativeViewTypes", {
+  enumerable: true,
+  get: function () {
+    return _ViewTypeMapper.getAllNativeViewTypes;
+  }
+});
+Object.defineProperty(exports, "getComponentDisplayName", {
+  enumerable: true,
+  get: function () {
+    return _ViewTypeMapper.getComponentDisplayName;
+  }
+});
+Object.defineProperty(exports, "getNativeViewType", {
+  enumerable: true,
+  get: function () {
+    return _ViewTypeMapper.getNativeViewType;
+  }
+});
+Object.defineProperty(exports, "getRenderCauseStats", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseDetector.getRenderCauseStats;
+  }
+});
+Object.defineProperty(exports, "highlightUpdatesModalPreset", {
+  enumerable: true,
+  get: function () {
+    return _preset.highlightUpdatesModalPreset;
+  }
+});
+Object.defineProperty(exports, "highlightUpdatesPreset", {
+  enumerable: true,
+  get: function () {
+    return _preset.highlightUpdatesPreset;
+  }
+});
+Object.defineProperty(exports, "highlightUpdatesSyncAdapter", {
+  enumerable: true,
+  get: function () {
+    return _highlightUpdatesSyncAdapter.highlightUpdatesSyncAdapter;
+  }
+});
+Object.defineProperty(exports, "identifierSlug", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.identifierSlug;
+  }
+});
+Object.defineProperty(exports, "installProfilerInterceptor", {
+  enumerable: true,
+  get: function () {
+    return _ProfilerInterceptor.installProfilerInterceptor;
+  }
+});
+Object.defineProperty(exports, "isCapturingBuoyToolRenders", {
+  enumerable: true,
+  get: function () {
+    return _devtoolsComponentNames.isCapturingBuoyToolRenders;
+  }
+});
+Object.defineProperty(exports, "isInterceptorInstalled", {
+  enumerable: true,
+  get: function () {
+    return _ProfilerInterceptor.isInterceptorInstalled;
+  }
+});
+Object.defineProperty(exports, "isKnownViewType", {
+  enumerable: true,
+  get: function () {
+    return _ViewTypeMapper.isKnownViewType;
+  }
+});
+Object.defineProperty(exports, "isLoggingEnabled", {
+  enumerable: true,
+  get: function () {
+    return _ProfilerInterceptor.isLoggingEnabled;
+  }
+});
+exports.onRenderEvent = void 0;
+Object.defineProperty(exports, "patternChipTestID", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.patternChipTestID;
+  }
+});
+Object.defineProperty(exports, "removeRenderCauseState", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseDetector.removeRenderCauseState;
+  }
+});
+Object.defineProperty(exports, "renderRowTestID", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.renderRowTestID;
+  }
+});
+Object.defineProperty(exports, "safeCloneForHistory", {
+  enumerable: true,
+  get: function () {
+    return _RenderCauseDetector.safeCloneForHistory;
+  }
+});
+Object.defineProperty(exports, "setCaptureBuoyToolRenders", {
+  enumerable: true,
+  get: function () {
+    return _devtoolsComponentNames.setCaptureBuoyToolRenders;
+  }
+});
+Object.defineProperty(exports, "setComparisonCallback", {
+  enumerable: true,
+  get: function () {
+    return _ProfilerInterceptor.setComparisonCallback;
+  }
+});
+Object.defineProperty(exports, "settingTestID", {
+  enumerable: true,
+  get: function () {
+    return _testIDs.settingTestID;
+  }
+});
+Object.defineProperty(exports, "uninstallProfilerInterceptor", {
+  enumerable: true,
+  get: function () {
+    return _ProfilerInterceptor.uninstallProfilerInterceptor;
+  }
+});
+var _preset = require("./preset");
+var _HighlightUpdatesController = _interopRequireDefault(require("./highlight-updates/utils/HighlightUpdatesController"));
+var _highlightUpdatesSyncAdapter = require("./sync/highlightUpdatesSyncAdapter");
+var _HighlightUpdatesOverlay = require("./highlight-updates/HighlightUpdatesOverlay");
+var _ProfilerInterceptor = require("./highlight-updates/utils/ProfilerInterceptor");
+var _CommitProfiler = require("./highlight-updates/utils/CommitProfiler");
+var _devtoolsComponentNames = require("./highlight-updates/utils/devtoolsComponentNames");
+var _sharedUi = require("@buoy-gg/shared-ui");
+var _RenderTracker = require("./highlight-updates/utils/RenderTracker");
+var _RenderCauseDetector = require("./highlight-updates/utils/RenderCauseDetector");
+var _PerformanceLogger = require("./highlight-updates/utils/PerformanceLogger");
+var _ViewTypeMapper = require("./highlight-updates/utils/ViewTypeMapper");
+var _HighlightUpdatesModal = require("./highlight-updates/components/HighlightUpdatesModal");
+var _RenderListItem = require("./highlight-updates/components/RenderListItem");
+var _RenderDetailView = require("./highlight-updates/components/RenderDetailView");
+var _HighlightFilterView = require("./highlight-updates/components/HighlightFilterView");
+var _RenderCauseBadge = require("./highlight-updates/components/RenderCauseBadge");
+var _RenderHistoryViewer = require("./highlight-updates/components/RenderHistoryViewer");
+var _renderExportFormatter = require("./highlight-updates/utils/renderExportFormatter");
+var _testIDs = require("./highlight-updates/utils/testIDs");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * @buoy-gg/highlight-updates
+ *
+ * Standalone implementation of React DevTools' "Highlight updates when components
+ * render" feature. Works without requiring DevTools to be connected.
+ *
+ * @example
+ * ```tsx
+ * // Toggle-only preset - tap to enable/disable highlights
+ * import { highlightUpdatesPreset } from '@buoy-gg/highlight-updates';
+ *
+ * <FloatingDevTools apps={[highlightUpdatesPreset]} />
+ *
+ * // Modal preset - full interface with filters and render list
+ * import { highlightUpdatesModalPreset } from '@buoy-gg/highlight-updates';
+ *
+ * <FloatingDevTools apps={[highlightUpdatesModalPreset]} />
+ *
+ * // Or use the standalone controller programmatically
+ * import { HighlightUpdatesController } from '@buoy-gg/highlight-updates';
+ *
+ * HighlightUpdatesController.toggle();
+ * HighlightUpdatesController.enable();
+ * HighlightUpdatesController.disable();
+ * ```
+ */
+
+// Preset exports for FloatingDevTools integration
+
+// Controller export for standalone usage
+
+// External sync (adapter for @buoy-gg/external-sync's useExternalSync)
+
+// Overlay component - auto-rendered by FloatingDevTools, but exported for manual usage
+
+// Profiler interceptor for debugging - captures what DevTools detects
+
+// CommitProfiler — per-component render counts/durations over a capture window
+
+// Bench "profile our own tools" mode: lets a dedicated benchmark screen
+// include Buoy's tool UI in render capture (normally pruned wholesale).
+// Highlight/events + perf-monitor components stay excluded regardless.
+
+// Register the render-capture provider so perf-monitor benchmarks can capture
+// renders without depending on this package. Runs at module scope: whenever
+// this package is installed, FloatingDevTools require()s it (including on the
+// fresh realm after a reload-between-cases batch step), and Metro evaluates
+// module side effects regardless of the package.json "sideEffects" hint.
+
+try {
+  (0, _sharedUi.setRenderCaptureProvider)({
+    isSupported: _CommitProfiler.CommitProfiler.isSupported,
+    start: _CommitProfiler.CommitProfiler.startCapture,
+    stop: _CommitProfiler.CommitProfiler.stopCapture,
+    // Real-time bounding boxes (the Render Highlighter visual) for the span
+    // of a recording. Saves the user's prior overlay state and hands back a
+    // restore fn: previously ON stays ON, silent tracking (events tool) gets
+    // re-suppressed, otherwise fully disabled again.
+    startLiveHighlights: () => {
+      try {
+        const wasEnabled = _HighlightUpdatesController.default.isEnabled();
+        const wasSuppressed = _HighlightUpdatesController.default.getHighlightsSuppressed();
+        _HighlightUpdatesController.default.enable(); // idempotent; clears suppression
+        return () => {
+          try {
+            if (!wasEnabled) {
+              _HighlightUpdatesController.default.disable(); // respects background tracking
+            } else if (wasSuppressed) {
+              _HighlightUpdatesController.default.setHighlightsSuppressed(true);
+            }
+          } catch {
+            // restoring the overlay must never throw into the recorder
+          }
+        };
+      } catch {
+        return null;
+      }
+    }
+  });
+} catch {
+  // shared-ui too old to have the registry — capture is simply unavailable.
+}
+
+// RenderTracker singleton for tracking render history
+
+// Convenience export for unified events integration
+const onRenderEvent = callback => {
+  const {
+    RenderTracker
+  } = require("./highlight-updates/utils/RenderTracker");
+  return RenderTracker.onRenderEvent(callback);
+};
+
+// RenderCauseDetector for detecting why components rendered
+
+// PerformanceLogger for performance measurement and debugging
+
+// ViewTypeMapper for translating native view names to component names
+
+// Modal components for custom integrations
+// `HighlightToolView` is the same tool rendered inline (header bar + body +
+// footer) instead of inside a JsModal — for hosts that show tools in a panel.
+
+// Simple JSON export for renders
+
+// e2e handle builders — exported so the example app's fixture can derive the
+// same row handles the tool renders instead of hardcoding a second copy.
+exports.onRenderEvent = onRenderEvent;