@deepnoid/canvas 0.1.54 → 0.1.55

package/dist/components/AnnotationLayer/_hooks/useMouse.js

@@ -2,6 +2,7 @@ import { useCallback } from 'react';
 import { isMouseClickAction, mapButtonToMouseAction, MouseAction } from '../../../utils/mouseActions';
 import { DrawMode } from '../../../enum/common';
 import { cloneDeep } from '../../../utils/common/cloneDeep';
+import { deepEqual } from '../../../utils/common/deepEqual';
 export const INIT_POINT = { x: 0, y: 0, selected: false };
 export function useMouse({ canvasRef, mouseActionRef, setMousePoint, coordinatesRef, setCoordinates, historyRef, selectedDrawMode, }) {
     const handleMouseDown = useCallback((event) => {
@@ -15,7 +16,11 @@ export function useMouse({ canvasRef, mouseActionRef, setMousePoint, coordinates
         if (canvasRef.current && isMouseClickAction(event.button, MouseAction.LEFT) && selectedDrawMode) {
             if (selectedDrawMode === DrawMode.RECTANGLE && coordinatesRef?.current && setCoordinates) {
                 setCoordinates(coordinatesRef.current);
-                historyRef.current?.add(cloneDeep(coordinatesRef.current));
+                const history = historyRef.current?.getHistory();
+                const lastHistoryItem = history && history.length > 0 ? history[history.length - 1] : null;
+                const cloneCoordinates = cloneDeep(coordinatesRef.current);
+                if (!deepEqual(lastHistoryItem, cloneCoordinates))
+                    historyRef.current?.add(cloneCoordinates);
             }
         }
         mouseActionRef.current = null;

package/dist/utils/common/deepEqual.d.ts

@@ -0,0 +1 @@
+export declare const deepEqual: (obj1: any, obj2: any) => boolean;

package/dist/utils/common/deepEqual.js

@@ -0,0 +1,34 @@
+export const deepEqual = (obj1, obj2) => {
+    if (obj1 === obj2)
+        return true;
+    if (obj1 == null || obj2 == null)
+        return false;
+    if (typeof obj1 !== typeof obj2)
+        return false;
+    if (typeof obj1 !== 'object')
+        return obj1 === obj2;
+    const isArray1 = Array.isArray(obj1);
+    const isArray2 = Array.isArray(obj2);
+    if (isArray1 !== isArray2)
+        return false;
+    if (isArray1 && isArray2) {
+        if (obj1.length !== obj2.length)
+            return false;
+        for (let i = 0; i < obj1.length; i++) {
+            if (!deepEqual(obj1[i], obj2[i]))
+                return false;
+        }
+        return true;
+    }
+    const keys1 = Object.keys(obj1);
+    const keys2 = Object.keys(obj2);
+    if (keys1.length !== keys2.length)
+        return false;
+    for (const key of keys1) {
+        if (!keys2.includes(key))
+            return false;
+        if (!deepEqual(obj1[key], obj2[key]))
+            return false;
+    }
+    return true;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deepnoid/canvas",
-  "version": "0.1.54",
+  "version": "0.1.55",
   "type": "module",
   "license": "MIT",
   "main": "./dist/index.cjs",