react-grab 0.0.49 → 0.0.50

package/dist/core.cjs

@@ -0,0 +1,34 @@
+'use strict';
+
+var chunkV3NBFNRU_cjs = require('./chunk-V3NBFNRU.cjs');
+
+
+
+Object.defineProperty(exports, "DEFAULT_THEME", {
+  enumerable: true,
+  get: function () { return chunkV3NBFNRU_cjs.DEFAULT_THEME; }
+});
+Object.defineProperty(exports, "formatStack", {
+  enumerable: true,
+  get: function () { return chunkV3NBFNRU_cjs.formatStack; }
+});
+Object.defineProperty(exports, "getHTMLPreview", {
+  enumerable: true,
+  get: function () { return chunkV3NBFNRU_cjs.getHTMLPreview; }
+});
+Object.defineProperty(exports, "getNearestComponentName", {
+  enumerable: true,
+  get: function () { return chunkV3NBFNRU_cjs.getNearestComponentName; }
+});
+Object.defineProperty(exports, "getStack", {
+  enumerable: true,
+  get: function () { return chunkV3NBFNRU_cjs.getStack; }
+});
+Object.defineProperty(exports, "init", {
+  enumerable: true,
+  get: function () { return chunkV3NBFNRU_cjs.init; }
+});
+Object.defineProperty(exports, "isInstrumentationActive", {
+  enumerable: true,
+  get: function () { return chunkV3NBFNRU_cjs.Ee; }
+});

package/dist/core.d.cts

