lost-sia 2.0.1-alpha8 → 3.0.0

package/dist/utils/TimeUtils.js

@@ -0,0 +1 @@
+const r=(t,o)=>{const n=((o-t)/1e3).toFixed(2);return Number.parseFloat(n)},d={getRoundedDuration:r};export{d as default};

package/dist/utils/color.d.ts

@@ -0,0 +1,2 @@
+export declare const getColor: (index?: number) => string;
+export declare const getDefaultColor: () => string;

package/dist/utils/color.js

@@ -0,0 +1 @@
+const a=["#46aed7","#e28f81","#50b897","#88712f","#9cb067","#a4527d","#a55046","#6e90da","#487b3b","#6360a7","#cd8fd3","#d5a442","#cf7635","#da4971","#a4b137","#d44da4","#aa54be","#5ab74d","#7166d9","#d14734"],e=(d=0)=>a[d%a.length],o=()=>a[0];export{e as getColor,o as getDefaultColor};

package/dist/utils/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TimeUtils } from './TimeUtils';
+export { uiConfig, SIA_INITIAL_UI_CONFIG } from './uiConfig';

package/dist/utils/index.js

@@ -0,0 +1 @@
+import{default as e}from"./TimeUtils.js";import{SIA_INITIAL_UI_CONFIG as i,uiConfig as r}from"./uiConfig.js";export{i as SIA_INITIAL_UI_CONFIG,e as TimeUtils,r as uiConfig};

package/dist/utils/mouse.d.ts

@@ -0,0 +1,6 @@
+import { MouseEvent } from 'react';
+import { Point, Vector2 } from '../types';
+declare const _default: {
+    getAntiScaledMouseStagePosition: (e: MouseEvent, pageToStageOffset: Point, svgScale: number, svgTranslation: Vector2) => Point;
+};
+export default _default;

package/dist/utils/mouse.js

@@ -0,0 +1 @@
+const d=(o,t,e,s)=>{const a={x:o.pageX,y:o.pageY},n={x:a.x-t.x,y:a.y-t.y},x={x:n.x/e,y:n.y/e};return{x:x.x-s.x,y:x.y-s.y}},y={getAntiScaledMouseStagePosition:d};export{y as default};

package/dist/utils/siaIcons.js

