react-grab 0.0.90 → 0.0.92

package/dist/{core-D6QsgQQN.d.cts → core-DOGyzncb.d.cts}

@@ -65,6 +65,16 @@ interface Theme {
          */
         enabled?: boolean;
     };
+    /**
+     * The floating toolbar that allows toggling React Grab activation
+     */
+    toolbar?: {
+        /**
+         * Whether to show the toolbar
+         * @default true
+         */
+        enabled?: boolean;
+    };
 }
 interface ReactGrabState {
     isActive: boolean;
@@ -97,7 +107,7 @@ interface ActivationKey {
     altKey?: boolean;
 }
 interface AgentContext<T = unknown> {
-    content: string;
+    content: string[];
     prompt: string;
     options?: T;
     sessionId?: string;
@@ -113,7 +123,7 @@ interface AgentSession {
         x: number;
         y: number;
     };
-    selectionBounds?: OverlayBounds;
+    selectionBounds: OverlayBounds[];
     tagName?: string;
     componentName?: string;
     error?: string;
@@ -128,6 +138,9 @@ interface AgentProvider<T = any> {
     checkConnection?: () => Promise<boolean>;
     getCompletionMessage?: () => string | undefined;
     undo?: () => Promise<void>;
+    canUndo?: () => boolean;
+    redo?: () => Promise<void>;
+    canRedo?: () => boolean;
 }
 interface AgentSessionStorage {
     getItem(key: string): string | null;
@@ -141,13 +154,14 @@ interface AgentOptions<T = any> {
     provider?: AgentProvider<T>;
     storage?: AgentSessionStorage | null;
     getOptions?: () => T;
-    onStart?: (session: AgentSession, element: Element | undefined) => void;
+    onStart?: (session: AgentSession, elements: Element[]) => void;
     onStatus?: (status: string, session: AgentSession) => void;
-    onComplete?: (session: AgentSession, element: Element | undefined) => AgentCompleteResult | void | Promise<AgentCompleteResult | void>;
+    onComplete?: (session: AgentSession, elements: Element[]) => AgentCompleteResult | void | Promise<AgentCompleteResult | void>;
     onError?: (error: Error, session: AgentSession) => void;
     onResume?: (session: AgentSession) => void;
-    onAbort?: (session: AgentSession, element: Element | undefined) => void;
-    onUndo?: (session: AgentSession, element: Element | undefined) => void;
+    onAbort?: (session: AgentSession, elements: Element[]) => void;
+    onUndo?: (session: AgentSession, elements: Element[]) => void;
+    onDismiss?: (session: AgentSession, elements: Element[]) => void;
 }
 type ActivationMode = "toggle" | "hold";
 interface Options {
@@ -180,26 +194,7 @@ interface Options {
     onOpenFile?: (filePath: string, lineNumber?: number) => void;
     agent?: AgentOptions;
 }
-interface UpdatableOptions {
-    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;
-    onInputModeChange?: (isInputMode: boolean, context: InputModeContext) => 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;
-    onOpenFile?: (filePath: string, lineNumber?: number) => void;
-}
+type UpdatableOptions = Pick<Options, "onActivate" | "onDeactivate" | "onElementHover" | "onElementSelect" | "onDragStart" | "onDragEnd" | "onBeforeCopy" | "onAfterCopy" | "onCopySuccess" | "onCopyError" | "onStateChange" | "onInputModeChange" | "onSelectionBox" | "onDragBox" | "onGrabbedBox" | "onElementLabel" | "onCrosshair" | "onOpenFile">;
 interface ReactGrabAPI {
     activate: () => void;
     deactivate: () => void;
@@ -235,6 +230,8 @@ interface SelectionLabelInstance {
 interface ReactGrabRendererProps {
     selectionVisible?: boolean;
     selectionBounds?: OverlayBounds;
+    selectionBoundsMultiple?: OverlayBounds[];
+    selectionElementsCount?: number;
     selectionFilePath?: string;
     selectionLineNumber?: number;
     selectionTagName?: string;
@@ -254,7 +251,7 @@ interface ReactGrabRendererProps {
     mouseY?: number;
     crosshairVisible?: boolean;
     inputValue?: string;
-    isInputExpanded?: boolean;
+    isInputMode?: boolean;
     replyToPrompt?: string;
     hasAgent?: boolean;
     isAgentConnected?: boolean;
@@ -265,7 +262,7 @@ interface ReactGrabRendererProps {
     onAbortSession?: (sessionId: string) => void;
     onDismissSession?: (sessionId: string) => void;
     onUndoSession?: (sessionId: string) => void;
-    onReplySession?: (sessionId: string) => void;
+    onFollowUpSubmitSession?: (sessionId: string, prompt: string) => void;
     onAcknowledgeSessionError?: (sessionId: string) => void;
     onRetrySession?: (sessionId: string) => void;
     onInputChange?: (value: string) => void;
@@ -287,6 +284,9 @@ interface ReactGrabRendererProps {
     onNativeSelectionCopy?: () => void;
     onNativeSelectionEnter?: () => void;
     theme?: Required<Theme>;
+    toolbarVisible?: boolean;
+    isActive?: boolean;
+    onToggleActive?: () => void;
 }
 interface GrabbedBox {
     id: string;
@@ -318,7 +318,7 @@ declare const DEFAULT_THEME: Required<Theme>;
 interface GenerateSnippetOptions {
     maxLines?: number;
 }
-declare const generateSnippet: (elements: Element[], options?: GenerateSnippetOptions) => Promise<string>;
+declare const generateSnippet: (elements: Element[], options?: GenerateSnippetOptions) => Promise<string[]>;
 
 interface CopyContentOptions {
     onSuccess?: () => void;

package/dist/{core-D6QsgQQN.d.ts → core-DOGyzncb.d.ts}

@@ -65,6 +65,16 @@ interface Theme {
          */
         enabled?: boolean;
     };
+    /**
+     * The floating toolbar that allows toggling React Grab activation
+     */
+    toolbar?: {
+        /**
+         * Whether to show the toolbar
+         * @default true
+         */
+        enabled?: boolean;
+    };
 }
 interface ReactGrabState {
     isActive: boolean;
@@ -97,7 +107,7 @@ interface ActivationKey {
     altKey?: boolean;
 }
 interface AgentContext<T = unknown> {
-    content: string;
+    content: string[];
     prompt: string;
     options?: T;
     sessionId?: string;
@@ -113,7 +123,7 @@ interface AgentSession {
         x: number;
         y: number;
     };
-    selectionBounds?: OverlayBounds;
+    selectionBounds: OverlayBounds[];
     tagName?: string;
     componentName?: string;
     error?: string;
@@ -128,6 +138,9 @@ interface AgentProvider<T = any> {
     checkConnection?: () => Promise<boolean>;
     getCompletionMessage?: () => string | undefined;
     undo?: () => Promise<void>;
+    canUndo?: () => boolean;
+    redo?: () => Promise<void>;
+    canRedo?: () => boolean;
 }
 interface AgentSessionStorage {
     getItem(key: string): string | null;
@@ -141,13 +154,14 @@ interface AgentOptions<T = any> {
     provider?: AgentProvider<T>;
     storage?: AgentSessionStorage | null;
     getOptions?: () => T;
-    onStart?: (session: AgentSession, element: Element | undefined) => void;
+    onStart?: (session: AgentSession, elements: Element[]) => void;
     onStatus?: (status: string, session: AgentSession) => void;
-    onComplete?: (session: AgentSession, element: Element | undefined) => AgentCompleteResult | void | Promise<AgentCompleteResult | void>;
+    onComplete?: (session: AgentSession, elements: Element[]) => AgentCompleteResult | void | Promise<AgentCompleteResult | void>;
     onError?: (error: Error, session: AgentSession) => void;
     onResume?: (session: AgentSession) => void;
-    onAbort?: (session: AgentSession, element: Element | undefined) => void;
-    onUndo?: (session: AgentSession, element: Element | undefined) => void;
+    onAbort?: (session: AgentSession, elements: Element[]) => void;
+    onUndo?: (session: AgentSession, elements: Element[]) => void;
+    onDismiss?: (session: AgentSession, elements: Element[]) => void;
 }
 type ActivationMode = "toggle" | "hold";
 interface Options {
@@ -180,26 +194,7 @@ interface Options {
     onOpenFile?: (filePath: string, lineNumber?: number) => void;
     agent?: AgentOptions;
 }
-interface UpdatableOptions {
-    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;
-    onInputModeChange?: (isInputMode: boolean, context: InputModeContext) => 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;
-    onOpenFile?: (filePath: string, lineNumber?: number) => void;
-}
+type UpdatableOptions = Pick<Options, "onActivate" | "onDeactivate" | "onElementHover" | "onElementSelect" | "onDragStart" | "onDragEnd" | "onBeforeCopy" | "onAfterCopy" | "onCopySuccess" | "onCopyError" | "onStateChange" | "onInputModeChange" | "onSelectionBox" | "onDragBox" | "onGrabbedBox" | "onElementLabel" | "onCrosshair" | "onOpenFile">;
 interface ReactGrabAPI {
     activate: () => void;
     deactivate: () => void;
@@ -235,6 +230,8 @@ interface SelectionLabelInstance {
 interface ReactGrabRendererProps {
     selectionVisible?: boolean;
     selectionBounds?: OverlayBounds;
+    selectionBoundsMultiple?: OverlayBounds[];
+    selectionElementsCount?: number;
     selectionFilePath?: string;
     selectionLineNumber?: number;
     selectionTagName?: string;
@@ -254,7 +251,7 @@ interface ReactGrabRendererProps {
     mouseY?: number;
     crosshairVisible?: boolean;
     inputValue?: string;
-    isInputExpanded?: boolean;
+    isInputMode?: boolean;
     replyToPrompt?: string;
     hasAgent?: boolean;
     isAgentConnected?: boolean;
@@ -265,7 +262,7 @@ interface ReactGrabRendererProps {
     onAbortSession?: (sessionId: string) => void;
     onDismissSession?: (sessionId: string) => void;
     onUndoSession?: (sessionId: string) => void;
-    onReplySession?: (sessionId: string) => void;
+    onFollowUpSubmitSession?: (sessionId: string, prompt: string) => void;
     onAcknowledgeSessionError?: (sessionId: string) => void;
     onRetrySession?: (sessionId: string) => void;
     onInputChange?: (value: string) => void;
@@ -287,6 +284,9 @@ interface ReactGrabRendererProps {
     onNativeSelectionCopy?: () => void;
     onNativeSelectionEnter?: () => void;
     theme?: Required<Theme>;
+    toolbarVisible?: boolean;
+    isActive?: boolean;
+    onToggleActive?: () => void;
 }
 interface GrabbedBox {
     id: string;
@@ -318,7 +318,7 @@ declare const DEFAULT_THEME: Required<Theme>;
 interface GenerateSnippetOptions {
     maxLines?: number;
 }
-declare const generateSnippet: (elements: Element[], options?: GenerateSnippetOptions) => Promise<string>;
+declare const generateSnippet: (elements: Element[], options?: GenerateSnippetOptions) => Promise<string[]>;
 
 interface CopyContentOptions {
     onSuccess?: () => void;

package/dist/core.cjs

@@ -1 +1 @@
-'use strict';var chunkWZQBGJJG_cjs=require('./chunk-WZQBGJJG.cjs');Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.f}});Object.defineProperty(exports,"copyContent",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.d}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.g}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.a}});
+'use strict';var chunkW3GL3PYN_cjs=require('./chunk-W3GL3PYN.cjs');Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.f}});Object.defineProperty(exports,"copyContent",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.d}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.g}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.a}});

package/dist/core.d.cts

@@ -1,3 +1,3 @@
-export { o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, q as ReactGrabRendererProps, U as UpdatableOptions, r as copyContent, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-D6QsgQQN.cjs';
+export { o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, q as ReactGrabRendererProps, U as UpdatableOptions, r as copyContent, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-DOGyzncb.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core.d.ts

@@ -1,3 +1,3 @@
-export { o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, q as ReactGrabRendererProps, U as UpdatableOptions, r as copyContent, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-D6QsgQQN.js';
+export { o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, D as DEFAULT_THEME, O as Options, d as OverlayBounds, R as ReactGrabAPI, q as ReactGrabRendererProps, U as UpdatableOptions, r as copyContent, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-DOGyzncb.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core.js

@@ -1 +1 @@
-export{f as DEFAULT_THEME,d as copyContent,c as formatElementInfo,e as generateSnippet,b as getStack,g as init,a as isInstrumentationActive}from'./chunk-AAPYQRSF.js';
+export{f as DEFAULT_THEME,d as copyContent,c as formatElementInfo,e as generateSnippet,b as getStack,g as init,a as isInstrumentationActive}from'./chunk-B6KU57UC.js';

package/dist/index.cjs

@@ -1,4 +1,4 @@
-'use strict';var chunkWZQBGJJG_cjs=require('./chunk-WZQBGJJG.cjs');/**
+'use strict';var chunkW3GL3PYN_cjs=require('./chunk-W3GL3PYN.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,A=()=>typeof window>"u"?e:window.__REACT_GRAB__??e??null,d=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=chunkWZQBGJJG_cjs.g(),window.__REACT_GRAB__=e,window.dispatchEvent(new CustomEvent("react-grab:init",{detail:e}))));Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.f}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.g}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkWZQBGJJG_cjs.a}});exports.getGlobalApi=A;exports.setGlobalApi=d;
+var e=null,A=()=>typeof window>"u"?e:window.__REACT_GRAB__??e??null,d=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=chunkW3GL3PYN_cjs.g(),window.__REACT_GRAB__=e,window.dispatchEvent(new CustomEvent("react-grab:init",{detail:e}))));Object.defineProperty(exports,"DEFAULT_THEME",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.f}});Object.defineProperty(exports,"formatElementInfo",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.c}});Object.defineProperty(exports,"generateSnippet",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.e}});Object.defineProperty(exports,"getStack",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.b}});Object.defineProperty(exports,"init",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.g}});Object.defineProperty(exports,"isInstrumentationActive",{enumerable:true,get:function(){return chunkW3GL3PYN_cjs.a}});exports.getGlobalApi=A;exports.setGlobalApi=d;

package/dist/index.d.cts

@@ -1,5 +1,5 @@
-import { R as ReactGrabAPI } from './core-D6QsgQQN.cjs';
-export { p as ActivationMode, o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, j as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, T as Theme, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-D6QsgQQN.cjs';
+import { R as ReactGrabAPI } from './core-DOGyzncb.cjs';
+export { p as ActivationMode, o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, j as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, T as Theme, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-DOGyzncb.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';
 

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { R as ReactGrabAPI } from './core-D6QsgQQN.js';
-export { p as ActivationMode, o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, j as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, T as Theme, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-D6QsgQQN.js';
+import { R as ReactGrabAPI } from './core-DOGyzncb.js';
+export { p as ActivationMode, o as AgentCompleteResult, A as AgentContext, n as AgentOptions, l as AgentProvider, k as AgentSession, m as AgentSessionStorage, C as CrosshairContext, D as DEFAULT_THEME, h as DeepPartial, e as DragRect, j as ElementLabelContext, E as ElementLabelVariant, G as GrabbedBox, I as InputModeContext, O as Options, d as OverlayBounds, c as ReactGrabState, f as Rect, T as Theme, U as UpdatableOptions, a as formatElementInfo, b as generateSnippet, g as getStack, i as init } from './core-DOGyzncb.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';