cloud-ide-element 1.0.111 → 1.0.113

package/fesm2022/cloud-ide-element.mjs

@@ -3725,21 +3725,28 @@ class CideEleFileInputComponent {
         const notificationId = this.notificationService.showProgress('🔄 Preparing multiple file upload...', 0, { duration: 0 });
         this.uploadNotificationId.set(notificationId);
         // STEP 1: Generate or get group ID BEFORE starting any file uploads
-        const existingGroupId = this.uploadDataSignal().groupId;
-        if (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);
+        // Check if component already has a group ID or if one is provided in uploadData
+        const existingComponentGroupId = this.groupId();
+        const existingUploadDataGroupId = this.uploadDataSignal().groupId;
+        if (existingComponentGroupId) {
+            // Component already has its own group ID - use it
+            console.log('🆔 [FileInput] Using existing component group ID:', 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);
+            this.startMulti(files, existingUploadDataGroupId);
         }
         else {
-            console.log('🆔 [FileInput] No existing group ID, generating new one...');
-            // Generate group ID BEFORE starting any file uploads
+            // Generate new group ID just before upload
+            console.log('🆔 [FileInput] Generating new group ID just before upload...');
             this.fileManagerService.generateObjectId().subscribe({
                 next: (response) => {
                     const newGroupId = response.data?.objectId;
-                    console.log('🆔 [FileInput] STEP 1 COMPLETE: Generated new group ID:', newGroupId);
-                    console.log('🔄 [FileInput] STEP 2: Starting file uploads with group ID:', newGroupId);
+                    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);
                     this.startMulti(files, newGroupId);
                 },
@@ -4056,32 +4063,40 @@ class CideEleFileInputComponent {
     /**
      * Get total upload count from file manager service for this component's group ID
      * Uses optimized service method for better performance
+     * Only counts files for this component's specific group ID
      */
     getUploadCount() {
         const groupId = this.groupId();
-        if (!groupId)
-            return this.fileManagerService.activeUploads().size;
-        return this.fileManagerService.getFileCountForGroup(groupId);
+        const componentId = this.id();
+        if (!groupId) {
+            // No group ID yet - component hasn't uploaded anything, so count is 0
+            return 0;
+        }
+        const count = this.fileManagerService.getFileCountForGroup(groupId);
+        return count;
     }
     /**
      * Check if there are active uploads for this component's group ID
      * Uses optimized service method for better performance
+     * Only checks files for this component's specific group ID
      */
     hasActiveUploads() {
         const groupId = this.groupId();
         if (!groupId) {
-            return Array.from(this.fileManagerService.activeUploads().values()).some(upload => upload.stage !== 'complete');
+            // No group ID yet - component hasn't uploaded anything, so no active uploads
+            return false;
         }
         return this.fileManagerService.hasActiveUploadsForGroup(groupId);
     }
     /**
      * Get count of active (non-completed) uploads for this component's group ID
+     * Only counts files for this component's specific group ID
      */
     getActiveUploadCount() {
         const groupId = this.groupId();
         if (!groupId) {
-            return Array.from(this.fileManagerService.activeUploads().values())
-                .filter(upload => upload.stage !== 'complete').length;
+            // No group ID yet - component hasn't uploaded anything, so no active uploads
+            return 0;
         }
         return this.fileManagerService.getAllFilesForGroup(groupId)
             .filter(file => file.stage !== 'complete').length;
@@ -4445,19 +4460,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();
                 }
             }
@@ -4571,8 +4596,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
@@ -4708,41 +4733,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
      */
@@ -4788,7 +4778,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();
         }