jvcs 1.6.2 → 1.6.3

package/controllers/diff-engine/ui.js

@@ -1,17 +1,13 @@
 const blessed = require("blessed");
 const aiAnalyzer = require("./aiAnalyzer");
 const { marked } = require("marked");
-const { TerminalRenderer } = require("marked-terminal");
-
-marked.setOptions({
-    renderer: TerminalRenderer
-});
+const { PlaintextRenderer } = require("marked-plaintext");
 
 function startUI(state) {
     const screen = blessed.screen({
         smartCSR: true,
         title: "JVCS Diff Viewer"
-    })
+    });
 
     // ---------------------------------------
     // HEADER
@@ -28,8 +24,8 @@ function startUI(state) {
             underline: true
         },
         tags: true
-    })
-    screen.append(header)
+    });
+    screen.append(header);
 
     // ---------------------------------------
     // FILE LIST VIEW
@@ -48,52 +44,33 @@ function startUI(state) {
             item: { fg: "white" }
         },
         tags: true
-    })
-    screen.append(fileList)
+    });
+    screen.append(fileList);
 
     function renderFileList() {
         const items = state.files.map(file => {
-            let statusColored
+            let statusColored;
             switch(file.status) {
-                case "added": statusColored = `{green-fg}${file.status.toUpperCase()}{/green-fg}`; break
-                case "deleted": statusColored = `{red-fg}${file.status.toUpperCase()}{/red-fg}`; break
-                case "modified": statusColored = `{yellow-fg}${file.status.toUpperCase()}{/yellow-fg}`; break
-                default: statusColored = file.status.toUpperCase()
+                case "added": statusColored = `{green-fg}${file.status.toUpperCase()}{/green-fg}`; break;
+                case "deleted": statusColored = `{red-fg}${file.status.toUpperCase()}{/red-fg}`; break;
+                case "modified": statusColored = `{yellow-fg}${file.status.toUpperCase()}{/yellow-fg}`; break;
+                default: statusColored = file.status.toUpperCase();
             }
-            return `${statusColored}  ${file.path}`
-        })
-        fileList.setItems(items)
-        fileList.select(state.selectedIndex)
-        fileList.focus()
-        screen.render()
+            return `${statusColored}  ${file.path}`;
+        });
+        fileList.setItems(items);
+        fileList.select(state.selectedIndex);
+        fileList.focus();
+        screen.render();
     }
 
     // ---------------------------------------
-    // FILE VIEW (3 PANELS)
+    // FILE VIEW PANELS
     // ---------------------------------------
