react-grab 0.1.13 → 0.1.15

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 chunkEFUDUWZJ_cjs=require('../chunk-EFUDUWZJ.cjs');Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.j}});Object.defineProperty(exports,"copyContent",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.d}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.o}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkEFUDUWZJ_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-BR6gp9du.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-BR6gp9du.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-CRY4UGGA.js';

package/dist/{index-CNwr6CHX.d.cts → index-BR6gp9du.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;
 }
@@ -301,6 +308,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 +350,9 @@ interface SelectionLabelInstance {
     tagName: string;
     componentName?: string;
     status: SelectionLabelStatus;
+    statusText?: string;
+    isPromptMode?: boolean;
+    inputValue?: string;
     createdAt: number;
     element?: Element;
     elements?: Element[];
@@ -344,6 +360,17 @@ interface SelectionLabelInstance {
     mouseXOffsetFromCenter?: number;
     mouseXOffsetRatio?: number;
     errorMessage?: string;
+    hideArrow?: boolean;
+}
+interface HistoryItem {
+    id: string;
+    content: string;
+    elementName: string;
+    tagName: string;
+    componentName?: string;
+    isComment: boolean;
+    commentText?: string;
+    timestamp: number;
 }
 interface ReactGrabRendererProps {
     selectionVisible?: boolean;
@@ -410,6 +437,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 +450,23 @@ interface ReactGrabRendererProps {
     actionContext?: ActionContext;
     onContextMenuDismiss?: () => void;
     onContextMenuHide?: () => 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;
@@ -455,9 +500,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-CNwr6CHX.d.ts → index-BR6gp9du.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;
 }
@@ -301,6 +308,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 +350,9 @@ interface SelectionLabelInstance {
     tagName: string;
     componentName?: string;
     status: SelectionLabelStatus;
+    statusText?: string;
+    isPromptMode?: boolean;
+    inputValue?: string;
     createdAt: number;
     element?: Element;
     elements?: Element[];
@@ -344,6 +360,17 @@ interface SelectionLabelInstance {
     mouseXOffsetFromCenter?: number;
     mouseXOffsetRatio?: number;
     errorMessage?: string;
+    hideArrow?: boolean;
+}
+interface HistoryItem {
+    id: string;
+    content: string;
+    elementName: string;
+    tagName: string;
+    componentName?: string;
+    isComment: boolean;
+    commentText?: string;
+    timestamp: number;
 }
 interface ReactGrabRendererProps {
     selectionVisible?: boolean;
@@ -410,6 +437,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 +450,23 @@ interface ReactGrabRendererProps {
     actionContext?: ActionContext;
     onContextMenuDismiss?: () => void;
     onContextMenuHide?: () => 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;
@@ -455,9 +500,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 chunk2T22V7DM_cjs=require('./chunk-2T22V7DM.cjs');/**
+'use strict';var chunkEFUDUWZJ_cjs=require('./chunk-EFUDUWZJ.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=chunkEFUDUWZJ_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 chunkEFUDUWZJ_cjs.j}});Object.defineProperty(exports,"captureElementScreenshot",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.g}});Object.defineProperty(exports,"combineBounds",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.f}});Object.defineProperty(exports,"commentPlugin",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.n}});Object.defineProperty(exports,"copyHtmlPlugin",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.l}});Object.defineProperty(exports,"copyImageToClipboard",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.h}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.o}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.a}});Object.defineProperty(exports,"isScreenshotSupported",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.i}});Object.defineProperty(exports,"openPlugin",{enumerable:true,get:function(){return chunkEFUDUWZJ_cjs.m}});Object.defineProperty(exports,"screenshotPlugin",{enumerable:true,get:function(){return chunkEFUDUWZJ_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-BR6gp9du.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-BR6gp9du.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-BR6gp9du.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-BR6gp9du.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';