feat(upload): Implement file size validation and streamline upload process for multiple files

Author: XDukeHD

src/app/dashboard/app/[identifier]/page.tsx

@@ -581,111 +581,56 @@ export default function ServerDetailsPage() {
     const files = event.target.files;
     if (!files || !accessKey) return;
 
-    try {
-      setUploadProgress(0);
-      setFilesError(null); // Clear any previous errors
-      
-      // Get upload URL
-      const urlResult = await getUploadUrl(identifier, accessKey, currentPath);
-      if (!urlResult.success || !urlResult.data) {
-        throw new Error(typeof urlResult.error === 'string' ? urlResult.error : "Erro ao obter URL de upload");
+    // Checagem de tamanho de arquivo (100MB = 104857600 bytes)
+    for (let i = 0; i < files.length; i++) {
+      if (files[i].size > 104857600) {
+        setFilesError(`O arquivo "${files[i].name}" excede o limite de 100MB.`);
+        return;
       }
+    }
 
-      // Upload each file individually with proper progress tracking
-      for (let i = 0; i < files.length; i++) {
-        const file = files[i];
-        console.log(`Starting upload for ${file.name} (${i + 1}/${files.length})`);
-        
-        // Update progress to show current file
-        const baseProgress = (i / files.length) * 100;
-        setUploadProgress(baseProgress);
+    try {
+      setUploadProgress(0);
+      setFilesError(null);
+
+    // Monta o FormData para múltiplos arquivos
+    const formData = new FormData();
+    formData.append('server_identifier', identifier);
+    formData.append('directory', currentPath || '/');
+    for (let i = 0; i < files.length; i++) {
+      formData.append('files[]', files[i]);
+    }
 
-        try {
-          const formData = new FormData();
-          formData.append('files', file);
-
-          const response = await fetch(urlResult.data.url, {
-            method: 'POST',
-            mode: 'cors',
-            credentials: 'omit',
-            body: formData,
-          });
 
-          if (response.ok) {
-            console.log(`✅ Upload successful for ${file.name}`);
-            // Update progress to completion for this file
-            setUploadProgress(((i + 1) / files.length) * 100);
-          } else {
-            // Handle HTTP errors
-            let httpErrorMessage = `Erro HTTP ${response.status} ao fazer upload de ${file.name}`;
-            try {
-              const errorData = await response.json();
-              httpErrorMessage = typeof errorData.message === 'string' ? errorData.message : httpErrorMessage;
-            } catch {
-              httpErrorMessage = `HTTP ${response.status}: ${response.statusText}`;
-            }
-            throw new Error(httpErrorMessage);
-          }
+      // Usa a URL da API do .env
+      const apiUrl = process.env.NEXT_PUBLIC_API_URL || '';
+      const uploadUrl = apiUrl.replace(/\/$/, '') + '/v1/files/upload';
+      const response = await fetch(uploadUrl, {
+        method: 'POST',
+        body: formData,
+      });
 
-        } catch (fetchError: any) {
-          // Check if this is a network error that indicates the upload might have succeeded
-          if (fetchError.message && 
-              (fetchError.message.includes('NetworkError') || 
-               fetchError.message.includes('Failed to fetch') || 
-               fetchError.message.includes('CORS'))) {
-            
-            console.log(`⚠️ Network/CORS error for ${file.name} - checking if upload was successful...`);
-            
-            // Wait a moment and refresh file list to check if file was uploaded
-            await new Promise(resolve => setTimeout(resolve, 2000));
-            
-            try {
-              // Get fresh file list from server
-              const freshResult = await getServerFiles(identifier, accessKey, currentPath);
-              if (freshResult.success && freshResult.data) {
-                // Check if the file now exists in the fresh server list
-                const fileExists = freshResult.data.some(serverFile => serverFile.name === file.name);
-                
-                if (fileExists) {
-                  console.log(`✅ File ${file.name} was actually uploaded successfully despite network error`);
-                  // Update local state with fresh data
-                  setServerFiles(freshResult.data);
-                  setUploadProgress(((i + 1) / files.length) * 100);
-                  continue; // Move to next file
-                } else {
-                  console.error(`❌ Upload failed for ${file.name}:`, fetchError.message);
-                  console.log(`❌ File ${file.name} was not found on server after network error`);
-                }
-              }
-            } catch (checkError) {
-              console.error(`❌ Upload failed for ${file.name}:`, fetchError.message);
-              console.log(`❌ Failed to verify upload for ${file.name}:`, checkError);
-            }
-            
-            // If we get here, the upload truly failed or we couldn't verify it
-            console.log(`🚨 Treating as genuine upload failure for ${file.name}`);
-            throw new Error(`Erro de rede ao fazer upload de ${file.name}. Verifique sua conexão e tente novamente.`);
-          } else {
-            // Other types of errors - log immediately
-            console.error(`❌ Upload failed for ${file.name}:`, fetchError.message);
-            throw new Error(`Erro ao fazer upload de ${file.name}: ${fetchError.message}`);
-          }
-        }
+      if (response.ok) {
+        setUploadProgress(100);
+        await fetchFiles(currentPath);
+        setUploadProgress(null);
+        console.log('🎉 Upload concluído com sucesso');
+      } else {
+        let errorMessage = `Erro HTTP ${response.status} ao fazer upload.`;
+        try {
+          const errorData = await response.json();
+          errorMessage = errorData?.error || errorMessage;
+        } catch {}
+        setFilesError(errorMessage);
+        setUploadProgress(null);
       }
-
-      // Final refresh and cleanup
-      await fetchFiles(currentPath);
-      setUploadProgress(null);
-      
-      console.log('🎉 All uploads completed successfully');
-      
     } catch (err: any) {
       const errorMessage = typeof err === 'string' ? err : (err?.message || "Erro ao fazer upload");
       setFilesError(errorMessage);
       setUploadProgress(null);
       console.error('Upload error:', err);
     }
-    
+
     // Reset input
     if (event && event.target) {
       (event.target as HTMLInputElement).value = '';