@buoy-gg/image-overlay 7.0.41 → 7.0.43

package/lib/module/imageOverlay/utils/ImageOverlayController.js

@@ -1,422 +1 @@
-"use strict";
-
-/**
- * Singleton state manager for the image overlay tool.
- * Bridges the modal (controls) and standalone overlay (rendering).
- * Supports two modes: "component" (match to tagged element) and "free" (drag anywhere).
- */
-
-import { Image as RNImage, Dimensions } from "react-native";
-import { measureInstance } from "./componentMeasurement";
-import { scanForImageTargets } from "./fiberScanner";
-import { getDevToolsHook } from "./devtoolsHook";
-const DEFAULT_STATE = {
-  mode: null,
-  enabled: false,
-  imageUri: null,
-  imageWidth: null,
-  imageHeight: null,
-  targetTag: null,
-  targetLabel: null,
-  targetRect: null,
-  showOutline: true,
-  opacity: 0.5,
-  scale: 1.0,
-  offsetX: 0,
-  offsetY: 0,
-  invertX: false,
-  invertY: false,
-  locked: false,
-  freeX: 0,
-  freeY: 0,
-  freeWidth: 200,
-  freeHeight: 200
-};
-let state = {
-  ...DEFAULT_STATE
-};
-const listeners = new Set();
-
-// Hold onto references so we can remeasure
-let targetInstance = null;
-let targetLabel = null;
-
-// Auto-tracking via React DevTools traceUpdates
-let autoTrackEnabled = false;
-let traceUnsubscribe = null;
-let trackingNativeTag = null;
-function notify() {
-  for (const listener of listeners) {
-    listener(state);
-  }
-}
-function getNativeTag(instance) {
-  if (!instance) return null;
-  if (typeof instance._nativeTag === "number") return instance._nativeTag;
-  if (typeof instance.canonical?._nativeTag === "number") return instance.canonical._nativeTag;
-  if (typeof instance.__nativeTag === "number") return instance.__nativeTag;
-  return null;
-}
-async function measureWithFallback(instance, label) {
-  let rect = await measureInstance(instance);
-  if (rect) return {
-    rect,
-    freshInstance: instance
-  };
-  const targets = scanForImageTargets();
-  const fresh = targets.find(t => t.label === label);
-  if (fresh) {
-    rect = await measureInstance(fresh.instance);
-    if (rect) return {
-      rect,
-      freshInstance: fresh.instance
-    };
-  }
-  return {
-    rect: null,
-    freshInstance: instance
-  };
-}
-
-/**
- * Subscribe to React DevTools traceUpdates to remeasure our target
- * component in real-time whenever ANY component re-renders (which
- * includes scroll events that reposition our target).
- */
-function startTraceTracking() {
-  if (traceUnsubscribe) return; // already tracking
-
-  const hook = getDevToolsHook();
-  if (!hook) return;
-
-  // Enable trace updates on all renderers (same as highlight-updates)
-  if (hook.rendererInterfaces) {
-    for (const [, renderer] of hook.rendererInterfaces) {
-      if (typeof renderer.setTraceUpdatesEnabled === "function") {
-        renderer.setTraceUpdatesEnabled(true);
-      }
-    }
-  }
-
-  // Subscribe to traceUpdates — fires whenever components render
-  if (typeof hook.sub === "function") {
-    traceUnsubscribe = hook.sub("traceUpdates", handleTraceForAutoTrack);
-  }
-}
-
-/**
- * Remeasure once per frame while Auto Track is on.
- *
- * traceUpdates alone missed the common case: a native scroll moves the target
- * without any React render, so the overlay stayed where the row used to be.
- * One measure in flight at a time, so a slow bridge never queues frames.
- */
-let frameHandle = null;
-let frameMeasuring = false;
-function startFrameTracking() {
-  if (frameHandle !== null || typeof requestAnimationFrame !== "function") return;
-  const tick = () => {
-    frameHandle = requestAnimationFrame(tick);
-    if (frameMeasuring || !autoTrackEnabled || !targetInstance) return;
-    frameMeasuring = true;
-    remeasureTarget().finally(() => {
-      frameMeasuring = false;
-    });
-  };
-  frameHandle = requestAnimationFrame(tick);
-}
-function stopFrameTracking() {
-  if (frameHandle !== null && typeof cancelAnimationFrame === "function") cancelAnimationFrame(frameHandle);
-  frameHandle = null;
-}
-function stopTraceTracking() {
-  stopFrameTracking();
-  if (traceUnsubscribe) {
-    traceUnsubscribe();
-    traceUnsubscribe = null;
-  }
-  // Note: we don't disable traceUpdates on renderers because
-  // highlight-updates may also be using them
-}
-
-/** Called on every traceUpdates event — remeasure our target */
-function handleTraceForAutoTrack(_nodes) {
-  if (!autoTrackEnabled || !targetInstance) return;
-
-  // Don't filter by nativeTag — any render could have caused a layout
-  // shift (e.g. sibling resize, scroll). Just remeasure cheaply.
-  void remeasureTarget();
-}
-function remeasureTarget() {
-  return measureInstance(targetInstance).then(rect => {
-    if (rect && state.targetRect) {
-      // Only notify if position actually changed
-      const prev = state.targetRect;
-      if (Math.abs(rect.x - prev.x) > 0.5 || Math.abs(rect.y - prev.y) > 0.5 || Math.abs(rect.width - prev.width) > 0.5 || Math.abs(rect.height - prev.height) > 0.5) {
-        state = {
-          ...state,
-          targetRect: rect
-        };
-        notify();
-      }
-    }
-  }).catch(() => {
-    // The target unmounted mid-measure; the next frame tries again.
-  });
-}
-function getImageSize(uri) {
-  return new Promise(resolve => {
-    RNImage.getSize(uri, (width, height) => resolve({
-      width,
-      height
-    }), () => resolve(null));
-  });
-}
-export const ImageOverlayController = {
-  subscribe(listener) {
-    listeners.add(listener);
-    listener(state);
-    return () => listeners.delete(listener);
-  },
-  getState() {
-    return state;
-  },
-  // ─── Component Match Mode ───────────────────────────────────────────
-
-  async setTarget(instance, label, fiber) {
-    targetInstance = instance;
-    targetLabel = label;
-    const instanceToMeasure = fiber?.stateNode ?? instance;
-    const {
-      rect,
-      freshInstance
-    } = await measureWithFallback(instanceToMeasure, label);
-    targetInstance = freshInstance;
-    const tag = getNativeTag(targetInstance);
-    state = {
-      ...state,
-      mode: "component",
-      targetTag: tag,
-      targetLabel: label,
-      targetRect: rect
-    };
-    notify();
-  },
-  async setImageUri(uri) {
-    const size = await getImageSize(uri);
-    let autoScale = 1.0;
-    if (size && state.targetRect && size.width > 0) {
-      autoScale = state.targetRect.width / size.width;
-    }
-    state = {
-      ...state,
-      imageUri: uri,
-      imageWidth: size?.width ?? null,
-      imageHeight: size?.height ?? null,
-      scale: autoScale,
-      showOutline: false
-    };
-    notify();
-  },
-  setOpacity(value) {
-    state = {
-      ...state,
-      opacity: Math.max(0, Math.min(1, value))
-    };
-    notify();
-  },
-  setScale(value) {
-    state = {
-      ...state,
-      scale: Math.max(0.01, Math.min(5, value))
-    };
-    notify();
-  },
-  setOffset(x, y) {
-    state = {
-      ...state,
-      offsetX: x,
-      offsetY: y
-    };
-    notify();
-  },
-  toggleInvertX() {
-    state = {
-      ...state,
-      invertX: !state.invertX
-    };
-    notify();
-  },
-  toggleInvertY() {
-    state = {
-      ...state,
-      invertY: !state.invertY
-    };
-    notify();
-  },
-  setLocked(locked) {
-    state = {
-      ...state,
-      locked
-    };
-    notify();
-  },
-  setAutoTrack(enabled) {
-    autoTrackEnabled = enabled;
-    if (enabled) {
-      startTraceTracking();
-      startFrameTracking();
-    } else {
-      stopTraceTracking();
-    }
-  },
-  isAutoTracking() {
-    return autoTrackEnabled;
-  },
-  setShowOutline(show) {
-    state = {
-      ...state,
-      showOutline: show
-    };
-    notify();
-  },
-  setEnabled(enabled) {
-    state = {
-      ...state,
-      enabled
-    };
-    notify();
-  },
-  toggle() {
-    state = {
-      ...state,
-      enabled: !state.enabled
-    };
-    notify();
-  },
-  fitWidth() {
-    if (state.imageWidth && state.targetRect && state.imageWidth > 0) {
-      state = {
-        ...state,
-        scale: state.targetRect.width / state.imageWidth
-      };
-      notify();
-    }
-  },
-  fitHeight() {
-    if (state.imageHeight && state.targetRect && state.imageHeight > 0) {
-      state = {
-        ...state,
-        scale: state.targetRect.height / state.imageHeight
-      };
-      notify();
-    }
-  },
-  resetSettings() {
-    if (state.mode === "free") {
-      const screen = Dimensions.get("window");
-      const w = state.imageWidth ?? 200;
-      const h = state.imageHeight ?? 200;
-      state = {
-        ...state,
-        opacity: 0.5,
-        freeX: (screen.width - w) / 2,
-        freeY: (screen.height - h) / 2,
-        freeWidth: w,
-        freeHeight: h
-      };
-    } else {
-      let autoScale = 1.0;
-      if (state.imageWidth && state.targetRect && state.imageWidth > 0) {
-        autoScale = state.targetRect.width / state.imageWidth;
-      }
-      state = {
-        ...state,
-        opacity: 0.5,
-        scale: autoScale,
-        offsetX: 0,
-        offsetY: 0
-      };
-    }
-    notify();
-  },
-  async remeasure() {
-    if (!targetLabel) return;
-    const {
-      rect,
-      freshInstance
-    } = await measureWithFallback(targetInstance, targetLabel);
-    targetInstance = freshInstance;
-    if (rect) {
-      state = {
-        ...state,
-        targetRect: rect
-      };
-      notify();
-    }
-  },
-  // ─── Free Placement Mode ───────────────────────────────────────────
-
-  async startFreeMode(uri) {
-    const size = await getImageSize(uri);
-    const screen = Dimensions.get("window");
-    const w = size?.width ?? 200;
-    const h = size?.height ?? 200;
-
-    // Scale down if image is larger than 80% of screen
-    let displayW = w;
-    let displayH = h;
-    const maxW = screen.width * 0.8;
-    const maxH = screen.height * 0.6;
-    if (displayW > maxW || displayH > maxH) {
-      const ratio = Math.min(maxW / displayW, maxH / displayH);
-      displayW = Math.round(displayW * ratio);
-      displayH = Math.round(displayH * ratio);
-    }
-    state = {
-      ...state,
-      mode: "free",
-      enabled: true,
-      imageUri: uri,
-      imageWidth: size?.width ?? null,
-      imageHeight: size?.height ?? null,
-      opacity: 0.5,
-      freeX: Math.round((screen.width - displayW) / 2),
-      freeY: Math.round((screen.height - displayH) / 2),
-      freeWidth: Math.round(displayW),
-      freeHeight: Math.round(displayH)
-    };
-    notify();
-  },
-  setFreePosition(x, y) {
-    state = {
-      ...state,
-      freeX: x,
-      freeY: y
-    };
-    notify();
-  },
-  setFreeDimensions(width, height, x, y) {
-    state = {
-      ...state,
-      freeWidth: width,
-      freeHeight: height,
-      freeX: x,
-      freeY: y
-    };
-    notify();
-  },
-  // ─── Shared ─────────────────────────────────────────────────────────
-
-  reset() {
-    stopTraceTracking();
-    autoTrackEnabled = false;
-    trackingNativeTag = null;
-    targetInstance = null;
-    targetLabel = null;
-    state = {
-      ...DEFAULT_STATE
-    };
-    notify();
-  }
-};
+"use strict";import{Image as k,Dimensions as b}from"react-native";import{measureInstance as m}from"./componentMeasurement";import{scanForImageTargets as R}from"./fiberScanner";import{getDevToolsHook as F}from"./devtoolsHook";const v={mode:null,enabled:false,imageUri:null,imageWidth:null,imageHeight:null,targetTag:null,targetLabel:null,targetRect:null,showOutline:true,opacity:.5,scale:1,offsetX:0,offsetY:0,invertX:false,invertY:false,locked:false,freeX:0,freeY:0,freeWidth:200,freeHeight:200};let t={...v};const d=new Set;let o=null;let h=null;let g=false;let u=null;let X=null;function i(){for(const e of d){e(t)}}function Y(e){if(!e)return null;if(typeof e._nativeTag==="number")return e._nativeTag;if(typeof e.canonical?._nativeTag==="number")return e.canonical._nativeTag;if(typeof e.__nativeTag==="number")return e.__nativeTag;return null}async function M(e,a){let n=await m(e);if(n)return{rect:n,freshInstance:e};const s=R();const f=s.find(r=>r.label===a);if(f){n=await m(f.instance);if(n)return{rect:n,freshInstance:f.instance}}return{rect:null,freshInstance:e}}function A(){if(u)return;const e=F();if(!e)return;if(e.rendererInterfaces){for(const[,a]of e.rendererInterfaces){if(typeof a.setTraceUpdatesEnabled==="function"){a.setTraceUpdatesEnabled(true)}}}if(typeof e.sub==="function"){u=e.sub("traceUpdates",U)}}let c=null;let w=false;function S(){if(c!==null||typeof requestAnimationFrame!=="function")return;const e=()=>{c=requestAnimationFrame(e);if(w||!g||!o)return;w=true;I().finally(()=>{w=false})};c=requestAnimationFrame(e)}function _(){if(c!==null&&typeof cancelAnimationFrame==="function")cancelAnimationFrame(c);c=null}function W(){_();if(u){u();u=null}}function U(e){if(!g||!o)return;void I()}function I(){return m(o).then(e=>{if(e&&t.targetRect){const a=t.targetRect;if(Math.abs(e.x-a.x)>.5||Math.abs(e.y-a.y)>.5||Math.abs(e.width-a.width)>.5||Math.abs(e.height-a.height)>.5){t={...t,targetRect:e};i()}}}).catch(()=>{})}function H(e){return new Promise(a=>{k.getSize(e,(n,s)=>a({width:n,height:s}),()=>a(null))})}export const ImageOverlayController={subscribe(e){d.add(e);e(t);return()=>d.delete(e)},getState(){return t},async setTarget(e,a,n){o=e;h=a;const s=n?.stateNode??e;const{rect:f,freshInstance:r}=await M(s,a);o=r;const l=Y(o);t={...t,mode:"component",targetTag:l,targetLabel:a,targetRect:f};i()},async setImageUri(e){const a=await H(e);let n=1;if(a&&t.targetRect&&a.width>0){n=t.targetRect.width/a.width}t={...t,imageUri:e,imageWidth:a?.width??null,imageHeight:a?.height??null,scale:n,showOutline:false};i()},setOpacity(e){t={...t,opacity:Math.max(0,Math.min(1,e))};i()},setScale(e){t={...t,scale:Math.max(.01,Math.min(5,e))};i()},setOffset(e,a){t={...t,offsetX:e,offsetY:a};i()},toggleInvertX(){t={...t,invertX:!t.invertX};i()},toggleInvertY(){t={...t,invertY:!t.invertY};i()},setLocked(e){t={...t,locked:e};i()},setAutoTrack(e){g=e;if(e){A();S()}else{W()}},isAutoTracking(){return g},setShowOutline(e){t={...t,showOutline:e};i()},setEnabled(e){t={...t,enabled:e};i()},toggle(){t={...t,enabled:!t.enabled};i()},fitWidth(){if(t.imageWidth&&t.targetRect&&t.imageWidth>0){t={...t,scale:t.targetRect.width/t.imageWidth};i()}},fitHeight(){if(t.imageHeight&&t.targetRect&&t.imageHeight>0){t={...t,scale:t.targetRect.height/t.imageHeight};i()}},resetSettings(){if(t.mode==="free"){const e=b.get("window");const a=t.imageWidth??200;const n=t.imageHeight??200;t={...t,opacity:.5,freeX:(e.width-a)/2,freeY:(e.height-n)/2,freeWidth:a,freeHeight:n}}else{let e=1;if(t.imageWidth&&t.targetRect&&t.imageWidth>0){e=t.targetRect.width/t.imageWidth}t={...t,opacity:.5,scale:e,offsetX:0,offsetY:0}}i()},async remeasure(){if(!h)return;const{rect:e,freshInstance:a}=await M(o,h);o=a;if(e){t={...t,targetRect:e};i()}},async startFreeMode(e){const a=await H(e);const n=b.get("window");const s=a?.width??200;const f=a?.height??200;let r=s;let l=f;const T=n.width*.8;const p=n.height*.6;if(r>T||l>p){const y=Math.min(T/r,p/l);r=Math.round(r*y);l=Math.round(l*y)}t={...t,mode:"free",enabled:true,imageUri:e,imageWidth:a?.width??null,imageHeight:a?.height??null,opacity:.5,freeX:Math.round((n.width-r)/2),freeY:Math.round((n.height-l)/2),freeWidth:Math.round(r),freeHeight:Math.round(l)};i()},setFreePosition(e,a){t={...t,freeX:e,freeY:a};i()},setFreeDimensions(e,a,n,s){t={...t,freeWidth:e,freeHeight:a,freeX:n,freeY:s};i()},reset(){W();g=false;X=null;o=null;h=null;t={...v};i()}};

