cloud-ide-element 1.0.70 → 1.0.72

package/fesm2022/cloud-ide-element.mjs

@@ -3187,6 +3187,7 @@ class CideEleFileInputComponent {
     uploadNotificationId = signal(null, ...(ngDevMode ? [{ debugName: "uploadNotificationId" }] : []));
     isDragOver = signal(false, ...(ngDevMode ? [{ debugName: "isDragOver" }] : []));
     groupId = signal(null, ...(ngDevMode ? [{ debugName: "groupId" }] : [])); // Group ID for multiple file uploads
+    isMultipleUploadMode = signal(false, ...(ngDevMode ? [{ debugName: "isMultipleUploadMode" }] : [])); // Flag to track if we're in multiple upload mode
     // Computed signals for better relationships
     hasFiles = computed(() => this.files() !== null && this.files().length > 0, ...(ngDevMode ? [{ debugName: "hasFiles" }] : []));
     canUpload = computed(() => this.hasFiles() && !this.isUploading() && !this.disabledSignal(), ...(ngDevMode ? [{ debugName: "canUpload" }] : []));
@@ -3341,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]);
             }
         }
@@ -3445,8 +3446,14 @@ class CideEleFileInputComponent {
                     // Set the uploaded ID as the form control value
                     this.onChange(uploadedId);
                     console.log('📝 [FileInput] Form control value set to uploaded ID:', uploadedId);
-                    this.uploadSuccess.emit(uploadedId);
-                    console.log('📝 [FileInput] Upload success event emitted with file ID:', uploadedId);
+                    // Only emit individual uploadSuccess if not in multiple upload mode
+                    if (!this.isMultipleUploadMode()) {
+                        this.uploadSuccess.emit(uploadedId);
+                        console.log('📝 [FileInput] Upload success event emitted with file ID:', uploadedId);
+                    }
+                    else {
+                        console.log('📝 [FileInput] Individual upload success suppressed (multiple upload mode) - file ID:', uploadedId);
+                    }
                 }
                 else {
                     console.error('❌ [FileInput] Upload successful but no ID returned:', response);
@@ -3481,10 +3488,13 @@ 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
         this.uploadStatus.set('start');
         this.isUploading.set(true);
@@ -3495,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);
                 },
@@ -3529,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;
@@ -3591,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
@@ -3608,6 +3624,8 @@ class CideEleFileInputComponent {
             this.notificationService.error(`❌ All ${total} files failed to upload.`, { duration: 0 });
             this.uploadError.emit('All files failed to upload');
         }
+        // Reset multiple upload mode flag
+        this.isMultipleUploadMode.set(false);
     }
     generatePreviews() {
         // Clear existing previews
@@ -3827,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');