vg-coder-cli 2.0.11 → 2.0.14

package/src/server/views/js/main.js

@@ -1,13 +1,12 @@
 // Main entry point - Initialize application
 import { SYSTEM_PROMPT } from './config.js';
 import { checkHealth } from './api.js';
-import './handlers.js'; // Import to register global functions
+import './handlers.js'; 
 import { showToast, showCopiedState } from './utils.js';
 import { initIframeManager } from './features/iframe-manager.js';
+import { initGitView } from './features/git-view.js';
+import { initTerminal, createNewTerminal } from './features/terminal.js';
 
-/**
- * Initialize application on DOM ready
- */
 document.addEventListener('DOMContentLoaded', async () => {
     // Load system prompt text
     document.getElementById('prompt-text').textContent = SYSTEM_PROMPT;
@@ -21,13 +20,19 @@ document.addEventListener('DOMContentLoaded', async () => {
     // Load Extension Path
     loadExtensionPath();
 
-    // Initialize Iframe Manager (New Feature)
+    // Initialize Iframe Manager
     initIframeManager();
+
+    // Initialize Git View
+    initGitView();
+    
+    // Initialize Terminal System
+    initTerminal();
+    
+    // Auto open one terminal on start (Optional)
+    // setTimeout(() => createNewTerminal(), 500);
 });
 
-/**
- * Check and update server status
- */
 async function checkServerStatus() {
     const statusEl = document.getElementById('status');
     const isHealthy = await checkHealth();
@@ -43,28 +48,15 @@ async function checkServerStatus() {
     }
 }
 
-/**
- * Initialize Theme Logic
- */
 function initTheme() {
     const themeBtn = document.getElementById('theme-toggle');
-    const themeIcon = document.getElementById('theme-icon');
-    
-    // Get current theme from DOM (set by inline script) or localStorage
     let currentTheme = localStorage.getItem('theme') || 'light';
-    
-    // Update icon initially
     updateThemeIcon(currentTheme);
 
     themeBtn.addEventListener('click', () => {
-        // Toggle theme
         const newTheme = currentTheme === 'light' ? 'dark' : 'light';
-        
-        // Update DOM
         document.documentElement.setAttribute('data-theme', newTheme);
         localStorage.setItem('theme', newTheme);
-        
-        // Update local state
         currentTheme = newTheme;
         updateThemeIcon(newTheme);
     });
@@ -79,25 +71,19 @@ function updateThemeIcon(theme) {
     }
 }
 
-// Extension Helpers
 async function loadExtensionPath() {
     try {
         const res = await fetch('/api/extension-path');
         const data = await res.json();
         const input = document.getElementById('extension-path-input');
-        
-        if (data.exists) {
-            input.value = data.path;
-        } else {
-            input.value = "Error: Extension folder not found. Run 'npm run build' first.";
+        if (data.exists) input.value = data.path;
+        else {
+            input.value = "Error: Extension folder not found.";
             input.style.color = "var(--ios-red)";
         }
-    } catch (err) {
-        console.error('Failed to load extension path', err);
-    }
+    } catch (err) {}
 }
 
-// Expose extension handlers to window for onclick events
 window.toggleExtensionGuide = function() {
     const content = document.getElementById('extension-content');
     const icon = document.getElementById('ext-toggle-icon');
@@ -110,12 +96,9 @@ window.copyExtensionPath = function(event) {
     const btn = event.currentTarget;
     const icon = document.getElementById('ext-copy-icon');
     const text = document.getElementById('ext-copy-text');
-
     navigator.clipboard.writeText(input.value).then(() => {
         showCopiedState(btn, icon, text, '📋', 'Copy Path');
         showToast('Đã copy đường dẫn extension', 'success');
-    }).catch(err => {
-        showToast('Lỗi copy: ' + err.message, 'error');
     });
 }
 
@@ -123,14 +106,9 @@ window.copyChromeUrl = function(event) {
     const input = document.getElementById('chrome-url-input');
     const btn = event.currentTarget;
     const originalText = btn.innerHTML;
-
     navigator.clipboard.writeText(input.value).then(() => {
         btn.innerHTML = '✓';
         showToast('Đã copy URL', 'success');
-        setTimeout(() => {
-            btn.innerHTML = originalText;
-        }, 1500);
-    }).catch(err => {
-        showToast('Lỗi copy: ' + err.message, 'error');
+        setTimeout(() => btn.innerHTML = originalText, 1500);
     });
 }