package/lib/module/imageOverlay/utils/componentMeasurement.js

@@ -1,102 +1 @@
-"use strict";
-
-/**
- * Component measurement utilities for image overlay positioning.
- * Adapted from debug-borders/utils/componentMeasurement.js
- *
- * Supports both Fabric (new arch) and Paper (legacy) measurement APIs.
- */
-
-import { findNodeHandle, UIManager } from "react-native";
-/**
- * Measures a component instance and returns its screen-space bounding rect.
- * Tries multiple strategies to handle Fabric, Paper, and edge cases.
- */
-export function measureInstance(instance) {
-  return new Promise(resolve => {
-    try {
-      // Build a list of candidates to try measuring
-      const candidates = [];
-
-      // Direct instance (ReactFabricHostComponent has measure/getBoundingClientRect)
-      if (instance) candidates.push(instance);
-
-      // Fabric: instance.canonical.publicInstance
-      if (instance?.canonical?.publicInstance) {
-        candidates.push(instance.canonical.publicInstance);
-      }
-      // Fabric fallback: instance.canonical itself
-      if (instance?.canonical && instance.canonical !== instance) {
-        candidates.push(instance.canonical);
-      }
-
-      // Try getBoundingClientRect first (modern Fabric, synchronous)
-      for (const publicInstance of candidates) {
-        if (typeof publicInstance.getBoundingClientRect === "function") {
-          try {
-            const rect = publicInstance.getBoundingClientRect();
-            if (rect && typeof rect.x === "number" && typeof rect.y === "number" && typeof rect.width === "number" && typeof rect.height === "number" && rect.width > 0 && rect.height > 0) {
-              resolve({
-                x: rect.x,
-                y: rect.y,
-                width: rect.width,
-                height: rect.height
-              });
-              return;
-            }
-          } catch {
-            // Try next candidate
-          }
-        }
-      }
-
-      // Try measure() callback on all candidates
-      for (const publicInstance of candidates) {
-        if (typeof publicInstance.measure === "function") {
-          const timeout = setTimeout(() => resolve(null), 200);
-          publicInstance.measure((_x, _y, width, height, pageX, pageY) => {
-            clearTimeout(timeout);
-            if (pageX != null && pageY != null && width != null && height != null && width > 0 && height > 0) {
-              resolve({
-                x: pageX,
-                y: pageY,
-                width,
-                height
-              });
-            } else {
-              resolve(null);
-            }
-          });
-          return;
-        }
-      }
-
-      // Last resort: try findNodeHandle + UIManager.measure
-      try {
-        const nodeHandle = findNodeHandle(instance);
-        if (nodeHandle != null) {
-          const timeout = setTimeout(() => resolve(null), 200);
-          UIManager.measure(nodeHandle, (_x, _y, width, height, pageX, pageY) => {
-            clearTimeout(timeout);
-            if (pageX != null && pageY != null && width != null && height != null && width > 0 && height > 0) {
-              resolve({
-                x: pageX,
-                y: pageY,
-                width,
-                height
-              });
-            } else {
-              resolve(null);
-            }
-          });
-          return;
-        }
-      } catch {
-        // findNodeHandle not available or failed
-      }
-      resolve(null);
-    } catch {
-      resolve(null);
-    }
-  });
-}
+"use strict";import{findNodeHandle as m,UIManager as y}from"react-native";export function measureInstance(u){return new Promise(t=>{try{const e=[];if(u)e.push(u);if(u?.canonical?.publicInstance){e.push(u.canonical.publicInstance)}if(u?.canonical&&u.canonical!==u){e.push(u.canonical)}for(const l of e){if(typeof l.getBoundingClientRect==="function"){try{const n=l.getBoundingClientRect();if(n&&typeof n.x==="number"&&typeof n.y==="number"&&typeof n.width==="number"&&typeof n.height==="number"&&n.width>0&&n.height>0){t({x:n.x,y:n.y,width:n.width,height:n.height});return}}catch{}}}for(const l of e){if(typeof l.measure==="function"){const n=setTimeout(()=>t(null),200);l.measure((r,a,c,o,i,f)=>{clearTimeout(n);if(i!=null&&f!=null&&c!=null&&o!=null&&c>0&&o>0){t({x:i,y:f,width:c,height:o})}else{t(null)}});return}}try{const l=m(u);if(l!=null){const n=setTimeout(()=>t(null),200);y.measure(l,(r,a,c,o,i,f)=>{clearTimeout(n);if(i!=null&&f!=null&&c!=null&&o!=null&&c>0&&o>0){t({x:i,y:f,width:c,height:o})}else{t(null)}});return}}catch{}t(null)}catch{t(null)}})}

