npm - react-grab - Versions diffs - 0.0.61 → 0.0.63 - Mend

react-grab 0.0.61 → 0.0.63

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/README.md +57 -1
package/dist/{chunk-BPIV2CRB.js → chunk-GJFQUCRH.js} +66 -15
package/dist/{chunk-2EGDLG6B.cjs → chunk-TAXVLGRB.cjs} +66 -15
package/dist/{core-Dpg0VXHq.d.cts → core-CZmmuMr9.d.cts} +1 -1
package/dist/{core-Dpg0VXHq.d.ts → core-CZmmuMr9.d.ts} +1 -1
package/dist/core.cjs +8 -8
package/dist/core.d.cts +1 -1
package/dist/core.d.ts +1 -1
package/dist/core.js +1 -1
package/dist/index.cjs +8 -8
package/dist/index.d.cts +2 -2
package/dist/index.d.ts +2 -2
package/dist/index.global.js +26 -26
package/dist/index.js +2 -2
package/package.json +1 -1

package/README.md CHANGED Viewed

@@ -122,7 +122,7 @@ if (process.env.NODE_ENV === "development") {
 React Grab can send selected element context directly to your coding agent. This enables a workflow where you select a UI element and an agent automatically makes changes to your codebase.
-This means **no copying and pasting** - just select the element and let the agent do the rest.
+This means **no copying and pasting** - just select the element and let the agent do the rest. [Learn more →](https://react-grab.com/blog/agent)
 ### Claude Code
@@ -146,6 +146,34 @@ The server runs on port `4567` and interfaces with the Claude Agent SDK. Add to
 <script src="//unpkg.com/@react-grab/claude-code/dist/client.global.js"></script>
 ```
+Or using Next.js `Script` component in your `app/layout.tsx`:
+```jsx
+import Script from "next/script";
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head>
+        {process.env.NODE_ENV === "development" && (
+          <>
+            <Script
+              src="//unpkg.com/react-grab/dist/index.global.js"
+              strategy="beforeInteractive"
+            />
+            <Script
+              src="//unpkg.com/@react-grab/claude-code/dist/client.global.js"
+              strategy="lazyOnload"
+            />
+          </>
+        )}
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}
+```
 ### Cursor CLI
 #### Server Setup
@@ -168,6 +196,34 @@ The server runs on port `5567` and interfaces with the `cursor-agent` CLI. Add t
 <script src="//unpkg.com/@react-grab/cursor/dist/client.global.js"></script>
 ```
+Or using Next.js `Script` component in your `app/layout.tsx`:
+```jsx
+import Script from "next/script";
+export default function RootLayout({ children }) {
+  return (
+    <html>
+      <head>
+        {process.env.NODE_ENV === "development" && (
+          <>
+            <Script
+              src="//unpkg.com/react-grab/dist/index.global.js"
+              strategy="beforeInteractive"
+            />
+            <Script
+              src="//unpkg.com/@react-grab/cursor/dist/client.global.js"
+              strategy="lazyOnload"
+            />
+          </>
+        )}
+      </head>
+      <body>{children}</body>
+    </html>
+  );
+}
+```
 ## Extending React Grab
 React Grab provides an public customization API. Check out the [type definitions](https://github.com/aidenybai/react-grab/blob/main/packages/react-grab/src/types.ts) to see all available options for extending React Grab.

package/dist/{chunk-BPIV2CRB.js → chunk-GJFQUCRH.js} RENAMED Viewed

@@ -3844,13 +3844,20 @@ var Arrow = (props) => {
     return _el$6;
   })();
 };
