vg-coder-cli 1.0.15 → 1.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vg-coder-cli",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "description": "🚀 CLI tool to analyze projects, concatenate source files, count tokens, and export HTML with syntax highlighting and copy functionality",
   "main": "src/index.js",
   "bin": {

package/src/server/api-server.js

@@ -237,8 +237,13 @@ class ApiServer {
           console.log(chalk.green(`✓ Bash execution completed in ${result.executionTime}ms`));
           res.json(result);
         } else {
+          // Check if it's a syntax error
+          const isSyntaxError = result.error === 'Syntax validation failed';
           console.log(chalk.red(`✗ Bash execution failed: ${result.error || 'Exit code ' + result.exitCode}`));
-          res.status(400).json(result);
+          res.status(400).json({
+            ...result,
+            syntaxError: isSyntaxError
+          });
         }
 
       } catch (error) {

package/src/server/views/dashboard.html

@@ -363,6 +363,10 @@
                         <span id="analyze-copy-icon">📋</span>
                         <span id="analyze-copy-text">Copy to Clipboard</span>
                     </button>
+                    <button class="btn btn-copy" onclick="copyAnalyzeAsFile()">
+                        <span id="analyze-file-icon">📄</span>
+                        <span id="analyze-file-text">Copy as File</span>
+                    </button>
                 </div>
                 <div class="response" id="analyze-response"></div>
             </div>
@@ -379,10 +383,16 @@
                     <textarea id="execute-bash"
                         placeholder="mkdir -p $(dirname &quot;src/test.js&quot;)&#10;cat <<'EOF' > src/test.js&#10;console.log('Hello World');&#10;EOF"></textarea>
                 </div>
-                <button class="btn" onclick="testExecute()">
-                    <span>▶️</span>
-                    <span>Execute Script</span>
-                </button>
+                <div class="btn-group">
+                    <button class="btn" onclick="testExecute()">
+                        <span>▶️</span>
+                        <span>Execute Script</span>
+                    </button>
+                    <button class="btn" onclick="executeFromClipboard()">
+                        <span>📋</span>
+                        <span>Execute from Clipboard</span>
+                    </button>
+                </div>
                 <div class="response" id="execute-response"></div>
             </div>
         </div>
@@ -672,6 +682,75 @@ API sẽ:
             }
         }
 
+        async function copyAsFile(filename, content) {
+            const blob = new Blob([content], {
+                type: "application/octet-stream"
+            });
+
+            // ClipboardItem cần type key phải trùng blob.type
+            const item = new ClipboardItem(
+                { [blob.type]: blob },
+                {
+                    // Không phải chuẩn, nhưng Chrome hỗ trợ unofficial metadata
+                    type: "application/octet-stream",
+                    presentationStyle: "attachment",
+                    name: filename
+                }
+            );
+
+            await navigator.clipboard.write([item]);
+        }
+
+        async function copyAnalyzeAsFile() {
+            const copyBtn = event.target.closest('.btn-copy');
+            const copyIcon = document.getElementById('analyze-file-icon');
+            const copyText = document.getElementById('analyze-file-text');
+
+            if (!lastAnalyzeResult) {
+                // Fetch if not already analyzed
+                const path = document.getElementById('analyze-path').value;
+                showLoading(copyBtn, '<span id="analyze-file-icon">📄</span><span id="analyze-file-text">Copy as File</span>');
+
+                try {
+                    const res = await fetch(`${API_BASE}/api/analyze`, {
+                        method: 'POST',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ path })
+                    });
+
+                    if (res.ok) {
+                        lastAnalyzeResult = await res.text();
+                    } else {
+                        showToast('❌ Lỗi analyze!', 'error');
+                        resetButton(copyBtn);
+                        return;
+                    }
+                } catch (err) {
+                    showToast('❌ Lỗi: ' + err.message, 'error');
+                    resetButton(copyBtn);
+                    return;
+                }
+                resetButton(copyBtn);
+            }
+
+            try {
+                await copyAsFile("project.txt", lastAnalyzeResult);
+
+                copyBtn.classList.add('copied');
+                copyIcon.textContent = '✓';
+                copyText.textContent = 'Copied!';
+                showToast('✅ Đã copy project.txt như file!', 'success');
+
+                setTimeout(() => {
+                    copyBtn.classList.remove('copied');
+                    copyIcon.textContent = '📄';
+                    copyText.textContent = 'Copy as File';
+                }, 2000);
+            } catch (err) {
+                showToast('❌ Lỗi copy: ' + err.message, 'error');
+            }
+        }
+
         async function testExecute() {
             const btn = event.target.closest('.btn');
             const bash = document.getElementById('execute-bash').value;
@@ -703,6 +782,65 @@ API sẽ:
             resetButton(btn);
         }
 
+        async function executeFromClipboard() {
+            const btn = event.target.closest('.btn');
+
+            showLoading(btn, '<span>📋</span><span>Execute from Clipboard</span>');
+
+            try {
+                // Read from clipboard
+                const clipboardText = await navigator.clipboard.readText();
+
+                // Check if clipboard is empty
+                if (!clipboardText || !clipboardText.trim()) {
+                    showToast('⚠️ Clipboard trống! Vui lòng copy bash script trước.', 'error');
+                    showResponse('execute-response', {
+                        error: 'Clipboard is empty',
+                        message: 'Please copy a bash script to clipboard first'
+                    }, true);
+                    resetButton(btn);
+                    return;
+                }
+
+                // Display clipboard content in textarea for reference
+                document.getElementById('execute-bash').value = clipboardText;
+
+                // Execute the script (API will validate syntax first)
+                const res = await fetch(`${API_BASE}/api/execute`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({ bash: clipboardText })
+                });
+                const data = await res.json();
+                showResponse('execute-response', data, !res.ok || !data.success);
+
+                if (data.success) {
+                    showToast('✅ Thực thi từ clipboard thành công!', 'success');
+                } else {
+                    // Check if it's a syntax error
+                    if (data.syntaxError) {
+                        showToast('❌ Lỗi syntax! Kiểm tra bash script.', 'error');
+                    } else {
+                        showToast('❌ Thực thi thất bại!', 'error');
+                    }
+                }
+            } catch (err) {
+                // Handle clipboard permission errors
+                if (err.name === 'NotAllowedError') {
+                    showToast('❌ Không có quyền truy cập clipboard!', 'error');
+                    showResponse('execute-response', {
+                        error: 'Clipboard permission denied',
+                        message: 'Please allow clipboard access in your browser settings'
+                    }, true);
+                } else {
+                    showResponse('execute-response', { error: err.message }, true);
+                    showToast('❌ Lỗi: ' + err.message, 'error');
+                }
+            }
+            resetButton(btn);
+        }
+
+
         function showToast(message, type = 'success') {
             const toast = document.getElementById('toast');
             toast.textContent = message;