@searpent/react-image-annotate 2.0.3 → 2.0.6

package/package.json

@@ -1,7 +1,9 @@
 {
   "name": "@searpent/react-image-annotate",
-  "version": "2.0.3",
+  "version": "2.0.6",
   "dependencies": {
+    "@editorjs/editorjs": "^2.25.0",
+    "@editorjs/paragraph": "^2.8.0",
     "@emotion/react": "^11.7.0",
     "@emotion/styled": "^11.6.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.12",
@@ -20,6 +22,7 @@
     "moment": "^2.23.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
+    "react-editor-js": "^2.0.6",
     "react-full-screen": "^0.3.1",
     "react-hotkeys": "^2.0.0",
     "react-json-view": "^1.19.1",

package/utils/filter-only-unique.js

@@ -0,0 +1,5 @@
+function onlyUnique(value, index, self) {
+  return self.indexOf(value) === index;
+}
+
+export default onlyUnique;

package/utils/photosToImages.js

@@ -0,0 +1,53 @@
+function labelAndTextFromResultText(resultText) {
+  if (!resultText) {
+    return {};
+  }
+
+  var parsedResultText = JSON.parse(resultText);
+  var label = parsedResultText[0].label;
+  var text = parsedResultText[0].text;
+  return {
+    label: label,
+    text: text
+  };
+}
+
+function modelResultsToRegions(modelResults) {
+  return modelResults.map(function (r) {
+    var _labelAndTextFromResu = labelAndTextFromResultText(r.text),
+        label = _labelAndTextFromResu.label,
+        text = _labelAndTextFromResu.text;
+
+    return {
+      id: r.id,
+      type: "box",
+      visible: 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 photosToImages(photos) {
+  return photos.map(function (photo) {
+    return {
+      id: photo.id,
+      src: photo.fullsize.key,
+      thumbnail: photo.thumbnail.key,
+      name: photo.fullsize.key,
+      regions: modelResultsToRegions(photo.modelResults.v1.filter(function (mr) {
+        return mr.name === 'extraction-engine';
+      })[0].results),
+      metadata: photo.metadata
+    };
+  });
+}
+
+export default photosToImages;

package/utils/regions-to-blocks.js

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