react-grab 0.0.53 → 0.0.54

package/dist/{core-CHAbsaHv.d.cts → core-HkBjqOQQ.d.cts}

@@ -153,9 +153,30 @@ interface ReactGrabState {
     isActive: boolean;
     isDragging: boolean;
     isCopying: boolean;
+    isInputMode: boolean;
     targetElement: Element | null;
     dragBounds: DragRect | null;
 }
+type SuccessLabelType = "copy" | "input-submit";
+type ElementLabelVariant = "hover" | "processing" | "success";
+interface InputModeContext {
+    x: number;
+    y: number;
+    targetElement: Element | null;
+}
+interface SuccessLabelContext {
+    x: number;
+    y: number;
+}
+interface CrosshairContext {
+    x: number;
+    y: number;
+}
+interface ElementLabelContext {
+    x: number;
+    y: number;
+    content: string;
+}
 type RenderType = "selectionBox" | "dragBox" | "grabbedBox" | "elementLabel" | "successLabel" | "crosshair" | "inputOverlay";
 interface RenderData {
     ref: HTMLElement | undefined;
@@ -165,6 +186,8 @@ interface Options {
     enabled?: boolean;
     keyHoldDuration?: number;
     allowActivationInsideInput?: boolean;
+    copyFileOnly?: boolean;
+    log?: boolean;
     theme?: Theme;
     onActivate?: () => void;
     onDeactivate?: () => void;
@@ -178,6 +201,13 @@ interface Options {
     onCopyError?: (error: Error) => void;
     onStateChange?: (state: ReactGrabState) => void;
     onRender?: (type: RenderType, data: RenderData) => void;
+    onInputModeChange?: (isInputMode: boolean, context: InputModeContext) => void;
+    onSuccessLabel?: (text: string, type: SuccessLabelType, context: SuccessLabelContext) => void;
+    onSelectionBox?: (visible: boolean, bounds: OverlayBounds | null, element: Element | null) => void;
+    onDragBox?: (visible: boolean, bounds: OverlayBounds | null) => void;
+    onGrabbedBox?: (bounds: OverlayBounds, element: Element) => void;
+    onElementLabel?: (visible: boolean, variant: ElementLabelVariant, context: ElementLabelContext) => void;
+    onCrosshair?: (visible: boolean, context: CrosshairContext) => void;
 }
 interface ReactGrabAPI {
     activate: () => void;
@@ -263,10 +293,11 @@ interface StackFrame {
 }
 declare const getStack: (element: Element) => Promise<Array<StackFrame>>;
 declare const formatStack: (stack: Array<StackFrame>) => string;
+declare const getFileName: (stack: Array<StackFrame>) => string | null;
 declare const getHTMLPreview: (element: Element) => string;
 
 declare const DEFAULT_THEME: Required<Theme>;
 
 declare const init: (rawOptions?: Options) => ReactGrabAPI;
 
-export { DEFAULT_THEME as D, type GrabbedBox as G, type Options as O, type Position as P, type ReactGrabAPI as R, type Theme as T, getHTMLPreview as a, getNearestComponentName as b, type ReactGrabState as c, type RenderType as d, type RenderData as e, formatStack as f, getStack as g, type OverlayBounds as h, init as i, type DragRect as j, type Rect as k, type DeepPartial as l, type ReactGrabRendererProps as m };
+export { type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type Position as P, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T, getHTMLPreview as a, getNearestComponentName as b, type ReactGrabState as c, type RenderType as d, type RenderData as e, formatStack as f, getStack as g, type OverlayBounds as h, init as i, type DragRect as j, type Rect as k, type DeepPartial as l, type SuccessLabelContext as m, type ElementLabelContext as n, getFileName as o, type ReactGrabRendererProps as p };

package/dist/{core-CHAbsaHv.d.ts → core-HkBjqOQQ.d.ts}

@@ -153,9 +153,30 @@ interface ReactGrabState {
     isActive: boolean;
     isDragging: boolean;
     isCopying: boolean;
+    isInputMode: boolean;
     targetElement: Element | null;
     dragBounds: DragRect | null;
 }
+type SuccessLabelType = "copy" | "input-submit";
+type ElementLabelVariant = "hover" | "processing" | "success";
+interface InputModeContext {
+    x: number;
+    y: number;
+    targetElement: Element | null;
+}
+interface SuccessLabelContext {
+    x: number;
+    y: number;
+}
+interface CrosshairContext {
+    x: number;
+    y: number;
+}
+interface ElementLabelContext {
+    x: number;
+    y: number;
+    content: string;
+}
 type RenderType = "selectionBox" | "dragBox" | "grabbedBox" | "elementLabel" | "successLabel" | "crosshair" | "inputOverlay";
 interface RenderData {
     ref: HTMLElement | undefined;
@@ -165,6 +186,8 @@ interface Options {
     enabled?: boolean;
     keyHoldDuration?: number;
     allowActivationInsideInput?: boolean;
+    copyFileOnly?: boolean;
+    log?: boolean;
     theme?: Theme;
     onActivate?: () => void;
     onDeactivate?: () => void;
@@ -178,6 +201,13 @@ interface Options {
     onCopyError?: (error: Error) => void;
     onStateChange?: (state: ReactGrabState) => void;
     onRender?: (type: RenderType, data: RenderData) => void;
+    onInputModeChange?: (isInputMode: boolean, context: InputModeContext) => void;
+    onSuccessLabel?: (text: string, type: SuccessLabelType, context: SuccessLabelContext) => void;
+    onSelectionBox?: (visible: boolean, bounds: OverlayBounds | null, element: Element | null) => void;
+    onDragBox?: (visible: boolean, bounds: OverlayBounds | null) => void;
+    onGrabbedBox?: (bounds: OverlayBounds, element: Element) => void;
+    onElementLabel?: (visible: boolean, variant: ElementLabelVariant, context: ElementLabelContext) => void;
+    onCrosshair?: (visible: boolean, context: CrosshairContext) => void;
 }
 interface ReactGrabAPI {
     activate: () => void;
@@ -263,10 +293,11 @@ interface StackFrame {
 }
 declare const getStack: (element: Element) => Promise<Array<StackFrame>>;
 declare const formatStack: (stack: Array<StackFrame>) => string;
+declare const getFileName: (stack: Array<StackFrame>) => string | null;
 declare const getHTMLPreview: (element: Element) => string;
 
 declare const DEFAULT_THEME: Required<Theme>;
 
 declare const init: (rawOptions?: Options) => ReactGrabAPI;
 
-export { DEFAULT_THEME as D, type GrabbedBox as G, type Options as O, type Position as P, type ReactGrabAPI as R, type Theme as T, getHTMLPreview as a, getNearestComponentName as b, type ReactGrabState as c, type RenderType as d, type RenderData as e, formatStack as f, getStack as g, type OverlayBounds as h, init as i, type DragRect as j, type Rect as k, type DeepPartial as l, type ReactGrabRendererProps as m };
+export { type CrosshairContext as C, DEFAULT_THEME as D, type ElementLabelVariant as E, type GrabbedBox as G, type InputModeContext as I, type Options as O, type Position as P, type ReactGrabAPI as R, type SuccessLabelType as S, type Theme as T, getHTMLPreview as a, getNearestComponentName as b, type ReactGrabState as c, type RenderType as d, type RenderData as e, formatStack as f, getStack as g, type OverlayBounds as h, init as i, type DragRect as j, type Rect as k, type DeepPartial as l, type SuccessLabelContext as m, type ElementLabelContext as n, getFileName as o, type ReactGrabRendererProps as p };

package/dist/core.cjs

@@ -1,34 +1,38 @@
 'use strict';
 
-var chunk3OMOSCKI_cjs = require('./chunk-3OMOSCKI.cjs');
+var chunkQMP2IZ3H_cjs = require('./chunk-QMP2IZ3H.cjs');
 
 
 
 Object.defineProperty(exports, "DEFAULT_THEME", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.DEFAULT_THEME; }
+  get: function () { return chunkQMP2IZ3H_cjs.DEFAULT_THEME; }
 });
 Object.defineProperty(exports, "formatStack", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.formatStack; }
+  get: function () { return chunkQMP2IZ3H_cjs.formatStack; }
+});
+Object.defineProperty(exports, "getFileName", {
+  enumerable: true,
+  get: function () { return chunkQMP2IZ3H_cjs.getFileName; }
 });
 Object.defineProperty(exports, "getHTMLPreview", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.getHTMLPreview; }
+  get: function () { return chunkQMP2IZ3H_cjs.getHTMLPreview; }
 });
 Object.defineProperty(exports, "getNearestComponentName", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.getNearestComponentName; }
