clear console

app.js

@@ -4,6 +4,7 @@ import {
 } from "@huggingface/hub";
 
 async function checkRange(n) {
+  console.clear();
   // Get selected option
   const select = document.getElementById("file");
   const option = select.options[select.selectedIndex];
@@ -24,6 +25,7 @@ async function checkRange(n) {
     },
     hash: xetHash,
     size,
+    internalLogging: true,
   });
 
   const [own, bridge] = await Promise.all([
@@ -53,6 +55,8 @@ async function checkRange(n) {
 }
 
 async function download() {
+  console.clear();
+
   const select = document.getElementById("file");
   const option = select.options[select.selectedIndex];
   const xetHash = option.getAttribute("data-xet-hash");
@@ -73,6 +77,7 @@ async function download() {
       output.textContent =
         output.textContent.split(/\n+/).slice(-1000).join("\n") + "\n";
     },
+    internalLogging: true,
   });
 
   const arrayBuffer = await blob.arrayBuffer();
@@ -86,6 +91,8 @@ async function download() {
 }
 
 async function checkSha() {
+  console.clear();
+
   const select = document.getElementById("file");
   const option = select.options[select.selectedIndex];
   const xetHash = option.getAttribute("data-xet-hash");
@@ -102,6 +109,7 @@ async function checkSha() {
     },
     hash: xetHash,
     size,
+    internalLogging: true,
   });
 
   const iterator = __internal_sha256(blob);
@@ -125,28 +133,46 @@ async function checkSha() {
 window.document.addEventListener("DOMContentLoaded", () => {
   console.log("Loaded");
   document.getElementById("10kB").addEventListener("click", () => {
-    checkRange(10_000).catch(alert);
+    checkRange(10_000).catch((err) => {
+      console.error(err);
+      alert(err);
+    });
   });
 
   document.getElementById("100kB").addEventListener("click", () => {
-    checkRange(100_000).catch(alert);
+    checkRange(100_000).catch((err) => {
+      console.error(err);
+      alert(err);
+    });
   });
 
   document.getElementById("1MB").addEventListener("click", () => {
-    checkRange(1_000_000).catch(alert);
+    checkRange(1_000_000).catch((err) => {
+      console.error(err);
+      alert(err);
+    });
   });
 
   document.getElementById("sequential").addEventListener("click", () => {
     checkRange(100_000)
       .then(() => checkRange(1_000_000))
-      .catch(alert);
+      .catch((err) => {
+        console.error(err);
+        alert(err);
+      });
   });
 
-  document
-    .getElementById("download")
-    .addEventListener("click", () => download().catch(alert));
-
-  document
-    .getElementById("sha")
-    .addEventListener("click", () => checkSha().catch(alert));
+  document.getElementById("download").addEventListener("click", () =>
+    download().catch((err) => {
+      console.error(err);
+      alert(err);
+    })
+  );
+
+  document.getElementById("sha").addEventListener("click", () =>
+    checkSha().catch((err) => {
+      console.error(err);
+      alert(err);
+    })
+  );
 });