🐛 Fix on Firefox

.prettierignore

@@ -0,0 +1 @@
+dist

app.ts

@@ -14,12 +14,12 @@ function filenameFromURL(url: string): string {
 	return url.substring(url.lastIndexOf("/") + 1);
 }
 
-window.addEventListener("load", function () {
+window.document.addEventListener("DOMContentLoaded", () => {
 	const tokenEl = document.querySelector<HTMLInputElement>("#token")!;
 	const repoNameEl = document.querySelector<HTMLInputElement>("#repo_name")!;
 	const button = document.querySelector("#submit")!;
 	const output = document.querySelector("#logs")!;
-	const form = this.document.getElementsByTagName("form")[0];
+	const form = document.getElementsByTagName("form")[0];
 
 	const storedToken = window.localStorage.getItem("hf_token");
 	if (storedToken) {
@@ -30,7 +30,7 @@ window.addEventListener("load", function () {
 	repoNameEl.value = `tfjs-mobilenet-${Date.now() % 1_000}`;
 	/// "random" repo name
 
-	form.addEventListener("submit", async function (event) {
+	form.addEventListener("submit", async (event) => {
 		event.preventDefault();
 
 		const token = tokenEl.value;

dist/app.js

@@ -10,12 +10,12 @@ const FILES_TO_UPLOAD = [
 function filenameFromURL(url) {
     return url.substring(url.lastIndexOf("/") + 1);
 }
-window.addEventListener("load", function () {
+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 = this.document.getElementsByTagName("form")[0];
+    const form = document.getElementsByTagName("form")[0];
     const storedToken = window.localStorage.getItem("hf_token");
     if (storedToken) {
         tokenEl.value = storedToken;

index.html

@@ -4,10 +4,12 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<script src="https://cdn.tailwindcss.com"></script>
+		<!-- polyfill for firefox + import maps -->
+		<script src="https://unpkg.com/[email protected]/dist/es-module-shims.js"></script>
 		<script type="importmap">
 			{
 				"imports": {
-					"@huggingface/hub": "https://cdn.skypack.dev/@huggingface/[email protected].1"
+					"@huggingface/hub": "https://cdn.skypack.dev/@huggingface/[email protected].2"
 				}
 			}
 		</script>