react-grab 0.1.22 → 0.1.23

package/dist/index.js

@@ -1,4 +1,4 @@
-import {i}from'./chunk-H7IR3CM4.js';export{f as DEFAULT_THEME,g as commentPlugin,c as formatElementInfo,e as generateSnippet,b as getStack,i as init,a as isInstrumentationActive,h as openPlugin}from'./chunk-H7IR3CM4.js';/**
+import {i}from'./chunk-4CCAJASE.js';export{f as DEFAULT_THEME,g as commentPlugin,c as formatElementInfo,e as generateSnippet,b as getStack,i as init,a as isInstrumentationActive,h as openPlugin}from'./chunk-4CCAJASE.js';/**
  * @license MIT
  *
  * Copyright (c) 2025 Aiden Bai

package/dist/react.cjs

@@ -2152,7 +2152,7 @@ var VERSION, VIEWPORT_MARGIN_PX, OFFSCREEN_POSITION, SELECTION_LERP_FACTOR, FEED
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
-    VERSION = "0.1.22";
+    VERSION = "0.1.23";
     VIEWPORT_MARGIN_PX = 8;
     OFFSCREEN_POSITION = -1e3;
     SELECTION_LERP_FACTOR = 0.95;
@@ -2799,6 +2799,7 @@ var init_store2 = __esm({
           if (store.current.state === "justCopied") {
             const shouldReturnToActive = store.current.wasActive && !store.wasActivatedByToggle;
             if (shouldReturnToActive) {
+              actions.clearFrozenElement();
               setStore("current", {
                 state: "active",
                 phase: "hovering",
@@ -4746,13 +4747,6 @@ var init_overlay_canvas = __esm({
         initializeCanvas();
         scheduleAnimationFrame();
       };
-      createEffect(on(() => [props.mouseX, props.mouseY], ([mouseX, mouseY]) => {
-        const targetX = mouseX ?? 0;
-        const targetY = mouseY ?? 0;
-        crosshairCurrentPosition.x = targetX;
-        crosshairCurrentPosition.y = targetY;
-        scheduleAnimationFrame();
-      }));
       createEffect(on(() => props.crosshairVisible, () => {
         scheduleAnimationFrame();
       }));
@@ -4877,6 +4871,15 @@ var init_overlay_canvas = __esm({
       onMount(() => {
         initializeCanvas();
         scheduleAnimationFrame();
+        const handlePointerMove = (event) => {
+          if (!event.isPrimary) return;
+          crosshairCurrentPosition.x = event.clientX;
+          crosshairCurrentPosition.y = event.clientY;
+          scheduleAnimationFrame();
+        };
+        window.addEventListener("pointermove", handlePointerMove, {
+          passive: true
+        });
         window.addEventListener("resize", handleWindowResize);
         let currentDprMediaQuery = null;
         const handleDevicePixelRatioChange = () => {
@@ -4895,6 +4898,7 @@ var init_overlay_canvas = __esm({
         };
         setupDprMediaQuery();
         onCleanup(() => {
+          window.removeEventListener("pointermove", handlePointerMove);
           window.removeEventListener("resize", handleWindowResize);
           if (currentDprMediaQuery) {
             currentDprMediaQuery.removeEventListener("change", handleDevicePixelRatioChange);
@@ -13021,12 +13025,6 @@ var init_renderer = __esm({
         get crosshairVisible() {
           return props.crosshairVisible;
         },
-        get mouseX() {
-          return props.mouseX;
-        },
-        get mouseY() {
-          return props.mouseY;
-        },
         get selectionVisible() {
           return props.selectionVisible;
         },
@@ -15458,7 +15456,7 @@ var init_log_intro = __esm({
     init_is_extension_context();
     logIntro = () => {
       try {
-        const version = "0.1.22";
+        const version = "0.1.23";
         const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
         console.log(
           `%cReact Grab${version ? ` v${version}` : ""}%c

package/dist/react.js

@@ -2140,7 +2140,7 @@ var VERSION, VIEWPORT_MARGIN_PX, OFFSCREEN_POSITION, SELECTION_LERP_FACTOR, FEED
 var init_constants = __esm({
   "src/constants.ts"() {
     "use strict";
-    VERSION = "0.1.22";
+    VERSION = "0.1.23";
     VIEWPORT_MARGIN_PX = 8;
     OFFSCREEN_POSITION = -1e3;
     SELECTION_LERP_FACTOR = 0.95;
@@ -2787,6 +2787,7 @@ var init_store2 = __esm({
           if (store.current.state === "justCopied") {
             const shouldReturnToActive = store.current.wasActive && !store.wasActivatedByToggle;
             if (shouldReturnToActive) {
+              actions.clearFrozenElement();
               setStore("current", {
                 state: "active",
                 phase: "hovering",
@@ -4734,13 +4735,6 @@ var init_overlay_canvas = __esm({
         initializeCanvas();
         scheduleAnimationFrame();
       };
-      createEffect(on(() => [props.mouseX, props.mouseY], ([mouseX, mouseY]) => {
-        const targetX = mouseX ?? 0;
-        const targetY = mouseY ?? 0;
-        crosshairCurrentPosition.x = targetX;
-        crosshairCurrentPosition.y = targetY;
-        scheduleAnimationFrame();
-      }));
       createEffect(on(() => props.crosshairVisible, () => {
         scheduleAnimationFrame();
       }));
@@ -4865,6 +4859,15 @@ var init_overlay_canvas = __esm({
       onMount(() => {
         initializeCanvas();
         scheduleAnimationFrame();
+        const handlePointerMove = (event) => {
+          if (!event.isPrimary) return;
+          crosshairCurrentPosition.x = event.clientX;
+          crosshairCurrentPosition.y = event.clientY;
+          scheduleAnimationFrame();
+        };
+        window.addEventListener("pointermove", handlePointerMove, {
+          passive: true
+        });
         window.addEventListener("resize", handleWindowResize);
         let currentDprMediaQuery = null;
         const handleDevicePixelRatioChange = () => {
@@ -4883,6 +4886,7 @@ var init_overlay_canvas = __esm({
         };
         setupDprMediaQuery();
         onCleanup(() => {
+          window.removeEventListener("pointermove", handlePointerMove);
           window.removeEventListener("resize", handleWindowResize);
           if (currentDprMediaQuery) {
             currentDprMediaQuery.removeEventListener("change", handleDevicePixelRatioChange);
@@ -13009,12 +13013,6 @@ var init_renderer = __esm({
         get crosshairVisible() {
           return props.crosshairVisible;
         },
-        get mouseX() {
-          return props.mouseX;
-        },
-        get mouseY() {
-          return props.mouseY;
-        },
         get selectionVisible() {
           return props.selectionVisible;
         },
@@ -15446,7 +15444,7 @@ var init_log_intro = __esm({
     init_is_extension_context();
     logIntro = () => {
       try {
-        const version = "0.1.22";
+        const version = "0.1.23";
         const logoDataUri = `data:image/svg+xml;base64,${btoa(LOGO_SVG)}`;
         console.log(
           `%cReact Grab${version ? ` v${version}` : ""}%c

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-grab",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "description": "Select context for coding agents directly from your website",
   "keywords": [
     "agent",
@@ -22,7 +22,11 @@
     "type": "git",
     "url": "git+https://github.com/aidenybai/react-grab.git"
   },
+  "bin": {
+    "react-grab": "./bin/cli.js"
+  },
   "files": [
+    "bin",
     "dist",
     "package.json",
     "README.md",
@@ -79,7 +83,8 @@
   "dependencies": {
     "@medv/finder": "^4.0.2",
     "bippy": "^0.5.30",
-    "solid-js": "^1.9.10"
+    "solid-js": "^1.9.10",
+    "@react-grab/cli": "0.1.23"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",