checkpoint, seve and tamay

Author: puskuruk

package.json

@@ -10,7 +10,7 @@
     "@semantic-release/git": "^9.0.0",
     "get-image-data": "^3.0.1",
     "material-survey": "^1.0.34",
-    "mmgc1-cpp": "^1.0.2",
+    "mmgc1-cpp": "^1.0.6",
     "moment": "^2.23.0",
     "react-full-screen": "^0.2.4",
     "react-hotkeys": "^2.0.0",

src/ImageMask/index.js

@@ -17,7 +17,7 @@ export default ({
 }) => {
   const [canvasRef, setCanvasRef] = useState(null)
 
-  const lastTimeMMGCRun = useRef(Date.now());
+  const lastTimeMMGCRun = useRef(0);
   const superPixelsGenerated = useRef(false)
   const [sampleImageData, setSampleImageData] = useState()
 
@@ -43,7 +43,9 @@ export default ({
     if (!canvasRef) return
     if (!sampleImageData) return
     if (!mmgc.setImage) return
-    if (Date.now() < lastTimeMMGCRun.current + 5000) return
+    // NEEDS DEBOUNCE
+    if (Date.now() < lastTimeMMGCRun.current + 500) return
+    lastTimeMMGCRun.current = Date.now()
     const context = canvasRef.getContext("2d")
 
     console.log("got the sample image data and ready to mmgc!")
@@ -72,24 +74,29 @@ export default ({
       mmgc.addClassPoint(regionClsList.indexOf(classPoint.cls), Math.floor(
         classPoint.y * sampleImageData.height
         ), Math.floor(classPoint.x * sampleImageData.width
-        ))
+      ))
     }
     // mmgc.addClassPoint(0, 100, 125)
     // mmgc.addClassPoint(1, 10, 10)
     // mmgc.addClassPoint(1, 240, 300)
     mmgc.computeMasks()
     const maskAddress = mmgc.getColoredMask()
-    const cppImDataUint8 = new Uint8ClampedArray(
+    const cppImDataUint8 = new Uint8Array(
       mmgc.HEAPU8.buffer,
       maskAddress,
-      sampleImageData.width * sampleImageData.height * 4
+      sampleImageData.data.length
+      // sampleImageData.width * sampleImageData.height * 4
     )
+    const clampedArray = Uint8ClampedArray.from(cppImDataUint8)
 
-    const maskImageData = new ImageData(cppImDataUint8, sampleImageData.width, sampleImageData.height)
+    window.uint8Arrays = (window.uint8Arrays || []).concat([cppImDataUint8])
+    
+    const maskImageData = new ImageData(clampedArray, sampleImageData.width, sampleImageData.height)
 
     // for (const i = 0; i < cppImDataUint8.length;i++){
     //   sampleImageData.data[i] = cppImDataUint8[i]
     // }
+    console.log(maskImageData.data)
     context.clearRect(0,0,sampleImageData.width, sampleImageData.height)
     context.putImageData(maskImageData, 0, 0)
   }, [canvasRef, sampleImageData, JSON.stringify(classPoints.map(c => [c.x, c.y, c.cls]))])

yarn.lock

@@ -10820,10 +10820,10 @@ mkdirp@0.5.1, mkdirp@0.5.x, mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@
   dependencies:
     minimist "0.0.8"
 
-mmgc1-cpp@^1.0.2:
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/mmgc1-cpp/-/mmgc1-cpp-1.0.2.tgz#6bf7d8c322a094181f1258ad98a5d3cc2355afa9"
-  integrity sha512-UQ0xUJx0L4LVy5H6tQwDLswiLrMXnsrUAo1Fd2sFHlBuNwW+x5xV+ZA+MW3yAoRXJcut5bXJ5MsVOd7dzr5ucA==
+mmgc1-cpp@^1.0.6:
+  version "1.0.6"
+  resolved "https://registry.yarnpkg.com/mmgc1-cpp/-/mmgc1-cpp-1.0.6.tgz#4c3623e984ebf2db8c543e961ac8793f5eb5dcd1"
+  integrity sha512-lSvSxKCmdudBlZWf7DT6Op09wh5yn6ugd/M0695Jfw4Bka63HhEgESz9K5KVA1/u0AumnPbHV1ZOuSqySY5WGw==
 
 moment@^2.23.0:
   version "2.24.0"