lost-sia 2.0.1-alpha8 → 3.0.0

package/src/types/cursorstyles.js

@@ -1,3 +0,0 @@
-export const CREATE_NODE = "crosshair";
-export const EDIT_NODE = "crosshair";
-export const NORMAL_NODE = "default";

package/src/types/modes.js

@@ -1,9 +0,0 @@
-export const VIEW = "view";
-export const EDIT = "edit";
-export const CREATE = "create";
-export const MOVE = "move";
-export const ADD = "add";
-export const REMOVE_NODE = "removeNode";
-export const CAMERA_MOVE = "cameraMove";
-export const EDIT_LABEL = "editLabel";
-export const DELETED = "deleted";

package/src/types/notificationType.js

@@ -1,11 +0,0 @@
-const INFO = "info";
-const SUCCESS = "success";
-const WARNING = "warning";
-const ERROR = "error";
-
-export default {
-  INFO,
-  SUCCESS,
-  WARNING,
-  ERROR,
-};

package/src/types/toolbarEvents.js

@@ -1,35 +0,0 @@
-export const TOOL_SELECTED = "toolSelected";
-export const GET_NEXT_IMAGE = "getNextImage";
-export const GET_PREV_IMAGE = "getPrevImage";
-export const TASK_FINISHED = "taskFinished";
-export const SHOW_IMAGE_LABEL_INPUT = "showImageLabelInput";
-export const IMG_IS_JUNK = "imageIsJunk";
-export const DELETE_ALL_ANNOS = "deleteAllAnnos";
-export const SET_FULLSCREEN = "setFullscreen";
-export const SHOW_ANNO_DETAILS = "showAnnoDetails";
-export const SHOW_LABEL_INFO = "showLabelInfo";
-export const SHOW_ANNO_STATS = "showAnnoStats";
-export const EDIT_STROKE_WIDTH = "editStrokeWidth";
-export const EDIT_NODE_RADIUS = "editNodeRadius";
-export const APPLY_FILTER = "applyFilter";
-export const SAVE = "save";
-export const CLEAR_SAM_HELPER_ANNOS = "clearSamHelperAnnos"; // for clearing SAM helper annotations
-
-export default {
-  TOOL_SELECTED,
-  GET_NEXT_IMAGE,
-  GET_PREV_IMAGE,
-  TASK_FINISHED,
-  SHOW_IMAGE_LABEL_INPUT,
-  IMG_IS_JUNK,
-  DELETE_ALL_ANNOS,
-  SET_FULLSCREEN,
-  SHOW_ANNO_DETAILS,
-  SHOW_LABEL_INFO,
-  SHOW_ANNO_STATS,
-  EDIT_STROKE_WIDTH,
-  EDIT_NODE_RADIUS,
-  APPLY_FILTER,
-  SAVE,
-  CLEAR_POINTS: CLEAR_SAM_HELPER_ANNOS,
-};

package/src/types/tools.js

@@ -1,17 +0,0 @@
-export const POINT = "point";
-export const BBOX = "bBox";
-export const LINE = "line";
-export const POLYGON = "polygon";
-export const POSITIVE_POINT = "positivePoint"; // for positive point SAM
-export const NEGATIVE_POINT = "negativePoint"; // for negative point SAM
-export const SAM_BBOX = "samBBox"; // bbox for guiding SAM
-
-export default {
-  POINT,
-  BBOX,
-  LINE,
-  POLYGON,
-  POSITIVE_POINT,
-  NEGATIVE_POINT,
-  SAM_BBOX,
-};

package/src/types.tsx

@@ -1,11 +0,0 @@
-import Annotation from "./Annotation/logic/Annotation";
-
-export type Point = {
-  x: number;
-  y: number;
-};
-
-export type PolygonOperationResult = {
-  polygonsToCreate: Point[][];
-  annotationsToDelete: Annotation[];
-};

package/src/utils/annoConversion.js

