@buoy-gg/image-overlay 2.1.11

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

@@ -0,0 +1,97 @@
+"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
+ */
+
+const IMAGE_TARGET_PREFIX = "image-target:";
+
+// Fiber tag constants (from React internals)
+const HostComponent = 5;
+const OffscreenComponent = 22;
+function getReactDevToolsHook() {
+  if (typeof global === "undefined") return null;
+  return global.__REACT_DEVTOOLS_GLOBAL_HOOK__ ?? null;
+}
+function getFiberRoots() {
+  const hook = getReactDevToolsHook();
+  if (!hook?.getFiberRoots) return [];
+  try {
+    const rootsSet = hook.getFiberRoots(1);
+    return rootsSet ? Array.from(rootsSet) : [];
+  } catch {
+    return [];
+  }
+}
+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;
+      const testID = fiber.memoizedProps?.testID ?? fiber.pendingProps?.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;
+}

package/lib/module/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+/**
+ * @buoy-gg/image-overlay
+ *
+ * Image overlay tool for comparing design mockups against your running app.
+ *
+ * PUBLIC API - Only these exports are supported for external use.
+ */
+
+// =============================================================================
+// PRESET (Primary entry point for users)
+// =============================================================================
+export { imageOverlayToolPreset, createImageOverlayTool } from "./preset";
+
+// =============================================================================
+// COMPONENTS (For custom UI implementations)
+// =============================================================================
+export { ImageOverlayModal } from "./imageOverlay/components/ImageOverlayModal";
+export { ImageOverlayStandalone } from "./imageOverlay/components/ImageOverlayStandalone";
+
+// =============================================================================
+// CONTROLLER (For programmatic control)
+// =============================================================================
+export { ImageOverlayController } from "./imageOverlay/utils/ImageOverlayController";
+
+// =============================================================================
+// UTILITIES (For custom integrations)
+// =============================================================================
+export { scanForImageTargets } from "./imageOverlay/utils/fiberScanner";
+
+// =============================================================================
+// TYPES (For TypeScript users)
+// =============================================================================

package/lib/module/preset.js

@@ -0,0 +1,53 @@
+"use strict";
+
+/**
+ * Pre-configured image overlay tool for FloatingDevTools
+ *
+ * @example
+ * ```tsx
+ * import { imageOverlayToolPreset } from '@buoy-gg/image-overlay';
+ *
+ * const installedApps = [
+ *   imageOverlayToolPreset,
+ * ];
+ * ```
+ */
+
+import { ImageOverlayIcon } from "@buoy-gg/shared-ui";
+import { ImageOverlayModal } from "./imageOverlay/components/ImageOverlayModal";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const IMAGE_OVERLAY_ICON_COLOR = "#A855F7";
+export const imageOverlayToolPreset = {
+  id: "image-overlay",
+  name: "IMG",
+  description: "Design mockup overlay",
+  slot: "both",
+  icon: ({
+    size
+  }) => /*#__PURE__*/_jsx(ImageOverlayIcon, {
+    size: size,
+    color: IMAGE_OVERLAY_ICON_COLOR
+  }),
+  component: ImageOverlayModal,
+  props: {
+    enableSharedModalDimensions: false
+  }
+};
+export function createImageOverlayTool(options) {
+  return {
+    id: options?.id || "image-overlay",
+    name: options?.name || "IMG",
+    description: options?.description || "Design mockup overlay",
+    slot: "both",
+    icon: ({
+      size
+    }) => /*#__PURE__*/_jsx(ImageOverlayIcon, {
+      size: size,
+      color: IMAGE_OVERLAY_ICON_COLOR
+    }),
+    component: ImageOverlayModal,
+    props: {
+      enableSharedModalDimensions: options?.enableSharedModalDimensions !== undefined ? options.enableSharedModalDimensions : false
+    }
+  };
+}

package/lib/typescript/imageOverlay/components/ImageOverlayModal.d.ts

@@ -0,0 +1,3 @@
+import type { ImageOverlayModalProps } from "../types";
+export declare function ImageOverlayModal({ visible, onClose, onBack, onMinimize, enableSharedModalDimensions, initialModalState, minimizeTargetPosition, }: ImageOverlayModalProps): import("react").JSX.Element;
+//# sourceMappingURL=ImageOverlayModal.d.ts.map

package/lib/typescript/imageOverlay/components/ImageOverlayModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOverlayModal.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/ImageOverlayModal.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,sBAAsB,EAAkC,MAAM,UAAU,CAAC;AAWvF,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,MAAM,EACN,UAAU,EACV,2BAAmC,EACnC,iBAAiB,EACjB,sBAAsB,GACvB,EAAE,sBAAsB,+BAshBxB"}

