vg-coder-cli 2.0.4 → 2.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vg-coder-cli",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "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/views/dashboard.html

@@ -167,16 +167,10 @@
         /* Buttons */
         .btn-group {
             display: grid;
-            grid-template-columns: 1fr;
+            grid-template-columns: 1fr 1fr;
             gap: 12px;
         }
 
-        @media (min-width: 600px) {
-            .btn-group {
-                grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
-            }
-        }
-
         .btn {
             border: none;
             background: var(--ios-blue);
@@ -204,6 +198,11 @@
             color: var(--ios-blue);
         }
 
+        /* Full width button */
+        .btn-full {
+            grid-column: 1 / -1;
+        }
+
         .btn-copy {
             background: #E5E5EA;
             color: black;
@@ -367,7 +366,7 @@
             </div>
             <div class="prompt-content" id="system-prompt-content">
                 <div class="code-block" id="prompt-text"></div>
-                <button class="btn btn-secondary" onclick="copySystemPrompt()" style="width: 100%">
+                <button class="btn btn-secondary btn-full" onclick="copySystemPrompt()">
                     <span id="copy-icon">📋</span>
                     <span id="copy-text">Copy Prompt</span>
                 </button>
@@ -396,9 +395,6 @@
                 <button class="btn btn-secondary" onclick="copyAnalyzeResult()">
                     <span id="analyze-copy-icon">📋</span> Copy
                 </button>
-                <button class="btn btn-copy" onclick="copyAnalyzeAsFile()">
-                    <span id="analyze-file-icon">📄</span> File
-                </button>
             </div>
             <div class="response" id="analyze-response"></div>
         </div>
@@ -502,9 +498,35 @@ EOF
             setTimeout(() => toast.classList.remove('show'), 3000);
         }
 
-        async function copyToClipboard(text, btnElement, successIconId, successTextId) {
+        // --- ROBUST COPY FUNCTION (MODERN + FALLBACK) ---
+        function fallbackCopyTextToClipboard(text) {
+            var textArea = document.createElement("textarea");
+            textArea.value = text;
+
+            // Ensure textarea is not visible but part of DOM
+            textArea.style.position = "fixed";
+            textArea.style.left = "-9999px";
+            textArea.style.top = "0";
+            document.body.appendChild(textArea);
+
+            textArea.focus();
+            textArea.select();
+
             try {
-                await navigator.clipboard.writeText(text);
+                var successful = document.execCommand('copy');
+                return successful;
+            } catch (err) {
+                console.error('Fallback: Oops, unable to copy', err);
+                return false;
+            } finally {
+                document.body.removeChild(textArea);
+            }
+        }
+
+        async function copyToClipboard(text, btnElement, successIconId, successTextId) {
+            if (!text) return showToast('Nothing to copy', 'error');
+
+            const updateUI = () => {
                 if (btnElement) {
                     btnElement.classList.add('copied');
                     const icon = document.getElementById(successIconId);
@@ -523,8 +545,29 @@ EOF
                     }, 2000);
                 }
                 showToast('Copied to clipboard!');
-            } catch (err) {
-                showToast('Failed to copy', 'error');
+            };
+
+            // Try Modern API first
+            if (navigator.clipboard && navigator.clipboard.writeText) {
+                try {
+                    await navigator.clipboard.writeText(text);
+                    updateUI();
+                } catch (err) {
+                    console.warn('Modern copy failed, trying fallback', err);
+                    // Try fallback if modern API fails
+                    if (fallbackCopyTextToClipboard(text)) {
+                        updateUI();
+                    } else {
+                        showToast('Failed to copy', 'error');
+                    }
+                }
+            } else {
+                // Use fallback immediately if API doesn't exist
+                if (fallbackCopyTextToClipboard(text)) {
+                    updateUI();
+                } else {
+                    showToast('Failed to copy', 'error');
+                }
             }
         }
 
@@ -576,21 +619,12 @@ EOF
         async function copyAnalyzeResult() {
             const btn = event.target.closest('.btn');
             if (!lastAnalyzeResult) {
-                showToast('Please analyze first', 'error');
+                showToast('Please analyze/download first', 'error');
                 return;
             }
             copyToClipboard(lastAnalyzeResult, btn, 'analyze-copy-icon', 'analyze-copy-text');
         }
 
-        async function copyAnalyzeAsFile() {
-            const btn = event.target.closest('.btn');
-            if (!lastAnalyzeResult) {
-                showToast('Please analyze first', 'error');
-                return;
-            }
-            copyToClipboard(lastAnalyzeResult, btn, 'analyze-file-icon', 'analyze-file-text');
-        }
-
         async function testExecute() {
             const btn = event.target.closest('.btn');
             const bash = document.getElementById('execute-bash').value;
@@ -613,7 +647,6 @@ EOF
         }
 
         async function executeFromClipboard() {
-            const btn = event.target.closest('.btn');
             try {
                 const text = await navigator.clipboard.readText();
                 if (!text.trim()) return showToast('Clipboard is empty', 'error');