@@ -1,145 +0,0 @@
-import * as transform from "./transform";
-import * as annoStatus from "../types/annoStatus";
-import * as modes from "../types/modes";
-import { uniqueId } from "lodash-es";
-
-function _fixBackendAnnoElement(element) {
-  return {
-    ...element,
-    id: element.id ? element.id : uniqueId("new"),
-    annoTime: element.annoTime ? element.annoTime : 0.0,
-    mode: element.mode ? element.mode : modes.VIEW,
-    status: element.status ? element.status : annoStatus.DATABASE,
-    labelIds: element.labelIds ? element.labelIds : [],
-  };
-}
-
-export function fixBackendAnnos(backendAnnos) {
-  let annos = {
-    bBoxes: [
-      ...backendAnnos.bBoxes.map((element) => {
-        return _fixBackendAnnoElement(element);
-      }),
-    ],
-    lines: [
-      ...backendAnnos.lines.map((element) => {
-        return _fixBackendAnnoElement(element);
-      }),
-    ],
-    polygons: [
-      ...backendAnnos.polygons.map((element) => {
-        return _fixBackendAnnoElement(element);
-      }),
-    ],
-    points: [
-      ...backendAnnos.points.map((element) => {
-        return _fixBackendAnnoElement(element);
-      }),
-    ],
-  };
-  // console.log("fixBackendAnnos", annos);
-  return annos;
-}
-
-export function backendAnnosToCanvas(backendAnnos, imgSize, imgOffset) {
-  let annos = [
-    ...backendAnnos.bBoxes.map((element) => {
-      return {
-        ...element,
-        type: "bBox",
-        mode: element.mode ? element.mode : modes.VIEW,
-        status: element.status ? element.status : annoStatus.DATABASE,
-      };
-    }),
-    ...backendAnnos.lines.map((element) => {
-      return {
-        ...element,
-        type: "line",
-        mode: element.mode ? element.mode : modes.VIEW,
-        status: element.status ? element.status : annoStatus.DATABASE,
-      };
-    }),
-    ...backendAnnos.polygons.map((element) => {
-      return {
-        ...element,
-        type: "polygon",
-        mode: element.mode ? element.mode : modes.VIEW,
-        status: element.status ? element.status : annoStatus.DATABASE,
-      };
-    }),
-    ...backendAnnos.points.map((element) => {
-      return {
-        ...element,
-        type: "point",
-        mode: element.mode ? element.mode : modes.VIEW,
-        status: element.status ? element.status : annoStatus.DATABASE,
-      };
-    }),
-  ];
-  annos = annos.map((el) => {
-    return {
-      ...el,
-      data: transform.toSia(el.data, imgSize, el.type, imgOffset),
-    };
-  });
-  // this.setState({annos: [...annos]})
-  return annos;
-}
-
-export function canvasToBackendSingleAnno(
-  anno,
-  imgSize,
-  removeFrontedId = false,
-  imgOffset = { x: 0, y: 0 },
-) {
-  var annoId;
-  if (removeFrontedId) {
-    // If an annotation will be send to backend,
-    // ids of new created annoations need to be set to
-    // undefined.
-    annoId = typeof anno.id === "string" ? undefined : anno.id;
-  } else {
-    annoId = anno.id;
-  }
-  return {
-    ...anno,
-    id: annoId,
-    mode: modes.VIEW,
-    data: transform.toBackend(anno.data, imgSize, anno.type, imgOffset),
-  };
-}
-
-export function canvasToBackendAnnos(
-  annos,
-  imgSize,
-  forBackendPost = false,
-  imgOffset = { x: 0, y: 0 },
-) {
-  let myAnnos = annos;
-  const bAnnos = myAnnos.map((el) => {
-    return canvasToBackendSingleAnno(el, imgSize, forBackendPost, imgOffset);
-  });
-
-  const backendFormat = {
-    bBoxes: bAnnos.filter((el) => {
-      return el.type === "bBox";
-    }),
-    lines: bAnnos.filter((el) => {
-      return el.type === "line";
-    }),
-    points: bAnnos.filter((el) => {
-      return el.type === "point";
-    }),
-    polygons: bAnnos.filter((el) => {
-      return el.type === "polygon";
-    }),
-  };
-  return backendFormat;
-}
-
-export default {
-  fixBackendAnnos,
-  backendAnnosToCanvas,
-  canvasToBackendSingleAnno,
-  canvasToBackendAnnos,
-};

package/src/utils/annoConversion2.ts

