@buoy-gg/highlight-updates 7.0.3 → 7.0.5

package/lib/commonjs/highlight-updates/components/HighlightUpdatesModal.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.HighlightToolView = HighlightToolView;
 exports.HighlightUpdatesModal = HighlightUpdatesModal;
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
@@ -55,7 +56,8 @@ function HighlightUpdatesModal({
   onMinimize,
   enableSharedModalDimensions = false,
   initialNativeTag,
-  onInitialNativeTagHandled
+  onInitialNativeTagHandled,
+  inline = false
 }) {
   const isPro = (0, _license.useIsPro)();
 
@@ -484,6 +486,55 @@ function HighlightUpdatesModal({
     onEventIndexChange: setHistoryEventIndex,
     isPro: isPro
   }) : null;
+  const body = /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    nativeID: "__rn_buoy__highlight-modal",
+    style: styles.container,
+    children: showCopySettingsView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RendersCopySettingsView.RendersCopySettingsView, {
+      renders: copyRendersSnapshot
+    }) : selectedRender ? detailViewActiveTab === "details" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderDetailView.RenderDetailView, {
+      render: selectedRender,
+      disableInternalFooter: true,
+      onAddFilter: handleAddFilter,
+      isPro: isPro
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderHistoryViewer.RenderHistoryViewer, {
+      render: selectedRender,
+      disableInternalFooter: true,
+      selectedEventIndex: historyEventIndex,
+      onEventIndexChange: setHistoryEventIndex,
+      isPro: isPro
+    }) : showFilterView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlightFilterView.HighlightFilterView, {
+      filters: filters,
+      onFilterChange: handleFilterChange,
+      settings: settings,
+      onSettingsChange: handleSettingsChange,
+      availableProps: _RenderTracker.RenderTracker.getAvailableProps(),
+      activeTab: filterViewActiveTab
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [!isTracking && /*#__PURE__*/(0, _jsxRuntime.jsx)(DisabledBanner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IsolatedRenderList.IsolatedRenderList, {
+        searchText: searchText,
+        filters: filters,
+        onSelectRender: handleRenderPress,
+        onStatsChange: handleStatsChange,
+        onRendersChange: handleRendersChange,
+        isTracking: isTracking,
+        isPro: isPro
+      })]
+    })
+  });
+
+  // The ONLY difference between the phone and the desktop dashboard is which
+  // shell the header, body and footer go in. Everything above this is shared.
+  if (inline) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TickProvider, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.inlineRoot,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+          style: styles.inlineHeader,
+          children: renderHeaderContent()
+        }), body, footerNode]
+      })
+    });
+  }
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.TickProvider, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_sharedUi.JsModal, {
       visible: visible,
@@ -500,45 +551,38 @@ function HighlightUpdatesModal({
       styles: {},
       footer: footerNode,
       footerHeight: selectedRender ? detailViewActiveTab === "details" ? 68 : (selectedRender.renderHistory?.length ?? 0) > 1 ? 68 : 0 : 0,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-        nativeID: "__rn_buoy__highlight-modal",
-        style: styles.container,
-        children: showCopySettingsView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RendersCopySettingsView.RendersCopySettingsView, {
-          renders: copyRendersSnapshot
-        }) : selectedRender ? detailViewActiveTab === "details" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderDetailView.RenderDetailView, {
-          render: selectedRender,
-          disableInternalFooter: true,
-          onAddFilter: handleAddFilter,
-          isPro: isPro
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderHistoryViewer.RenderHistoryViewer, {
-          render: selectedRender,
-          disableInternalFooter: true,
-          selectedEventIndex: historyEventIndex,
-          onEventIndexChange: setHistoryEventIndex,
-          isPro: isPro
-        }) : showFilterView ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_HighlightFilterView.HighlightFilterView, {
-          filters: filters,
-          onFilterChange: handleFilterChange,
-          settings: settings,
-          onSettingsChange: handleSettingsChange,
-          availableProps: _RenderTracker.RenderTracker.getAvailableProps(),
-          activeTab: filterViewActiveTab
-        }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-          children: [!isTracking && /*#__PURE__*/(0, _jsxRuntime.jsx)(DisabledBanner, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_IsolatedRenderList.IsolatedRenderList, {
-            searchText: searchText,
-            filters: filters,
-            onSelectRender: handleRenderPress,
-            onStatsChange: handleStatsChange,
-            onRendersChange: handleRendersChange,
-            isTracking: isTracking,
-            isPro: isPro
-          })]
-        })
-      })
+      children: body
     })
   });
 }
