format files with prettier

Author: HenryLiangzy

src/Annotator/index.story.js

@@ -183,14 +183,12 @@ storiesOf("Annotator", module)
       showTags={false}
       images={[
         {
-          src:
-            "https://s3.amazonaws.com/jobstorage.workaround.online/Atheer/video-frames/VID_20190111_161054.mp4_frame017.png",
+          src: "https://s3.amazonaws.com/jobstorage.workaround.online/Atheer/video-frames/VID_20190111_161054.mp4_frame017.png",
           name: "Bounding Box Test",
           regions: [],
         },
         {
-          src:
-            "https://s3.amazonaws.com/jobstorage.workaround.online/Atheer/video-frames/VID_20190111_161054.mp4_frame001.png",
+          src: "https://s3.amazonaws.com/jobstorage.workaround.online/Atheer/video-frames/VID_20190111_161054.mp4_frame001.png",
           name: "Bounding Box Test",
           regions: [],
         },
@@ -207,8 +205,7 @@ storiesOf("Annotator", module)
       allowedArea={{ x: 0, y: 0.6, w: 0.3, h: 0.3 }}
       images={[
         {
-          src:
-            "https://s3.amazonaws.com/jobstorage.workaround.online/Atheer/video-frames/VID_20190111_161054.mp4_frame017.png",
+          src: "https://s3.amazonaws.com/jobstorage.workaround.online/Atheer/video-frames/VID_20190111_161054.mp4_frame017.png",
           name: "Bounding Box Test",
           regions: [],
         },
@@ -440,14 +437,12 @@ storiesOf("Annotator", module)
         ]}
         images={[
           {
-            src:
-              "https://s3.amazonaws.com/asset.workaround.online/SampleVideo_1280x720_1mb.mp4",
+            src: "https://s3.amazonaws.com/asset.workaround.online/SampleVideo_1280x720_1mb.mp4",
             frameTime: 0,
             name: "Frame 1",
           },
           {
-            src:
-              "https://s3.amazonaws.com/asset.workaround.online/SampleVideo_1280x720_1mb.mp4",
+            src: "https://s3.amazonaws.com/asset.workaround.online/SampleVideo_1280x720_1mb.mp4",
             frameTime: 4500,
             name: "Frame 2",
           },

src/Annotator/reducers/combine-reducers.js

@@ -1,6 +1,7 @@
-export default (...reducers) => (state, action) => {
-  for (const reducer of reducers) {
-    state = reducer(state, action)
+export default (...reducers) =>
+  (state, action) => {
+    for (const reducer of reducers) {
+      state = reducer(state, action)
+    }
+    return state
   }
-  return state
-}

src/Annotator/reducers/general-reducer.js

@@ -44,9 +44,8 @@ export default (state: MainLayoutState, action: Action) => {
     state = setIn(state, ["lastAction"], action)
   }
 
-  const { currentImageIndex, pathToActiveImage, activeImage } = getActiveImage(
-    state
-  )
+  const { currentImageIndex, pathToActiveImage, activeImage } =
+    getActiveImage(state)
 
   const getRegionIndex = (region) => {
     const regionId =
@@ -634,9 +633,8 @@ export default (state: MainLayoutState, action: Action) => {
         }
         case "create-keypoints": {
           state = saveToHistory(state, "Create Keypoints")
-          const [
-            [keypointsDefinitionId, { landmarks, connections }],
-          ] = (Object.entries(state.keypointDefinitions): any)
+          const [[keypointsDefinitionId, { landmarks, connections }]] =
+            (Object.entries(state.keypointDefinitions): any)
 
           newRegion = {
             type: "keypoints",

src/Annotator/reducers/image-reducer.js

@@ -8,9 +8,8 @@ import { setIn } from "seamless-immutable"
 import getActiveImage from "./get-active-image"
 
 export default (state: MainLayoutImageAnnotationState, action: Action) => {
-  const { currentImageIndex, pathToActiveImage, activeImage } = getActiveImage(
-    state
-  )
+  const { currentImageIndex, pathToActiveImage, activeImage } =
+    getActiveImage(state)
 
   switch (action.type) {
     case "IMAGE_OR_VIDEO_LOADED": {

src/DemoSite/Editor.js

@@ -51,13 +51,11 @@ export const examples = {
     // showTags: true,
     images: [
       {
-        src:
-          "https://images.unsplash.com/photo-1496905583330-eb54c7e5915a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80",
+        src: "https://images.unsplash.com/photo-1496905583330-eb54c7e5915a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80",
         name: "hot-dogs-1",
       },
       {
-        src:
-          "https://www.bianchi.com/wp-content/uploads/2019/07/YPB17I555K.jpg",
+        src: "https://www.bianchi.com/wp-content/uploads/2019/07/YPB17I555K.jpg",
         name: "bianchi-oltre-xr4",
       },
     ],
@@ -70,8 +68,7 @@ export const examples = {
     enabledTools: ["select", "create-polygon"],
     images: [
       {
-        src:
-          "https://images.unsplash.com/photo-1561518776-e76a5e48f731?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80",
+        src: "https://images.unsplash.com/photo-1561518776-e76a5e48f731?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80",
         name: "car-image-1",
       },
     ],

src/FullImageSegmentationAnnotator/index.story.js

@@ -64,8 +64,7 @@ storiesOf("FullImageSegmentationAnnotator.Basic", module)
         images={[
           {
             name: "Seve's Desk",
-            src:
-              "https://s3.amazonaws.com/datasets.workaround.online/faces/010041.jpg",
+            src: "https://s3.amazonaws.com/datasets.workaround.online/faces/010041.jpg",
             regions: [
               [0, 100, 125],
               [0, 100, 150],

src/MainLayout/use-implied-video-regions.js

@@ -10,8 +10,8 @@ export default (state: MainLayoutVideoAnnotationState) => {
   if (state.annotationType !== "video") return emptyArr
   const { keyframes, currentVideoTime = 0 } = state
   // TODO memoize
-  return useMemo(() => getImpliedVideoRegions(keyframes, currentVideoTime), [
-    keyframes,
-    currentVideoTime,
-  ])
+  return useMemo(
+    () => getImpliedVideoRegions(keyframes, currentVideoTime),
+    [keyframes, currentVideoTime]
+  )
 }

src/RegionShapes/index.js

@@ -66,9 +66,8 @@ const RegionComponents = {
         `No definition for keypoint configuration "${keypointsDefinitionId}"`
       )
     }
-    const { landmarks, connections } = keypointDefinitions[
-      keypointsDefinitionId
-    ]
+    const { landmarks, connections } =
+      keypointDefinitions[keypointsDefinitionId]
     return (
       <g>
         {Object.entries(points).map(([keypointId, { x, y }], i) => (

src/TagsSidebarBox/index.js

@@ -32,9 +32,10 @@ export const TagsSidebarBox = ({
   const onChangeTags = useEventCallback((o) =>
     onChangeImage({ tags: o.map((a) => a.value) })
   )
-  const selectValue = useMemo(() => (cls ? { value: cls, label: cls } : null), [
-    cls,
-  ])
+  const selectValue = useMemo(
+    () => (cls ? { value: cls, label: cls } : null),
+    [cls]
+  )
   const memoImgClsList = useMemo(
     () => asMutable(imageClsList.map((c) => ({ value: c, label: c }))),
     [imageClsList]

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

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