Update dist/app.js

dist/app.js

@@ -1,102 +1,51 @@
-import { createRepo, commit, whoAmI, __internal_sha256 } from "@huggingface/hub-unbundled-regular";
-const c = console;
-const FILES_TO_UPLOAD = [
-    `${window.location.origin}/mobilenet/model.json`,
-    `${window.location.origin}/mobilenet/group1-shard1of2`,
-    `${window.location.origin}/mobilenet/group1-shard2of2`,
-    `${window.location.origin}/mobilenet/coffee.jpg`,
-    `${window.location.origin}/mobilenet/README.md`,
-];
-function filenameFromURL(url) {
-    return url.substring(url.lastIndexOf("/") + 1);
-}
+import { __internal_sha256 as shaUnbundledRegular } from "@huggingface/hub-unbundled-regular";
+import { __internal_sha256 as shaUnbundled } from "@huggingface/hub-unbundled";
+import { __internal_sha256 as shaRegular } from "@huggingface/hub-regular";
+import { __internal_sha256 as shaEsm } from "@huggingface/hub-esm";
+import { __internal_sha256 as sha } from "@huggingface/hub";
 
 const lfsContent = "0123456789".repeat(1_000_000);
 
-async function test() {
-  const blob = new Blob([lfsContent]);
+const shas = {
+  "hub-unbundled-regular": shaUnbundledRegular,
+  "hub-unbundled": shaUnbundled,
+  "hub-regular": shaRegular,
+  "hub-esm": shaEsm,
+  "hub": sha
+}
 
-		const iterator = __internal_sha256(blob, { useWebWorker: { minSize: 1 } });
-		// Get return value of the generator
-		while (1) {
-			const { done, value } = await iterator.next();
-			if (done) {
-				console.log("one", value);
+async function test(id) {
+  const blob = new Blob([lfsContent]);
 
-				const builtInResult = await crypto.subtle.digest("SHA-256", await blob.arrayBuffer());
-				const hex =
-					builtInResult instanceof ArrayBuffer
-						? new Uint8Array(builtInResult).reduce((acc, i) => acc + i.toString(16).padStart(2, "0"), "")
-						: builtInResult;
+  try {
+    const iterator = __internal_sha256(blob, { useWebWorker: { minSize: 1 } });
+    // Get return value of the generator
+    while (1) {
+        const { done, value } = await iterator.next();
+        if (done) {
+            console.log("one", value);
+            document.getElementById(id).textContent = value;
 
-              
-				console.log("two", hex);
-				break;
-			}
+            const builtInResult = await crypto.subtle.digest("SHA-256", await blob.arrayBuffer());
+            const hex =
+                builtInResult instanceof ArrayBuffer
+                    ? new Uint8Array(builtInResult).reduce((acc, i) => acc + i.toString(16).padStart(2, "0"), "")
+                    : builtInResult;
 
-		}
+          
+            console.log("two", hex);
+            break;
+        }
 
+    }
+  } catch (err) {
+    document.getElementById(id).textContent = err.message;
+  }
 }
 window.document.addEventListener("DOMContentLoaded", () => {
-    const tokenEl = document.querySelector("#token");
-    const repoNameEl = document.querySelector("#repo_name");
-    const button = document.querySelector("#submit");
-    const output = document.querySelector("#logs");
-    const form = document.getElementsByTagName("form")[0];
-    const storedToken = window.localStorage.getItem("hf_token");
-    if (storedToken) {
-        tokenEl.value = storedToken;
-        /// ^to help in dev.
-    }
-  test()
-    repoNameEl.value = `tfjs-mobilenet-${Date.now() % 1_000}`;
-    /// "random" repo name
-    form.addEventListener("submit", async (event) => {
-        event.preventDefault();
-        const token = tokenEl.value;
-        const repoName = repoNameEl.value;
-        if (!token || !repoName) {
-            alert("You need a token and a repo name");
-            return;
-        }
-        button.setAttribute("disabled", "disabled");
-        const credentials = {
-            accessToken: token,
-        };
-        try {
-            const { name: username } = await whoAmI({ credentials });
-            const name = `${username}/${repoName}`;
-            const { repoUrl } = await createRepo({
-                repo: {
-                    type: "model",
-                    name,
-                },
-                credentials,
-            });
-            const operations = await Promise.all(FILES_TO_UPLOAD.map(async (file) => {
-                return {
-                    operation: "addOrUpdate",
-                    path: filenameFromURL(file),
-                    // upload remote file
-                    content: new URL(file),
-                };
-            }));
-            const commitOutput = await commit({
-                repo: {
-                    type: "model",
-                    name,
-                },
-                credentials,
-                title: "upload model",
-                operations,
-            });
-            c.log(commitOutput);
-            button.insertAdjacentHTML("afterend", `<div class="text-green-500 mb-6">🎉 Upload complete! Model page is <a target="_blank" class="text-bold underline" href="${repoUrl}">${repoUrl}</a></div>`);
-        }
-        catch (err) {
-            console.error(err);
-            output.append("\n" + err);
-        }
-        button.removeAttribute("disabled");
-    });
+  test("hub-unbundled-regular");
+  test("hub-unbundled");
+  test("hub-regular");
+  test("hub-esm");
+  test("hub");
 });