Update services/hfService.ts

services/hfService.ts

@@ -1,31 +1,35 @@
+
 /**
  * FRONTEND SERVICE
  * 
- * This service no longer uses @huggingface/hub directly.
- * It sends files to our local Node.js backend (server.js).
+ * This service communicates with the Node.js backend (server.js).
+ * It supports Batch Uploading to maximize speed.
  */
 
 // Use relative URL so Vite proxy can forward it to localhost:3001
 const BACKEND_URL = '/api/upload';
 
-interface UploadPayload {
+interface BatchItem {
+  id: string; // Used for tracking
   file: File;
   path: string;
 }
 
 /**
- * Uploads a file by sending it to the Node.js backend.
+ * Uploads multiple files in a single request.
  * 
- * @param payload File and destination path
- * @returns The public URL of the uploaded file
+ * @param items Array of files and their destination paths
+ * @returns Array of public URLs for the uploaded files
  */
-export const uploadFileToHub = async (payload: UploadPayload): Promise<string> => {
-  const { file, path } = payload;
-
+export const uploadBatchToHub = async (items: BatchItem[]): Promise<string[]> => {
   const formData = new FormData();
-  // Append text fields BEFORE files is good practice for some parsers
-  formData.append('path', path);
-  formData.append('file', file);
+
+  // Append all files and paths to FormData
+  // Multer on the backend will receive these as arrays
+  items.forEach(item => {
+    formData.append('paths', item.path);
+    formData.append('files', item.file);
+  });
 
   try {
     const response = await fetch(BACKEND_URL, {
@@ -45,15 +49,15 @@ export const uploadFileToHub = async (payload: UploadPayload): Promise<string> =
       throw new Error(data.error || 'Upload failed on server');
     }
 
-    return data.url;
+    return data.urls;
     
   } catch (err: any) {
-    console.error("[FE] API Call Failed:", err);
+    console.error("[FE] Batch Upload Failed:", err);
     const errorMessage = err?.message || "Unknown error";
-    // Suggest running the server if connection fails
+    
     if (errorMessage.includes('Failed to fetch') || errorMessage.includes('backend running')) {
-        throw new Error("Cannot connect to Backend. Make sure to run 'npm run server' in a separate terminal.");
+        throw new Error("Cannot connect to Backend. Make sure 'npm run server' is running.");
     }
     throw new Error(errorMessage);
   }
-};
+};