@@ -1,145 +0,0 @@
-import * as transform from "./transform";
-import * as annoStatus from "../types/annoStatus";
-import * as modes from "../types/modes";
-import _ from "lodash";
-
-function _fixBackendAnnoElement(element) {
-  return {
-    ...element,
-    id: element.id ? element.id : _.uniqueId("new"),
-    annoTime: element.annoTime ? element.annoTime : 0.0,
-    mode: element.mode ? element.mode : modes.VIEW,
-    status: element.status ? element.status : annoStatus.DATABASE,
-    labelIds: element.labelIds ? element.labelIds : [],
-  };
-}
-
-export function fixBackendAnnos(backendAnnos) {
-  let annos = {
-    bBoxes: [
-      ...backendAnnos.bBoxes.map((element) => {
-        return _fixBackendAnnoElement(element);
-      }),
-    ],
-    lines: [
-      ...backendAnnos.lines.map((element) => {
-        return _fixBackendAnnoElement(element);
-      }),
-    ],
-    polygons: [
-      ...backendAnnos.polygons.map((element) => {
-        return _fixBackendAnnoElement(element);
-      }),
-    ],
-    points: [
-      ...backendAnnos.points.map((element) => {
-        return _fixBackendAnnoElement(element);
-      }),
-    ],
-  };
-  // console.log("fixBackendAnnos", annos);
-  return annos;
-}
-
-export function backendAnnosToCanvas(backendAnnos, imgSize, imgOffset) {
-  let annos = [
-    ...backendAnnos.bBoxes.map((element) => {
-      return {
-        ...element,
-        type: "bBox",
-        mode: element.mode ? element.mode : modes.VIEW,
-        status: element.status ? element.status : annoStatus.DATABASE,
-      };
-    }),
-    ...backendAnnos.lines.map((element) => {
-      return {
-        ...element,
-        type: "line",
-        mode: element.mode ? element.mode : modes.VIEW,
-        status: element.status ? element.status : annoStatus.DATABASE,
-      };
-    }),
-    ...backendAnnos.polygons.map((element) => {
-      return {
-        ...element,
-        type: "polygon",
-        mode: element.mode ? element.mode : modes.VIEW,
-        status: element.status ? element.status : annoStatus.DATABASE,
-      };
-    }),
-    ...backendAnnos.points.map((element) => {
-      return {
-        ...element,
-        type: "point",
-        mode: element.mode ? element.mode : modes.VIEW,
-        status: element.status ? element.status : annoStatus.DATABASE,
-      };
-    }),
-  ];
-  annos = annos.map((el) => {
-    return {
-      ...el,
-      data: transform.toSia(el.data, imgSize, el.type, imgOffset),
-    };
-  });
-  // this.setState({annos: [...annos]})
-  return annos;
-}
-
-export function canvasToBackendSingleAnno(
-  anno,
-  imgSize,
-  removeFrontedId = false,
-  imgOffset = { x: 0, y: 0 },
-) {
-  var annoId;
-  if (removeFrontedId) {
-    // If an annotation will be send to backend,
-    // ids of new created annoations need to be set to
-    // undefined.
-    annoId = typeof anno.id === "string" ? undefined : anno.id;
-  } else {
-    annoId = anno.id;
-  }
-  return {
-    ...anno,
-    id: annoId,
-    mode: modes.VIEW,
-    data: transform.toBackend(anno.data, imgSize, anno.type, imgOffset),
-  };
-}
-
-export function canvasToBackendAnnos(
-  annos,
-  imgSize,
-  forBackendPost = false,
-  imgOffset = { x: 0, y: 0 },
-) {
-  let myAnnos = annos;
-  const bAnnos = myAnnos.map((el) => {
-    return canvasToBackendSingleAnno(el, imgSize, forBackendPost, imgOffset);
-  });
-
-  const backendFormat = {
-    bBoxes: bAnnos.filter((el) => {
-      return el.type === "bBox";
-    }),
-    lines: bAnnos.filter((el) => {
-      return el.type === "line";
-    }),
-    points: bAnnos.filter((el) => {
-      return el.type === "point";
-    }),
-    polygons: bAnnos.filter((el) => {
-      return el.type === "polygon";
-    }),
-  };
-  return backendFormat;
-}
-
-export default {
-  fixBackendAnnos,
-  backendAnnosToCanvas,
-  canvasToBackendSingleAnno,
-  canvasToBackendAnnos,
-};

package/src/utils/colorlut.js

