imcp 0.1.1 → 0.1.3

package/src/web/public/js/modal/messageQueue.js

@@ -1,112 +0,0 @@
-/** @type {boolean} Flag indicating if a message is currently being appended */
-let isAppending = false;
-
-/** @type {boolean} Flag indicating if completion UI update is pending */
-let completionPending = false;
-
-/**
- * Message queue for delayed loading modal updates.
- * @type {Array<{msg: string, isCompletion: boolean}>}
- */
-let messageQueue = [];
-
-/**
- * Process messages in the queue with a delay between each message.
- * When the queue is empty and completion is pending, triggers the completion UI.
- * @private
- */
-function processMessageQueue() {
-    if (isAppending || messageQueue.length === 0) {
-        // Only update completion UI if all messages have been displayed
-        if (messageQueue.length === 0 && completionPending) {
-            // Add small delay before showing completion to ensure last message is visible
-            setTimeout(() => {
-                updateCompletionUI();
-                completionPending = false;
-            }, 500);
-        }
-        return;
-    }
-
-    isAppending = true;
-    const { msg, isCompletion } = messageQueue.shift();
-
-    if (isCompletion) {
-        completionPending = true;
-    }
-
-    appendInstallLoadingMessage(msg);
-
-    setTimeout(() => {
-        isAppending = false;
-        processMessageQueue();
-    }, 1000);
-}
-
-/**
- * Queue a message to be displayed with a delay.
- * Messages are displayed sequentially with a 1-second delay between each.
- * @param {string} msg The message to display
- * @param {boolean} [isCompletion=false] If true, triggers completion UI after message display
- */
-export function delayedAppendInstallLoadingMessage(msg, isCompletion = false) {
-    messageQueue.push({ msg, isCompletion });
-    processMessageQueue();
-}
-
-function updateCompletionUI() {
-    const loadingTitle = document.querySelector('.loading-title');
-    const loadingIcon = document.querySelector('.loading-icon');
-
-    if (loadingTitle) {
-        loadingTitle.textContent = 'Completed';
-        loadingTitle.classList.add('completed');
-    }
-
-    if (loadingIcon) {
-        loadingIcon.innerHTML = `
-            <svg width="48" height="48" viewBox="0 0 48 48" fill="none">
-                <circle cx="24" cy="24" r="20" stroke="#059669" stroke-width="4"/>
-                <path d="M16 24l6 6 12-12" stroke="#059669" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
-            </svg>
-        `;
-        loadingIcon.classList.add('completed');
-    }
-}
-
-/**
- * Internal function to append a message to the loading modal with formatting.
- * @private
- * @param {string} message - The message to append
- */
-function appendInstallLoadingMessage(message) {
-    const loadingMsg = document.getElementById('installLoadingMessage');
-    if (loadingMsg) {
-        // Split message on newlines
-        const lines = message.split('\n');
-
-        lines.forEach(line => {
-            // Check if line contains an error
-            const isError = line.toLowerCase().includes('error') ||
-                line.toLowerCase().includes('failed') ||
-                line.toLowerCase().includes('timeout');
-
-            const formattedMessage = line;
-
-            // Create message container
-            const messageDiv = document.createElement('div');
-            messageDiv.className = 'message-line';
-
-            // Apply yellow color for error messages
-            if (isError) {
-                messageDiv.style.color = '#f59e0b';
-            }
-            messageDiv.innerHTML = formattedMessage;
-
-            loadingMsg.appendChild(messageDiv);
-            loadingMsg.scrollTop = loadingMsg.scrollHeight;
-        });
-    } else {
-        console.error('[LoadingModal] Element not found: installLoadingMessage');
-    }
-}