Update index.html

index.html

@@ -81,12 +81,30 @@
           }
 
           try {
-            // upload files
-            await uploadFiles({
-              repo: REPO_ID,
-              credentials: { accessToken: HF_ACCESS_TOKEN },
-              files: files.map(file => ({path: file.name, content: file}))
-            });
+            // upload files in chunks
+            for (let file of files) {
+              const chunkSize = 1024 * 1024; // 1MB
+              let start = 0;
+              let end = chunkSize;
+              let index = 0;
+
+              while (start < file.size) {
+                const chunk = file.slice(start, end);
+                chunk.name = `${file.name}.chunk${index}`; // chunk naming convention
+                start = end;
+                end = start + chunkSize;
+                index++;
+
+                await uploadFiles({
+                  repo: REPO_ID,
+                  credentials: { accessToken: HF_ACCESS_TOKEN },
+                  files: [{ path: chunk.name, content: chunk }],
+                });
+
+                // update progress bar
+                progressBar.value = (start / file.size) * 100;
+              }
+            }
 
             console.log(`All files uploaded successfully`);
 
@@ -107,7 +125,8 @@
           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.`;
+          // Update the message with upload statistics
+          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.`;
           processingMessage.textContent = "All files processed";
         } else {
           messageDiv.textContent = 'Please select files to upload';
@@ -115,4 +134,4 @@
       }
     </script>
   </body>
-</html>
+</html>