cloud-ide-element 1.0.102 → 1.0.104

package/fesm2022/cloud-ide-element.mjs

@@ -4,7 +4,7 @@ import * as i0 from '@angular/core';
 import { Pipe, Injectable, inject, EventEmitter, ViewContainerRef, forwardRef, ViewChild, Output, Input, Component, HostListener, ContentChildren, signal, DestroyRef, computed, effect, afterRenderEffect, afterNextRender, ElementRef, Directive, viewChild } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
-import { BehaviorSubject, Subject, debounceTime, takeUntil, distinctUntilChanged, Observable, retry, catchError, finalize, throwError, map } from 'rxjs';
+import { BehaviorSubject, Subject, debounceTime, takeUntil, distinctUntilChanged, Observable, retry, catchError, finalize, throwError, map, of } from 'rxjs';
 import * as i2$1 from '@angular/router';
 import * as i1$1 from '@angular/common/http';
 import { HttpClient, HttpEventType, HttpRequest } from '@angular/common/http';
@@ -2940,18 +2940,30 @@ class CideEleFileManagerService {
     fetchAndStoreFilesByGroupId(groupId) {
         console.log('📡 [FileManagerService] Fetching and storing files for group:', groupId);
         return this.getFilesByGroupId(groupId).pipe(map(response => {
+            console.log('📡 [FileManagerService] API Response for group', groupId, ':', response);
             if (response.success && response.data && response.data.files) {
                 // Store files in service state
                 const currentFetchedFiles = new Map(this._fetchedFiles());
                 currentFetchedFiles.set(groupId, response.data.files);
                 this._fetchedFiles.set(currentFetchedFiles);
                 console.log('📁 [FileManagerService] Stored', response.data.files.length, 'files for group:', groupId);
+                console.log('📁 [FileManagerService] Files stored:', response.data.files.map(f => ({ id: f._id, name: f.cyfm_name })));
+                // Debug: Check if files are actually stored
+                const storedFiles = this.getFetchedFilesByGroupId(groupId);
+                console.log('📁 [FileManagerService] Verification - files now in storage:', storedFiles.length);
                 return response.data.files;
             }
+            else {
+                console.log('📡 [FileManagerService] No files in response or response not successful:', {
+                    success: response.success,
+                    hasData: !!response.data,
+                    hasFiles: !!(response.data && response.data.files)
+                });
+            }
             return [];
         }), catchError(error => {
             console.error('❌ [FileManagerService] Failed to fetch files for group:', groupId, error);
-            return [];
+            return of([]);
         }));
     }
     /**
@@ -3001,12 +3013,12 @@ class CideEleFileManagerService {
         // Add fetched files for this group (only if not already in active uploads)
         const fetchedFiles = this.getFetchedFilesByGroupId(groupId);
         fetchedFiles.forEach(file => {
-            const fetchedFileId = file.cyfm_id || file.id;
+            const fetchedFileId = file._id;
             if (!fileIds.has(fetchedFileId)) {
                 fileIds.add(fetchedFileId);
                 files.push({
                     fileId: fetchedFileId,
-                    fileName: file.cyfm_name || file.name,
+                    fileName: file.cyfm_name || 'Unknown file',
                     stage: 'complete' // Fetched files are already completed
                 });
             }
@@ -3333,10 +3345,16 @@ class CideEleFloatingFileUploaderComponent {
             return [];
         }
         const files = this.fileManagerService.getAllFilesForGroup(groupId);
-        console.log('🔍 [FloatingFileUploader] allFilesForGroup computed:', {
+        const fetchedFiles = this.fileManagerService.getFetchedFilesByGroupId(groupId);
+        const activeUploads = Array.from(this.fileManagerService.activeUploads().entries()).filter(([_, upload]) => upload.groupId === groupId);
+        console.log('🔍 [FloatingFileUploader] allFilesForGroup computed - DETAILED:', {
             groupId,
             filesCount: files.length,
-            files: files.map(f => ({ id: f.fileId, name: f.fileName, stage: f.stage }))
+            fetchedFilesCount: fetchedFiles.length,
+            activeUploadsCount: activeUploads.length,
+            files: files.map(f => ({ id: f.fileId, name: f.fileName, stage: f.stage })),
+            fetchedFiles: fetchedFiles.map(f => ({ id: f._id, name: f.cyfm_name })),
+            activeUploads: activeUploads.map(([id, upload]) => ({ id, stage: upload.stage, groupId: upload.groupId }))
         });
         return files;
     }, ...(ngDevMode ? [{ debugName: "allFilesForGroup" }] : []));