+  get: function () { return chunkQMP2IZ3H_cjs.getNearestComponentName; }
 });
 Object.defineProperty(exports, "getStack", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.getStack; }
+  get: function () { return chunkQMP2IZ3H_cjs.getStack; }
 });
 Object.defineProperty(exports, "init", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.init; }
+  get: function () { return chunkQMP2IZ3H_cjs.init; }
 });
 Object.defineProperty(exports, "isInstrumentationActive", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.Ee; }
+  get: function () { return chunkQMP2IZ3H_cjs.Ee; }
 });

package/dist/core.d.cts

@@ -1,3 +1,3 @@
-export { D as DEFAULT_THEME, O as Options, h as OverlayBounds, R as ReactGrabAPI, m as ReactGrabRendererProps, f as formatStack, a as getHTMLPreview, b as getNearestComponentName, g as getStack, i as init } from './core-CHAbsaHv.cjs';
+export { D as DEFAULT_THEME, O as Options, h as OverlayBounds, R as ReactGrabAPI, p as ReactGrabRendererProps, f as formatStack, o as getFileName, a as getHTMLPreview, b as getNearestComponentName, g as getStack, i as init } from './core-HkBjqOQQ.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core.d.ts

@@ -1,3 +1,3 @@
-export { D as DEFAULT_THEME, O as Options, h as OverlayBounds, R as ReactGrabAPI, m as ReactGrabRendererProps, f as formatStack, a as getHTMLPreview, b as getNearestComponentName, g as getStack, i as init } from './core-CHAbsaHv.js';
+export { D as DEFAULT_THEME, O as Options, h as OverlayBounds, R as ReactGrabAPI, p as ReactGrabRendererProps, f as formatStack, o as getFileName, a as getHTMLPreview, b as getNearestComponentName, g as getStack, i as init } from './core-HkBjqOQQ.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core.js

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

