@searpent/react-image-annotate 2.0.76 → 2.0.78

package/src/hooks/use-window-size.js

@@ -1,46 +0,0 @@
-// @flow
-
-import { useEffect } from "react"
-
-import { useRafState, useInterval } from "react-use"
-
-const useWindowSize = (initialWidth = Infinity, initialHeight = Infinity) => {
-  const isClient = typeof window !== "undefined"
-  const [state, setState] = useRafState({
-    width: isClient ? window.innerWidth : initialWidth,
-    height: isClient ? window.innerHeight : initialHeight,
-  })
-
-  useEffect(() => {
-    if (!isClient) return
-    const handler = () => {
-      setState({
-        width: window.innerWidth,
-        height: window.innerHeight,
-      })
-    }
-
-    window.addEventListener("resize", handler)
-
-    return () => {
-      window.removeEventListener("resize", handler)
-    }
-  }, [])
-
-  useInterval(() => {
-    if (!isClient) return
-    if (
-      window.innerWidth !== state.width ||
-      window.innerHeight !== state.height
-    ) {
-      setState({
-        width: window.innerWidth,
-        height: window.innerHeight,
-      })
-    }
-  }, 100)
-
-  return state
-}
-
-export default useWindowSize

package/src/index.js

@@ -1,18 +0,0 @@
-// @flow
-
-import React from "react"
-import ReactDOM from "react-dom"
-import Theme from "./Theme"
-import DemoSite from "./DemoSite"
-import LandingPage from "./LandingPage"
-import "./site.css"
-
-const Site = () => {
-  const path = window.location.pathname
-    .replace(/\/$/, "")
-    .split("/")
-    .slice(-1)[0]
-  return <Theme>{path === "demo" ? <DemoSite /> : <LandingPage />}</Theme>
-}
-
-ReactDOM.render(<Site />, document.getElementById("root"))

package/src/lib.js

@@ -1,7 +0,0 @@
-// @flow
-
-import Annotator from "./Annotator"
-
-export { Annotator }
-
-export default Annotator

package/src/site.css

@@ -1,5 +0,0 @@
-html,
-body {
-  padding: 0;
-  margin: 0;
-}

package/src/stories.js

@@ -1,2 +0,0 @@
-const importAll = (r) => r.keys().map(r)
-importAll(require.context("./", true, /\.story\.js$/))

package/src/utils/blocks-to-article.js

@@ -1,61 +0,0 @@
-import { whitespaceCharactersToHTML } from '../Editor/annotation-plugin/annotation';
-
-function sanitizedText(text) {
-  const escapedWhitespaces = whitespaceCharactersToHTML(text);
-
-  // remove whitespaces
-  const trimmed = escapedWhitespaces.trim();
-
-  // replace dashes at the end of sentence
-  const noTrailingDash = trimmed.replace(/-$/, "")
-
-  return noTrailingDash;
-}
-
-function getConnectingSymbol(labelName) {
-  switch (labelName) {
-    case 'text':
-      return "";
-    case 'appendix':
-      return "<br><br>"
-    default:
-      return "<br>"
-  }
-}
-
-function blocksToArticle(blocks) {
-  const renamedBlocks = blocks.map(b => {
-    const newBlock = {
-      ...b, data: {
-        ...b.data,
-        labelName: b.data.labelName === 'interview' ? 'text' : b.data.labelName
-      }
-    }
-    return newBlock
-  })
-
-  const article = renamedBlocks.reduce((acc, curr) => {
-    const { labelName, text } = curr?.data;
-    if (acc[labelName] === undefined) {
-      acc[labelName] = ""
-    }
-
-    let connectingSymbol = getConnectingSymbol(labelName);
-
-    // if last symbol is dot, next sentence should start with space
-    if (acc[labelName].charAt(acc[labelName].length - 1) === "." && connectingSymbol === "") {
-      connectingSymbol = " "
-    }
-
-    acc[labelName] = acc[labelName] + connectingSymbol + sanitizedText(text);
-
-    return acc;
-  }, {
-    title: "",
-    text: ""
-  })
-
-  return article;
-}
-
-export default blocksToArticle;

package/src/utils/get-from-local-storage.js

@@ -1,7 +0,0 @@
-export default (key, defaultValue) => {
-  try {
-    return JSON.parse(window.localStorage[`__REACT_IMAGE_ANNOTATE_${key}`])
-  } catch (e) {
-    return defaultValue
-  }
-}

package/src/utils/get-hotkey-help-text.js

@@ -1,11 +0,0 @@
-import { getApplicationKeyMap } from "react-hotkeys"
-
-export const getHotkeyHelpText = (commandName) => {
-  const firstSequence =
-    getApplicationKeyMap()[commandName]?.sequences?.[0]?.sequence
-
-  if (!firstSequence) return ""
-  return ` (${firstSequence})`
-}
-
-export default getHotkeyHelpText

package/src/utils/get-landmarks-with-transform.js