-var ClickToCopyPill = (props) => (() => {
-  var _el$7 = _tmpl$5(), _el$8 = _el$7.firstChild;
-  addEventListener(_el$7, "click", props.onClick);
-  insert(_el$8, () => props.hasParent ? "Copy" : "Click to copy");
-  createRenderEffect(() => className(_el$7, cn("contain-layout shrink-0 flex items-center px-0 py-px w-fit h-[18px] rounded-[1.5px] gap-[3px]", props.asButton && "cursor-pointer", props.dimmed && "opacity-50 hover:opacity-100 transition-opacity")));
-  return _el$7;
-})();
+var ClickToCopyPill = (props) => {
+  const labelText = () => {
+    if (props.hasAgent) return "Selecting";
+    if (props.hasParent) return "Copy";
+    return "Click to copy";
+  };
+  return (() => {
+    var _el$7 = _tmpl$5(), _el$8 = _el$7.firstChild;
+    addEventListener(_el$7, "click", props.onClick);
+    insert(_el$8, labelText);
+    createRenderEffect(() => className(_el$7, cn("contain-layout shrink-0 flex items-center px-0 py-px w-fit h-[18px] rounded-[1.5px] gap-[3px]", props.asButton && "cursor-pointer", props.dimmed && "opacity-50 hover:opacity-100 transition-opacity")));
+    return _el$7;
+  })();
+};
 var BottomSection = (props) => (() => {
   var _el$9 = _tmpl$6();
   insert(_el$9, () => props.children);
@@ -4075,6 +4082,9 @@ var SelectionLabel = (props) => {
             shrink: true,
             get hasParent() {
               return !!props.componentName;
+            },
+            get hasAgent() {
+              return props.hasAgent;
             }
           }), null);
           insert(_el$21, createComponent(Show, {
@@ -4145,6 +4155,9 @@ var SelectionLabel = (props) => {
             shrink: true,
             get hasParent() {
               return !!props.componentName;
+            },
+            get hasAgent() {
+              return props.hasAgent;
             }
           }), null);
           insert(_el$30, createComponent(Show, {
@@ -6136,7 +6149,7 @@ var createAgentManager = (initialAgentOptions) => {
       agentOptions?.onResume?.(sessionWithResumeStatus);
       const abortController = new AbortController();
       abortControllers.set(existingSession.id, abortController);
-      const streamIterator = agentOptions.provider.resume(existingSession.id, abortController.signal);
+      const streamIterator = agentOptions.provider.resume(existingSession.id, abortController.signal, storage);
       void executeSessionStream(existingSession, streamIterator);
     }
   };
@@ -6312,7 +6325,7 @@ var init = (rawOptions) => {
   hasInited = true;
   const logIntro = () => {
     try {
-      const version = "0.0.61";
+      const version = "0.0.63";
       const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
       console.log(`%cReact Grab${version ? ` v${version}` : ""}%c
 https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid #d75fcb; padding: 4px 4px 4px 24px; border-radius: 4px; background-image: url("${logoDataUri}"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 4px center; display: inline-block; margin-bottom: 4px;`, "");
@@ -6354,6 +6367,7 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
     const [didJustDrag, setDidJustDrag] = createSignal(false);
     const [copyStartX, setCopyStartX] = createSignal(OFFSCREEN_POSITION);
     const [copyStartY, setCopyStartY] = createSignal(OFFSCREEN_POSITION);
+    const [copyOffsetFromCenterX, setCopyOffsetFromCenterX] = createSignal(0);
     const [viewportVersion, setViewportVersion] = createSignal(0);
     const [isInputMode, setIsInputMode] = createSignal(false);
     const [inputText, setInputText] = createSignal("");
@@ -6504,6 +6518,12 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
     const executeCopyOperation = async (positionX, positionY, operation, bounds, tagName, componentName, element) => {
       setCopyStartX(positionX);
       setCopyStartY(positionY);
+      if (bounds) {
+        const selectionCenterX = bounds.x + bounds.width / 2;
+        setCopyOffsetFromCenterX(positionX - selectionCenterX);
+      } else {
+        setCopyOffsetFromCenterX(0);
+      }
       setIsCopying(true);
       startProgressAnimation();
       const instanceId = bounds && tagName ? createLabelInstance(bounds, tagName, componentName, "copying", element, positionX) : null;
@@ -6706,12 +6726,27 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         return _el$10;
       })();
     });
-    const cursorPosition = createMemo(() => isCopying() ? {
-      x: copyStartX(),
-      y: copyStartY()
-    } : {
-      x: mouseX(),
-      y: mouseY()
+    const cursorPosition = createMemo(() => {
+      if (isCopying() || isInputExpanded()) {
+        viewportVersion();
+        const element = frozenElement() || targetElement();
+        if (element) {
+          const bounds = createElementBounds(element);
+          const selectionCenterX = bounds.x + bounds.width / 2;
+          return {
+            x: selectionCenterX + copyOffsetFromCenterX(),
+            y: copyStartY()
+          };
+        }
+        return {
+          x: copyStartX(),
+          y: copyStartY()
+        };
+      }
+      return {
+        x: mouseX(),
+        y: mouseY()
+      };
     });
     createEffect(on(() => [targetElement(), lastGrabbedElement()], ([currentElement, lastElement]) => {
       if (lastElement && currentElement && lastElement !== currentElement) {
@@ -6970,6 +7005,14 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       deactivateRenderer();
     };
     const handleToggleExpand = () => {
+      const element = frozenElement() || targetElement();
+      if (element) {
+        const bounds = createElementBounds(element);
+        const selectionCenterX = bounds.x + bounds.width / 2;
+        setCopyStartX(mouseX());
+        setCopyStartY(mouseY());
+        setCopyOffsetFromCenterX(mouseX() - selectionCenterX);
+      }
       setIsToggleMode(true);
       setIsToggleFrozen(true);
       setIsInputExpanded(true);
@@ -7116,6 +7159,14 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       if (event.key === "Enter" && isHoldingKeys() && !isInputMode()) {
         event.preventDefault();
         event.stopPropagation();
+        const element = frozenElement() || targetElement();
+        if (element) {
+          const bounds = createElementBounds(element);
+          const selectionCenterX = bounds.x + bounds.width / 2;
+          setCopyStartX(mouseX());
+          setCopyStartY(mouseY());
+          setCopyOffsetFromCenterX(mouseX() - selectionCenterX);
+        }
         setIsToggleMode(true);
         setIsToggleFrozen(true);
         setIsInputExpanded(true);

package/dist/{chunk-2EGDLG6B.cjs → chunk-TAXVLGRB.cjs} RENAMED Viewed

@@ -3846,13 +3846,20 @@ var Arrow = (props) => {
     return _el$6;
   })();
 };
-var ClickToCopyPill = (props) => (() => {
-  var _el$7 = _tmpl$5(), _el$8 = _el$7.firstChild;
-  addEventListener(_el$7, "click", props.onClick);
-  insert(_el$8, () => props.hasParent ? "Copy" : "Click to copy");
-  createRenderEffect(() => className(_el$7, cn("contain-layout shrink-0 flex items-center px-0 py-px w-fit h-[18px] rounded-[1.5px] gap-[3px]", props.asButton && "cursor-pointer", props.dimmed && "opacity-50 hover:opacity-100 transition-opacity")));
-  return _el$7;
-})();
+var ClickToCopyPill = (props) => {
+  const labelText = () => {
+    if (props.hasAgent) return "Selecting";
+    if (props.hasParent) return "Copy";
+    return "Click to copy";
+  };
+  return (() => {
+    var _el$7 = _tmpl$5(), _el$8 = _el$7.firstChild;
+    addEventListener(_el$7, "click", props.onClick);
+    insert(_el$8, labelText);
+    createRenderEffect(() => className(_el$7, cn("contain-layout shrink-0 flex items-center px-0 py-px w-fit h-[18px] rounded-[1.5px] gap-[3px]", props.asButton && "cursor-pointer", props.dimmed && "opacity-50 hover:opacity-100 transition-opacity")));
+    return _el$7;
+  })();
+};
 var BottomSection = (props) => (() => {
   var _el$9 = _tmpl$6();
   insert(_el$9, () => props.children);
@@ -4077,6 +4084,9 @@ var SelectionLabel = (props) => {
             shrink: true,
             get hasParent() {
               return !!props.componentName;
+            },
+            get hasAgent() {
+              return props.hasAgent;
             }
           }), null);
           insert(_el$21, createComponent(Show, {
@@ -4147,6 +4157,9 @@ var SelectionLabel = (props) => {
             shrink: true,
             get hasParent() {
               return !!props.componentName;
+            },
+            get hasAgent() {
+              return props.hasAgent;
             }
           }), null);
           insert(_el$30, createComponent(Show, {
@@ -6138,7 +6151,7 @@ var createAgentManager = (initialAgentOptions) => {
       agentOptions?.onResume?.(sessionWithResumeStatus);
       const abortController = new AbortController();
       abortControllers.set(existingSession.id, abortController);
-      const streamIterator = agentOptions.provider.resume(existingSession.id, abortController.signal);
+      const streamIterator = agentOptions.provider.resume(existingSession.id, abortController.signal, storage);
       void executeSessionStream(existingSession, streamIterator);
     }
   };
@@ -6314,7 +6327,7 @@ var init = (rawOptions) => {
   hasInited = true;
   const logIntro = () => {
     try {
-      const version = "0.0.61";
+      const version = "0.0.63";
       const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
       console.log(`%cReact Grab${version ? ` v${version}` : ""}%c
 https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid #d75fcb; padding: 4px 4px 4px 24px; border-radius: 4px; background-image: url("${logoDataUri}"); background-size: 16px 16px; background-repeat: no-repeat; background-position: 4px center; display: inline-block; margin-bottom: 4px;`, "");
@@ -6356,6 +6369,7 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
     const [didJustDrag, setDidJustDrag] = createSignal(false);
     const [copyStartX, setCopyStartX] = createSignal(OFFSCREEN_POSITION);
     const [copyStartY, setCopyStartY] = createSignal(OFFSCREEN_POSITION);
+    const [copyOffsetFromCenterX, setCopyOffsetFromCenterX] = createSignal(0);
     const [viewportVersion, setViewportVersion] = createSignal(0);
     const [isInputMode, setIsInputMode] = createSignal(false);
     const [inputText, setInputText] = createSignal("");
@@ -6506,6 +6520,12 @@ https://react-grab.com`, `background: #330039; color: #ffffff; border: 1px solid
     const executeCopyOperation = async (positionX, positionY, operation, bounds, tagName, componentName, element) => {
       setCopyStartX(positionX);
       setCopyStartY(positionY);
+      if (bounds) {
+        const selectionCenterX = bounds.x + bounds.width / 2;
+        setCopyOffsetFromCenterX(positionX - selectionCenterX);
+      } else {
+        setCopyOffsetFromCenterX(0);
+      }
       setIsCopying(true);
       startProgressAnimation();
       const instanceId = bounds && tagName ? createLabelInstance(bounds, tagName, componentName, "copying", element, positionX) : null;
@@ -6708,12 +6728,27 @@ ${plainTextContentOnly}` : plainTextContentOnly;
         return _el$10;
       })();
     });
-    const cursorPosition = createMemo(() => isCopying() ? {
-      x: copyStartX(),
-      y: copyStartY()
-    } : {
-      x: mouseX(),
-      y: mouseY()
+    const cursorPosition = createMemo(() => {
+      if (isCopying() || isInputExpanded()) {
+        viewportVersion();
+        const element = frozenElement() || targetElement();
+        if (element) {
+          const bounds = createElementBounds(element);
+          const selectionCenterX = bounds.x + bounds.width / 2;
+          return {
+            x: selectionCenterX + copyOffsetFromCenterX(),
+            y: copyStartY()
+          };
+        }
+        return {
+          x: copyStartX(),
+          y: copyStartY()
+        };
+      }
+      return {
+        x: mouseX(),
+        y: mouseY()
+      };
     });
     createEffect(on(() => [targetElement(), lastGrabbedElement()], ([currentElement, lastElement]) => {
       if (lastElement && currentElement && lastElement !== currentElement) {
@@ -6972,6 +7007,14 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       deactivateRenderer();
     };
     const handleToggleExpand = () => {
+      const element = frozenElement() || targetElement();
+      if (element) {
+        const bounds = createElementBounds(element);
+        const selectionCenterX = bounds.x + bounds.width / 2;
+        setCopyStartX(mouseX());
+        setCopyStartY(mouseY());
+        setCopyOffsetFromCenterX(mouseX() - selectionCenterX);
+      }
       setIsToggleMode(true);
       setIsToggleFrozen(true);
       setIsInputExpanded(true);
@@ -7118,6 +7161,14 @@ ${plainTextContentOnly}` : plainTextContentOnly;
       if (event.key === "Enter" && isHoldingKeys() && !isInputMode()) {
         event.preventDefault();
         event.stopPropagation();
+        const element = frozenElement() || targetElement();
+        if (element) {
+          const bounds = createElementBounds(element);
+          const selectionCenterX = bounds.x + bounds.width / 2;
+          setCopyStartX(mouseX());
+          setCopyStartY(mouseY());
+          setCopyOffsetFromCenterX(mouseX() - selectionCenterX);
+        }
         setIsToggleMode(true);
         setIsToggleFrozen(true);
         setIsInputExpanded(true);

package/dist/{core-Dpg0VXHq.d.cts → core-CZmmuMr9.d.cts} RENAMED Viewed

@@ -210,7 +210,7 @@ interface AgentSession {
 }
 interface AgentProvider<T = any> {
     send: (context: AgentContext<T>, signal: AbortSignal) => AsyncIterable<string>;
-    resume?: (sessionId: string, signal: AbortSignal) => AsyncIterable<string>;
+    resume?: (sessionId: string, signal: AbortSignal, storage: AgentSessionStorage) => AsyncIterable<string>;
     supportsResume?: boolean;
 }
 interface AgentSessionStorage {

package/dist/{core-Dpg0VXHq.d.ts → core-CZmmuMr9.d.ts} RENAMED Viewed

@@ -210,7 +210,7 @@ interface AgentSession {
 }
 interface AgentProvider<T = any> {
     send: (context: AgentContext<T>, signal: AbortSignal) => AsyncIterable<string>;
-    resume?: (sessionId: string, signal: AbortSignal) => AsyncIterable<string>;
+    resume?: (sessionId: string, signal: AbortSignal, storage: AgentSessionStorage) => AsyncIterable<string>;
     supportsResume?: boolean;
 }
 interface AgentSessionStorage {

package/dist/core.cjs CHANGED Viewed

@@ -1,34 +1,34 @@
 'use strict';
-var chunk2EGDLG6B_cjs = require('./chunk-2EGDLG6B.cjs');
+var chunkTAXVLGRB_cjs = require('./chunk-TAXVLGRB.cjs');
 Object.defineProperty(exports, "DEFAULT_THEME", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.DEFAULT_THEME; }
+  get: function () { return chunkTAXVLGRB_cjs.DEFAULT_THEME; }
 });
 Object.defineProperty(exports, "formatElementInfo", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.getElementContext; }
+  get: function () { return chunkTAXVLGRB_cjs.getElementContext; }
 });
 Object.defineProperty(exports, "generateSnippet", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.generateSnippet; }
+  get: function () { return chunkTAXVLGRB_cjs.generateSnippet; }
 });
 Object.defineProperty(exports, "getFileName", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.getFileName; }
+  get: function () { return chunkTAXVLGRB_cjs.getFileName; }
 });
 Object.defineProperty(exports, "getStack", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.getStack; }
+  get: function () { return chunkTAXVLGRB_cjs.getStack; }
 });
 Object.defineProperty(exports, "init", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.init; }
+  get: function () { return chunkTAXVLGRB_cjs.init; }
 });
 Object.defineProperty(exports, "isInstrumentationActive", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.Ee; }
+  get: function () { return chunkTAXVLGRB_cjs.Ee; }
 });

package/dist/core.d.cts CHANGED Viewed

@@ -1,3 +1,3 @@
-export { A as AgentContext, o as AgentProvider, n as AgentSession, D as DEFAULT_THEME, O as Options, f as OverlayBounds, R as ReactGrabAPI, s as ReactGrabRendererProps, a as formatElementInfo, b as generateSnippet, r as getFileName, g as getStack, i as init } from './core-Dpg0VXHq.cjs';
+export { A as AgentContext, o as AgentProvider, n as AgentSession, p as AgentSessionStorage, D as DEFAULT_THEME, O as Options, f as OverlayBounds, R as ReactGrabAPI, s as ReactGrabRendererProps, a as formatElementInfo, b as generateSnippet, r as getFileName, g as getStack, i as init } from './core-CZmmuMr9.cjs';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
-export { A as AgentContext, o as AgentProvider, n as AgentSession, D as DEFAULT_THEME, O as Options, f as OverlayBounds, R as ReactGrabAPI, s as ReactGrabRendererProps, a as formatElementInfo, b as generateSnippet, r as getFileName, g as getStack, i as init } from './core-Dpg0VXHq.js';
+export { A as AgentContext, o as AgentProvider, n as AgentSession, p as AgentSessionStorage, D as DEFAULT_THEME, O as Options, f as OverlayBounds, R as ReactGrabAPI, s as ReactGrabRendererProps, a as formatElementInfo, b as generateSnippet, r as getFileName, g as getStack, i as init } from './core-CZmmuMr9.js';
 export { isInstrumentationActive } from 'bippy';
 import 'bippy/source';

package/dist/core.js CHANGED Viewed

	@@ -1 +1 @@
1	- export { DEFAULT_THEME, getElementContext as formatElementInfo, generateSnippet, getFileName, getStack, init, Ee as isInstrumentationActive } from './chunk-~~BPIV2CRB~~.js';
1	+ export { DEFAULT_THEME, getElementContext as formatElementInfo, generateSnippet, getFileName, getStack, init, Ee as isInstrumentationActive } from './chunk-GJFQUCRH.js';

package/dist/index.cjs CHANGED Viewed

@@ -1,6 +1,6 @@
 'use strict';
-var chunk2EGDLG6B_cjs = require('./chunk-2EGDLG6B.cjs');
+var chunkTAXVLGRB_cjs = require('./chunk-TAXVLGRB.cjs');
 /**
  * @license MIT
@@ -31,7 +31,7 @@ if (typeof window !== "undefined") {
   if (window.__REACT_GRAB__) {
     globalApi = window.__REACT_GRAB__;
   } else {
-    globalApi = chunk2EGDLG6B_cjs.init();
+    globalApi = chunkTAXVLGRB_cjs.init();
     window.__REACT_GRAB__ = globalApi;
     window.dispatchEvent(
       new CustomEvent("react-grab:init", { detail: globalApi })
@@ -41,27 +41,27 @@ if (typeof window !== "undefined") {
 Object.defineProperty(exports, "DEFAULT_THEME", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.DEFAULT_THEME; }
+  get: function () { return chunkTAXVLGRB_cjs.DEFAULT_THEME; }
 });
 Object.defineProperty(exports, "formatElementInfo", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.getElementContext; }
+  get: function () { return chunkTAXVLGRB_cjs.getElementContext; }
 });
 Object.defineProperty(exports, "generateSnippet", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.generateSnippet; }
+  get: function () { return chunkTAXVLGRB_cjs.generateSnippet; }
 });
 Object.defineProperty(exports, "getStack", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.getStack; }
+  get: function () { return chunkTAXVLGRB_cjs.getStack; }
 });
 Object.defineProperty(exports, "init", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.init; }
+  get: function () { return chunkTAXVLGRB_cjs.init; }
 });
 Object.defineProperty(exports, "isInstrumentationActive", {
   enumerable: true,
-  get: function () { return chunk2EGDLG6B_cjs.Ee; }
+  get: function () { return chunkTAXVLGRB_cjs.Ee; }
 });
 exports.getGlobalApi = getGlobalApi;
 exports.setGlobalApi = setGlobalApi;

package/dist/index.d.cts CHANGED Viewed

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

package/dist/index.d.ts CHANGED Viewed

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