Update index.html

index.html

@@ -31,12 +31,12 @@
     <div id="error"></div>
 
     <script type="module">
-      import { createRepo, uploadFile } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
+      import { createRepo, uploadFiles } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
 
       const uploadButton = document.getElementById('uploadButton');
-      uploadButton.addEventListener('click', uploadFiles);
+      uploadButton.addEventListener('click', upload);
 
-      async function uploadFiles() {
+      async function upload() {
         const fileInput = document.getElementById('fileUpload');
         const files = Array.from(fileInput.files); // convert FileList to Array
         const tokenInput = document.getElementById('tokenInput');
@@ -80,27 +80,22 @@
             }
           }
 
-          for (let i = 0; i < files.length; i++) {
-            const file = files[i];
-            processingMessage.textContent = `Processing your file ${i+1}/${files.length}...`;
-            try {
-              // upload file
-              await uploadFile({
-                repo: REPO_ID,
-                credentials: { accessToken: HF_ACCESS_TOKEN },
-                file: file,
-                commitTitle: `committing file: ${file.name}`,
-              });
+          try {
+            // upload files
+            await uploadFiles({
+              repo: REPO_ID,
+              credentials: { accessToken: HF_ACCESS_TOKEN },
+              files: files.map(file => ({path: file.name, content: file}))
+            });
 
-              console.log(`File ${file.name} uploaded successfully`);
+            console.log(`All files uploaded successfully`);
 
-              // update progress bar
-              progressBar.value = ((i + 1) / files.length) * 100;
-            } catch (error) {
-              console.error('Error uploading file', error);
-              errorDiv.textContent = 'Error uploading file';
-              return; // stop uploading further files on error
-            }
+            // update progress bar
+            progressBar.value = 100;
+          } catch (error) {
+            console.error('Error uploading files', error);
+            errorDiv.textContent = 'Error uploading files';
+            return; // stop uploading further files on error
           }
 
           // calculate elapsed time and speed
@@ -112,7 +107,7 @@
           let time5GB = (5 * 1024 / speed) / 60;
           let time10GB = (10 * 1024 / speed) / 60;
 
-          messageDiv.innerHTML = `All files uploaded successfully in ${elapsedTime.toFixed(2)} seconds, for all ${totalSize.toFixed(2)} MB in the ${files.length} files, speed ${speed.toFixed(2)} MB/s.<br>To upload a 1GB model at this speed, it would take approximately ${time1GB.toFixed(2)} minutes.<br>To upload a 5GB model at this speed, it would take approximately ${time5GB.toFixed(2)} minutes.<br>To upload a 10GB model at this speed, it would take approximately ${time10GB.toFixed(2)} minutes.`;
+          messageDiv.innerHTML = `All files uploaded successfully in ${elapsedTime.toFixed(2)} seconds, for all ${totalSize.toFixed(2)} MB in the ${files.length} files, speed ${speed.toFixed(2)} MB/s.`;
           processingMessage.textContent = "All files processed";
         } else {
           messageDiv.textContent = 'Please select files to upload';