Update services/hfService.ts

services/hfService.ts

@@ -1,35 +1,20 @@
 
-/**
- * FRONTEND SERVICE
- * 
- * 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 BatchItem {
-  id: string; // Used for tracking
+  id: string; 
   file: File;
   path: string;
 }
 
-/**
- * Uploads multiple files in a single request.
- * 
- * @param items Array of files and their destination paths
- * @returns Array of public URLs for the uploaded files
- */
 export const uploadBatchToHub = async (items: BatchItem[]): Promise<string[]> => {
   const formData = new FormData();
 
-  // 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);
-  });
+  // Optimized append loop
+  for (const item of items) {
+      formData.append('paths', item.path);
+      formData.append('files', item.file);
+  }
 
   try {
     const response = await fetch(BACKEND_URL, {
@@ -37,10 +22,11 @@ export const uploadBatchToHub = async (items: BatchItem[]): Promise<string[]> =>
       body: formData,
     });
 
-    // Handle non-JSON responses (like 404 or 502 from proxy)
     const contentType = response.headers.get("content-type");
     if (!contentType || !contentType.includes("application/json")) {
-        throw new Error(`Server returned unexpected ${response.status} ${response.statusText}. Is the backend running?`);
+        const text = await response.text();
+        console.error("Non-JSON Response:", text);
+        throw new Error(`Server returned unexpected status ${response.status}. Check server logs.`);
     }
 
     const data = await response.json();
@@ -52,12 +38,7 @@ export const uploadBatchToHub = async (items: BatchItem[]): Promise<string[]> =>
     return data.urls;
     
   } catch (err: any) {
-    console.error("[FE] Batch Upload Failed:", err);
-    const errorMessage = err?.message || "Unknown error";
-    
-    if (errorMessage.includes('Failed to fetch') || errorMessage.includes('backend running')) {
-        throw new Error("Cannot connect to Backend. Make sure 'npm run server' is running.");
-    }
-    throw new Error(errorMessage);
+    // Retry logic could be added here if needed
+    throw new Error(err?.message || "Connection failed");
   }
 };