rocket-cursor-component 1.0.8 → 1.0.9

package/README.md

@@ -54,7 +54,7 @@ Here’s a demo of the Rocket Cursor in action:
 
 ## Changelog
 
-### 1.0.8
+### 1.0.9
 
 - Added support to hide the Rocket Cursor on elements with the class `no-rocket-cursor`.
 

package/dist/rocket.Cursor.js

@@ -8,6 +8,12 @@ const RocketCursor = ({ size = 50, threshold = 10, isVisible = true, }) => {
     const lastSignificantPosition = useRef({ x: 0, y: 0 });
     const lastMoveTimestamp = useRef(Date.now());
     const handleMouseMove = useCallback((e) => {
+        const target = e.target;
+        // hide rocket cursor if there is class "no-rocket-cursor"
+        if (target.closest(".no-rocket-cursor")) {
+            setVisible(false);
+            return;
+        }
         const currentPosition = { x: e.clientX, y: e.clientY };
         setPosition(currentPosition);
         const dx = currentPosition.x - lastSignificantPosition.current.x;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rocket-cursor-component",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "A customizable React component that replaces the cursor with an animated rocket.",
   "main": "dist/rocket.Cursor.js",
   "types": "dist/rocket.Cursor.d.ts",

package/src/rocket.Cursor.tsx

@@ -20,7 +20,14 @@ const RocketCursor: React.FC<RocketCursorProps> = ({
   const lastMoveTimestamp = useRef(Date.now());
 
   const handleMouseMove = useCallback(
-    (e: { clientX: any; clientY: any }) => {
+    (e: MouseEvent) => {
+      const target = e.target as HTMLElement;
+      // hide rocket cursor if there is class "no-rocket-cursor"
+      if (target.closest(".no-rocket-cursor")) {
+        setVisible(false);
+        return;
+      }
+
       const currentPosition = { x: e.clientX, y: e.clientY };
       setPosition(currentPosition);