@buoy-gg/highlight-updates 7.0.41 → 7.0.43

package/lib/commonjs/preset.js

@@ -1,278 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.createHighlightUpdatesModalTool = createHighlightUpdatesModalTool;
-exports.createHighlightUpdatesTool = createHighlightUpdatesTool;
-exports.highlightUpdatesPreset = exports.highlightUpdatesModalPreset = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _floatingToolsCore = require("@buoy-gg/floating-tools-core");
-var _HighlightUpdatesController = _interopRequireDefault(require("./highlight-updates/utils/HighlightUpdatesController"));
-var _HighlightUpdatesModal = require("./highlight-updates/components/HighlightUpdatesModal");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-/**
- * Pre-configured highlight updates tool for FloatingDevTools
- *
- * This preset provides standalone "Highlight updates when components render"
- * functionality. Tap the icon to toggle highlights on/off.
- *
- * The overlay is automatically rendered by FloatingDevTools when the
- * @buoy-gg/highlight-updates package is installed.
- *
- * Two presets available:
- * - highlightUpdatesPreset: Quick toggle (no modal)
- * - highlightUpdatesModalPreset: Full modal with filters and render list
- *
- * @example
- * ```tsx
- * import { highlightUpdatesPreset, highlightUpdatesModalPreset } from '@buoy-gg/highlight-updates';
- *
- * // Toggle-only: Just tap to enable/disable highlighting
- * <FloatingDevTools apps={[highlightUpdatesPreset]} />
- *
- * // Modal: Opens interface with filters, render list, and controls
- * <FloatingDevTools apps={[highlightUpdatesModalPreset]} />
- * ```
- */
-
-/**
- * Icon component that changes color based on enabled state.
- *
- * ⚠️ IMPORTANT - DO NOT MODIFY THIS COMPONENT ⚠️
- * This component MUST use useState and useEffect hooks to subscribe to the controller.
- * It is rendered as a JSX component (<IconComponent />) in FloatingMenu and DialIcon,
- * which allows hooks to work properly.
- *
- * If you remove the hooks or change this to read isEnabled() directly,
- * the icon color will NOT update when the toggle is pressed.
- */function HighlightIcon({
-  size
-}) {
-  const [enabled, setEnabled] = (0, _react.useState)(() => _HighlightUpdatesController.default.isEnabled());
-  (0, _react.useEffect)(() => {
-    const unsubscribe = _HighlightUpdatesController.default.subscribe(isEnabled => {
-      setEnabled(isEnabled);
-    });
-    return unsubscribe;
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.HighlightIcon, {
-    size: size,
-    color: enabled ? "#10b981" : "#6b7280"
-  });
-}
-
-/**
- * Empty component for toggle-only tools (no modal needed)
- * The actual overlay is rendered by FloatingDevTools automatically
- */
-function EmptyComponent() {
-  return null;
-}
-
-/**
- * Wrapper component for the modal that handles badge press navigation.
- * Registers a callback with the controller to receive badge press events
- * and passes the target nativeTag to the modal for deep linking.
- */
-function HighlightUpdatesModalWithBadgeNavigation(props) {
-  const [targetNativeTag, setTargetNativeTag] = (0, _react.useState)(null);
-
-  // Register badge press callback when modal is visible
-  (0, _react.useEffect)(() => {
-    if (props.visible) {
-      // Register callback to handle badge presses
-      _HighlightUpdatesController.default.setBadgePressCallback(nativeTag => {
-        setTargetNativeTag(nativeTag);
-      });
-    }
-    return () => {
-      // Clear callback when modal is closed or unmounted
-      if (!props.visible) {
-        _HighlightUpdatesController.default.setBadgePressCallback(null);
-      }
-    };
-  }, [props.visible]);
-
-  // Clear the target after it's been handled
-  const handleInitialNativeTagHandled = (0, _react.useCallback)(() => {
-    setTargetNativeTag(null);
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlightUpdatesModal.HighlightUpdatesModal, {
-    ...props,
-    initialNativeTag: targetNativeTag,
-    onInitialNativeTagHandled: handleInitialNativeTagHandled
-  });
-}
-
-/**
- * Pre-configured highlight updates tool for FloatingDevTools.
- * Tap the icon to toggle component render highlighting on/off.
- *
- * Features:
- * - Standalone implementation - no DevTools connection required
- * - Simple direct toggle (no modal)
- * - Icon changes color: gray when off, green when on
- * - Overlay auto-rendered by FloatingDevTools
- */
-const highlightUpdatesPreset = exports.highlightUpdatesPreset = {
-  id: "highlight-updates",
-  name: "TOGGLE HIGHLIGHT",
-  description: "Toggle component render highlights",
-  slot: "row",
-  icon: HighlightIcon,
-  component: EmptyComponent,
-  props: {},
-  launchMode: "toggle-only",
-  onPress: () => {
-    // Initialize on first press if not already initialized
-    if (!_HighlightUpdatesController.default.isInitialized()) {
-      _HighlightUpdatesController.default.initialize();
-    }
-    _HighlightUpdatesController.default.toggle();
-    // Icon updates automatically via subscription in HighlightIcon component
-  }
-};
-
-/**
- * Create a custom highlight updates tool configuration.
- * Use this if you want to override default settings.
- *
- * @example
- * ```tsx
- * import { createHighlightUpdatesTool } from '@buoy-gg/highlight-updates';
- *
- * const myHighlightTool = createHighlightUpdatesTool({
- *   name: "RENDERS",
- *   enabledColor: "#ec4899",
- *   disabledColor: "#9ca3af",
- *   autoInitialize: true,
- * });
- * ```
- */
-function createHighlightUpdatesTool(options) {
-  const enabledColor = options?.enabledColor || "#10b981";
-  const disabledColor = options?.disabledColor || "#6b7280";
-
-  // Auto-initialize if requested
-  if (options?.autoInitialize) {
-    // Delay to allow DevTools to connect
-    setTimeout(() => {
-      _HighlightUpdatesController.default.initialize();
-    }, 1000);
-  }
-
-  /**
-   * Custom icon component with hooks - rendered as JSX component.
-   *
-   * ⚠️ IMPORTANT - DO NOT MODIFY THIS COMPONENT ⚠️
-   * This component MUST use useState and useEffect hooks to subscribe to the controller.
-   * See the comment on HighlightIcon above for full explanation.
-   */
-  const CustomHighlightIcon = ({
-    size
-  }) => {
-    const [enabled, setEnabled] = (0, _react.useState)(() => _HighlightUpdatesController.default.isEnabled());
-    (0, _react.useEffect)(() => {
-      const unsubscribe = _HighlightUpdatesController.default.subscribe(isEnabled => {
-        setEnabled(isEnabled);
-      });
-      return unsubscribe;
-    }, []);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.HighlightIcon, {
-      size: size,
-      color: enabled ? enabledColor : disabledColor
-    });
-  };
-  return {
-    id: options?.id || "highlight-updates",
-    name: options?.name || "TOGGLE HIGHLIGHT",
-    description: options?.description || "Toggle component render highlights",
-    slot: "row",
-    icon: CustomHighlightIcon,
-    component: EmptyComponent,
-    props: {},
-    launchMode: "toggle-only",
-    onPress: () => {
-      // Initialize on first press if not already initialized
-      if (!_HighlightUpdatesController.default.isInitialized()) {
-        _HighlightUpdatesController.default.initialize();
-      }
-      _HighlightUpdatesController.default.toggle();
-      // Icon updates automatically via subscription
-    }
-  };
-}
-
-/**
- * Modal preset for highlight updates tool.
- * Opens a full modal interface with:
- * - List of tracked component renders
- * - Start/Stop and Pause/Resume controls
- * - Clear button to reset render counts
- * - Search bar in navbar (expandable)
- * - Filter by viewType, testID, nativeID, componentName
- * - Tap overlay badge to jump to component detail view
- *
- * Use this preset when you want detailed render tracking and filtering.
- */
-const highlightUpdatesModalPreset = exports.highlightUpdatesModalPreset = {
-  id: "highlight-updates-modal",
-  name: "HIGHLIGHT",
-  description: "View component render tracking modal",
-  slot: "both",
-  icon: ({
-    size
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.HighlighterIcon, {
-    size: size
-  }),
-  component: HighlightUpdatesModalWithBadgeNavigation,
-  props: {
-    enableSharedModalDimensions: false
-  }
-};
-
-/**
- * Create a custom highlight updates modal tool configuration.
- * Use this if you want to override default settings for the modal version.
- *
- * @example
- * ```tsx
- * import { createHighlightUpdatesModalTool } from '@buoy-gg/highlight-updates';
- *
- * const myRendersTool = createHighlightUpdatesModalTool({
- *   name: "PROFILER",
- *   enabledColor: "#8b5cf6",
- *   disabledColor: "#9ca3af",
- * });
- * ```
- */
-function createHighlightUpdatesModalTool(options) {
-  const enabledColor = options?.enabledColor || "#10b981";
-  const disabledColor = options?.disabledColor || "#6b7280";
-
-  // Auto-initialize if requested
-  if (options?.autoInitialize) {
-    setTimeout(() => {
-      _HighlightUpdatesController.default.initialize();
-    }, 1000);
-  }
-  return {
-    id: options?.id || "highlight-updates-modal",
-    name: options?.name || "HIGHLIGHT",
-    description: options?.description || "View component render tracking modal",
-    slot: "both",
-    icon: ({
-      size
-    }) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_floatingToolsCore.HighlighterIcon, {
-      size: size,
-      color: enabledColor
-    }),
-    component: HighlightUpdatesModalWithBadgeNavigation,
-    props: {
-      enableSharedModalDimensions: false
-    }
-  };
-}
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.createHighlightUpdatesModalTool=createHighlightUpdatesModalTool;exports.createHighlightUpdatesTool=createHighlightUpdatesTool;exports.highlightUpdatesPreset=exports.highlightUpdatesModalPreset=void 0;var _react=_interopRequireWildcard(require("react"));var _floatingToolsCore=require("@buoy-gg/floating-tools-core");var _HighlightUpdatesController=_interopRequireDefault(require("./highlight-updates/utils/HighlightUpdatesController"));var _HighlightUpdatesModal=require("./highlight-updates/components/HighlightUpdatesModal");var _jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,i){if("function"==typeof WeakMap)var l=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(t,d){if(!d&&t&&t.__esModule)return t;var o,r,n={__proto__:null,default:t};if(null===t||"object"!=typeof t&&"function"!=typeof t)return n;if(o=d?a:l){if(o.has(t))return o.get(t);o.set(t,n)}for(const s in t)"default"!==s&&{}.hasOwnProperty.call(t,s)&&((r=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(t,s))&&(r.get||r.set)?o(n,s,r):n[s]=t[s]);return n})(e,i)}function HighlightIcon({size:e}){const[i,l]=(0,_react.useState)(()=>_HighlightUpdatesController.default.isEnabled());(0,_react.useEffect)(()=>{const a=_HighlightUpdatesController.default.subscribe(t=>{l(t)});return a},[]);return(0,_jsxRuntime.jsx)(_floatingToolsCore.HighlightIcon,{size:e,color:i?"#10b981":"#6b7280"})}function EmptyComponent(){return null}function HighlightUpdatesModalWithBadgeNavigation(e){const[i,l]=(0,_react.useState)(null);(0,_react.useEffect)(()=>{if(e.visible){_HighlightUpdatesController.default.setBadgePressCallback(t=>{l(t)})}return()=>{if(!e.visible){_HighlightUpdatesController.default.setBadgePressCallback(null)}}},[e.visible]);const a=(0,_react.useCallback)(()=>{l(null)},[]);return(0,_jsxRuntime.jsx)(_HighlightUpdatesModal.HighlightUpdatesModal,{...e,initialNativeTag:i,onInitialNativeTagHandled:a})}const highlightUpdatesPreset=exports.highlightUpdatesPreset={id:"highlight-updates",name:"TOGGLE HIGHLIGHT",description:"Toggle component render highlights",slot:"row",icon:HighlightIcon,component:EmptyComponent,props:{},launchMode:"toggle-only",onPress:()=>{if(!_HighlightUpdatesController.default.isInitialized()){_HighlightUpdatesController.default.initialize()}_HighlightUpdatesController.default.toggle()}};function createHighlightUpdatesTool(e){const i=e?.enabledColor||"#10b981";const l=e?.disabledColor||"#6b7280";if(e?.autoInitialize){setTimeout(()=>{_HighlightUpdatesController.default.initialize()},1e3)}const a=({size:t})=>{const[d,o]=(0,_react.useState)(()=>_HighlightUpdatesController.default.isEnabled());(0,_react.useEffect)(()=>{const r=_HighlightUpdatesController.default.subscribe(n=>{o(n)});return r},[]);return(0,_jsxRuntime.jsx)(_floatingToolsCore.HighlightIcon,{size:t,color:d?i:l})};return{id:e?.id||"highlight-updates",name:e?.name||"TOGGLE HIGHLIGHT",description:e?.description||"Toggle component render highlights",slot:"row",icon:a,component:EmptyComponent,props:{},launchMode:"toggle-only",onPress:()=>{if(!_HighlightUpdatesController.default.isInitialized()){_HighlightUpdatesController.default.initialize()}_HighlightUpdatesController.default.toggle()}}}const highlightUpdatesModalPreset=exports.highlightUpdatesModalPreset={id:"highlight-updates-modal",name:"HIGHLIGHT",description:"View component render tracking modal",slot:"both",icon:({size:e})=>(0,_jsxRuntime.jsx)(_floatingToolsCore.HighlighterIcon,{size:e}),component:HighlightUpdatesModalWithBadgeNavigation,props:{enableSharedModalDimensions:false}};function createHighlightUpdatesModalTool(e){const i=e?.enabledColor||"#10b981";const l=e?.disabledColor||"#6b7280";if(e?.autoInitialize){setTimeout(()=>{_HighlightUpdatesController.default.initialize()},1e3)}return{id:e?.id||"highlight-updates-modal",name:e?.name||"HIGHLIGHT",description:e?.description||"View component render tracking modal",slot:"both",icon:({size:a})=>(0,_jsxRuntime.jsx)(_floatingToolsCore.HighlighterIcon,{size:a,color:i}),component:HighlightUpdatesModalWithBadgeNavigation,props:{enableSharedModalDimensions:false}}}