@@ -0,0 +1,157 @@
+import { FiberSource } from 'bippy/source';
+export { isInstrumentationActive } from 'bippy';
+
+interface Theme {
+    enabled?: boolean;
+    hue?: number;
+    selectionBox?: {
+        enabled?: boolean;
+        color?: string;
+        borderRadius?: string;
+    };
+    dragBox?: {
+        enabled?: boolean;
+        color?: string;
+    };
+    grabbedBoxes?: {
+        enabled?: boolean;
+        color?: string;
+    };
+    elementLabel?: {
+        enabled?: boolean;
+        backgroundColor?: string;
+        textColor?: string;
+        borderColor?: string;
+        padding?: string;
+        cursorOffset?: number;
+    };
+    successLabels?: {
+        enabled?: boolean;
+    };
+    crosshair?: {
+        enabled?: boolean;
+        color?: string;
+    };
+    inputOverlay?: {
+        enabled?: boolean;
+    };
+}
+interface ReactGrabState {
+    isActive: boolean;
+    isDragging: boolean;
+    isCopying: boolean;
+    targetElement: Element | null;
+    dragBounds: DragRect | null;
+}
+type RenderType = 'selectionBox' | 'dragBox' | 'grabbedBox' | 'elementLabel' | 'successLabel' | 'crosshair' | 'inputOverlay';
+interface RenderData {
+    ref: HTMLElement | undefined;
+    props: Record<string, unknown>;
+}
+interface Options {
+    enabled?: boolean;
+    keyHoldDuration?: number;
+    allowActivationInsideInput?: boolean;
+    theme?: Theme;
+    onActivate?: () => void;
+    onDeactivate?: () => void;
+    onElementHover?: (element: Element) => void;
+    onElementSelect?: (element: Element) => void;
+    onDragStart?: (startX: number, startY: number) => void;
+    onDragEnd?: (elements: Element[], bounds: DragRect) => void;
+    onBeforeCopy?: (elements: Element[]) => void | Promise<void>;
+    onAfterCopy?: (elements: Element[], success: boolean) => void;
+    onCopySuccess?: (elements: Element[], content: string) => void;
+    onCopyError?: (error: Error) => void;
+    onStateChange?: (state: ReactGrabState) => void;
+    onRender?: (type: RenderType, data: RenderData) => void;
+}
+interface ReactGrabAPI {
+    activate: () => void;
+    deactivate: () => void;
+    toggle: () => void;
+    isActive: () => boolean;
+    dispose: () => void;
+    copyElement: (elements: Element | Element[]) => Promise<boolean>;
+    getState: () => ReactGrabState;
+}
+interface OverlayBounds {
+    borderRadius: string;
+    height: number;
+    transform: string;
+    width: number;
+    x: number;
+    y: number;
+}
+interface ReactGrabRendererProps {
+    selectionVisible?: boolean;
+    selectionBounds?: OverlayBounds;
+    dragVisible?: boolean;
+    dragBounds?: OverlayBounds;
+    grabbedBoxes?: Array<{
+        id: string;
+        bounds: OverlayBounds;
+        createdAt: number;
+    }>;
+    successLabels?: Array<{
+        id: string;
+        text: string;
+    }>;
+    labelVariant?: "hover" | "processing" | "success";
+    labelContent?: unknown;
+    labelX?: number;
+    labelY?: number;
+    labelVisible?: boolean;
+    labelZIndex?: number;
+    labelShowHint?: boolean;
+    progressVisible?: boolean;
+    progress?: number;
+    mouseX?: number;
+    mouseY?: number;
+    crosshairVisible?: boolean;
+    inputVisible?: boolean;
+    inputX?: number;
+    inputY?: number;
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    onInputSubmit?: () => void;
+    onInputCancel?: () => void;
+    theme?: Required<Theme>;
+}
+interface GrabbedBox {
+    id: string;
+    bounds: OverlayBounds;
+    createdAt: number;
+    element: Element;
+}
+interface Rect {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
+interface DragRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface Position {
+    left: number;
+    top: number;
+}
+
+declare const getNearestComponentName: (element: Element) => string | null;
+interface StackFrame {
+    name: string;
+    source: FiberSource | null;
+}
+declare const getStack: (element: Element) => Promise<Array<StackFrame>>;
+declare const formatStack: (stack: Array<StackFrame>) => string;
+declare const getHTMLPreview: (element: Element) => string;
+
+declare const DEFAULT_THEME: Required<Theme>;
+
+declare const init: (rawOptions?: Options) => ReactGrabAPI;
+
+export { type DragRect as D, DEFAULT_THEME, type GrabbedBox as G, type Options, type OverlayBounds, type Position as P, type ReactGrabState as R, type ReactGrabAPI, type ReactGrabRendererProps, type Theme as T, type RenderType as a, type RenderData as b, type Rect as c, formatStack, getHTMLPreview, getNearestComponentName, getStack, init };

package/dist/core.d.ts

@@ -0,0 +1,157 @@
+import { FiberSource } from 'bippy/source';
+export { isInstrumentationActive } from 'bippy';
+
+interface Theme {
+    enabled?: boolean;
+    hue?: number;
+    selectionBox?: {
+        enabled?: boolean;
+        color?: string;
+        borderRadius?: string;
+    };
+    dragBox?: {
+        enabled?: boolean;
+        color?: string;
+    };
+    grabbedBoxes?: {
+        enabled?: boolean;
+        color?: string;
+    };
+    elementLabel?: {
+        enabled?: boolean;
+        backgroundColor?: string;
+        textColor?: string;
+        borderColor?: string;
+        padding?: string;
+        cursorOffset?: number;
+    };
+    successLabels?: {
+        enabled?: boolean;
+    };
+    crosshair?: {
+        enabled?: boolean;
+        color?: string;
+    };
+    inputOverlay?: {
+        enabled?: boolean;
+    };
+}
+interface ReactGrabState {
+    isActive: boolean;
+    isDragging: boolean;
+    isCopying: boolean;
+    targetElement: Element | null;
+    dragBounds: DragRect | null;
+}
+type RenderType = 'selectionBox' | 'dragBox' | 'grabbedBox' | 'elementLabel' | 'successLabel' | 'crosshair' | 'inputOverlay';
+interface RenderData {
+    ref: HTMLElement | undefined;
+    props: Record<string, unknown>;
+}
+interface Options {
+    enabled?: boolean;
+    keyHoldDuration?: number;
+    allowActivationInsideInput?: boolean;
+    theme?: Theme;
+    onActivate?: () => void;
+    onDeactivate?: () => void;
+    onElementHover?: (element: Element) => void;
+    onElementSelect?: (element: Element) => void;
+    onDragStart?: (startX: number, startY: number) => void;
+    onDragEnd?: (elements: Element[], bounds: DragRect) => void;
+    onBeforeCopy?: (elements: Element[]) => void | Promise<void>;
+    onAfterCopy?: (elements: Element[], success: boolean) => void;
+    onCopySuccess?: (elements: Element[], content: string) => void;
+    onCopyError?: (error: Error) => void;
+    onStateChange?: (state: ReactGrabState) => void;
+    onRender?: (type: RenderType, data: RenderData) => void;
+}
+interface ReactGrabAPI {
+    activate: () => void;
+    deactivate: () => void;
+    toggle: () => void;
+    isActive: () => boolean;
+    dispose: () => void;
+    copyElement: (elements: Element | Element[]) => Promise<boolean>;
+    getState: () => ReactGrabState;
+}
+interface OverlayBounds {
+    borderRadius: string;
+    height: number;
+    transform: string;
+    width: number;
+    x: number;
+    y: number;
+}
+interface ReactGrabRendererProps {
+    selectionVisible?: boolean;
+    selectionBounds?: OverlayBounds;
+    dragVisible?: boolean;
+    dragBounds?: OverlayBounds;
+    grabbedBoxes?: Array<{
+        id: string;
+        bounds: OverlayBounds;
+        createdAt: number;
+    }>;
+    successLabels?: Array<{
+        id: string;
+        text: string;
+    }>;
+    labelVariant?: "hover" | "processing" | "success";
+    labelContent?: unknown;
+    labelX?: number;
+    labelY?: number;
+    labelVisible?: boolean;
+    labelZIndex?: number;
+    labelShowHint?: boolean;
+    progressVisible?: boolean;
+    progress?: number;
+    mouseX?: number;
+    mouseY?: number;
+    crosshairVisible?: boolean;
+    inputVisible?: boolean;
+    inputX?: number;
+    inputY?: number;
+    inputValue?: string;
+    onInputChange?: (value: string) => void;
+    onInputSubmit?: () => void;
+    onInputCancel?: () => void;
+    theme?: Required<Theme>;
+}
+interface GrabbedBox {
+    id: string;
+    bounds: OverlayBounds;
+    createdAt: number;
+    element: Element;
+}
+interface Rect {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
+interface DragRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+interface Position {
+    left: number;
+    top: number;
+}
+
+declare const getNearestComponentName: (element: Element) => string | null;
+interface StackFrame {
+    name: string;
+    source: FiberSource | null;
+}
+declare const getStack: (element: Element) => Promise<Array<StackFrame>>;
+declare const formatStack: (stack: Array<StackFrame>) => string;
+declare const getHTMLPreview: (element: Element) => string;
+
+declare const DEFAULT_THEME: Required<Theme>;
+
+declare const init: (rawOptions?: Options) => ReactGrabAPI;
+
+export { type DragRect as D, DEFAULT_THEME, type GrabbedBox as G, type Options, type OverlayBounds, type Position as P, type ReactGrabState as R, type ReactGrabAPI, type ReactGrabRendererProps, type Theme as T, type RenderType as a, type RenderData as b, type Rect as c, formatStack, getHTMLPreview, getNearestComponentName, getStack, init };

package/dist/core.js

@@ -0,0 +1 @@
+export { DEFAULT_THEME, formatStack, getHTMLPreview, getNearestComponentName, getStack, init, Ee as isInstrumentationActive } from './chunk-73DWLENH.js';