Update index.html

index.html

@@ -1,12 +1,19 @@
 <input type="file" id="fileInput" multiple>
+<input type="text" id="repoInput" placeholder="Enter repo">
+<input type="password" id="accessTokenInput" placeholder="Enter access token">
 <button onClick="upload()">Upload</button>
 
-<script>
-    // Assumes that the `uploadFiles`, `repo`, and `credentials` are available in this scope
+<script type="module">
+    import { createRepo, uploadFiles } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
 
     async function upload() {
-        const input = document.getElementById('fileInput');
-        const files = Array.from(input.files); // Convert FileList to an Array
+        const fileInput = document.getElementById('fileInput');
+        const repoInput = document.getElementById('repoInput');
+        const accessTokenInput = document.getElementById('accessTokenInput');
+        
+        const files = Array.from(fileInput.files); // Convert FileList to an Array
+        const repo = repoInput.value;
+        const accessToken = accessTokenInput.value;
 
         // Prompt the user for a unique upload path for each file
         const filesToUpload = await Promise.all(files.map(async (file) => {
@@ -19,7 +26,9 @@
 
         await uploadFiles({
             repo,
-            credentials,
+            credentials: {
+                accessToken,
+            },
             files: filesToUpload,
         });
     }