deps: upgrade takumi to v1, fix visual bugs

hmr.html

@@ -164,13 +164,30 @@
             const me = edgeAt(mineData, x, y);
             const oe = edgeAt(origData, x, y);
 
-            const mr = me > t ? 255 : 0;
-            const og = oe > t ? 255 : 0;
+            const mineEdge = me > t;
+            const origEdge = oe > t;
 
-            o[i] = mr;       // mine = red
-            o[i + 1] = og;   // original = green
-            o[i + 2] = 0;
-            o[i + 3] = Math.max(mr, og);
+            if (mineEdge && origEdge) {
+              // matching = green
+              o[i] = 0;
+              o[i + 1] = 255;
+              o[i + 2] = 0;
+              o[i + 3] = 255;
+            } else if (origEdge) {
+              // original missing from mine = red
+              o[i] = 255;
+              o[i + 1] = 0;
+              o[i + 2] = 0;
+              o[i + 3] = 255;
+            } else if (mineEdge) {
+              // extra in mine = yellow
+              o[i] = 255;
+              o[i + 1] = 255;
+              o[i + 2] = 0;
+              o[i + 3] = 255;
+            } else {
+              o[i + 3] = 0;
+            }
           }
 
           else if (mode.value === "diff") {
@@ -207,7 +224,6 @@
       ctx.fillText(String(err), 20, 30);
     });
 
-    // ENTER = refresh (anywhere, unless typing in input)
     window.addEventListener("keydown", (e) => {
       if (e.key === "Enter" && !["INPUT", "SELECT"].includes(e.target.tagName)) {
         e.preventDefault();
@@ -215,10 +231,9 @@
       }
     });
 
-    // WINDOW FOCUS = refresh
-    window.addEventListener("focus", () => {
-      refresh();
-    });
+      // window.addEventListener("focus", () => {
+      //   refresh();
+      // });
   </script>
 
 </body>