@@ -1,68 +0,0 @@
-// const colors30 = ["#dc9769",
-// "#5c69d6",
-// "#51a630",
-// "#9a59cc",
-// "#a1bb37",
-// "#c043a6",
-// "#5fc666",
-// "#de4282",
-// "#58c699",
-// "#d2404e",
-// "#42c0c7",
-// "#d95130",
-// "#598cdd",
-// "#df8830",
-// "#50a2d1",
-// "#c8a73f",
-// "#d87ed5",
-// "#3e7f38",
-// "#af94d8",
-// "#7b8b2d",
-// "#635ea2",
-// "#a1b56d",
-// "#a93e62",
-// "#3e8d68",
-// "#df82ab",
-// "#616c2c",
-// "#955282",
-// "#91692d",
-// "#d47776",
-// "#a94e2c"]
-
-const colors20 = [
-  "#46aed7",
-  "#e28f81",
-  "#50b897",
-  "#88712f",
-  "#9cb067",
-  "#a4527d",
-  "#a55046",
-  "#6e90da",
-  "#487b3b",
-  "#6360a7",
-  "#cd8fd3",
-  "#d5a442",
-  "#cf7635",
-  "#da4971",
-  "#a4b137",
-  "#d44da4",
-  "#aa54be",
-  "#5ab74d",
-  "#7166d9",
-  "#d14734",
-];
-
-const colors = colors20;
-const nColors = 20;
-
-export function getColor(n) {
-  if (n) {
-    return colors[n % nColors];
-  } else {
-    return getDefaultColor();
-  }
-}
-
-export function getDefaultColor() {
-  return colors[0];
-}

package/src/utils/constraints.js

@@ -1,81 +0,0 @@
-import * as annoStatus from "../types/annoStatus";
-
-/**
- * Check if labels can be changed for a specific annotation
- *
- * @param allowedActions Actions that are allowed, read from config
- * @param anno Annotation that should be checked
- * @returns {Boolean}
- */
-export function allowedToLabel(allowedActions, anno) {
-  if (allowedActions.label) {
-    return true;
-    // const status = anno.status
-    // if (!status) return true
-    // if (status !== annoStatus.NEW){
-    //     if (allowedActions.edit.label){
-    //         return true
-    //     } else {
-    //         // console.warn('You may not edit the label of this annotation as defined by config!', anno)
-    //         return false
-    //     }
-    // } else {
-    //     // Return always true if labeling is allowed in general
-    //     // and annotation was not edited (it was NEW)
-    //     return true
-    // }
-  } else {
-    // console.warn(
-    //   "You may not edit the label of this annotation as defined by config!",
-    //   anno,
-    // );
-    return false;
-  }
-}
-
-// /**
-//  * Check if config allows to delete a specific annotation.
-//  *
-//  * @param allowedActions Actions that are allowed, read from config
-//  * @param anno Annotation that should be checked
-//  * @returns {Boolean}
-//  */
-// export function allowedToDelete(allowedActions, anno){
-//     const status = anno.status
-//     if (!status) return true
-//     if (status !== annoStatus.NEW){
-//         if(allowedActions.edit.delete){
-//             return true
-//         } else {
-//             // console.warn('You may not delete this annotation as defined by config!', anno)
-//             return false
-//         }
-//     } else {
-//         return true
-//     }
-// }
-
-/**
- * Check if config allows to edit a specific annotation.
- *
- * @param allowedActions Actions that are allowed, read from config
- * @param anno Annotation that should be checked
- * @returns {Boolean}
- */
-export function allowedToEdit(allowedActions, anno) {
-  const status = anno.status;
-  if (!status) return true;
-  if (status !== annoStatus.NEW) {
-    if (allowedActions.edit) {
-      return true;
-    } else {
-      // console.warn(
-      //   "You may not edit bounds of this annotation as defined by config!",
-      //   anno,
-      // );
-      return false;
-    }
-  } else {
-    return true;
-  }
-}

package/src/utils/index.js

@@ -1 +0,0 @@
-export { uiConfig, SIA_INITIAL_UI_CONFIG } from "./uiConfig";

package/src/utils/keyActions.js

