react-grab 0.1.14 → 0.1.16

package/dist/core/index.cjs

@@ -1 +1 @@
-'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}});
+'use strict';var chunkQF65DY25_cjs=require('../chunk-QF65DY25.cjs');Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkQF65DY25_cjs.j}});Object.defineProperty(exports,"copyContent",{enumerable:true,get:function(){return chunkQF65DY25_cjs.d}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkQF65DY25_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkQF65DY25_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkQF65DY25_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkQF65DY25_cjs.o}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkQF65DY25_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-KT3jIAik.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-DYEETXtH.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-KT3jIAik.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-DYEETXtH.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-WMLJ3P7X.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-RILHLGIL.js';

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

@@ -95,6 +95,13 @@ interface ReactGrabState {
         bounds: OverlayBounds;
         createdAt: number;
     }>;
+    labelInstances: Array<{
+        id: string;
+        status: SelectionLabelStatus;
+        tagName: string;
+        componentName?: string;
+        createdAt: number;
+    }>;
     selectionFilePath: string | null;
     toolbarState: ToolbarState | null;
 }
@@ -342,6 +349,7 @@ interface SelectionLabelInstance {
     boundsMultiple?: OverlayBounds[];
     tagName: string;
     componentName?: string;
+    elementsCount?: number;
     status: SelectionLabelStatus;
     statusText?: string;
     isPromptMode?: boolean;
@@ -355,12 +363,14 @@ interface SelectionLabelInstance {
     errorMessage?: string;
     hideArrow?: boolean;
 }
-interface RecentItem {
+interface HistoryItem {
     id: string;
     content: string;
     elementName: string;
     tagName: string;
     componentName?: string;
+    elementsCount?: number;
+    previewBounds?: OverlayBounds[];
     isComment: boolean;
     commentText?: string;
     timestamp: number;
@@ -443,26 +453,29 @@ 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;
+    historyItems?: HistoryItem[];
+    historyDisconnectedItemIds?: Set<string>;
+    historyItemCount?: number;
+    hasUnreadHistoryItems?: boolean;
+    historyDropdownPosition?: DropdownAnchor | null;
+    isHistoryPinned?: boolean;
+    onToggleHistory?: () => void;
+    onHistoryButtonHover?: (isHovered: boolean) => void;
+    onHistoryItemSelect?: (item: HistoryItem) => void;
+    onHistoryItemRemove?: (item: HistoryItem) => void;
+    onHistoryItemCopy?: (item: HistoryItem) => void;
+    onHistoryItemHover?: (historyItemId: string | null) => void;
+    onHistoryCopyAll?: () => void;
+    onHistoryCopyAllHover?: (isHovered: boolean) => void;
+    onHistoryClear?: () => void;
+    onHistoryDismiss?: () => void;
+    onHistoryDropdownHover?: (isHovered: boolean) => void;
 }
 interface GrabbedBox {
     id: string;
     bounds: OverlayBounds;
     createdAt: number;
-    element: Element;
+    element?: Element;
 }
 interface Rect {
     left: number;
@@ -490,9 +503,18 @@ interface GenerateSnippetOptions {
 }
 declare const generateSnippet: (elements: Element[], options?: GenerateSnippetOptions) => Promise<string[]>;
 
+interface ReactGrabEntry {
+    tagName?: string;
+    componentName?: string;
+    content: string;
+    commentText?: string;
+}
 interface CopyContentOptions {
     onSuccess?: () => void;
-    name?: string;
+    componentName?: string;
+    tagName?: string;
+    commentText?: string;
+    entries?: ReactGrabEntry[];
 }
 declare const copyContent: (content: string, options?: CopyContentOptions) => boolean;
 

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

@@ -95,6 +95,13 @@ interface ReactGrabState {
         bounds: OverlayBounds;
         createdAt: number;
     }>;
+    labelInstances: Array<{
+        id: string;
+        status: SelectionLabelStatus;
+        tagName: string;
+        componentName?: string;
+        createdAt: number;
+    }>;
     selectionFilePath: string | null;
     toolbarState: ToolbarState | null;
 }
@@ -342,6 +349,7 @@ interface SelectionLabelInstance {
     boundsMultiple?: OverlayBounds[];
     tagName: string;
     componentName?: string;
+    elementsCount?: number;
     status: SelectionLabelStatus;
     statusText?: string;
     isPromptMode?: boolean;
@@ -355,12 +363,14 @@ interface SelectionLabelInstance {
     errorMessage?: string;
     hideArrow?: boolean;
 }
-interface RecentItem {
+interface HistoryItem {
     id: string;
     content: string;
     elementName: string;
     tagName: string;
     componentName?: string;
+    elementsCount?: number;
+    previewBounds?: OverlayBounds[];
     isComment: boolean;
     commentText?: string;
     timestamp: number;
@@ -443,26 +453,29 @@ 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;
+    historyItems?: HistoryItem[];
+    historyDisconnectedItemIds?: Set<string>;
+    historyItemCount?: number;
+    hasUnreadHistoryItems?: boolean;
+    historyDropdownPosition?: DropdownAnchor | null;
+    isHistoryPinned?: boolean;
+    onToggleHistory?: () => void;
+    onHistoryButtonHover?: (isHovered: boolean) => void;
+    onHistoryItemSelect?: (item: HistoryItem) => void;
+    onHistoryItemRemove?: (item: HistoryItem) => void;
+    onHistoryItemCopy?: (item: HistoryItem) => void;
+    onHistoryItemHover?: (historyItemId: string | null) => void;
+    onHistoryCopyAll?: () => void;
+    onHistoryCopyAllHover?: (isHovered: boolean) => void;
+    onHistoryClear?: () => void;
+    onHistoryDismiss?: () => void;
+    onHistoryDropdownHover?: (isHovered: boolean) => void;
 }
 interface GrabbedBox {
     id: string;
     bounds: OverlayBounds;
     createdAt: number;
-    element: Element;
+    element?: Element;
 }
 interface Rect {
     left: number;
@@ -490,9 +503,18 @@ interface GenerateSnippetOptions {
 }
 declare const generateSnippet: (elements: Element[], options?: GenerateSnippetOptions) => Promise<string[]>;
 
+interface ReactGrabEntry {
+    tagName?: string;
+    componentName?: string;
+    content: string;
+    commentText?: string;
+}
 interface CopyContentOptions {
     onSuccess?: () => void;
-    name?: string;
+    componentName?: string;
+    tagName?: string;
+    commentText?: string;
+    entries?: ReactGrabEntry[];
 }
 declare const copyContent: (content: string, options?: CopyContentOptions) => boolean;
 

package/dist/index.cjs

@@ -1,4 +1,4 @@
-'use strict';var chunkHH5Y6LBC_cjs=require('./chunk-HH5Y6LBC.cjs');/**
+'use strict';var chunkQF65DY25_cjs=require('./chunk-QF65DY25.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=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;
+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=chunkQF65DY25_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 chunkQF65DY25_cjs.j}});Object.defineProperty(exports,"captureElementScreenshot",{enumerable:true,get:function(){return chunkQF65DY25_cjs.g}});Object.defineProperty(exports,"combineBounds",{enumerable:true,get:function(){return chunkQF65DY25_cjs.f}});Object.defineProperty(exports,"commentPlugin",{enumerable:true,get:function(){return chunkQF65DY25_cjs.n}});Object.defineProperty(exports,"copyHtmlPlugin",{enumerable:true,get:function(){return chunkQF65DY25_cjs.l}});Object.defineProperty(exports,"copyImageToClipboard",{enumerable:true,get:function(){return chunkQF65DY25_cjs.h}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkQF65DY25_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkQF65DY25_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkQF65DY25_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkQF65DY25_cjs.o}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkQF65DY25_cjs.a}});Object.defineProperty(exports,"isScreenshotSupported",{enumerable:true,get:function(){return chunkQF65DY25_cjs.i}});Object.defineProperty(exports,"openPlugin",{enumerable:true,get:function(){return chunkQF65DY25_cjs.m}});Object.defineProperty(exports,"screenshotPlugin",{enumerable:true,get:function(){return chunkQF65DY25_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-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';
+import { P as Plugin, R as ReactGrabAPI } from './index-DYEETXtH.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-DYEETXtH.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-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';
+import { P as Plugin, R as ReactGrabAPI } from './index-DYEETXtH.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-DYEETXtH.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';