lgos

app.js

@@ -3,34 +3,6 @@ import {
   __internal_sha256,
 } from "@huggingface/hub";
 
-const lfsContent = "0123456789".repeat(1_000_000);
-
-const XetBlobs = {
-  // "hub-unbundled": XetBlobUnbundled,
-  "hub-esm": XetBlobEsm,
-  hub: XetBlob,
-};
-
-async function test(id) {
-  const blob = new Blob([lfsContent]);
-
-  try {
-    const blob = new XetBlobs[id]({
-      repo: {
-        type: "model",
-        name: "celinah/xet-experiments",
-      },
-      hash: "7b3b6d07673a88cf467e67c1f7edef1a8c268cbf66e9dd9b0366322d4ab56d9b",
-      size: 5_234_139_343,
-    });
-
-    const text = await blob.slice(10, 22).text();
-    document.getElementById(id).textContent = text;
-  } catch (err) {
-    document.getElementById(id).textContent = err.message;
-  }
-}
-
 async function checkRange(n) {
   // Get selected option
   const select = document.getElementById("file");
@@ -150,28 +122,31 @@ async function checkSha() {
 }
 
 // On loaded, add event listeners
-document.addEventListener(
-  "DOMContentLoaded",
-  () => {
-    document.getElementById("10kB").addEventListener("click", () => {
-      checkRange(10_000);
-    });
-
-    document.getElementById("100kB").addEventListener("click", () => {
-      checkRange(100_000);
-    });
-
-    document.getElementById("1MB").addEventListener("click", () => {
-      checkRange(1_000_000);
-    });
-
-    document.getElementById("sequential").addEventListener("click", () => {
-      checkRange(100_000).then(() => checkRange(1_000_000));
-    });
-
-    document.getElementById("download").addEventListener("click", download);
-
-    document.getElementById("sha").addEventListener("click", checkSha);
-  },
-  { once: true }
-);
+window.document.addEventListener("DOMContentLoaded", () => {
+  console.log("Loaded");
+  document.getElementById("10kB").addEventListener("click", () => {
+    checkRange(10_000).catch(alert);
+  });
+
+  document.getElementById("100kB").addEventListener("click", () => {
+    checkRange(100_000).catch(alert);
+  });
+
+  document.getElementById("1MB").addEventListener("click", () => {
+    checkRange(1_000_000).catch(alert);
+  });
+
+  document.getElementById("sequential").addEventListener("click", () => {
+    checkRange(100_000)
+      .then(() => checkRange(1_000_000))
+      .catch(alert);
+  });
+
+  document
+    .getElementById("download")
+    .addEventListener("click", () => download().catch(alert));
+
+  document
+    .getElementById("sha")
+    .addEventListener("click", () => checkSha().catch(alert));
+});

index.html

@@ -132,7 +132,11 @@
         </button>
       </div>
 
-      <pre id="output"></pre>
+      <pre
+        id="output"
+        style="max-height: 400px; overflow: auto"
+        class="bg-slate-50"
+      ></pre>
     </div>
   </body>
 </html>