package/lib/module/imageOverlay/utils/devtoolsHook.js

@@ -1,31 +1 @@
-"use strict";
-
-/**
- * Single accessor for the React DevTools global hook.
- *
- * Both the fiber scanner (target discovery) and the controller (auto-track via
- * traceUpdates) reach for `__REACT_DEVTOOLS_GLOBAL_HOOK__`. Routing both through
- * here gives embedded hosts — the docs-site live demo, and any future desktop
- * port — one place to substitute their own hook, so the tool never instruments
- * the host page's React renderer just because someone flipped Auto Track.
- *
- * On device nothing calls setDevToolsHookOverride, so this stays a plain
- * passthrough to the global.
- */
-
-let hookOverride = null;
-
-/**
- * Substitute the hook the tool reads. Pass null to fall back to the global.
- * The override only needs the parts the tool actually uses:
- * `getFiberRoots(rendererId)`, and optionally `sub("traceUpdates", fn)` plus
- * `rendererInterfaces` for auto-track.
- */
-export function setDevToolsHookOverride(hook) {
-  hookOverride = hook ?? null;
-}
-export function getDevToolsHook() {
-  if (hookOverride) return hookOverride;
-  if (typeof global === "undefined") return null;
-  return global.__REACT_DEVTOOLS_GLOBAL_HOOK__ ?? null;
-}
+"use strict";let e=null;export function setDevToolsHookOverride(o){e=o??null}export function getDevToolsHook(){if(e)return e;if(typeof global==="undefined")return null;return global.__REACT_DEVTOOLS_GLOBAL_HOOK__??null}