package/lib/commonjs/sync/highlightUpdatesSyncAdapter.js

@@ -1,235 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.highlightUpdatesSyncAdapter = void 0;
-var _HighlightUpdatesController = _interopRequireDefault(require("../highlight-updates/utils/HighlightUpdatesController"));
-var _RenderTracker = require("../highlight-updates/utils/RenderTracker");
-var _screenElements = require("../highlight-updates/utils/screenElements");
-var _touchCapture = require("../highlight-updates/utils/touchCapture");
-var _CommitProfiler = require("../highlight-updates/utils/CommitProfiler");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ensureInitialized() {
-  if (!_HighlightUpdatesController.default.isInitialized()) {
-    _HighlightUpdatesController.default.initialize();
-  }
-}
-function toWireCause(cause) {
-  if (!cause) return undefined;
-  const {
-    hookChanges: _hookChanges,
-    ...rest
-  } = cause;
-  return rest;
-}
-
-/**
- * Wire-form render: keep identity + counts + last cause type, drop the
- * per-component history buffer (up to 20 events, and hook/prop snapshots
- * when those settings are on). Dashboards fetch history via getRenderDetail.
- */
-function toWireRender(render) {
-  const {
-    renderHistory,
-    lastRenderCause,
-    ...rest
-  } = render;
-  return {
-    ...rest,
-    lastRenderCause: toWireCause(lastRenderCause),
-    historyCount: renderHistory?.length ?? 0
-  };
-}
-
-/**
- * Deliberately serializes to test serializability, unlike the snapshot guards
- * elsewhere. This runs once per `getRenderDetail` — a user clicking one row —
- * not on the ~5x/sec snapshot, so there is no unbounded per-tick cost to
- * avoid. Probing with a size walk first would just traverse the whole render
- * before doing this anyway.
- */
-function jsonSafeRender(render) {
-  try {
-    JSON.stringify(render);
-    return render;
-  } catch {
-    return {
-      ...render,
-      lastRenderCause: toWireCause(render.lastRenderCause),
-      renderHistory: render.renderHistory?.map(event => ({
-        ...event,
-        capturedProps: undefined,
-        capturedState: undefined,
-        cause: toWireCause(event.cause) ?? event.cause
-      }))
-    };
-  }
-}
-
-/**
- * Measurement window for automated callers (MCP `measure_renders`).
- *
- * Backed by CommitProfiler, NOT the RenderTracker that feeds the overlay, and
- * the difference is the whole point. RenderTracker tracks HOST VIEWS: ask it
- * why `DealRow` re-rendered and it answers about the native `View` inside it —
- * "props changed: accessibilityState, accessibilityValue" — which is true and
- * useless. CommitProfiler walks COMPOSITE fibers, so it answers about the
- * component you named: which of ITS props changed, whether they changed by
- * value or only by identity, and which parent dragged it along.
- *
- * It also touches none of the user's overlay state — no enabling, no clearing
- * counters someone was collecting, nothing drawn on screen. A measurement is
- * invisible.
- */
-function beginMeasurement() {
-  if (!_CommitProfiler.CommitProfiler.isSupported()) {
-    return {
-      ok: false,
-      reason: "render capture needs a dev build with the React DevTools hook available"
-    };
-  }
-  _CommitProfiler.CommitProfiler.startCapture({
-    detail: true
-  });
-  return {
-    ok: true
-  };
-}
-function endMeasurement() {
-  return {
-    summary: _CommitProfiler.CommitProfiler.stopCapture()
-  };
-}
-
-/**
- * Sync adapter for the highlight-updates tool, consumed by
- * @buoy-gg/external-sync's `useExternalSync` (structurally matches its
- * ToolSyncAdapter interface so this package doesn't need a dependency on it).
- *
- * The visual highlights draw on the DEVICE's UI, but the render-tracking
- * data (component list, render counts, causes, history) is plain data — the
- * snapshot carries it so the dashboard renders the real HighlightUpdatesModal
- * as a mirror. Mutations (toggle, freeze, clear, spotlight) come back as
- * actions and run on the device; spotlight even highlights the component on
- * the phone screen while browsing details from the desktop.
- *
- * v2: per-component `renderHistory` (and hook-change values on lastRenderCause)
- * stay on the device. Dashboards fetch them via `getRenderDetail`.
- */
-const highlightUpdatesSyncAdapter = exports.highlightUpdatesSyncAdapter = {
-  // v3: beginMeasurement / endMeasurement — a CommitProfiler capture window
-  // for automated callers, with per-component causes. Invisible to the user.
-  version: 3,
-  getSnapshot: () => ({
-    enabled: _HighlightUpdatesController.default.isEnabled(),
-    frozen: _HighlightUpdatesController.default.getFrozen(),
-    // True while tracking but the visual boxes are hidden (screenshot tool).
-    highlightsSuppressed: _HighlightUpdatesController.default.getHighlightsSuppressed(),
-    renders: _RenderTracker.RenderTracker.getRenders().map(toWireRender),
-    trackerState: _RenderTracker.RenderTracker.getState()
-  }),
-  subscribe: onChange => {
-    const unsubscribeEnabled = _HighlightUpdatesController.default.subscribe(onChange);
-    const unsubscribeFreeze = _HighlightUpdatesController.default.subscribeToFreeze(onChange);
-    const unsubscribeRenders = _RenderTracker.RenderTracker.subscribe(onChange);
-    const unsubscribeTrackerState = _RenderTracker.RenderTracker.subscribeToState(onChange);
-    return () => {
-      unsubscribeEnabled();
-      unsubscribeFreeze();
-      unsubscribeRenders();
-      unsubscribeTrackerState();
-    };
-  },
-  actions: {
-    // Capture window for automated callers (MCP `measure_renders`). Pairs:
-    // begin -> drive the UI -> end. `end` always restores.
-    beginMeasurement: () => beginMeasurement(),
-    endMeasurement: () => endMeasurement(),
-    /**
-     * On-demand detail: one component's real renderHistory + lastRenderCause
-     * (including hookChanges). Wire-form snapshots omit those.
-     */
-    getRenderDetail: params => {
-      const {
-        nativeTag
-      } = params ?? {};
-      if (nativeTag == null) {
-        return {
-          found: false,
-          reason: "missing nativeTag"
-        };
-      }
-      const render = _RenderTracker.RenderTracker.getRender(String(nativeTag));
-      if (!render) return {
-        found: false,
-        reason: "unknown nativeTag"
-      };
-      return {
-        found: true,
-        nativeTag,
-        render: jsonSafeRender(render)
-      };
-    },
-    toggle: () => {
-      ensureInitialized();
-      _HighlightUpdatesController.default.toggle();
-    },
-    setEnabled: params => {
-      ensureInitialized();
-      _HighlightUpdatesController.default.setEnabled(params.enabled);
-    },
-    toggleFreeze: () => {
-      _HighlightUpdatesController.default.toggleFreeze();
-    },
-    clearRenderCounts: () => {
-      _HighlightUpdatesController.default.clearRenderCounts();
-    },
-    setSpotlight: params => {
-      _HighlightUpdatesController.default.setSpotlight(params.nativeTag);
-    },
-    // Resolve a component (by testID/nativeID/name/nativeTag) to a fresh
-    // on-screen rectangle — best-effort scrolling it into view first — so the
-    // desktop can crop a simulator screenshot to exactly that component. The
-    // returned value (rect + scale + screen) flows back as the action result.
-    locateComponent: params => {
-      ensureInitialized();
-      return _HighlightUpdatesController.default.locateComponent(params ?? {});
-    },
-    // Track + measure components WITHOUT drawing the highlight boxes, so the
-    // desktop screenshot tool can locate components with no on-device overlay.
-    setSilentTracking: params => {
-      ensureInitialized();
-      _HighlightUpdatesController.default.setSilentTracking(params.enabled ?? false);
-    },
-    // Walk the live fiber tree and return the current screen's meaningful /
-    // interactive elements, each with normalized tap coordinates. Powers the
-    // MCP `describe_screen` reader — no screenshot, no silent-tracking needed.
-    describeScreen: params => (0, _screenElements.describeScreen)(params ?? {}),
-    // Tap an element purely in JS: resolve it (by nativeTag / testID / query),
-    // find the nearest onPress up its fiber chain, and invoke it with a
-    // synthetic press event. Powers the MCP `tap_element` action.
-    tapElement: params => (0, _screenElements.tapElement)(params ?? {}),
-    // Block until an element is on screen (or gone), so a driver can act on a
-    // screen that has finished loading instead of the skeleton that was there
-    // when `navigate` returned. Same matcher `tapElement` ranks by.
-    waitFor: params => (0, _screenElements.waitFor)(params ?? {}),
-    // ── Touch capture: the recording half of tapElement ──────────────────
-    // Observe what a HUMAN taps, named in the same vocabulary tapElement
-    // searches by, so the Scenarios recorder can turn a real session into a
-    // replayable macro. Lives here because this tool already owns the fiber
-    // walk both halves need.
-    startTouchCapture: () => (0, _touchCapture.startTouchCapture)(),
-    stopTouchCapture: () => {
-      (0, _touchCapture.stopTouchCapture)();
-      return (0, _touchCapture.getTouchCaptureStatus)();
-    },
-    clearTouchCapture: () => {
-      (0, _touchCapture.clearTouchCapture)();
-      return {
-        ok: true
-      };
-    },
-    readTouchCapture: params => (0, _touchCapture.readTouchCapture)(params?.sinceSeq ?? 0)
-  }
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.highlightUpdatesSyncAdapter=void 0;var _HighlightUpdatesController=_interopRequireDefault(require("../highlight-updates/utils/HighlightUpdatesController"));var _RenderTracker=require("../highlight-updates/utils/RenderTracker");var _screenElements=require("../highlight-updates/utils/screenElements");var _touchCapture=require("../highlight-updates/utils/touchCapture");var _CommitProfiler=require("../highlight-updates/utils/CommitProfiler");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function ensureInitialized(){if(!_HighlightUpdatesController.default.isInitialized()){_HighlightUpdatesController.default.initialize()}}function toWireCause(e){if(!e)return void 0;const{hookChanges:t,...r}=e;return r}function toWireRender(e){const{renderHistory:t,lastRenderCause:r,...a}=e;return{...a,lastRenderCause:toWireCause(r),historyCount:t?.length??0}}function jsonSafeRender(e){try{JSON.stringify(e);return e}catch{return{...e,lastRenderCause:toWireCause(e.lastRenderCause),renderHistory:e.renderHistory?.map(t=>({...t,capturedProps:void 0,capturedState:void 0,cause:toWireCause(t.cause)??t.cause}))}}}function beginMeasurement(){if(!_CommitProfiler.CommitProfiler.isSupported()){return{ok:false,reason:"render capture needs a dev build with the React DevTools hook available"}}_CommitProfiler.CommitProfiler.startCapture({detail:true});return{ok:true}}function endMeasurement(){return{summary:_CommitProfiler.CommitProfiler.stopCapture()}}const highlightUpdatesSyncAdapter=exports.highlightUpdatesSyncAdapter={version:3,getSnapshot:()=>({enabled:_HighlightUpdatesController.default.isEnabled(),frozen:_HighlightUpdatesController.default.getFrozen(),highlightsSuppressed:_HighlightUpdatesController.default.getHighlightsSuppressed(),renders:_RenderTracker.RenderTracker.getRenders().map(toWireRender),trackerState:_RenderTracker.RenderTracker.getState()}),subscribe:e=>{const t=_HighlightUpdatesController.default.subscribe(e);const r=_HighlightUpdatesController.default.subscribeToFreeze(e);const a=_RenderTracker.RenderTracker.subscribe(e);const n=_RenderTracker.RenderTracker.subscribeToState(e);return()=>{t();r();a();n()}},actions:{beginMeasurement:()=>beginMeasurement(),endMeasurement:()=>endMeasurement(),getRenderDetail:e=>{const{nativeTag:t}=e??{};if(t==null){return{found:false,reason:"missing nativeTag"}}const r=_RenderTracker.RenderTracker.getRender(String(t));if(!r)return{found:false,reason:"unknown nativeTag"};return{found:true,nativeTag:t,render:jsonSafeRender(r)}},toggle:()=>{ensureInitialized();_HighlightUpdatesController.default.toggle()},setEnabled:e=>{ensureInitialized();_HighlightUpdatesController.default.setEnabled(e.enabled)},toggleFreeze:()=>{_HighlightUpdatesController.default.toggleFreeze()},clearRenderCounts:()=>{_HighlightUpdatesController.default.clearRenderCounts()},setSpotlight:e=>{_HighlightUpdatesController.default.setSpotlight(e.nativeTag)},locateComponent:e=>{ensureInitialized();return _HighlightUpdatesController.default.locateComponent(e??{})},setSilentTracking:e=>{ensureInitialized();_HighlightUpdatesController.default.setSilentTracking(e.enabled??false)},describeScreen:e=>(0,_screenElements.describeScreen)(e??{}),tapElement:e=>(0,_screenElements.tapElement)(e??{}),waitFor:e=>(0,_screenElements.waitFor)(e??{}),startTouchCapture:()=>(0,_touchCapture.startTouchCapture)(),stopTouchCapture:()=>{(0,_touchCapture.stopTouchCapture)();return(0,_touchCapture.getTouchCaptureStatus)()},clearTouchCapture:()=>{(0,_touchCapture.clearTouchCapture)();return{ok:true}},readTouchCapture:e=>(0,_touchCapture.readTouchCapture)(e?.sinceSeq??0)}};