cloud-ide-element 1.0.112 → 1.0.114

package/fesm2022/cloud-ide-element.mjs

@@ -2654,16 +2654,18 @@ class CideEleFileManagerService {
     // Optimized computed properties for file counting by group
     getFileCountByGroup = computed(() => {
         const countMap = new Map();
-        // Count active uploads by group
+        // Count files for each group using the same deduplication logic as getAllFilesForGroup
+        this._fetchedFiles().forEach((fetchedFiles, groupId) => {
+            const fileCount = this.getAllFilesForGroup(groupId).length;
+            countMap.set(groupId, fileCount);
+        });
+        // Also count groups that have active uploads but no fetched files yet
         this._activeUploads().forEach((upload, fileId) => {
-            if (upload.groupId) {
-                countMap.set(upload.groupId, (countMap.get(upload.groupId) || 0) + 1);
+            if (upload.groupId && !countMap.has(upload.groupId)) {
+                const fileCount = this.getAllFilesForGroup(upload.groupId).length;
+                countMap.set(upload.groupId, fileCount);
             }
         });
-        // Add fetched files by group
-        this._fetchedFiles().forEach((files, groupId) => {
-            countMap.set(groupId, (countMap.get(groupId) || 0) + files.length);
-        });
         return countMap;
     }, ...(ngDevMode ? [{ debugName: "getFileCountByGroup" }] : []));
     serviceState = computed(() => ({
@@ -3731,12 +3733,22 @@ class CideEleFileInputComponent {
         if (existingComponentGroupId) {
             // Component already has its own group ID - use it
             console.log('🆔 [FileInput] Using existing component group ID:', existingComponentGroupId);
+            // Open floating uploader with existing group ID
+            if (this.showFloatingUploaderSignal()) {
+                console.log('🔄 [FileInput] Opening floating uploader with existing group ID:', existingComponentGroupId);
+                this.fileManagerService.triggerFloatingUploaderShow(existingComponentGroupId);
+            }
             this.startMulti(files, existingComponentGroupId);
         }
         else if (existingUploadDataGroupId) {
             // Use group ID from uploadData and set it as component's group ID
             console.log('🆔 [FileInput] Using group ID from uploadData:', existingUploadDataGroupId);
             this.groupId.set(existingUploadDataGroupId);
+            // Open floating uploader with group ID from uploadData
+            if (this.showFloatingUploaderSignal()) {
+                console.log('🔄 [FileInput] Opening floating uploader with uploadData group ID:', existingUploadDataGroupId);
+                this.fileManagerService.triggerFloatingUploaderShow(existingUploadDataGroupId);
+            }
             this.startMulti(files, existingUploadDataGroupId);
         }
         else {
@@ -3748,6 +3760,11 @@ class CideEleFileInputComponent {
                     console.log('🆔 [FileInput] Generated new group ID just before upload:', newGroupId);
                     // Set the group ID to this component so it can track its own files
                     this.groupId.set(newGroupId);
+                    // Open floating uploader with newly generated group ID
+                    if (this.showFloatingUploaderSignal()) {
+                        console.log('🔄 [FileInput] Opening floating uploader with new group ID:', newGroupId);
+                        this.fileManagerService.triggerFloatingUploaderShow(newGroupId);
+                    }
                     this.startMulti(files, newGroupId);
                 },
                 error: (error) => {
@@ -4038,13 +4055,13 @@ class CideEleFileInputComponent {
         }
         const groupId = this.groupId();
         if (groupId) {
-            console.log("groupId groupId", groupId);
+            console.log("✅ [FileInput] Has existing group ID:", groupId);
             // Fetch files for the group and trigger floating uploader to show
             this.fileManagerService.fetchAndStoreFilesByGroupId(groupId)
                 .pipe(takeUntilDestroyed(this.destroyRef))
                 .subscribe({
                 next: (files) => {
-                    console.log('✅ [FileInput] Files fetched for floating uploader: groupId', files.length);
+                    console.log('✅ [FileInput] Files fetched for floating uploader:', files.length);
                     // Trigger the floating uploader to show via service with group ID
                     this.fileManagerService.triggerFloatingUploaderShow(groupId);
                 },
@@ -4056,8 +4073,10 @@ class CideEleFileInputComponent {
             });
         }
         else {
-            // No group ID, just trigger show
-            this.fileManagerService.triggerFloatingUploaderShow();
+            console.log('⚠️ [FileInput] No group ID yet - floating uploader will open when user uploads files');
+            // No group ID yet - don't open floating uploader now
+            // It will open automatically when user uploads files and group ID is generated
+            // This prevents the "No active files" issue
         }
     }
     /**
@@ -4460,19 +4479,29 @@ class CideEleFloatingFileUploaderComponent {
                 this.showWithAnimation();
                 return;
             }
-            // Show due to manual trigger
-            if (shouldShow && !isCurrentlyVisible) {
+            // Handle manual trigger (show OR switch group ID)
+            if (shouldShow) {
                 if (triggerGroupId) {
+                    // Always switch to the new group ID (even if already visible)
+                    console.log('🔄 [FloatingFileUploader] Switching to group ID:', triggerGroupId);
                     this.currentGroupId.set(triggerGroupId);
                     // Fetch files for this group
                     this.fileManagerService.fetchAndStoreFilesByGroupId(triggerGroupId)
                         .pipe(takeUntilDestroyed(this.destroyRef))
                         .subscribe({
-                        next: () => this.showWithAnimation(),
-                        error: () => this.showWithAnimation() // Show anyway
+                        next: () => {
+                            if (!isCurrentlyVisible) {
+                                this.showWithAnimation();
+                            }
+                        },
+                        error: () => {
+                            if (!isCurrentlyVisible) {
+                                this.showWithAnimation(); // Show anyway
+                            }
+                        }
                     });
                 }
-                else {
+                else if (!isCurrentlyVisible) {
                     this.showWithAnimation();
                 }
             }
@@ -4586,8 +4615,8 @@ class CideEleFloatingFileUploaderComponent {
      */
     handleFiles(files) {
         console.log('📁 [FloatingFileUploader] Handling files:', files.length);
-        // Use handleExternalFiles to process the files
-        this.handleExternalFiles(files, this.currentUserId());
+        // Use handleFileSelection to avoid duplicate upload paths
+        this.handleFileSelection(files);
     }
     /**
      * Update visibility - simplified for notification only
@@ -4723,41 +4752,6 @@ class CideEleFloatingFileUploaderComponent {
         this.currentUserId.set(userId);
         this.fileManagerService.setUserId(userId);
     }
-    /**
-     * Public method to handle files from external sources
-     * This can be called by other components to trigger the floating uploader
-     */
-    handleExternalFiles(files, userId, groupId) {
-        console.log('📁 [FloatingFileUploader] External files received:', files.length, 'files');
-        // Set user ID if provided
-        if (userId && userId !== this.currentUserId()) {
-            this.setCurrentUserId(userId);
-        }
-        // Set group ID if provided
-        if (groupId) {
-            this.currentGroupId.set(groupId);
-        }
-        // Upload files using file manager service
-        // The file manager service will handle adding to its queue and the effect will show the floating uploader
-        files.forEach((file, index) => {
-            console.log(`📁 [FloatingFileUploader] Starting upload for file ${index + 1}/${files.length}:`, file.name);
-            this.fileManagerService.uploadFile(file, {
-                userId: this.currentUserId(),
-                groupId: groupId,
-                permissions: ['read', 'write'],
-                tags: []
-            })
-                .pipe(takeUntilDestroyed(this.destroyRef))
-                .subscribe({
-                next: (response) => {
-                    console.log('✅ [FloatingFileUploader] Upload completed:', response);
-                },
-                error: (error) => {
-                    console.error('❌ [FloatingFileUploader] Upload failed:', error);
-                }
-            });
-        });
-    }
     /**
      * Check if there are any uploads for the current group
      */
@@ -4803,7 +4797,8 @@ class CideEleFloatingFileUploaderComponent {
      * Trigger file input click
      */
     triggerFileInput() {
-        const fileInput = document.querySelector('input[type="file"]');
+        // Use ViewChild or querySelector with specific selector to target only this component's file input
+        const fileInput = document.querySelector('.floating-uploader input[type="file"]');
         if (fileInput) {
             fileInput.click();
         }