tweaks

app.js

@@ -15,7 +15,7 @@ async function checkRange(n) {
   const path = `https://huggingface.co/celinah/xet-experiments/resolve/main/${option.value}`;
 
   const output = document.getElementById("output");
-  output.textContent = "";
+  output.textContent = "...";
 
   const blob = new XetBlob({
     repo: {
@@ -33,7 +33,7 @@ async function checkRange(n) {
     ),
   ]);
 
-  output.textContent += `Own: ${own.byteLength}\nBridge: ${bridge.byteLength}\n`;
+  output.textContent += `Own: ${own.byteLength.toLocaleString()}\nBridge: ${bridge.byteLength.toLocaleString()}\n`;
   // Check if the first n bytes are the same
   const array1 = new Uint8Array(own);
   const array2 = new Uint8Array(bridge);
@@ -59,7 +59,7 @@ async function download() {
   const size = +option.getAttribute("data-size");
 
   const output = document.getElementById("output");
-  output.textContent = "";
+  output.textContent = "...";
 
   const blob = new XetBlob({
     repo: {
@@ -71,7 +71,7 @@ async function download() {
     listener: (progress) => {
       output.textContent += JSON.stringify(progress) + "\n";
       output.textContent =
-        output.textContent.split("\n").slice(-1000).join("\n") + "\n";
+        output.textContent.split(/\n+/).slice(-1000).join("\n") + "\n";
     },
   });
 
@@ -93,7 +93,7 @@ async function checkSha() {
   const size = +option.getAttribute("data-size");
 
   const output = document.getElementById("output");
-  output.textContent = "";
+  output.textContent = "...";
 
   const blob = new XetBlob({
     repo: {