package/lib/module/imageOverlay/utils/fiberScanner.js

@@ -1,100 +1 @@
-"use strict";
-
-/**
- * Fiber tree scanner for discovering image-overlay targets.
- * Finds components tagged with testID="image-target:LabelName".
- *
- * Core traversal adapted from debug-borders/utils/fiberTreeTraversal.js
- */
-
-import { getDevToolsHook } from "./devtoolsHook";
-const IMAGE_TARGET_PREFIX = "image-target:";
-
-// Fiber tag constants (from React internals)
-const HostComponent = 5;
-const OffscreenComponent = 22;
-function getFiberRoots() {
-  const hook = getDevToolsHook();
-  if (!hook?.getFiberRoots) return [];
-  const roots = new Set();
-  const ids = hook.renderers?.keys ? Array.from(hook.renderers.keys()) : [1];
-  for (const id of ids) {
-    try {
-      hook.getFiberRoots(id)?.forEach(root => roots.add(root));
-    } catch {/* Other renderers can still provide roots. */}
-  }
-  return [...roots];
-}
-function isHiddenOffscreen(fiber) {
-  return fiber.tag === OffscreenComponent && fiber.memoizedState !== null;
-}
-function isInactiveScreen(fiber) {
-  return fiber.memoizedProps?.activityState === 0;
-}
-function traverseFiberTree(fiber, callback, depth = 0, visited = new Set()) {
-  if (!fiber || visited.has(fiber) || depth > 500) return;
-  visited.add(fiber);
-  if (isHiddenOffscreen(fiber)) {
-    if (fiber.sibling) traverseFiberTree(fiber.sibling, callback, depth, visited);
-    return;
-  }
-  if (isInactiveScreen(fiber)) {
-    if (fiber.sibling) traverseFiberTree(fiber.sibling, callback, depth, visited);
-    return;
-  }
-  callback(fiber, depth);
-  if (fiber.child) traverseFiberTree(fiber.child, callback, depth + 1, visited);
-  if (fiber.sibling) traverseFiberTree(fiber.sibling, callback, depth, visited);
-}
-
-/**
- * Walk the fiber tree upward to find the owning user-defined React component name.
- */
-function getOwningComponentName(fiber) {
-  const internalNames = new Set(["View", "RCTView", "Text", "RCTText", "Image", "RCTImageView", "ScrollView", "RCTScrollView", "TextInput", "RCTTextInput", "TouchableOpacity", "TouchableHighlight", "TouchableWithoutFeedback", "Pressable", "FlatList", "SectionList", "SafeAreaView"]);
-  let current = fiber._debugOwner || fiber.return;
-  let depth = 0;
-  while (current && depth < 30) {
-    depth++;
-    const type = current.type;
-    if (type) {
-      const name = typeof type === "string" ? type : type.displayName || type.name;
-      if (name && !internalNames.has(name)) {
-        return name;
-      }
-    }
-    current = current.return;
-  }
-  return null;
-}
-
-/**
- * Scan the React fiber tree for components with testID="image-target:*".
- * Returns an array of discovered targets with their fiber references for measurement.
- */
-export function scanForImageTargets() {
-  const roots = getFiberRoots();
-  if (roots.length === 0) return [];
-  const targets = [];
-  for (const root of roots) {
-    traverseFiberTree(root.current, fiber => {
-      if (fiber.tag !== HostComponent) return;
-
-      // react-native-web rewrites testID to data-testid before it reaches the
-      // host fiber, so read both — otherwise the scanner finds nothing in any
-      // RNW-rendered tree (example-web, the docs-site live demo).
-      const testID = fiber.memoizedProps?.testID ?? fiber.pendingProps?.testID ?? fiber.memoizedProps?.["data-testid"] ?? fiber.pendingProps?.["data-testid"];
-      if (!testID || !testID.startsWith(IMAGE_TARGET_PREFIX)) return;
-      const label = testID.slice(IMAGE_TARGET_PREFIX.length);
-      if (!label) return;
-      targets.push({
-        label,
-        testID,
-        fiber,
-        instance: fiber.stateNode,
-        componentName: getOwningComponentName(fiber)
-      });
-    });
-  }
-  return targets;
-}
+"use strict";import{getDevToolsHook as c}from"./devtoolsHook";const a="image-target:";const u=5;const g=22;function l(){const t=c();if(!t?.getFiberRoots)return[];const o=new Set;const n=t.renderers?.keys?Array.from(t.renderers.keys()):[1];for(const e of n){try{t.getFiberRoots(e)?.forEach(s=>o.add(s))}catch{}}return[...o]}function m(t){return t.tag===g&&t.memoizedState!==null}function d(t){return t.memoizedProps?.activityState===0}function i(t,o,n=0,e=new Set){if(!t||e.has(t)||n>500)return;e.add(t);if(m(t)){if(t.sibling)i(t.sibling,o,n,e);return}if(d(t)){if(t.sibling)i(t.sibling,o,n,e);return}o(t,n);if(t.child)i(t.child,o,n+1,e);if(t.sibling)i(t.sibling,o,n,e)}function p(t){const o=new Set(["View","RCTView","Text","RCTText","Image","RCTImageView","ScrollView","RCTScrollView","TextInput","RCTTextInput","TouchableOpacity","TouchableHighlight","TouchableWithoutFeedback","Pressable","FlatList","SectionList","SafeAreaView"]);let n=t._debugOwner||t.return;let e=0;while(n&&e<30){e++;const s=n.type;if(s){const r=typeof s==="string"?s:s.displayName||s.name;if(r&&!o.has(r)){return r}}n=n.return}return null}export function scanForImageTargets(){const t=l();if(t.length===0)return[];const o=[];for(const n of t){i(n.current,e=>{if(e.tag!==u)return;const s=e.memoizedProps?.testID??e.pendingProps?.testID??e.memoizedProps?.["data-testid"]??e.pendingProps?.["data-testid"];if(!s||!s.startsWith(a))return;const r=s.slice(a.length);if(!r)return;o.push({label:r,testID:s,fiber:e,instance:e.stateNode,componentName:p(e)})})}return o}

package/lib/module/imageOverlay/utils/imageClipboard.js

@@ -1,17 +1 @@
-"use strict";
-
-export function loadImageClipboard() {
-  try {
-    return require('expo-clipboard');
-  } catch {
-    return null;
-  }
-}
-export function loadTextClipboard() {
-  try {
-    const mod = require('@react-native-clipboard/clipboard');
-    return mod.default ?? mod;
-  } catch {
-    return null;
-  }
-}
+"use strict";export function loadImageClipboard(){try{return require("expo-clipboard")}catch{return null}}export function loadTextClipboard(){try{const r=require("@react-native-clipboard/clipboard");return r.default??r}catch{return null}}