+
+/**
+ * The same renders tool as `HighlightUpdatesModal`, rendered INLINE for hosts
+ * that place tools in a panel rather than a modal. Exists so there is exactly
+ * one implementation — the desktop dashboard used to ship its own copy of this
+ * component's header and screen router.
+ */
+function HighlightToolView(props = {}) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(HighlightUpdatesModal, {
+    ...props,
+    inline: true,
+    visible: true,
+    onClose: () => {}
+  });
+}
 const styles = _reactNative.StyleSheet.create({
+  inlineRoot: {
+    flex: 1,
+    minHeight: 0,
+    backgroundColor: _sharedUi.buoyColors.base
+  },
+  inlineHeader: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: _sharedUi.buoyColors.border,
+    backgroundColor: _sharedUi.buoyColors.card
+  },
   container: {
     flex: 1,
     backgroundColor: _sharedUi.buoyColors.base

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

@@ -298,23 +298,27 @@ function collectDescendantText(root, maxDepth) {
   return joined ? joined.slice(0, 80) : undefined;
 }
 
-/** Nearest onPress (then onLongPress) handler at or above a fiber. */
+/** Nearest onPress / onLongPress handlers at or above a fiber. */
+
 function findPressHandler(fiber) {
   let cur = fiber;
   let depth = 0;
+  let press = null;
   let longPress = null;
-  while (cur && depth < 25) {
+  while (cur && depth < 25 && !(press && longPress)) {
     const p = getProps(cur);
     if (p) {
-      if (typeof p.onPress === "function") return {
-        handler: p.onPress,
-        kind: "onPress"
-      };
+      if (!press && typeof p.onPress === "function") press = p.onPress;
       if (!longPress && typeof p.onLongPress === "function") longPress = p.onLongPress;
     }
     cur = cur.return;
     depth++;
   }
+  if (press) return {
+    handler: press,
+    kind: "onPress",
+    longPress: longPress ?? undefined
+  };
   return longPress ? {
     handler: longPress,
     kind: "onLongPress"
@@ -440,7 +444,9 @@ function collectCandidates() {
       if (instance && seenInstances.has(instance)) {
         const existing = out.find(c => c.instance === instance);
         if (existing) {
-          if (!existing.press && press) existing.press = press;
+          if (!existing.press && press) existing.press = press;else if (existing.press && press?.longPress && !existing.press.longPress) {
+            existing.press.longPress = press.longPress;
+          }
           if (!existing.valueControl && valueControl) existing.valueControl = valueControl;
           if (!existing.textControl && textControl) existing.textControl = textControl;
           if (!existing.testID && testID) existing.testID = testID;
@@ -518,6 +524,7 @@ async function describeScreen() {
       label: c.label,
       text: c.text,
       interactive: !!(c.press || c.valueControl || c.textControl),
+      longPressable: c.press && (c.press.kind === "onLongPress" || c.press.longPress) ? true : undefined,
       control,
       value,
       tap,
@@ -659,6 +666,29 @@ async function tapElement(params) {
   };
   try {
     if (c.press) {
+      if (params.longPress) {
+        const lp = c.press.kind === "onLongPress" ? c.press.handler : c.press.longPress;
+        if (!lp) {
+          return {
+            tapped: false,
+            scrolled,
+            reason: `Matched "${c.name}"${c.text ? ` ("${c.text}")` : ""} but it has no onLongPress handler — call tap_element without longPress to tap it normally.`,
+            matched: {
+              ...base,
+              via: "onPress"
+            }
+          };
+        }
+        lp(makeSyntheticPressEvent(c.rect));
+        return {
+          tapped: true,
+          scrolled,
+          matched: {
+            ...base,
+            via: "onLongPress"
+          }
+        };
+      }
       c.press.handler(makeSyntheticPressEvent(c.rect));
       return {
         tapped: true,

package/lib/commonjs/index.js

@@ -27,6 +27,12 @@ Object.defineProperty(exports, "HighlightFilterView", {
     return _HighlightFilterView.HighlightFilterView;
   }
 });
+Object.defineProperty(exports, "HighlightToolView", {
+  enumerable: true,
+  get: function () {
+    return _HighlightUpdatesModal.HighlightToolView;
+  }
+});
 Object.defineProperty(exports, "HighlightUpdatesController", {
   enumerable: true,
   get: function () {
@@ -382,6 +388,8 @@ const onRenderEvent = callback => {
 // 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
 exports.onRenderEvent = onRenderEvent;

package/lib/module/highlight-updates/components/HighlightUpdatesModal.js

@@ -49,7 +49,8 @@ export function HighlightUpdatesModal({
   onMinimize,
   enableSharedModalDimensions = false,
   initialNativeTag,
-  onInitialNativeTagHandled
+  onInitialNativeTagHandled,
+  inline = false
 }) {
   const isPro = useIsPro();
 
@@ -478,6 +479,55 @@ export function HighlightUpdatesModal({
     onEventIndexChange: setHistoryEventIndex,
     isPro: isPro
   }) : null;
+  const body = /*#__PURE__*/_jsx(View, {
+    nativeID: "__rn_buoy__highlight-modal",
+    style: styles.container,
+    children: showCopySettingsView ? /*#__PURE__*/_jsx(RendersCopySettingsView, {
+      renders: copyRendersSnapshot
+    }) : selectedRender ? detailViewActiveTab === "details" ? /*#__PURE__*/_jsx(RenderDetailView, {
+      render: selectedRender,
+      disableInternalFooter: true,
+      onAddFilter: handleAddFilter,
+      isPro: isPro
+    }) : /*#__PURE__*/_jsx(RenderHistoryViewer, {
+      render: selectedRender,
+      disableInternalFooter: true,
+      selectedEventIndex: historyEventIndex,
+      onEventIndexChange: setHistoryEventIndex,
+      isPro: isPro
+    }) : showFilterView ? /*#__PURE__*/_jsx(HighlightFilterView, {
+      filters: filters,
+      onFilterChange: handleFilterChange,
+      settings: settings,
+      onSettingsChange: handleSettingsChange,
+      availableProps: RenderTracker.getAvailableProps(),
+      activeTab: filterViewActiveTab
+    }) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [!isTracking && /*#__PURE__*/_jsx(DisabledBanner, {}), /*#__PURE__*/_jsx(IsolatedRenderList, {
+        searchText: searchText,
+        filters: filters,
+        onSelectRender: handleRenderPress,
+        onStatsChange: handleStatsChange,
+        onRendersChange: handleRendersChange,
+        isTracking: isTracking,
+        isPro: isPro
+      })]
+    })
+  });
+
+  // The ONLY difference between the phone and the desktop dashboard is which
+  // shell the header, body and footer go in. Everything above this is shared.
+  if (inline) {
+    return /*#__PURE__*/_jsx(TickProvider, {
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.inlineRoot,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: styles.inlineHeader,
+          children: renderHeaderContent()
+        }), body, footerNode]
+      })
+    });
+  }
   return /*#__PURE__*/_jsx(TickProvider, {
     children: /*#__PURE__*/_jsx(JsModal, {
       visible: visible,
@@ -494,45 +544,38 @@ export function HighlightUpdatesModal({
       styles: {},
       footer: footerNode,
       footerHeight: selectedRender ? detailViewActiveTab === "details" ? 68 : (selectedRender.renderHistory?.length ?? 0) > 1 ? 68 : 0 : 0,
-      children: /*#__PURE__*/_jsx(View, {
-        nativeID: "__rn_buoy__highlight-modal",
-        style: styles.container,
-        children: showCopySettingsView ? /*#__PURE__*/_jsx(RendersCopySettingsView, {
-          renders: copyRendersSnapshot
-        }) : selectedRender ? detailViewActiveTab === "details" ? /*#__PURE__*/_jsx(RenderDetailView, {
-          render: selectedRender,
-          disableInternalFooter: true,
-          onAddFilter: handleAddFilter,
-          isPro: isPro
-        }) : /*#__PURE__*/_jsx(RenderHistoryViewer, {
-          render: selectedRender,
-          disableInternalFooter: true,
-          selectedEventIndex: historyEventIndex,
-          onEventIndexChange: setHistoryEventIndex,
-          isPro: isPro
-        }) : showFilterView ? /*#__PURE__*/_jsx(HighlightFilterView, {
-          filters: filters,
-          onFilterChange: handleFilterChange,
-          settings: settings,
-          onSettingsChange: handleSettingsChange,
-          availableProps: RenderTracker.getAvailableProps(),
-          activeTab: filterViewActiveTab
-        }) : /*#__PURE__*/_jsxs(_Fragment, {
-          children: [!isTracking && /*#__PURE__*/_jsx(DisabledBanner, {}), /*#__PURE__*/_jsx(IsolatedRenderList, {
-            searchText: searchText,
-            filters: filters,
-            onSelectRender: handleRenderPress,
-            onStatsChange: handleStatsChange,
-            onRendersChange: handleRendersChange,
-            isTracking: isTracking,
-            isPro: isPro
-          })]
-        })
-      })
+      children: body
     })
   });
 }
+
+/**
+ * The same renders tool as `HighlightUpdatesModal`, rendered INLINE for hosts
+ * that place tools in a panel rather than a modal. Exists so there is exactly
+ * one implementation — the desktop dashboard used to ship its own copy of this
+ * component's header and screen router.
+ */
+export function HighlightToolView(props = {}) {
+  return /*#__PURE__*/_jsx(HighlightUpdatesModal, {
+    ...props,
+    inline: true,
+    visible: true,
+    onClose: () => {}
+  });
+}
 const styles = StyleSheet.create({
+  inlineRoot: {
+    flex: 1,
+    minHeight: 0,
+    backgroundColor: buoyColors.base
+  },
+  inlineHeader: {
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderBottomWidth: 1,
+    borderBottomColor: buoyColors.border,
+    backgroundColor: buoyColors.card
+  },
   container: {
     flex: 1,
     backgroundColor: buoyColors.base

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

@@ -294,23 +294,27 @@ function collectDescendantText(root, maxDepth) {
   return joined ? joined.slice(0, 80) : undefined;
 }
 
-/** Nearest onPress (then onLongPress) handler at or above a fiber. */
+/** Nearest onPress / onLongPress handlers at or above a fiber. */
+
 function findPressHandler(fiber) {
   let cur = fiber;
   let depth = 0;
+  let press = null;
   let longPress = null;
-  while (cur && depth < 25) {
+  while (cur && depth < 25 && !(press && longPress)) {
     const p = getProps(cur);
     if (p) {
-      if (typeof p.onPress === "function") return {
-        handler: p.onPress,
-        kind: "onPress"
-      };
+      if (!press && typeof p.onPress === "function") press = p.onPress;
       if (!longPress && typeof p.onLongPress === "function") longPress = p.onLongPress;
     }
     cur = cur.return;
     depth++;
   }
+  if (press) return {
+    handler: press,
+    kind: "onPress",
+    longPress: longPress ?? undefined
+  };
   return longPress ? {
     handler: longPress,
     kind: "onLongPress"
@@ -436,7 +440,9 @@ function collectCandidates() {
       if (instance && seenInstances.has(instance)) {
         const existing = out.find(c => c.instance === instance);
         if (existing) {
-          if (!existing.press && press) existing.press = press;
+          if (!existing.press && press) existing.press = press;else if (existing.press && press?.longPress && !existing.press.longPress) {
+            existing.press.longPress = press.longPress;
+          }
           if (!existing.valueControl && valueControl) existing.valueControl = valueControl;
           if (!existing.textControl && textControl) existing.textControl = textControl;
           if (!existing.testID && testID) existing.testID = testID;
@@ -514,6 +520,7 @@ export async function describeScreen() {
       label: c.label,
       text: c.text,
       interactive: !!(c.press || c.valueControl || c.textControl),
+      longPressable: c.press && (c.press.kind === "onLongPress" || c.press.longPress) ? true : undefined,
       control,
       value,
       tap,
@@ -655,6 +662,29 @@ export async function tapElement(params) {
   };
   try {
     if (c.press) {
+      if (params.longPress) {
+        const lp = c.press.kind === "onLongPress" ? c.press.handler : c.press.longPress;
+        if (!lp) {
+          return {
+            tapped: false,
+            scrolled,
+            reason: `Matched "${c.name}"${c.text ? ` ("${c.text}")` : ""} but it has no onLongPress handler — call tap_element without longPress to tap it normally.`,
+            matched: {
+              ...base,
+              via: "onPress"
+            }
+          };
+        }
+        lp(makeSyntheticPressEvent(c.rect));
+        return {
+          tapped: true,
+          scrolled,
+          matched: {
+            ...base,
+            via: "onLongPress"
+          }
+        };
+      }
       c.press.handler(makeSyntheticPressEvent(c.rect));
       return {
         tapped: true,

package/lib/module/index.js

@@ -113,7 +113,9 @@ export { PerformanceLogger } from "./highlight-updates/utils/PerformanceLogger";
 export { VIEW_TYPE_MAP, getComponentDisplayName, getNativeViewType, isKnownViewType, getAllNativeViewTypes, getAllComponentNames } from "./highlight-updates/utils/ViewTypeMapper";
 
 // Modal components for custom integrations
-export { HighlightUpdatesModal } from "./highlight-updates/components/HighlightUpdatesModal";
+// `HighlightToolView` is the same tool rendered inline (header bar + body +
+// footer) instead of inside a JsModal — for hosts that show tools in a panel.
+export { HighlightUpdatesModal, HighlightToolView } from "./highlight-updates/components/HighlightUpdatesModal";
 export { RenderListItem } from "./highlight-updates/components/RenderListItem";
 export { RenderDetailView } from "./highlight-updates/components/RenderDetailView";
 export { HighlightFilterView } from "./highlight-updates/components/HighlightFilterView";

package/lib/typescript/highlight-updates/components/HighlightUpdatesModal.d.ts

@@ -16,6 +16,13 @@ import React from "react";
 interface HighlightUpdatesModalProps {
     visible: boolean;
     onClose: () => void;
+    /**
+     * Render as a header-bar + body (+ footer) stack instead of inside `JsModal`,
+     * for hosts that place tools in a panel rather than a modal (Buoy Desktop).
+     * Only the shell differs — header, screens and state are shared. See
+     * `HighlightToolView` at the bottom of this file.
+     */
+    inline?: boolean;
     onBack?: () => void;
     onMinimize?: (modalState: any) => void;
     enableSharedModalDimensions?: boolean;
@@ -31,6 +38,13 @@ interface HighlightUpdatesModalProps {
      */
     onInitialNativeTagHandled?: () => void;
 }
-export declare function HighlightUpdatesModal({ visible, onClose, onBack, onMinimize, enableSharedModalDimensions, initialNativeTag, onInitialNativeTagHandled, }: HighlightUpdatesModalProps): React.JSX.Element | null;
+export declare function HighlightUpdatesModal({ visible, onClose, onBack, onMinimize, enableSharedModalDimensions, initialNativeTag, onInitialNativeTagHandled, inline, }: HighlightUpdatesModalProps): React.JSX.Element | null;
+/**
+ * The same renders tool as `HighlightUpdatesModal`, rendered INLINE for hosts
+ * that place tools in a panel rather than a modal. Exists so there is exactly
+ * one implementation — the desktop dashboard used to ship its own copy of this
+ * component's header and screen router.
+ */
+export declare function HighlightToolView(props?: Omit<HighlightUpdatesModalProps, "visible" | "onClose" | "inline">): React.JSX.Element;
 export default HighlightUpdatesModal;
 //# sourceMappingURL=HighlightUpdatesModal.d.ts.map

package/lib/typescript/highlight-updates/components/HighlightUpdatesModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightUpdatesModal.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/HighlightUpdatesModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAgCxE,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;CACxC;AAcD,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,gBAAgB,EAChB,yBAAyB,GAC1B,EAAE,0BAA0B,4BAyjB5B;AA0BD,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"HighlightUpdatesModal.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/components/HighlightUpdatesModal.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAmD,MAAM,OAAO,CAAC;AAgCxE,UAAU,0BAA0B;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACjC;;;OAGG;IACH,yBAAyB,CAAC,EAAE,MAAM,IAAI,CAAC;CACxC;AAcD,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,gBAAgB,EAChB,yBAAyB,EACzB,MAAc,GACf,EAAE,0BAA0B,4BA6kB5B;AAED;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,KAAK,GAAE,IAAI,CAAC,0BAA0B,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAM,qBAK/E;AAsCD,eAAe,qBAAqB,CAAC"}

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

@@ -34,6 +34,8 @@ export interface ScreenElement {
     control?: "toggle" | "slider" | "text";
     /** Current value for toggle/slider/text controls. */
     value?: number | boolean | string;
+    /** True when an onLongPress handler is reachable (drive with longPress:true). */
+    longPressable?: boolean;
     /** Normalized [0,1] tap point (center of the element). */
     tap?: {
         x: number;
@@ -61,6 +63,8 @@ export interface TapElementParams {
     query?: string;
     /** Scroll the target into view first if it's off-screen. Default true. */
     scrollIntoView?: boolean;
+    /** Invoke the element's onLongPress instead of onPress. Fails if it has none. */
+    longPress?: boolean;
     /**
      * For value controls: the value to set. A toggle/switch flips to !current
      * when omitted; a slider goes to the far end when omitted. Booleans target

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

@@ -1 +1 @@
-{"version":3,"file":"screenElements.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/utils/screenElements.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AA6ZH,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,WAAW,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAClC,0DAA0D;IAC1D,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,8BAA8B;IAC9B,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE;QACR,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,SAAS,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,CAAC;QAClE,sDAAsD;QACtD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;KACnC,CAAC;IACF,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChG;AA2JD,wBAAsB,cAAc,IAAI,OAAO,CAAC,oBAAoB,CAAC,CA+DpE;AAsDD,wBAAsB,UAAU,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAyGpF"}
+{"version":3,"file":"screenElements.d.ts","sourceRoot":"","sources":["../../../../src/highlight-updates/utils/screenElements.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAqaH,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,WAAW,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;IACvC,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IAClC,iFAAiF;IACjF,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0DAA0D;IAC1D,GAAG,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/B,8BAA8B;IAC9B,KAAK,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CACjE;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IAC1C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,aAAa,EAAE,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,2DAA2D;IAC3D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE;QACR,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,SAAS,GAAG,aAAa,GAAG,eAAe,GAAG,cAAc,CAAC;QAClE,sDAAsD;QACtD,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;KACnC,CAAC;IACF,UAAU,CAAC,EAAE,KAAK,CAAC;QAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAChG;AA8JD,wBAAsB,cAAc,IAAI,OAAO,CAAC,oBAAoB,CAAC,CAiEpE;AAsDD,wBAAsB,UAAU,CAAC,MAAM,EAAE,gBAAgB,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAsHpF"}

package/lib/typescript/index.d.ts

@@ -38,7 +38,7 @@ export { detectRenderCause, clearRenderCauseState, removeRenderCauseState, getRe
 export { PerformanceLogger } from "./highlight-updates/utils/PerformanceLogger";
 export type { BatchMetrics, BatchTimer } from "./highlight-updates/utils/PerformanceLogger";
 export { VIEW_TYPE_MAP, getComponentDisplayName, getNativeViewType, isKnownViewType, getAllNativeViewTypes, getAllComponentNames, } from "./highlight-updates/utils/ViewTypeMapper";
-export { HighlightUpdatesModal } from "./highlight-updates/components/HighlightUpdatesModal";
+export { HighlightUpdatesModal, HighlightToolView, } from "./highlight-updates/components/HighlightUpdatesModal";
 export { RenderListItem } from "./highlight-updates/components/RenderListItem";
 export { RenderDetailView } from "./highlight-updates/components/RenderDetailView";
 export { HighlightFilterView } from "./highlight-updates/components/HighlightFilterView";

package/lib/typescript/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAG7G,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AAGjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAGtF,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAK1E,OAAO,EACL,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,kDAAkD,CAAC;AA6C1D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,YAAY,EACV,aAAa,EACb,YAAY,EACZ,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,eAAe,GAChB,MAAM,yCAAyC,CAAC;AAGjD,eAAO,MAAM,aAAa,GACxB,UAAU,CACR,KAAK,EAAE,OAAO,yCAAyC,EAAE,WAAW,EACpE,MAAM,EAAE,OAAO,yCAAyC,EAAE,aAAa,KACpE,IAAI,QAIV,CAAC;AAGF,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EAEnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAG5F,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,0CAA0C,CAAC;AAGlD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,sBAAsB,GACvB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,oDAAoD,CAAC;AAG5D,OAAO,EACL,mBAAmB,GACpB,MAAM,iDAAiD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AAGH,OAAO,EACL,sBAAsB,EACtB,0BAA0B,EAC1B,2BAA2B,EAC3B,+BAA+B,GAChC,MAAM,UAAU,CAAC;AAGlB,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAG7G,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AAGjF,OAAO,EAAE,uBAAuB,EAAE,MAAM,6CAA6C,CAAC;AAGtF,OAAO,EACL,0BAA0B,EAC1B,4BAA4B,EAC5B,qBAAqB,EACrB,sBAAsB,EACtB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAK1E,OAAO,EACL,yBAAyB,EACzB,0BAA0B,GAC3B,MAAM,kDAAkD,CAAC;AA6C1D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,YAAY,EACV,aAAa,EACb,YAAY,EACZ,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,eAAe,GAChB,MAAM,yCAAyC,CAAC;AAGjD,eAAO,MAAM,aAAa,GACxB,UAAU,CACR,KAAK,EAAE,OAAO,yCAAyC,EAAE,WAAW,EACpE,MAAM,EAAE,OAAO,yCAAyC,EAAE,aAAa,KACpE,IAAI,QAIV,CAAC;AAGF,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,mBAAmB,EAEnB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,+CAA+C,CAAC;AAGvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AAG5F,OAAO,EACL,aAAa,EACb,uBAAuB,EACvB,iBAAiB,EACjB,eAAe,EACf,qBAAqB,EACrB,oBAAoB,GACrB,MAAM,0CAA0C,CAAC;AAKlD,OAAO,EACL,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,sDAAsD,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,+CAA+C,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACnF,OAAO,EAAE,mBAAmB,EAAE,MAAM,oDAAoD,CAAC;AACzF,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,YAAY,EACZ,sBAAsB,GACvB,MAAM,iDAAiD,CAAC;AACzD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,oDAAoD,CAAC;AAG5D,OAAO,EACL,mBAAmB,GACpB,MAAM,iDAAiD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@buoy-gg/highlight-updates",
-  "version": "7.0.3",
+  "version": "7.0.5",
   "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/floating-tools-core": "7.0.3",
-    "@buoy-gg/shared-ui": "7.0.3"
+    "@buoy-gg/floating-tools-core": "7.0.5",
+    "@buoy-gg/shared-ui": "7.0.5"
   },
   "peerDependencies": {
-    "@buoy-gg/license": "7.0.3",
+    "@buoy-gg/license": "7.0.5",
     "react": "*",
     "react-native": "*",
-    "@buoy-gg/core": "7.0.3"
+    "@buoy-gg/core": "7.0.5"
   },
   "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.3",
-    "@buoy-gg/license": "7.0.3"
+    "@buoy-gg/license": "7.0.5",
+    "@buoy-gg/core": "7.0.5"
   },
   "react-native-builder-bob": {
     "source": "src",