@@ -0,0 +1,12 @@
+import{jsx as n}from"react/jsx-runtime";function o(){return n("svg",{version:"1.1",id:"Linie",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1190.549 841.891",width:"17px",children:n("path",{fill:"currentColor",d:`M986.331,109.582c7.141-10.669,28.926-51.179-2.968-85.299S891.011,8.972,891.011,8.972L539.125,133.474
+                L63.239,302.022c-21.503,7.998-53.586,30.072-60.956,61.716s-2.116,58.538,22.414,96.79S211.33,752.213,228.564,777.28
+                c26.453,36.868,62.16,58.042,105.507,57.154s365.665-7.485,365.665-7.485l331.7-8.325l89.453-2.293c0,0,70.998-7.179,69.861-60.287
+                c-1.135-53.108-74.618-62.721-74.618-62.721s-733.215,15.553-749.148,15.576c-22.688,0.201-45.355-15.278-54.146-28.928
+                s-175.79-272.956-175.79-272.956l600.587-212.338c0,0-73.179,67.087-99.315,100.041s-30.56,74.565-5.053,95.237
+                c31.188,24.081,91.974-3.708,123.127-39.312C782.35,323.912,979.191,120.251,986.331,109.582z`})})}function r(){return n("svg",{version:"1.1",id:"Linie",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1190.549 841.891",width:"17px",children:n("path",{fill:"none",stroke:"currentColor",strokeWidth:"120",strokeMiterlimit:"10",d:`M929.775,710.655
+                c0,23.386-19.134,42.52-42.52,42.52H278.991c-23.386,0-42.52-19.134-42.52-42.52V102.392c0-23.386,19.134-42.52,42.52-42.52
+                h608.264c23.386,0,42.52,19.134,42.52,42.52V710.655z`})})}function t(){return n("svg",{version:"1.1",id:"Linie",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1190.549 841.891",width:"17px",children:n("path",{fill:"none",stroke:"currentColor",strokeWidth:"120",strokeMiterlimit:"10",d:`M342.327,769.938
+                c-23.379,0.548-52.922-15.056-65.65-34.674L65.479,409.738c-12.729-19.619-5.085-41.998,16.984-49.732L917.331,67.421
+                c22.07-7.734,26.86-0.275,10.645,16.576L691.761,329.475c-16.216,16.852-14.503,42.542,3.807,57.092l425.212,337.901
+                c18.31,14.549,14.16,26.901-9.219,27.449L342.327,769.938z`})})}function c(){return n("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1190.549 841.891",width:"17px",children:n("path",{fill:"currentColor",d:`M748.197,408.286c0,151.355-122.699,274.058-274.059,274.058c-151.357,0-274.057-122.703-274.057-274.058
+                c0-151.356,122.7-274.057,274.057-274.057C625.497,134.229,748.197,256.929,748.197,408.286z`})})}export{r as bBoxIcon,o as lineIcon,c as pointIcon,t as polygonIcon};

package/dist/utils/transform.d.ts

@@ -0,0 +1,28 @@
+import { Point, Vector2 } from '../types';
+/**
+ * Get point that is closest to the left browser side.
+ *
+ * @param points list of points {x,y}
+ * @returns {object} A list of point [{x,y}...]. Multiple points are
+ *  returned when multiple points have the same distance to the left side.
+ */
+export declare const getMostLeftPoints: (points: Point[]) => Point[];
+/**
+ * Get point that is closest to the top of the browser.
+ *
+ * @param points list of points [x,y]
+ * @returns A list of point [[x,y]...]. Multiple points are
+ *  returned when multiple points have the same distance to the top.
+ */
+export declare const getTopPoint: (points: Point[]) => Point[];
+declare const _default: {
+    convertImageCoordinatesToStage: (imageCoordinates: Point[], imageSize: Vector2, stageSize: Vector2) => Point[];
+    convertPercentagedCoordinatesToImage: (percentagedCoordinates: Point[], imageSize: Vector2) => Point[];
+    convertPercentagedCoordinatesToStage: (percentagedCoordinates: Point[], imageSize: Vector2, stageSize: Vector2) => Point[];
+    convertStageCoordinatesToImage: (stageCoordinates: Point[], imageToStageFactor: number) => Point[];
+    convertStageCoordinatesToPercentaged: (scaledCoordinates: Point[], imageToStageFactor: number, imageSize: Vector2) => Point[];
+    convertStageToPage: (stageCoordinates: Point, pageToStageOffset: Point, svgScale: number, svgTranslation: Vector2) => Point;
+    getMostLeftPoints: (points: Point[]) => Point[];
+    getTopPoint: (points: Point[]) => Point[];
+};
+export default _default;

package/dist/utils/transform.js

@@ -0,0 +1 @@
+const c=(r,o,t)=>{const e=t.x/o.x;return r.map(s=>({x:s.x*e,y:s.y*e}))},d=(r,o)=>r.map(e=>({x:e.x*o.x,y:e.y*o.y})),y=(r,o,t)=>{const e=d(r,o);return c(e,o,t)},x=(r,o)=>r.map(e=>({x:e.x/o,y:e.y/o})),C=(r,o,t)=>x(r,o).map(n=>(n.x<0&&(n.x=0),n.y<0&&(n.y=0),n.x>t.x&&(n.x=t.x),n.y>t.y&&(n.y=t.y),n)).map(n=>({x:n.x/t.x,y:n.y/t.y})),g=(r,o,t,e)=>{const a={x:r.x+e.x,y:r.y+e.y},s={x:a.x*t,y:a.y*t};return{x:s.x+o.x,y:s.y+o.y}},u=r=>{let o=1/0,t=[];return r.forEach(e=>{e.x<o?(o=e.x,t=[],t.push(e)):e.x===o&&t.push(e)}),t},m=r=>{let o=1/0,t=[];return r.forEach(e=>{e.y<o?(o=e.y,t=[],t.push(e)):e.y===o&&t.push(e)}),t},f={convertImageCoordinatesToStage:c,convertPercentagedCoordinatesToImage:d,convertPercentagedCoordinatesToStage:y,convertStageCoordinatesToImage:x,convertStageCoordinatesToPercentaged:C,convertStageToPage:g,getMostLeftPoints:u,getTopPoint:m};export{f as default,u as getMostLeftPoints,m as getTopPoint};

package/dist/utils/uiConfig.js

@@ -0,0 +1 @@
+const i={nodeRadius:4,strokeWidth:4,annoDetails:{visible:!1},labelInfo:{visible:!1},annoStats:{visible:!1}},n=localStorage.getItem("sia-ui-config")?JSON.parse(localStorage.getItem("sia-ui-config")):i,o=(t,s)=>{Object.keys(t).forEach(e=>{const l={key:e,type:typeof t[e]};s.push(l),typeof t[e]=="object"&&o(t[e],s)})};let c=[],r=[];o(i,c);o(n,r);const a=()=>JSON.stringify(c)===JSON.stringify(r)?n:i,f=a();export{i as SIA_INITIAL_UI_CONFIG,f as uiConfig};

package/dist/utils/windowViewport.d.ts

@@ -0,0 +1,22 @@
+import { Point, Vector2 } from '../types';
+declare const _default: {
+    getViewportCoordinates: (svgTranslation: Vector2, canvasSize: Vector2, svgScale: number, pointInViewport: Point) => {
+        window: {
+            xMin: number;
+            xMax: number;
+            yMin: number;
+            yMax: number;
+        };
+        viewport: {
+            xMin: number;
+            xMax: number;
+            yMin: number;
+            yMax: number;
+        };
+        vX: number;
+        vY: number;
+        scaleX: number;
+        scaleY: number;
+    };
+};
+export default _default;

package/dist/utils/windowViewport.js

@@ -0,0 +1 @@
+const d=(y,n,o,t)=>{const x={xMin:-1*y.x,xMax:-1*y.x+n.x/o,yMin:-1*y.y,yMax:-1*y.y+n.y/o},M={xMin:0,xMax:n.x,yMin:0,yMax:n.y},i=(M.xMax-M.xMin)/(x.xMax-x.xMin),c=(M.yMax-M.yMin)/(x.yMax-x.yMin),w=M.xMin+(t.x-x.xMin)*i,e=M.yMin+(t.y-x.yMin)*c;return{window:x,viewport:M,vX:w,vY:e,scaleX:i,scaleY:c}},r={getViewportCoordinates:d};export{r as default};

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "lost-sia",
-  "version": "2.0.1-alpha8",
+  "version": "3.0.0",
   "description": "Single Image Annotation Tool",
   "license": "MIT",
   "repository": "l3p-cv/lost-sia",
-  "main": "src/index.js",
-  "module": "src/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "type": "module",
-  "types": "src/index.d.ts",
+  "types": "./dist/index.d.ts",
   "keywords": [
     "lost",
     "annotation",
@@ -20,22 +20,17 @@
   },
   "exports": {
     ".": {
-      "development": {
-        "types": "./src/types.ts",
-        "import": "./src/index.ts"
-      },
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
     "./utils": {
-      "development": "./src/utils/index.js",
       "types": "./dist/utils/index.d.ts",
       "import": "./dist/utils/index.js",
       "require": "./dist/utils/index.js"
     },
     "./models": {
-      "development": "./src/models/index.js",
+      "bun": "./src/models/index.js",
       "types": "./dist/models/index.d.ts",
       "import": "./dist/models/index.js",
       "require": "./dist/models/index.js"
@@ -58,7 +53,8 @@
     "start": "storybook dev -p 6006",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "format": "prettier --write src/"
+    "format": "prettier --write src/",
+    "pretty": "prettier --write \"./**/*.{js,jsx,mjs,cjs,ts,tsx,json}\""
   },
   "dependencies": {
     "@fortawesome/free-regular-svg-icons": "^6.7.2",
@@ -72,28 +68,35 @@
     "semantic-ui-react": "^2.0.3"
   },
   "peerDependencies": {
-    "@coreui/react": "^5.7.0",
+    "@coreui/react": "^5.9.1",
     "prop-types": "^15.5.4",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.39.1",
     "@microsoft/api-extractor": "^7.52.13",
+    "@storybook/addon-docs": "^9.1.10",
     "@storybook/addon-links": "^9.0.12",
     "@storybook/react": "^9.0.12",
     "@storybook/react-vite": "^9.0.12",
     "@storybook/test": "9.0.0-alpha.2",
+    "@types/react": "^19.1.16",
+    "@typescript-eslint/eslint-plugin": "^8.46.1",
+    "@typescript-eslint/parser": "^8.46.1",
     "@vitejs/plugin-react": "^4.3.0",
     "cross-env": "^7.0.3",
-    "eslint": "^8.0.1",
+    "eslint": "^9.39.1",
     "eslint-config-standard": "^17.1.0",
     "eslint-config-standard-react": "^13.0.0",
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-promise": "^6.6.0",
-    "eslint-plugin-react": "^7.34.2",
+    "eslint-plugin-promise": "^7.2.1",
+    "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-standard": "^5.0.0",
-    "glob": "^10.4.5",
+    "eslint-plugin-storybook": "^10.0.7",
+    "glob": "^11.0.3",
     "lodash-es": "^4.17.21",
     "prettier": "^3.3.3",
     "react-redux": "^9.1.2",

package/src/AnnoExampleViewer.jsx

@@ -1,24 +1,24 @@
-import Prompt from "./Prompt";
-import React from "react";
-import { Card, Image } from "semantic-ui-react";
+import Prompt from './Prompt'
+import React from 'react'
+import { Card, Image } from 'semantic-ui-react'
 
 const LabelExampleViewer = (props) => {
   const requestExample = (e) => {
-    e.stopPropagation();
+    e.stopPropagation()
     if (props.onRequestExample) {
-      props.onRequestExample();
+      props.onRequestExample()
     }
-  };
+  }
   const renderContent = () => {
-    if (!props.lbl) return null;
-    if (!props.exampleImg) return null;
+    if (!props.lbl) return null
+    if (!props.exampleImg) return null
     const description = (
       <div>
         {props.lbl.description}
         <h4>Comment:</h4>
-        {props.exampleImg.anno ? props.exampleImg.anno.comment : "no comment"}
+        {props.exampleImg.anno ? props.exampleImg.anno.comment : 'no comment'}
       </div>
-    );
+    )
     return (
       <div>
         <Card
@@ -46,24 +46,24 @@ const LabelExampleViewer = (props) => {
             {props.lbl.description}
             <Image src={props.exampleImg.img} centered size='medium'></Image> */}
       </div>
-    );
-  };
+    )
+  }
 
   const handlePromptClick = () => {
     if (props.onClose) {
-      props.onClose();
+      props.onClose()
     }
-  };
+  }
 
   return (
     <Prompt
       onClick={() => {
-        handlePromptClick();
+        handlePromptClick()
       }}
       active={props.active}
       content={renderContent()}
     />
-  );
-};
+  )
+}
 
-export default LabelExampleViewer;
+export default LabelExampleViewer

package/src/Annotation/logic/Annotation.ts

@@ -1,19 +1,18 @@
-import AnnotationMode from "../../models/AnnotationMode";
-import AnnotationStatus from "../../models/AnnotationStatus";
-import AnnotationTool from "../../models/AnnotationTool";
-import { Point } from "../../types";
+import { AnnotationMode } from '../../models'
+import AnnotationStatus from '../../models/AnnotationStatus'
+import AnnotationTool from '../../models/AnnotationTool'
+import { Point } from '../../types'
 
 class Annotation {
-  internalId: number;
-  externalId?: string;
-  annoTime?: number;
-  coordinates: Point[];
-  labelIds?: number[];
-  mode: AnnotationMode; // do we even need this globally? - only really used inside AnnotationComponent
-  selectedNode: number;
-  status?: AnnotationStatus;
-  type: AnnotationTool;
-  timestamp?: DOMHighResTimeStamp;
+  internalId: number
+  externalId?: string
+  annoTime: number
+  coordinates: Point[]
+  labelIds?: number[]
+  mode: AnnotationMode // do we even need this globally? - only really used inside AnnotationComponent
+  selectedNode: number
+  status: AnnotationStatus
+  type: AnnotationTool
 
   constructor(
     internalId: number,
@@ -21,19 +20,18 @@ class Annotation {
     coordinates: Point[],
     mode: AnnotationMode = AnnotationMode.CREATE,
     status: AnnotationStatus = AnnotationStatus.CREATING,
-    externalId: string = "",
+    externalId: string = '',
   ) {
-    this.internalId = internalId;
-    this.externalId = externalId;
-    this.labelIds = [];
-    this.type = type;
-    this.mode = mode;
-    this.status = status;
-    this.coordinates = coordinates;
-    this.selectedNode = 1;
-    this.timestamp = performance.now();
-    this.annoTime = 0.0;
+    this.internalId = internalId
+    this.externalId = externalId
+    this.labelIds = []
+    this.type = type
+    this.mode = mode
+    this.status = status
+    this.coordinates = coordinates
+    this.selectedNode = 1
+    this.annoTime = 0
   }
 }
 
-export default Annotation;
+export default Annotation