how many times will I get this wrong

hasher-matcher-actioner/src/OpenMediaMatch/static/js/main.js

@@ -0,0 +1,3 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+var OMM = OMM || {};

hasher-matcher-actioner/src/OpenMediaMatch/static/js/match_dbg.js

@@ -0,0 +1,71 @@
+// Copyright (c) Meta Platforms, Inc. and affiliates.
+
+var OMM = OMM || {};
+
+OMM.match_dbg = {
+    onFileChange: (id) => {
+        const form = document.getElementById(id + "-file-upload");
+        const container = document.getElementById(id + "-img");
+
+        if (!('files' in form) || form.files.length !== 1) {
+            return;
+        }
+        const formData = new FormData();
+        const file = form.files[0];
+        formData.append("photo", file);
+
+        const reader = new FileReader();
+        reader.onload = () => {
+            const imgUrl = reader.result;
+            const img = new Image();
+            img.src = imgUrl;
+            img.style = "max-width: 256px; max-height: 256px;"
+            container.replaceChildren(img);
+        };
+        reader.readAsDataURL(file);
+
+        fetch('/h/hash', {
+            method: 'POST',
+            body: formData
+        })
+            .then(response => response.json())
+            .then(data => {
+                // Handle the response from the server here
+                OMM.match_dbg.renderHashResult(id, data);
+            })
+            .catch(error => {
+                console.error('Error:', error);
+            });
+    },
+    renderHashResult: (id, result) => {
+        const dest_div = document.getElementById(id + "-signals");
+
+        const signalList = Object.entries(result).map(([signal_type, val]) => {
+            const text = `${signal_type}: ${val}`;
+            return `<li><div class="text-truncate" style="cursor: pointer;" data-toggle="tooltip" title="copy to clipboard ${val}" onclick="navigator.clipboard.writeText('${val}')">
+            ${text}
+          </div></li>`
+
+        }).join('');
+        const signalHTML = `
+              <h4>Signal Types</h4>
+              <ul>${signalList}</ul>
+          `;
+        dest_div.innerHTML = signalHTML;
+    },
+    copyHash: (id, hash_text) => {
+        const src = document.getElementById(id);
+        navigator.clipboard.writeText(hash_text)
+        src.toolti
+    },
+    displayImgFile: (id) => {
+        const form = document.getElementById('file-form');
+        const input = document.getElementById('file-input');
+        const container = document.getElementById('image-container');
+
+        form.addEventListener('submit', (e) => {
+            e.preventDefault();
+
+        });
+    }
+};