@@ -1,113 +0,0 @@
-export const EDIT_LABEL = "editLabel";
-export const DELETE_ANNO = "deleteAnno";
-export const ENTER_ANNO_ADD_MODE = "enterAnnoAddMode";
-export const LEAVE_ANNO_ADD_MODE = "leaveAnnoAddMode";
-export const UNDO = "undo";
-export const REDO = "redo";
-export const TRAVERSE_ANNOS = "traverseAnnos";
-export const CAM_MOVE_UP = "camMoveUp";
-export const CAM_MOVE_DOWN = "camMoveDown";
-export const CAM_MOVE_LEFT = "camMoveLeft";
-export const CAM_MOVE_RIGHT = "camMoveRight";
-export const CAM_MOVE_STOP = "camMoveStop";
-export const COPY_ANNOTATION = "copyAnnotation";
-export const PASTE_ANNOTATION = "pasteAnnotation";
-export const RECREATE_ANNO = "recreateAnnotation";
-export const DELETE_ANNO_IN_CREATION = "deleteAnnoInCreation";
-export const TOGGLE_ANNO_COMMENT_INPUT = "toggleAnnoCommentInput";
-
-class KeyMapper {
-  constructor(keyActionHandler = undefined) {
-    this.controlDown = false;
-    this.shiftDown = false;
-    this.keyActionHandler = keyActionHandler;
-  }
-
-  keyDown(key) {
-    switch (key) {
-      case "Enter":
-        this.triggerKeyAction(EDIT_LABEL);
-        break;
-      case "Delete":
-        this.triggerKeyAction(DELETE_ANNO);
-        break;
-      case "Backspace":
-        this.triggerKeyAction(DELETE_ANNO);
-        break;
-      case "Control":
-        this.controlDown = true;
-        this.triggerKeyAction(ENTER_ANNO_ADD_MODE);
-        break;
-      case "Shift":
-        this.shiftDown = true;
-        break;
-      case "z":
-        if (this.controlDown) {
-          this.triggerKeyAction(UNDO);
-        }
-        break;
-      case "r":
-        if (this.controlDown) {
-          this.triggerKeyAction(REDO);
-        }
-        break;
-      case "Tab":
-        this.triggerKeyAction(TRAVERSE_ANNOS);
-        break;
-      case "w":
-        this.triggerKeyAction(CAM_MOVE_UP);
-        break;
-      case "s":
-        this.triggerKeyAction(CAM_MOVE_DOWN);
-        break;
-      case "a":
-        this.triggerKeyAction(CAM_MOVE_LEFT);
-        break;
-      case "d":
-        this.triggerKeyAction(CAM_MOVE_RIGHT);
-        break;
-      case "e":
-        this.triggerKeyAction(RECREATE_ANNO);
-        break;
-      case "c":
-        if (this.controlDown) {
-          this.triggerKeyAction(COPY_ANNOTATION);
-        } else {
-          this.triggerKeyAction(TOGGLE_ANNO_COMMENT_INPUT);
-        }
-        break;
-      case "v":
-        if (this.controlDown) {
-          this.triggerKeyAction(PASTE_ANNOTATION);
-        }
-        break;
-      case "Escape":
-        this.triggerKeyAction(DELETE_ANNO_IN_CREATION);
-        break;
-      default:
-        break;
-    }
-  }
-
-  keyUp(key) {
-    switch (key) {
-      case "Control":
-        this.controlDown = false;
-        this.triggerKeyAction(LEAVE_ANNO_ADD_MODE);
-        break;
-      case "Shift":
-        this.shiftDown = false;
-        break;
-      default:
-        break;
-    }
-  }
-
-  triggerKeyAction(keyAction) {
-    if (this.keyActionHandler) {
-      this.keyActionHandler(keyAction);
-    }
-  }
-}
-
-export default KeyMapper;

package/src/utils/mouse.js

@@ -1,14 +0,0 @@
-export function getMousePosition(e, svg) {
-  const absPos = getMousePositionAbs(e, svg);
-  return {
-    x: absPos.x / svg.scale - svg.translateX,
-    y: absPos.y / svg.scale - svg.translateY,
-  };
-}
-
-export function getMousePositionAbs(e, svg) {
-  return {
-    x: e.pageX - svg.left,
-    y: e.pageY - svg.top,
-  };
-}

package/src/utils/mouse2.ts

@@ -1,35 +0,0 @@
-import { Point } from "../types";
-
-/**
- * returns the position of the pouse relative to the (scaled) stage
- * the coordinates are
- * @param e the mouse event
- * @param pageToStageOffset vector2 from the start of the page to the start of the stage
- * @param svgScale the scaling factor of the canvas svg element (can be zoomed in by user)
- * @returns
- */
-const getAntiScaledMouseStagePosition = (
-  e: MouseEvent,
-  pageToStageOffset: Point,
-  svgScale: number,
-): Point => {
-  // get page coordinates of current mouse position relative to the start of the page
-  // https://developer.mozilla.org/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems
-  // convert them into stage coordinates by subtrating the offset between image and page
-  const mousePositionInStageCoordinates: Point = {
-    x: e.pageX - pageToStageOffset.x,
-    y: e.pageY - pageToStageOffset.y,
-  };
-
-  // now we need to counter the stage scaling, because it will be automatically applied when rendering the annotation coordinates
-  const antiScaledMousePositionInStageCoordinates: Point = {
-    x: mousePositionInStageCoordinates.x / svgScale,
-    y: mousePositionInStageCoordinates.y / svgScale,
-  };
-
-  return antiScaledMousePositionInStageCoordinates;
-};
-
-export default {
-  getAntiScaledMouseStagePosition,
-};