package/lib/typescript/imageOverlay/components/ImageOverlayStandalone.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Standalone overlay that renders:
+ * - Component mode: highlight border + image overlay on a tagged component
+ * - Free mode: draggable, resizable image anywhere on screen (aspect-ratio locked)
+ *
+ * Supports Normal, Difference, and Multiply blend modes.
+ * Supports image inversion (flip X/Y) and position locking.
+ * Auto-mounted by FloatingDevTools alongside other standalone overlays.
+ */
+import React from "react";
+export declare function ImageOverlayStandalone(): React.ReactElement | null;
+//# sourceMappingURL=ImageOverlayStandalone.d.ts.map

package/lib/typescript/imageOverlay/components/ImageOverlayStandalone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOverlayStandalone.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/ImageOverlayStandalone.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAA4D,MAAM,OAAO,CAAC;AAuNjF,wBAAgB,sBAAsB,IAAI,KAAK,CAAC,YAAY,GAAG,IAAI,CAuFlE"}

package/lib/typescript/imageOverlay/components/OverlayControls.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Controls for adjusting the overlay: opacity, scale, offset.
+ * Each control has a slider track plus -/+ stepper buttons.
+ */
+interface OverlayControlsProps {
+    opacity: number;
+    scale: number;
+    offsetX: number;
+    offsetY: number;
+    onOpacityChange: (value: number) => void;
+    onScaleChange: (value: number) => void;
+    onOffsetChange: (x: number, y: number) => void;
+    /** Only show opacity control */
+    opacityOnly?: boolean;
+}
+export declare function OverlayControls({ opacity, scale, offsetX, offsetY, onOpacityChange, onScaleChange, onOffsetChange, opacityOnly, }: OverlayControlsProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=OverlayControls.d.ts.map

package/lib/typescript/imageOverlay/components/OverlayControls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlayControls.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/OverlayControls.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAmIH,UAAU,oBAAoB;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,cAAc,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gCAAgC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,KAAK,EACL,OAAO,EACP,OAAO,EACP,eAAe,EACf,aAAa,EACb,cAAc,EACd,WAAW,GACZ,EAAE,oBAAoB,+BAuDtB"}

package/lib/typescript/imageOverlay/components/TargetList.d.ts

@@ -0,0 +1,12 @@
+/**
+ * List of discovered image-overlay target components.
+ * Styled to match RenderListItem from highlight-updates.
+ */
+import type { DiscoveredTarget } from "../types";
+interface TargetListProps {
+    targets: DiscoveredTarget[];
+    onSelect: (target: DiscoveredTarget) => void;
+}
+export declare function TargetList({ targets, onSelect }: TargetListProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=TargetList.d.ts.map

package/lib/typescript/imageOverlay/components/TargetList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TargetList.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/components/TargetList.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAwCjD,UAAU,eAAe;IACvB,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,eAAe,+BAuBhE"}

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

@@ -0,0 +1,6 @@
+export { ImageOverlayModal } from "./components/ImageOverlayModal";
+export { ImageOverlayStandalone } from "./components/ImageOverlayStandalone";
+export { ImageOverlayController } from "./utils/ImageOverlayController";
+export { scanForImageTargets } from "./utils/fiberScanner";
+export type { ImageOverlayModalProps, OverlayState, OverlayMode, MeasuredRect, DiscoveredTarget, } from "./types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/imageOverlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,YAAY,EACV,sBAAsB,EACtB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,SAAS,CAAC"}

package/lib/typescript/imageOverlay/types/index.d.ts

@@ -0,0 +1,53 @@
+/**
+ * Image Overlay DevTools types
+ */
+export interface MeasuredRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export type OverlayMode = "component" | "free" | null;
+export interface OverlayState {
+    mode: OverlayMode;
+    enabled: boolean;
+    imageUri: string | null;
+    imageWidth: number | null;
+    imageHeight: number | null;
+    targetTag: number | null;
+    targetLabel: string | null;
+    targetRect: MeasuredRect | null;
+    showOutline: boolean;
+    opacity: number;
+    scale: number;
+    offsetX: number;
+    offsetY: number;
+    invertX: boolean;
+    invertY: boolean;
+    locked: boolean;
+    freeX: number;
+    freeY: number;
+    freeWidth: number;
+    freeHeight: number;
+}
+export interface DiscoveredTarget {
+    label: string;
+    testID: string;
+    fiber: any;
+    instance: any;
+    componentName: string | null;
+}
+export interface ImageOverlayModalProps {
+    visible: boolean;
+    onClose: () => void;
+    onBack?: () => void;
+    onMinimize?: (modalState: unknown) => void;
+    enableSharedModalDimensions?: boolean;
+    initialModalState?: any;
+    minimizeTargetPosition?: {
+        x: number;
+        y: number;
+    };
+    [key: string]: any;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG,MAAM,GAAG,IAAI,CAAC;AACtD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;IACxB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAE3B,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,YAAY,GAAG,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAEhB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,EAAE,GAAG,CAAC;IACd,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAED,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,iBAAiB,CAAC,EAAE,GAAG,CAAC;IACxB,sBAAsB,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IAClD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB"}

package/lib/typescript/imageOverlay/utils/ImageOverlayController.d.ts

@@ -0,0 +1,34 @@
+/**
+ * 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 type { OverlayState } from "../types";
+type Listener = (state: OverlayState) => void;
+export declare const ImageOverlayController: {
+    subscribe(listener: Listener): () => void;
+    getState(): OverlayState;
+    setTarget(instance: any, label: string, fiber?: any): Promise<void>;
+    setImageUri(uri: string): Promise<void>;
+    setOpacity(value: number): void;
+    setScale(value: number): void;
+    setOffset(x: number, y: number): void;
+    toggleInvertX(): void;
+    toggleInvertY(): void;
+    setLocked(locked: boolean): void;
+    setAutoTrack(enabled: boolean): void;
+    isAutoTracking(): boolean;
+    setShowOutline(show: boolean): void;
+    setEnabled(enabled: boolean): void;
+    toggle(): void;
+    fitWidth(): void;
+    fitHeight(): void;
+    resetSettings(): void;
+    remeasure(): Promise<void>;
+    startFreeMode(uri: string): Promise<void>;
+    setFreePosition(x: number, y: number): void;
+    setFreeDimensions(width: number, height: number, x: number, y: number): void;
+    reset(): void;
+};
+export {};
+//# sourceMappingURL=ImageOverlayController.d.ts.map

package/lib/typescript/imageOverlay/utils/ImageOverlayController.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageOverlayController.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/utils/ImageOverlayController.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAgB,YAAY,EAAE,MAAM,UAAU,CAAC;AAI3D,KAAK,QAAQ,GAAG,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;AAqI9C,eAAO,MAAM,sBAAsB;wBACb,QAAQ,GAAG,MAAM,IAAI;gBAM7B,YAAY;wBAME,GAAG,SAAS,MAAM,UAAU,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;qBAmBlD,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;sBAmB3B,MAAM;oBAKR,MAAM;iBAKT,MAAM,KAAK,MAAM;;;sBAeZ,OAAO;0BAKH,OAAO;sBASX,OAAO;yBAIJ,OAAO;wBAKR,OAAO;;;;;iBA+CR,OAAO,CAAC,IAAI,CAAC;uBAYP,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;uBAkC5B,MAAM,KAAK,MAAM;6BAKX,MAAM,UAAU,MAAM,KAAK,MAAM,KAAK,MAAM;;CAgBtE,CAAC"}

package/lib/typescript/imageOverlay/utils/componentMeasurement.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 type { MeasuredRect } from "../types";
+/**
+ * Measures a component instance and returns its screen-space bounding rect.
+ * Tries multiple strategies to handle Fabric, Paper, and edge cases.
+ */
+export declare function measureInstance(instance: any): Promise<MeasuredRect | null>;
+//# sourceMappingURL=componentMeasurement.d.ts.map

package/lib/typescript/imageOverlay/utils/componentMeasurement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"componentMeasurement.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/utils/componentMeasurement.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C;;;GAGG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,GAAG,GAAG,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAoG3E"}

package/lib/typescript/imageOverlay/utils/fiberScanner.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 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 type { DiscoveredTarget } from "../types";
+/**
+ * Scan the React fiber tree for components with testID="image-target:*".
+ * Returns an array of discovered targets with their fiber references for measurement.
+ */
+export declare function scanForImageTargets(): DiscoveredTarget[];
+//# sourceMappingURL=fiberScanner.d.ts.map

package/lib/typescript/imageOverlay/utils/fiberScanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fiberScanner.d.ts","sourceRoot":"","sources":["../../../../src/imageOverlay/utils/fiberScanner.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAoFjD;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,gBAAgB,EAAE,CA6BxD"}

package/lib/typescript/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @buoy-gg/image-overlay
+ *
+ * Image overlay tool for comparing design mockups against your running app.
+ *
+ * PUBLIC API - Only these exports are supported for external use.
+ */
+export { imageOverlayToolPreset, createImageOverlayTool } from "./preset";
+export { ImageOverlayModal } from "./imageOverlay/components/ImageOverlayModal";
+export { ImageOverlayStandalone } from "./imageOverlay/components/ImageOverlayStandalone";
+export { ImageOverlayController } from "./imageOverlay/utils/ImageOverlayController";
+export { scanForImageTargets } from "./imageOverlay/utils/fiberScanner";
+export type { ImageOverlayModalProps, OverlayState, OverlayMode, MeasuredRect, DiscoveredTarget, } from "./imageOverlay/types";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAK1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,sBAAsB,EAAE,MAAM,kDAAkD,CAAC;AAK1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,6CAA6C,CAAC;AAKrF,OAAO,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAKxE,YAAY,EACV,sBAAsB,EACtB,YAAY,EACZ,WAAW,EACX,YAAY,EACZ,gBAAgB,GACjB,MAAM,sBAAsB,CAAC"}

package/lib/typescript/preset.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Pre-configured image overlay tool for FloatingDevTools
+ *
+ * @example
+ * ```tsx
+ * import { imageOverlayToolPreset } from '@buoy-gg/image-overlay';
+ *
+ * const installedApps = [
+ *   imageOverlayToolPreset,
+ * ];
+ * ```
+ */
+import { ImageOverlayModal } from "./imageOverlay/components/ImageOverlayModal";
+export declare const IMAGE_OVERLAY_ICON_COLOR = "#A855F7";
+export declare const imageOverlayToolPreset: {
+    id: string;
+    name: string;
+    description: string;
+    slot: "both";
+    icon: ({ size }: {
+        size: number;
+    }) => import("react").JSX.Element;
+    component: typeof ImageOverlayModal;
+    props: {
+        enableSharedModalDimensions: boolean;
+    };
+};
+export declare function createImageOverlayTool(options?: {
+    name?: string;
+    description?: string;
+    id?: string;
+    enableSharedModalDimensions?: boolean;
+}): {
+    id: string;
+    name: string;
+    description: string;
+    slot: "both";
+    icon: ({ size }: {
+        size: number;
+    }) => import("react").JSX.Element;
+    component: typeof ImageOverlayModal;
+    props: {
+        enableSharedModalDimensions: boolean;
+    };
+};
+//# sourceMappingURL=preset.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"preset.d.ts","sourceRoot":"","sources":["../../src/preset.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAEhF,eAAO,MAAM,wBAAwB,YAAY,CAAC;AAElD,eAAO,MAAM,sBAAsB;;;;;qBAKhB;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;CAOlC,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,OAAO,CAAC,EAAE;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC;;;;;qBAMoB;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE;;;;;EAWpC"}

package/package.json

@@ -0,0 +1,79 @@
+{
+  "name": "@buoy-gg/image-overlay",
+  "version": "2.1.11",
+  "description": "Image overlay tool for matching design mockups",
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "react-native": "lib/module/index.js",
+  "source": "src/index.tsx",
+  "exports": {
+    ".": {
+      "react-native": "./lib/module/index.js",
+      "import": {
+        "default": "./lib/module/index.js",
+        "types": "./lib/typescript/index.d.ts"
+      },
+      "require": {
+        "default": "./lib/commonjs/index.js",
+        "types": "./lib/typescript/index.d.ts"
+      }
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "lib"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "bob build",
+    "typecheck": "tsc --noEmit",
+    "prepublishOnly": "bob build",
+    "clean": "rimraf lib",
+    "test": "pnpm run typecheck"
+  },
+  "dependencies": {
+    "@buoy-gg/shared-ui": "workspace:*"
+  },
+  "peerDependencies": {
+    "react": "*",
+    "react-native": "*"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "@types/react-native": "^0.73.0",
+    "typescript": "~5.8.3"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs",
+        {
+          "sourceMaps": false
+        }
+      ],
+      [
+        "module",
+        {
+          "sourceMaps": false
+        }
+      ],
+      "typescript"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/LovesWorking/react-native-buoy.git",
+    "directory": "packages/image-overlay"
+  },
+  "bugs": {
+    "url": "https://github.com/LovesWorking/react-native-buoy/issues"
+  },
+  "homepage": "https://github.com/LovesWorking/react-native-buoy/tree/main/packages/image-overlay#readme",
+  "publishConfig": {
+    "access": "public",
+    "tag": "latest"
+  }
+}