-    const leftBox = blessed.box({
-        top: 1,
-        left: 0,
-        width: "33%",
-        height: "100%-1",
-        border: "line",
-        label: " LEFT ",
-        scrollable: true,
-        alwaysScroll: true,
-        keys: true,
-        vi: true,
-        scrollbar: { ch: "│", track: { bg: "black" }, style: { bg: "yellow" } },
-        padding: { left: 1, right: 1 },
-        tags: true
-    })
-
-    const rightBox = blessed.box({
+    const panelOptions = {
         top: 1,
-        left: "33%",
-        width: "34%",
         height: "100%-1",
         border: "line",
-        label: " RIGHT ",
         scrollable: true,
         alwaysScroll: true,
         keys: true,
@@ -101,43 +78,33 @@ function startUI(state) {
         scrollbar: { ch: "│", track: { bg: "black" }, style: { bg: "yellow" } },
         padding: { left: 1, right: 1 },
         tags: true
-    })
+    };
 
-    const aiBox = blessed.box({
-        top: 1,
-        left: "67%",
-        width: "33%",
-        height: "100%-1",
-        border: "line",
-        label: " AI ANALYSIS ",
-        scrollable: true,
-        alwaysScroll: true,
-        keys: true,
-        vi: true,
-        scrollbar: { ch: "│", track: { bg: "black" }, style: { bg: "yellow" } },
-        padding: { left: 1, right: 1 },
-        tags: true
-    })
+    const leftBox = blessed.box({ ...panelOptions, left: 0, width: "33%", label: " LEFT " });
+    const rightBox = blessed.box({ ...panelOptions, left: "33%", width: "34%", label: " RIGHT " });
+    const aiBox = blessed.box({ ...panelOptions, left: "67%", width: "33%", label: " AI ANALYSIS " });
 
     function colorDiffContent(content, type) {
+        if (!content) return "";
         return content.split("\n").map(line => {
-            if(type === "added") return `{green-fg}+ ${line}{/green-fg}`
-            if(type === "removed") return `{red-fg}- ${line}{/red-fg}`
-            return `  ${line}`
-        }).join("\n")
+            if(type === "added") return `{green-fg}+ ${line}{/green-fg}`;
+            if(type === "removed") return `{red-fg}- ${line}{/red-fg}`;
+            return `  ${line}`;
+        }).join("\n");
     }
 
     async function renderFileView() {
-        const file = state.getCurrentFile()
-        if (!file) return
-
-        leftBox.setContent(colorDiffContent(file.leftContent, "removed"))
-        rightBox.setContent(colorDiffContent(file.rightContent, "added"))
+        const file = state.getCurrentFile();
+        if (!file) return;
 
+        leftBox.setContent(colorDiffContent(file.leftContent, "removed"));
+        rightBox.setContent(colorDiffContent(file.rightContent, "added"));
         aiBox.setContent("AI Analysis: Loading...");
-        screen.append(leftBox)
-        screen.append(rightBox)
-        screen.append(aiBox)
+
+        screen.append(leftBox);
+        screen.append(rightBox);
+        screen.append(aiBox);
+        
         updateActiveTabHighlight();
         screen.render();
 
@@ -147,85 +114,82 @@ function startUI(state) {
                 leftContent: file.leftContent,
                 rightContent: file.rightContent,
                 mode: state.mode
-            })
-
-            const parsed = marked(aiSummary); // Markdown → terminal-friendly text
-            aiBox.setContent(parsed);
-            screen.render()
+            });
+
+            // USE PLAINTEXT RENDERER HERE
+            const renderer = new PlaintextRenderer();
+            const cleanText = marked.parse(aiSummary, { renderer: renderer });
+            
+            aiBox.setContent(cleanText);
+            screen.render();
         }
         catch(error) {
-            aiBox.setContent(`AI Analysis failed: ${error.message || error}`);
-            screen.render()
+            aiBox.setContent(`{red-fg}AI Analysis failed: ${error.message || error}{/red-fg}`);
+            screen.render();
         }
     }
 
     function destroyFileView() {
-        leftBox.detach()
-        rightBox.detach()
-        aiBox.detach()
-        screen.render()
+        leftBox.detach();
+        rightBox.detach();
+        aiBox.detach();
+        screen.render();
     }
 
     function updateActiveTabHighlight() {
-        leftBox.style.border.fg = state.activeTab === 0 ? "yellow" : "grey"
-        rightBox.style.border.fg = state.activeTab === 1 ? "yellow" : "grey"
-        aiBox.style.border.fg = state.activeTab === 2 ? "yellow" : "grey"
+        leftBox.style.border.fg = state.activeTab === 0 ? "yellow" : "grey";
+        rightBox.style.border.fg = state.activeTab === 1 ? "yellow" : "grey";
+        aiBox.style.border.fg = state.activeTab === 2 ? "yellow" : "grey";
 
-        if(state.activeTab === 0) leftBox.focus()
-        else if(state.activeTab === 1) rightBox.focus()
-        else aiBox.focus()
+        if(state.activeTab === 0) leftBox.focus();
+        else if(state.activeTab === 1) rightBox.focus();
+        else aiBox.focus();
 
-        screen.render()
+        screen.render();
     }
 
     // ---------------------------------------
     // KEYBOARD CONTROLS
     // ---------------------------------------
-    screen.key(["q", "C-c"], () => process.exit(0))
+    screen.key(["q", "C-c"], () => process.exit(0));
 
-    // Navigate list
     fileList.key(["up"], () => {
         if(state.selectedIndex > 0) {
-            state.selectFile(state.selectedIndex - 1)
-            renderFileList()
+            state.selectFile(state.selectedIndex - 1);
+            renderFileList();
         }
-    })
+    });
+
     fileList.key(["down"], () => {
         if(state.selectedIndex < state.files.length - 1) {
-            state.selectFile(state.selectedIndex + 1)
-            renderFileList()
+            state.selectFile(state.selectedIndex + 1);
+            renderFileList();
         }
-    })
+    });
 
-    // Enter → Open file view
     fileList.key(["enter"], async () => {
-        state.goToFileView()
-        fileList.detach()
-        await renderFileView()
-    })
+        state.goToFileView();
+        fileList.detach();
+        await renderFileView();
+    });
 
-    // ESC → Back to list
     screen.key(["escape"], () => {
         if(state.screen === "FILE_VIEW") {
-            state.goToListView()
-            destroyFileView()
-            screen.append(fileList)
-            renderFileList()
+            state.goToListView();
+            destroyFileView();
+            screen.append(fileList);
+            renderFileList();
         }
-    })
+    });
 
-    // TAB → switch active panel
     screen.key(["tab"], () => {
         if(state.screen === "FILE_VIEW") {
-            state.switchTab((state.activeTab + 1) % 3)
-            updateActiveTabHighlight()
+            state.switchTab((state.activeTab + 1) % 3);
+            updateActiveTabHighlight();
         }
-    })
+    });
 
-    // ---------------------------------------
-    // INITIAL RENDER
-    // ---------------------------------------
-    renderFileList()
+    renderFileList();
 }
 
-module.exports = startUI
+module.exports = startUI;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvcs",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "bin": {
     "jvcs": "index.js"
   },
@@ -16,6 +16,7 @@
     "googleapis": "^164.1.0",
     "inquirer": "^8.2.7",
     "marked": "^15.0.12",
+    "marked-plaintext": "^0.0.2",
     "marked-terminal": "^7.3.0",
     "minimatch": "^10.2.4",
     "uuid": "^13.0.0",