@deepnoid/canvas 0.1.50 → 0.1.51

package/dist/components/AnnotationCanvas/_utils/createHistory.d.ts

@@ -1,11 +1,11 @@
 import { Coordinate } from '../../../types';
 export type CoordinateHistory = {
-    getHistory: () => Coordinate[][];
+    getHistory: () => Coordinate[][] | undefined;
     getHistoryIndex: () => number;
     setHistoryIndex: (index: number) => void;
     init: (coordinates?: Coordinate[]) => void;
     add: (coordinates: Coordinate[]) => void;
-    undo: () => Coordinate[];
+    undo: () => Coordinate[] | undefined;
     redo: () => Coordinate[] | undefined;
 };
 export declare const createHistory: () => CoordinateHistory;

package/dist/components/AnnotationCanvas/_utils/createHistory.js

@@ -1,5 +1,5 @@
 export const createHistory = () => {
-    let history = [];
+    let history = undefined;
     let historyIndex = -1;
     return {
         getHistory: () => history,
@@ -12,21 +12,25 @@ export const createHistory = () => {
             historyIndex = 0;
         },
         add: (coordinates) => {
+            if (history === undefined) {
+                history = [];
+                historyIndex = -1;
+            }
             history.splice(historyIndex + 1);
             history.push(coordinates);
             historyIndex++;
         },
         undo: () => {
-            if (historyIndex > -1)
-                historyIndex--;
-            return history[historyIndex] || [];
+            if (history === undefined || historyIndex <= 0)
+                return undefined;
+            historyIndex--;
+            return history[historyIndex];
         },
         redo: () => {
-            if (historyIndex < history.length - 1) {
-                historyIndex++;
-                return history[historyIndex];
-            }
-            return undefined;
+            if (history === undefined || historyIndex > history.length)
+                return undefined;
+            historyIndex++;
+            return history[historyIndex];
         },
     };
 };

package/dist/components/AnnotationCanvas/index.js

@@ -72,6 +72,9 @@ const AnnotationCanvas = ({ image, coordinates, setCoordinates, options, drawing
     }, [image, resetOnImageChange]);
     useEffect(() => {
         if (imageRef.current.src) {
+            const history = historyRef.current.getHistory();
+            if (!history)
+                historyRef.current.init(coordinates);
             updateDisplayCoordinates(coordinates);
         }
     }, [coordinates, imageRef.current]);

package/dist/components/AnnotationLayer/_hooks/drawEvents/rectangle.d.ts

@@ -1,5 +1,5 @@
 import { DrawEventsParams } from './useDrawEvents';
 export declare const handleMouseDownRectangle: ({ canvasRef, canvasStateRef, mouseActionRef, mousePointRef, setMousePoint, startMousePointRef, currentCoordinateRef, coordinatesRef, rectangleAnchorRef, }: DrawEventsParams) => (event: globalThis.MouseEvent) => void;
 export declare const handleMouseMoveRectangle: ({ canvasRef, canvasStateRef, mouseActionRef, mousePointRef, setMousePoint, prevMousePointRef, currentCoordinateRef, coordinatesRef, rectangleAnchorRef, }: DrawEventsParams) => (event: globalThis.MouseEvent) => void;
-export declare const handleMouseUpRectangle: ({ canvasRef, canvasStateRef, mouseActionRef, mousePointRef, setMousePoint, startMousePointRef, prevMousePointRef, currentCoordinateRef, coordinatesRef, setCoordinates, rectangleAnchorRef, historyRef, drawLabelRef, }: DrawEventsParams) => (event: globalThis.MouseEvent) => void;
+export declare const handleMouseUpRectangle: ({ canvasRef, canvasStateRef, mouseActionRef, mousePointRef, setMousePoint, startMousePointRef, prevMousePointRef, currentCoordinateRef, coordinatesRef, setCoordinates, rectangleAnchorRef, drawLabelRef, }: DrawEventsParams) => (event: globalThis.MouseEvent) => void;
 export declare const handleMouseLeaveRectangle: ({ canvasRef, canvasStateRef, setMousePoint, startMousePointRef, prevMousePointRef, mouseActionRef, rectangleAnchorRef, }: DrawEventsParams) => (event: globalThis.MouseEvent) => void;

package/dist/components/AnnotationLayer/_hooks/drawEvents/rectangle.js

@@ -36,7 +36,7 @@ export const handleMouseMoveRectangle = ({ canvasRef, canvasStateRef, mouseActio
     });
     event.preventDefault();
 };
-export const handleMouseUpRectangle = ({ canvasRef, canvasStateRef, mouseActionRef, mousePointRef, setMousePoint, startMousePointRef, prevMousePointRef, currentCoordinateRef, coordinatesRef, setCoordinates, rectangleAnchorRef, historyRef, drawLabelRef, }) => (event) => {
+export const handleMouseUpRectangle = ({ canvasRef, canvasStateRef, mouseActionRef, mousePointRef, setMousePoint, startMousePointRef, prevMousePointRef, currentCoordinateRef, coordinatesRef, setCoordinates, rectangleAnchorRef, drawLabelRef, }) => (event) => {
     if (!canvasRef.current || !isMouseClickAction(event.button, MouseAction.LEFT))
         return;
     const mousePoint = getCanvasMousePoint(event, canvasRef.current, canvasStateRef.current);

package/package.json

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