package/dist/index.cjs

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk3OMOSCKI_cjs = require('./chunk-3OMOSCKI.cjs');
+var chunkQMP2IZ3H_cjs = require('./chunk-QMP2IZ3H.cjs');
 
 /**
  * @license MIT
@@ -14,38 +14,46 @@ var chunk3OMOSCKI_cjs = require('./chunk-3OMOSCKI.cjs');
 // src/index.ts
 var globalApi = null;
 var getGlobalApi = () => {
-  return globalApi;
+  return globalApi ?? window.__REACT_GRAB__ ?? null;
 };
 if (typeof window !== "undefined") {
-  globalApi = chunk3OMOSCKI_cjs.init();
+  if (window.__REACT_GRAB__) {
+    globalApi = window.__REACT_GRAB__;
+  } else {
+    globalApi = chunkQMP2IZ3H_cjs.init();
+    window.__REACT_GRAB__ = globalApi;
+    window.dispatchEvent(
+      new CustomEvent("react-grab:init", { detail: globalApi })
+    );
+  }
 }
 
 Object.defineProperty(exports, "DEFAULT_THEME", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.DEFAULT_THEME; }
+  get: function () { return chunkQMP2IZ3H_cjs.DEFAULT_THEME; }
 });
 Object.defineProperty(exports, "formatStack", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.formatStack; }
+  get: function () { return chunkQMP2IZ3H_cjs.formatStack; }
 });
 Object.defineProperty(exports, "getHTMLPreview", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.getHTMLPreview; }
+  get: function () { return chunkQMP2IZ3H_cjs.getHTMLPreview; }
 });
 Object.defineProperty(exports, "getNearestComponentName", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.getNearestComponentName; }
+  get: function () { return chunkQMP2IZ3H_cjs.getNearestComponentName; }
 });
 Object.defineProperty(exports, "getStack", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.getStack; }
+  get: function () { return chunkQMP2IZ3H_cjs.getStack; }
 });
 Object.defineProperty(exports, "init", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.init; }
+  get: function () { return chunkQMP2IZ3H_cjs.init; }
 });
 Object.defineProperty(exports, "isInstrumentationActive", {
   enumerable: true,
-  get: function () { return chunk3OMOSCKI_cjs.Ee; }
+  get: function () { return chunkQMP2IZ3H_cjs.Ee; }
 });
 exports.getGlobalApi = getGlobalApi;

package/dist/index.d.cts

@@ -1,8 +1,13 @@
-import { R as ReactGrabAPI } from './core-CHAbsaHv.cjs';
-export { D as DEFAULT_THEME, l as DeepPartial, j as DragRect, G as GrabbedBox, O as Options, h as OverlayBounds, P as Position, c as ReactGrabState, k as Rect, e as RenderData, d as RenderType, T as Theme, f as formatStack, a as getHTMLPreview, b as getNearestComponentName, g as getStack, i as init } from './core-CHAbsaHv.cjs';
+import { R as ReactGrabAPI } from './core-HkBjqOQQ.cjs';
+export { C as CrosshairContext, D as DEFAULT_THEME, l as DeepPartial, j as DragRect, n as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, h as OverlayBounds, P as Position, c as ReactGrabState, k as Rect, e as RenderData, d as RenderType, m as SuccessLabelContext, S as SuccessLabelType, T as Theme, f as formatStack, a as getHTMLPreview, b as getNearestComponentName, g as getStack, i as init } from './core-HkBjqOQQ.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';
 
+declare global {
+    interface Window {
+        __REACT_GRAB__?: ReactGrabAPI;
+    }
+}
 declare const getGlobalApi: () => ReactGrabAPI | null;
 
 export { ReactGrabAPI, getGlobalApi };

package/dist/index.d.ts

@@ -1,8 +1,13 @@
-import { R as ReactGrabAPI } from './core-CHAbsaHv.js';
-export { D as DEFAULT_THEME, l as DeepPartial, j as DragRect, G as GrabbedBox, O as Options, h as OverlayBounds, P as Position, c as ReactGrabState, k as Rect, e as RenderData, d as RenderType, T as Theme, f as formatStack, a as getHTMLPreview, b as getNearestComponentName, g as getStack, i as init } from './core-CHAbsaHv.js';
+import { R as ReactGrabAPI } from './core-HkBjqOQQ.js';
+export { C as CrosshairContext, D as DEFAULT_THEME, l as DeepPartial, j as DragRect, n as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, h as OverlayBounds, P as Position, c as ReactGrabState, k as Rect, e as RenderData, d as RenderType, m as SuccessLabelContext, S as SuccessLabelType, T as Theme, f as formatStack, a as getHTMLPreview, b as getNearestComponentName, g as getStack, i as init } from './core-HkBjqOQQ.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';
 
+declare global {
+    interface Window {
+        __REACT_GRAB__?: ReactGrabAPI;
+    }
+}
 declare const getGlobalApi: () => ReactGrabAPI | null;
 
 export { ReactGrabAPI, getGlobalApi };