@@ -1,23 +0,0 @@
-// @flow
-import type { KeypointDefinition } from "../ImageCanvas/region-tools"
-
-type Parameters = {
-  center: { x: number, y: number },
-  scale: number,
-  landmarks: {
-    [string]: KeypointDefinition,
-  },
-}
-
-export default ({ center, scale, landmarks }: Parameters) => {
-  const points = {}
-  for (const [keypointId, { defaultPosition }] of (Object.entries(
-    landmarks
-  ): any)) {
-    points[keypointId] = {
-      x: defaultPosition[0] * scale + center.x,
-      y: defaultPosition[1] * scale + center.y,
-    }
-  }
-  return points
-}

package/src/utils/photosToImages.js

@@ -1,67 +0,0 @@
-function labelAndTextFromResultText(resultText) {
-  if (!resultText) { return {} }
-  const parsedResultText = JSON.parse(resultText);
-  const label = parsedResultText[0].label;
-  const text = parsedResultText[0].text;
-  return { label, text }
-}
-
-function extractionEngineModelResultsToRegions(modelResults) {
-  return modelResults.map(r => {
-    const { label, text } = labelAndTextFromResultText(r.text);
-    return {
-      id: r.id,
-      type: "box",
-      visible: r.label === 'metadata' ? false : true,
-      cls: label,
-      highlighted: false,
-      groupHighlighted: false,
-      x: r.box.X1,
-      y: r.box.Y1,
-      w: r.box.X2 - r.box.X1,
-      h: r.box.Y2 - r.box.Y1,
-      groupId: r.groupId,
-      text: text,
-    }
-  })
-}
-
-function metadataEngineModelResultsToRegions(modelResults) {
-  return modelResults.map(r => {
-    return {
-      id: r.id,
-      type: "box",
-      visible: false,
-      cls: "metadata",
-      highlighted: false,
-      groupHighlighted: false,
-      x: r.box.X1,
-      y: r.box.Y1,
-      w: r.box.X2 - r.box.X1,
-      h: r.box.Y2 - r.box.Y1,
-      groupId: r.groupId,
-      text: r.text,
-    }
-  })
-}
-
-
-function modelResultsToRegions(modelResults) {
-  const extractionEngineRegions = extractionEngineModelResultsToRegions(modelResults.find(mr => mr.name === 'extraction-engine')?.results || [])
-  const metadataEngineRegions = metadataEngineModelResultsToRegions(modelResults.find(mr => mr.name === 'metadata-engine')?.results || [])
-  return [...extractionEngineRegions, ...metadataEngineRegions]
-}
-
-function photosToImages(photos) {
-  return photos.map(photo => ({
-    id: photo.id,
-    src: photo.fullsize.key,
-    thumbnail: photo.thumbnail.key,
-    name: photo.fullsize.key,
-    regions: modelResultsToRegions(photo.modelResults.v1),
-    metadata: photo.metadata,
-    lockedUntil: photo.lockedUntil,
-  }))
-}
-
-export default photosToImages;

package/src/utils/regions-groups.js

@@ -1,19 +0,0 @@
-const MAX_GROUP_LENGTH = 20;
-
-function regionsGroups(regions) {
-  if (!regions) {
-    return []
-  }
-  const groups = regions.reduce((acc, curr) => {
-    const { groupId } = curr;
-    if (acc.some(e => e.id === groupId)) {
-      return acc
-    }
-    acc.push({ id: groupId, label: curr?.text?.substring(0, MAX_GROUP_LENGTH) || groupId })
-    return acc;
-  }, [])
-
-  return groups;
-}
-
-export default regionsGroups;

package/src/utils/regions-to-blocks.js

@@ -1,16 +0,0 @@
-function regionsToBlocks(regions, clsColor) {
-  return regions.map(r => ({
-    id: r.id,
-    type: "annotation",
-    data: {
-      text: r.text || '',
-      labelName: r.cls,
-      groupColor: r.groupColor,
-      groupId: r.groupId,
-      clsColor: clsColor(r.cls),
-      highlighted: r.highlighted,
-    }
-  }))
-}
-
-export default regionsToBlocks;

package/src/utils/saveable-actions-enum.js

@@ -1,5 +0,0 @@
-const reacalcActionsEnum = ["MOUSE_UP_RESIZE_BOX", "DELETE_REGION", "DELETE_GROUP", "MOUSE_UP_MOVE_REGION", "SELECT_CLASSIFICATION", "CHANGE_REGION"]
-
-const saveableActionsEnum = [reacalcActionsEnum, "UPDATE_REGIONS", "UPDATE_METADATA", "UPDATE_ALBUM_METADATA"];
-
-export { saveableActionsEnum, reacalcActionsEnum };

package/src/utils/set-in-local-storage.js

@@ -1,6 +0,0 @@
-export default (key, val) => {
-  window.localStorage.setItem(
-    `__REACT_IMAGE_ANNOTATE_${key}`,
-    JSON.stringify(val)
-  )
-}

package/src/utils/sleep.js

@@ -1,3 +0,0 @@
-const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
-
-export default sleep;

package/src/utils/uuid-to-hash.js

@@ -1,5 +0,0 @@
-const uuidToHash = (id) => {
-  return id.slice(0, 8)
-}
-
-export default uuidToHash;