@annotorious/annotorious 3.1.3 → 3.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@annotorious/annotorious",
-  "version": "3.1.3",
+  "version": "3.1.5",
   "description": "Add image annotation functionality to any web page with a few lines of JavaScript",
   "author": "Rainer Simon",
   "license": "BSD-3-Clause",
@@ -43,14 +43,14 @@
     "jsdom": "^26.0.0",
     "svelte": "^4.2.19",
     "svelte-preprocess": "^6.0.3",
-    "typescript": "5.7.3",
+    "typescript": "5.8.2",
     "vite": "^5.4.14",
     "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.4"
+    "vitest": "^3.0.8"
   },
   "dependencies": {
-    "@annotorious/core": "3.1.3",
+    "@annotorious/core": "3.1.5",
     "rbush": "^4.0.1",
-    "uuid": "^11.0.5"
+    "uuid": "^11.1.0"
   }
 }

package/src/annotation/SVGAnnotationLayer.svelte

@@ -156,7 +156,7 @@
     {#each $store.filter(a => isImageAnnotation(a)) as annotation}
       {#if isImageAnnotation(annotation) && !isEditable(annotation)}
         {@const selector = annotation.target.selector}
-        {#key annotation.id}
+        {#key annotation}
           {#if (selector?.type === ShapeType.ELLIPSE)}
             <Ellipse 
               annotation={annotation} 

package/src/annotation/tools/polygon/RubberbandPolygon.svelte

@@ -22,7 +22,7 @@
   // Keep track of the user keeping the finger
   // in place. Long pauses will be interpreted like a 
   // double click and close the shape.
-  let touchPauseTimer: number | undefined;
+  let touchPauseTimer: ReturnType<typeof setTimeout> | undefined;
 
   let isClosable: boolean = false;
 
@@ -121,17 +121,18 @@
     }
   }
 
-  const onDblClick = () => {
+  const onDblClick = () => {    
     if (!cursor) return;
 
-    // Require min 3 points (incl. cursor) and minimum
-    // polygon area
-    const p = [...points, cursor];
+    // Require min 3 points and minimum polygon area.
+    // Note that the double click will have added a duplicate point!
+    const p = points.slice(0, -1);
+    if (p.length < 3) return;
 
     const shape: Polygon = {
       type: ShapeType.POLYGON, 
       geometry: {
-        bounds: boundsFromPoints(p),
+        bounds: boundsFromPoints(points),
         points: p
       }
     }
@@ -140,7 +141,7 @@
     if (area > 4) {
       points = [];
       cursor = undefined;
-    
+
       dispatch('create', shape);
     }
   }
@@ -156,7 +157,7 @@
 
     points = [];
     cursor = undefined;
-  
+
     dispatch('create', shape);
   }