cloud-ide-element 1.0.71 → 1.0.72

package/fesm2022/cloud-ide-element.mjs

@@ -3342,12 +3342,12 @@ class CideEleFileInputComponent {
         this.onTouched();
         // Auto upload if enabled
         if (this.autoUploadSignal() && selectedFiles && selectedFiles.length > 0) {
-            if (this.multipleSignal() && selectedFiles.length > 1) {
-                console.log('🚀 [FileInput] Auto upload enabled for multiple files:', selectedFiles.length);
+            if (this.multipleSignal()) {
+                console.log('🚀 [FileInput] Auto upload enabled for multiple files mode:', selectedFiles.length, 'files');
                 this.uploadMultipleFiles(Array.from(selectedFiles));
             }
             else {
-                console.log('🚀 [FileInput] Auto upload enabled, starting upload for:', selectedFiles[0].name);
+                console.log('🚀 [FileInput] Auto upload enabled for single file mode:', selectedFiles[0].name);
                 this.uploadFile(selectedFiles[0]);
             }
         }
@@ -3488,10 +3488,11 @@ class CideEleFileInputComponent {
     }
     /**
      * Upload multiple files with group ID support
-     * Generates a group ID if not provided and uploads all files with the same group ID
+     * FLOW: 1) Generate group ID first, 2) Upload all files with same group ID, 3) Emit group ID on completion
      */
     uploadMultipleFiles(files) {
         console.log('📤 [FileInput] uploadMultipleFiles called for:', files.length, 'files');
+        console.log('🔄 [FileInput] STEP 1: Generate group ID before starting any file uploads');
         // Set multiple upload mode flag
         this.isMultipleUploadMode.set(true);
         // Set upload status to 'start' before starting upload
@@ -3504,20 +3505,22 @@ class CideEleFileInputComponent {
         // Show initial progress notification
         const notificationId = this.notificationService.showProgress('🔄 Preparing multiple file upload...', 0, { duration: 0 });
         this.uploadNotificationId.set(notificationId);
-        // Check if we already have a group ID from uploadData
+        // STEP 1: Generate or get group ID BEFORE starting any file uploads
         const existingGroupId = this.uploadDataSignal().groupId;
         if (existingGroupId) {
-            console.log('🆔 [FileInput] Using existing group ID:', existingGroupId);
+            console.log('🆔 [FileInput] STEP 1 COMPLETE: Using existing group ID:', existingGroupId);
+            console.log('🔄 [FileInput] STEP 2: Starting file uploads with group ID:', existingGroupId);
             this.groupId.set(existingGroupId);
             this.startMulti(files, existingGroupId);
         }
         else {
-            console.log('🆔 [FileInput] No group ID provided, generating new one...');
-            // Generate group ID first
+            console.log('🆔 [FileInput] No existing group ID, generating new one...');
+            // Generate group ID BEFORE starting any file uploads
             this.fileManagerService.generateObjectId().subscribe({
                 next: (response) => {
                     const newGroupId = response.objectId;
-                    console.log('🆔 [FileInput] Generated new group ID:', newGroupId);
+                    console.log('🆔 [FileInput] STEP 1 COMPLETE: Generated new group ID:', newGroupId);
+                    console.log('🔄 [FileInput] STEP 2: Starting file uploads with group ID:', newGroupId);
                     this.groupId.set(newGroupId);
                     this.startMulti(files, newGroupId);
                 },
@@ -3538,18 +3541,21 @@ class CideEleFileInputComponent {
     }
     /**
      * Start uploading multiple files with the provided group ID
+     * All files will be uploaded with the SAME group ID that was generated before this method
      */
     startMulti(files, groupId) {
-        console.log('🚀 [FileInput] Starting upload for', files.length, 'files with group ID:', groupId);
+        console.log('🚀 [FileInput] STEP 2: Starting upload for', files.length, 'files with group ID:', groupId);
+        console.log('📋 [FileInput] All files will use the same group ID:', groupId);
         let completedUploads = 0;
         let failedUploads = 0;
         const totalFiles = files.length;
-        // Update upload data with group ID
+        // IMPORTANT: All files use the SAME group ID that was generated before starting uploads
         const uploadDataWithGroupId = {
             ...this.uploadDataSignal(),
             groupId: groupId
         };
         files.forEach((file, index) => {
+            console.log(`📤 [FileInput] Uploading file ${index + 1}/${totalFiles}: "${file.name}" with group ID: ${groupId}`);
             this.fileManagerService.uploadFile(file, uploadDataWithGroupId, (progress) => {
                 // Calculate overall progress
                 const fileProgress = progress / totalFiles;
@@ -3600,10 +3606,11 @@ class CideEleFileInputComponent {
             // All files uploaded successfully
             this.uploadStatus.set('success');
             this.notificationService.success(`✅ All ${total} files uploaded successfully!`, { duration: 0 });
-            // For multiple file upload, return the group ID as the form value
+            // STEP 3: For multiple file upload, emit the group ID (not individual file IDs)
             this.onChange(groupId);
             this.uploadSuccess.emit(groupId);
-            console.log('📝 [FileInput] Form control value set to group ID:', groupId);
+            console.log('📝 [FileInput] STEP 3 COMPLETE: Form control value set to group ID:', groupId);
+            console.log('✅ [FileInput] Multiple upload SUCCESS - Group ID emitted:', groupId);
         }
         else if (completed > 0) {
             // Some files uploaded successfully
@@ -3838,8 +3845,14 @@ class CideEleFileInputComponent {
         this.onTouched();
         // Auto upload if enabled
         if (this.autoUploadSignal() && files.length > 0) {
-            console.log('🚀 [FileInput] Auto upload enabled, starting upload for:', files[0].name);
-            this.uploadFile(files[0]);
+            if (this.multipleSignal()) {
+                console.log('🚀 [FileInput] Auto upload enabled for multiple files mode (drag & drop):', files.length, 'files');
+                this.uploadMultipleFiles(Array.from(files));
+            }
+            else {
+                console.log('🚀 [FileInput] Auto upload enabled for single file mode (drag & drop):', files[0].name);
+                this.uploadFile(files[0]);
+            }
         }
         else {
             console.log('⏸️ [FileInput] Auto upload disabled or no files');