react-grab 0.1.13 → 0.1.14

package/dist/core/index.cjs

@@ -1 +1 @@
-'use strict';var chunk2T22V7DM_cjs=require('../chunk-2T22V7DM.cjs');Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.j}});Object.defineProperty(exports,"copyContent",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.d}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.o}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.a}});
+'use strict';var chunkHH5Y6LBC_cjs=require('../chunk-HH5Y6LBC.cjs');Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.j}});Object.defineProperty(exports,"copyContent",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.d}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.o}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.a}});

package/dist/core/index.d.cts

@@ -1,3 +1,3 @@
-export { v as ActionContext, q as AgentCompleteResult, A as AgentContext, p as AgentOptions, n as AgentProvider, m as AgentSession, o as AgentSessionStorage, t as ContextMenuAction, D as DEFAULT_THEME, O as Options, e as OverlayBounds, P as Plugin, x as PluginConfig, y as PluginHooks, R as ReactGrabAPI, z as ReactGrabRendererProps, r as SettableOptions, S as SourceInfo, B as copyContent, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from '../index-CNwr6CHX.cjs';
+export { v as ActionContext, q as AgentCompleteResult, A as AgentContext, p as AgentOptions, n as AgentProvider, m as AgentSession, o as AgentSessionStorage, t as ContextMenuAction, D as DEFAULT_THEME, O as Options, e as OverlayBounds, P as Plugin, x as PluginConfig, y as PluginHooks, R as ReactGrabAPI, z as ReactGrabRendererProps, r as SettableOptions, S as SourceInfo, B as copyContent, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from '../index-KT3jIAik.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core/index.d.ts

@@ -1,3 +1,3 @@
-export { v as ActionContext, q as AgentCompleteResult, A as AgentContext, p as AgentOptions, n as AgentProvider, m as AgentSession, o as AgentSessionStorage, t as ContextMenuAction, D as DEFAULT_THEME, O as Options, e as OverlayBounds, P as Plugin, x as PluginConfig, y as PluginHooks, R as ReactGrabAPI, z as ReactGrabRendererProps, r as SettableOptions, S as SourceInfo, B as copyContent, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from '../index-CNwr6CHX.js';
+export { v as ActionContext, q as AgentCompleteResult, A as AgentContext, p as AgentOptions, n as AgentProvider, m as AgentSession, o as AgentSessionStorage, t as ContextMenuAction, D as DEFAULT_THEME, O as Options, e as OverlayBounds, P as Plugin, x as PluginConfig, y as PluginHooks, R as ReactGrabAPI, z as ReactGrabRendererProps, r as SettableOptions, S as SourceInfo, B as copyContent, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from '../index-KT3jIAik.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core/index.js

@@ -1 +1 @@
-export{j as DEFAULT_THEME,d as copyContent,c as formatElementInfo,e as generateSnippet,b as getStack,o as init,a as isInstrumentationActive}from'../chunk-VR2ILUMN.js';
+export{j as DEFAULT_THEME,d as copyContent,c as formatElementInfo,e as generateSnippet,b as getStack,o as init,a as isInstrumentationActive}from'../chunk-WMLJ3P7X.js';

package/dist/{index-CNwr6CHX.d.cts → index-KT3jIAik.d.cts}

@@ -301,6 +301,12 @@ interface ToolbarState {
     collapsed: boolean;
     enabled: boolean;
 }
+interface DropdownAnchor {
+    x: number;
+    y: number;
+    edge: ToolbarState["edge"];
+    toolbarWidth: number;
+}
 interface ReactGrabAPI {
     activate: () => void;
     deactivate: () => void;
@@ -337,6 +343,9 @@ interface SelectionLabelInstance {
     tagName: string;
     componentName?: string;
     status: SelectionLabelStatus;
+    statusText?: string;
+    isPromptMode?: boolean;
+    inputValue?: string;
     createdAt: number;
     element?: Element;
     elements?: Element[];
@@ -344,6 +353,17 @@ interface SelectionLabelInstance {
     mouseXOffsetFromCenter?: number;
     mouseXOffsetRatio?: number;
     errorMessage?: string;
+    hideArrow?: boolean;
+}
+interface RecentItem {
+    id: string;
+    content: string;
+    elementName: string;
+    tagName: string;
+    componentName?: string;
+    isComment: boolean;
+    commentText?: string;
+    timestamp: number;
 }
 interface ReactGrabRendererProps {
     selectionVisible?: boolean;
@@ -410,6 +430,7 @@ interface ReactGrabRendererProps {
     onToolbarStateChange?: (state: ToolbarState) => void;
     onSubscribeToToolbarStateChanges?: (callback: (state: ToolbarState) => void) => () => void;
     onToolbarSelectHoverChange?: (isHovered: boolean) => void;
+    onToolbarRef?: (element: HTMLDivElement) => void;
     contextMenuPosition?: {
         x: number;
         y: number;
@@ -422,6 +443,20 @@ interface ReactGrabRendererProps {
     actionContext?: ActionContext;
     onContextMenuDismiss?: () => void;
     onContextMenuHide?: () => void;
+    recentItems?: RecentItem[];
+    recentItemCount?: number;
+    hasUnreadRecentItems?: boolean;
+    recentDropdownPosition?: DropdownAnchor | null;
+    onToggleRecent?: () => void;
+    onRecentButtonHover?: (isHovered: boolean) => void;
+    onRecentItemSelect?: (item: RecentItem) => void;
+    onRecentItemRemove?: (item: RecentItem) => void;
+    onRecentItemCopy?: (item: RecentItem) => void;
+    onRecentItemHover?: (recentItemId: string | null) => void;
+    onRecentCopyAll?: () => void;
+    onRecentCopyAllHover?: (isHovered: boolean) => void;
+    onRecentClear?: () => void;
+    onRecentDismiss?: () => void;
 }
 interface GrabbedBox {
     id: string;

package/dist/{index-CNwr6CHX.d.ts → index-KT3jIAik.d.ts}

@@ -301,6 +301,12 @@ interface ToolbarState {
     collapsed: boolean;
     enabled: boolean;
 }
+interface DropdownAnchor {
+    x: number;
+    y: number;
+    edge: ToolbarState["edge"];
+    toolbarWidth: number;
+}
 interface ReactGrabAPI {
     activate: () => void;
     deactivate: () => void;
@@ -337,6 +343,9 @@ interface SelectionLabelInstance {
     tagName: string;
     componentName?: string;
     status: SelectionLabelStatus;
+    statusText?: string;
+    isPromptMode?: boolean;
+    inputValue?: string;
     createdAt: number;
     element?: Element;
     elements?: Element[];
@@ -344,6 +353,17 @@ interface SelectionLabelInstance {
     mouseXOffsetFromCenter?: number;
     mouseXOffsetRatio?: number;
     errorMessage?: string;
+    hideArrow?: boolean;
+}
+interface RecentItem {
+    id: string;
+    content: string;
+    elementName: string;
+    tagName: string;
+    componentName?: string;
+    isComment: boolean;
+    commentText?: string;
+    timestamp: number;
 }
 interface ReactGrabRendererProps {
     selectionVisible?: boolean;
@@ -410,6 +430,7 @@ interface ReactGrabRendererProps {
     onToolbarStateChange?: (state: ToolbarState) => void;
     onSubscribeToToolbarStateChanges?: (callback: (state: ToolbarState) => void) => () => void;
     onToolbarSelectHoverChange?: (isHovered: boolean) => void;
+    onToolbarRef?: (element: HTMLDivElement) => void;
     contextMenuPosition?: {
         x: number;
         y: number;
@@ -422,6 +443,20 @@ interface ReactGrabRendererProps {
     actionContext?: ActionContext;
     onContextMenuDismiss?: () => void;
     onContextMenuHide?: () => void;
+    recentItems?: RecentItem[];
+    recentItemCount?: number;
+    hasUnreadRecentItems?: boolean;
+    recentDropdownPosition?: DropdownAnchor | null;
+    onToggleRecent?: () => void;
+    onRecentButtonHover?: (isHovered: boolean) => void;
+    onRecentItemSelect?: (item: RecentItem) => void;
+    onRecentItemRemove?: (item: RecentItem) => void;
+    onRecentItemCopy?: (item: RecentItem) => void;
+    onRecentItemHover?: (recentItemId: string | null) => void;
+    onRecentCopyAll?: () => void;
+    onRecentCopyAllHover?: (isHovered: boolean) => void;
+    onRecentClear?: () => void;
+    onRecentDismiss?: () => void;
 }
 interface GrabbedBox {
     id: string;

package/dist/index.cjs

@@ -1,4 +1,4 @@
-'use strict';var chunk2T22V7DM_cjs=require('./chunk-2T22V7DM.cjs');/**
+'use strict';var chunkHH5Y6LBC_cjs=require('./chunk-HH5Y6LBC.cjs');/**
  * @license MIT
  *
  * Copyright (c) 2025 Aiden Bai
@@ -6,4 +6,4 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var e=null,R=()=>typeof window>"u"?e:window.__REACT_GRAB__??e??null,g=t=>{e=t,typeof window<"u"&&(t?window.__REACT_GRAB__=t:delete window.__REACT_GRAB__);};typeof window<"u"&&(window.__REACT_GRAB__?e=window.__REACT_GRAB__:(e=chunk2T22V7DM_cjs.o(),window.__REACT_GRAB__=e),window.dispatchEvent(new CustomEvent("react-grab:init",{detail:e})));Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.j}});Object.defineProperty(exports,"captureElementScreenshot",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.g}});Object.defineProperty(exports,"combineBounds",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.f}});Object.defineProperty(exports,"commentPlugin",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.n}});Object.defineProperty(exports,"copyHtmlPlugin",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.l}});Object.defineProperty(exports,"copyImageToClipboard",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.h}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.o}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.a}});Object.defineProperty(exports,"isScreenshotSupported",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.i}});Object.defineProperty(exports,"openPlugin",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.m}});Object.defineProperty(exports,"screenshotPlugin",{enumerable:true,get:function(){return chunk2T22V7DM_cjs.k}});exports.getGlobalApi=R;exports.setGlobalApi=g;
+var e=null,R=()=>typeof window>"u"?e:window.__REACT_GRAB__??e??null,g=t=>{e=t,typeof window<"u"&&(t?window.__REACT_GRAB__=t:delete window.__REACT_GRAB__);};typeof window<"u"&&(window.__REACT_GRAB__?e=window.__REACT_GRAB__:(e=chunkHH5Y6LBC_cjs.o(),window.__REACT_GRAB__=e),window.dispatchEvent(new CustomEvent("react-grab:init",{detail:e})));Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.j}});Object.defineProperty(exports,"captureElementScreenshot",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.g}});Object.defineProperty(exports,"combineBounds",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.f}});Object.defineProperty(exports,"commentPlugin",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.n}});Object.defineProperty(exports,"copyHtmlPlugin",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.l}});Object.defineProperty(exports,"copyImageToClipboard",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.h}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.o}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.a}});Object.defineProperty(exports,"isScreenshotSupported",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.i}});Object.defineProperty(exports,"openPlugin",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.m}});Object.defineProperty(exports,"screenshotPlugin",{enumerable:true,get:function(){return chunkHH5Y6LBC_cjs.k}});exports.getGlobalApi=R;exports.setGlobalApi=g;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { P as Plugin, R as ReactGrabAPI } from './index-CNwr6CHX.cjs';
-export { v as ActionContext, w as ActionContextHooks, s as ActivationMode, q as AgentCompleteResult, A as AgentContext, p as AgentOptions, n as AgentProvider, m as AgentSession, o as AgentSessionStorage, t as ContextMenuAction, u as ContextMenuActionContext, C as CrosshairContext, D as DEFAULT_THEME, j as DeepPartial, f as DragRect, l as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, O as Options, e as OverlayBounds, x as PluginConfig, y as PluginHooks, k as PromptModeContext, c as ReactGrabState, h as Rect, r as SettableOptions, S as SourceInfo, T as Theme, d as ToolbarState, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './index-CNwr6CHX.cjs';
+import { P as Plugin, R as ReactGrabAPI } from './index-KT3jIAik.cjs';
+export { v as ActionContext, w as ActionContextHooks, s as ActivationMode, q as AgentCompleteResult, A as AgentContext, p as AgentOptions, n as AgentProvider, m as AgentSession, o as AgentSessionStorage, t as ContextMenuAction, u as ContextMenuActionContext, C as CrosshairContext, D as DEFAULT_THEME, j as DeepPartial, f as DragRect, l as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, O as Options, e as OverlayBounds, x as PluginConfig, y as PluginHooks, k as PromptModeContext, c as ReactGrabState, h as Rect, r as SettableOptions, S as SourceInfo, T as Theme, d as ToolbarState, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './index-KT3jIAik.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { P as Plugin, R as ReactGrabAPI } from './index-CNwr6CHX.js';
-export { v as ActionContext, w as ActionContextHooks, s as ActivationMode, q as AgentCompleteResult, A as AgentContext, p as AgentOptions, n as AgentProvider, m as AgentSession, o as AgentSessionStorage, t as ContextMenuAction, u as ContextMenuActionContext, C as CrosshairContext, D as DEFAULT_THEME, j as DeepPartial, f as DragRect, l as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, O as Options, e as OverlayBounds, x as PluginConfig, y as PluginHooks, k as PromptModeContext, c as ReactGrabState, h as Rect, r as SettableOptions, S as SourceInfo, T as Theme, d as ToolbarState, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './index-CNwr6CHX.js';
+import { P as Plugin, R as ReactGrabAPI } from './index-KT3jIAik.js';
+export { v as ActionContext, w as ActionContextHooks, s as ActivationMode, q as AgentCompleteResult, A as AgentContext, p as AgentOptions, n as AgentProvider, m as AgentSession, o as AgentSessionStorage, t as ContextMenuAction, u as ContextMenuActionContext, C as CrosshairContext, D as DEFAULT_THEME, j as DeepPartial, f as DragRect, l as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, O as Options, e as OverlayBounds, x as PluginConfig, y as PluginHooks, k as PromptModeContext, c as ReactGrabState, h as Rect, r as SettableOptions, S as SourceInfo, T as Theme, d as ToolbarState, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './index-KT3jIAik.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';