Update index.html

index.html

@@ -30,7 +30,7 @@
     <div id="error"></div>
 
     <script type="module">
-      import { createRepo, commit, deleteRepo, listFiles } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
+      import { createRepo, commit } from "https://cdn.jsdelivr.net/npm/@huggingface/[email protected]/+esm";
 
       const uploadButton = document.getElementById('uploadButton');
       uploadButton.addEventListener('click', uploadFiles);
@@ -50,45 +50,55 @@
         errorDiv.textContent = ''; // clear previous errors
 
         if (files.length > 0) {
-          // assuming repo creation is successful and we have the necessary rights
-          // if not, repo creation and proper error handling should be done
-          await createRepo({
-            repo: REPO_ID,
-            credentials: { accessToken: HF_ACCESS_TOKEN },
-          });
+          try {
+            // Attempt to create the repo
+            await createRepo({
+              repo: REPO_ID,
+              credentials: { accessToken: HF_ACCESS_TOKEN },
+            });
+          } catch (error) {
+            // If the repo already exists (a 409 conflict error), we simply log and continue
+            if (error.message.includes('409')) {
+              console.log('Repository already exists, proceeding to upload files');
+            } else {
+              console.error('Error creating repository', error);
+              errorDiv.textContent = 'Error creating repository';
+              return; // stop if other errors occur during repository creation
+            }
+          }
 
           for (let i = 0; i < files.length; i++) {
             const file = files[i];
+            const arrayBuffer = await new Promise((resolve, reject) => {
+              const reader = new FileReader();
+              reader.readAsArrayBuffer(file);
+              reader.onload = () => resolve(reader.result);
+              reader.onerror = reject;
+            });
 
-            // read file content
-            const reader = new FileReader();
-            reader.readAsArrayBuffer(file);
-            reader.onload = async () => {
-              const arrayBuffer = reader.result;
-              const uint8Array = new Uint8Array(arrayBuffer);
+            const uint8Array = new Uint8Array(arrayBuffer);
 
-              try {
-                // upload file
-                await commit({
-                  repo: REPO_ID,
-                  credentials: { accessToken: HF_ACCESS_TOKEN },
-                  message: `committing file: ${file.name}`,
-                  files: [{
-                    path: file.name,
-                    content: uint8Array,
-                  }],
-                });
+            try {
+              // upload file
+              await commit({
+                repo: REPO_ID,
+                credentials: { accessToken: HF_ACCESS_TOKEN },
+                message: `committing file: ${file.name}`,
+                files: [{
+                  path: file.name,
+                  content: uint8Array,
+                }],
+              });
 
-                console.log(`File ${file.name} uploaded successfully`);
+              console.log(`File ${file.name} 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 = ((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
+            }
           }
 
           messageDiv.textContent = 'All files uploaded successfully';