cloud-ide-element 1.0.71 → 1.0.73

package/fesm2022/cloud-ide-element.mjs

@@ -2626,6 +2626,7 @@ class CideEleFileManagerService {
     destroyRef = inject(DestroyRef);
     // Angular 20: Signal-based state management
     _baseUrl = signal('/api', ...(ngDevMode ? [{ debugName: "_baseUrl" }] : []));
+    _objectIdEndpoint = signal('/utility/generateObjectId', ...(ngDevMode ? [{ debugName: "_objectIdEndpoint" }] : []));
     _userId = signal('', ...(ngDevMode ? [{ debugName: "_userId" }] : []));
     _isUploading = signal(false, ...(ngDevMode ? [{ debugName: "_isUploading" }] : []));
     _uploadQueue = signal([], ...(ngDevMode ? [{ debugName: "_uploadQueue" }] : []));
@@ -2633,6 +2634,7 @@ class CideEleFileManagerService {
     _error = signal(null, ...(ngDevMode ? [{ debugName: "_error" }] : []));
     // Angular 20: Computed values
     baseUrl = this._baseUrl.asReadonly();
+    objectIdEndpoint = this._objectIdEndpoint.asReadonly();
     userId = this._userId.asReadonly();
     isUploading = this._isUploading.asReadonly();
     uploadQueue = this._uploadQueue.asReadonly();
@@ -2809,14 +2811,25 @@ class CideEleFileManagerService {
         console.log('🔍 [FileManagerService] Setting user ID:', userId);
         this._userId.set(userId);
     }
+    /**
+     * Set the object ID generation endpoint
+     * Angular 20: Using signal-based state management
+     * @param endpoint The endpoint for generating object IDs (e.g., '/utility/generateObjectId')
+     */
+    setObjectIdEndpoint(endpoint) {
+        console.log('🔍 [FileManagerService] Setting object ID endpoint:', endpoint);
+        this._objectIdEndpoint.set(endpoint);
+    }
     /**
      * Generate Object ID for group uploads
      * Calls the backend API to generate a unique ObjectId for grouping multiple files
+     * Uses the configurable object ID endpoint instead of hardcoded path
      * @returns Observable with the generated ObjectId
      */
     generateObjectId() {
-        const url = `${this._baseUrl()}/utility/generateObjectId`;
+        const url = `${this._baseUrl()}${this._objectIdEndpoint()}`;
         console.log('🆔 [FileManagerService] Generating ObjectId from:', url);
+        console.log('🔧 [FileManagerService] Using object ID endpoint:', this._objectIdEndpoint());
         return this.http.get(url).pipe(catchError((error) => {
             console.error('❌ [FileManagerService] Error generating ObjectId:', error);
             this._error.set(`Failed to generate ObjectId: ${error.message}`);
@@ -3342,12 +3355,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 +3501,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 +3518,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 +3554,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 +3619,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 +3858,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');