jvcs 1.6.3 → 1.6.4

package/controllers/diff-engine/ui.js

@@ -1,7 +1,5 @@
 const blessed = require("blessed");
 const aiAnalyzer = require("./aiAnalyzer");
-const { marked } = require("marked");
-const { PlaintextRenderer } = require("marked-plaintext");
 
 function startUI(state) {
     const screen = blessed.screen({
@@ -10,80 +8,50 @@ function startUI(state) {
     });
 
     // ---------------------------------------
-    // HEADER
+    // UI COMPONENTS
     // ---------------------------------------
     const header = blessed.box({
-        top: 0,
-        height: 1,
-        width: "100%",
+        top: 0, height: 1, width: "100%",
         content: ` JVCS DIFF VIEW (${state.mode}) | ↑↓ Navigate | Enter Open | Esc Back | Tab Switch | Q Quit `,
-        style: {
-            fg: "white",
-            bg: "blue",
-            bold: true,
-            underline: true
-        },
+        style: { fg: "white", bg: "blue", bold: true, underline: true },
         tags: true
     });
     screen.append(header);
 
-    // ---------------------------------------
-    // FILE LIST VIEW
-    // ---------------------------------------
     const fileList = blessed.list({
-        top: 1,
-        left: 0,
-        width: "100%",
-        height: "100%-1",
-        keys: true,
-        vi: true,
-        border: "line",
+        top: 1, left: 0, width: "100%", height: "100%-1",
+        keys: true, vi: true, border: "line",
         label: " Changed Files ",
-        style: {
-            selected: { bg: "blue" },
-            item: { fg: "white" }
-        },
+        style: { selected: { bg: "blue" }, item: { fg: "white" } },
         tags: true
     });
     screen.append(fileList);
 
-    function renderFileList() {
-        const items = state.files.map(file => {
-            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();
-            }
-            return `${statusColored}  ${file.path}`;
-        });
-        fileList.setItems(items);
-        fileList.select(state.selectedIndex);
-        fileList.focus();
-        screen.render();
-    }
-
-    // ---------------------------------------
-    // FILE VIEW PANELS
-    // ---------------------------------------
     const panelOptions = {
-        top: 1,
-        height: "100%-1",
-        border: "line",
-        scrollable: true,
-        alwaysScroll: true,
-        keys: true,
-        vi: true,
+        top: 1, height: "100%-1", border: "line",
+        scrollable: true, alwaysScroll: true, keys: true, vi: true,
         scrollbar: { ch: "│", track: { bg: "black" }, style: { bg: "yellow" } },
-        padding: { left: 1, right: 1 },
-        tags: true
+        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 " });
 
+    // ---------------------------------------
+    // HELPERS
+    // ---------------------------------------
+    function stripMarkdown(text) {
+        return text
+            .replace(/#{1,6}\s/g, "")            // Remove headers
+            .replace(/\*\*(.*?)\*\*/g, "$1")      // Bold to text
+            .replace(/\*(.*?)\*/g, "$1")          // Italics to text
+            .replace(/`(.*?)`/g, "$1")            // Code ticks to text
+            .replace(/\[(.*?)\]\(.*?\)/g, "$1")   // Links to text
+            .replace(/^>\s/gm, "")                // Blockquotes
+            .replace(/^- /gm, "• ");              // List markers to bullets
+    }
+
     function colorDiffContent(content, type) {
         if (!content) return "";
         return content.split("\n").map(line => {
@@ -93,6 +61,9 @@ function startUI(state) {
         }).join("\n");
     }
 
+    // ---------------------------------------
+    // RENDER LOGIC
+    // ---------------------------------------
     async function renderFileView() {
         const file = state.getCurrentFile();
         if (!file) return;
@@ -116,11 +87,8 @@ function startUI(state) {
                 mode: state.mode
             });
 
-            // USE PLAINTEXT RENDERER HERE
-            const renderer = new PlaintextRenderer();
-            const cleanText = marked.parse(aiSummary, { renderer: renderer });
-            
-            aiBox.setContent(cleanText);
+            // Convert to clean text for terminal
+            aiBox.setContent(stripMarkdown(aiSummary));
             screen.render();
         }
         catch(error) {
@@ -129,65 +97,32 @@ function startUI(state) {
         }
     }
 
-    function destroyFileView() {
-        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";
-
         if(state.activeTab === 0) leftBox.focus();
         else if(state.activeTab === 1) rightBox.focus();
         else aiBox.focus();
-
         screen.render();
     }
 
     // ---------------------------------------
-    // KEYBOARD CONTROLS
+    // INPUT HANDLING
     // ---------------------------------------
     screen.key(["q", "C-c"], () => process.exit(0));
+    fileList.key(["up"], () => { if(state.selectedIndex > 0) { state.selectFile(state.selectedIndex - 1); renderFileList(); }});
+    fileList.key(["down"], () => { if(state.selectedIndex < state.files.length - 1) { state.selectFile(state.selectedIndex + 1); renderFileList(); }});
+    fileList.key(["enter"], async () => { state.goToFileView(); fileList.detach(); await renderFileView(); });
+    screen.key(["escape"], () => { if(state.screen === "FILE_VIEW") { state.goToListView(); leftBox.detach(); rightBox.detach(); aiBox.detach(); screen.append(fileList); renderFileList(); }});
+    screen.key(["tab"], () => { if(state.screen === "FILE_VIEW") { state.switchTab((state.activeTab + 1) % 3); updateActiveTabHighlight(); }});
 
-    fileList.key(["up"], () => {
-        if(state.selectedIndex > 0) {
-            state.selectFile(state.selectedIndex - 1);
-            renderFileList();
-        }
-    });
-
-    fileList.key(["down"], () => {
-        if(state.selectedIndex < state.files.length - 1) {
-            state.selectFile(state.selectedIndex + 1);
-            renderFileList();
-        }
-    });
-
-    fileList.key(["enter"], async () => {
-        state.goToFileView();
-        fileList.detach();
-        await renderFileView();
-    });
-
-    screen.key(["escape"], () => {
-        if(state.screen === "FILE_VIEW") {
-            state.goToListView();
-            destroyFileView();
-            screen.append(fileList);
-            renderFileList();
-        }
-    });
-
-    screen.key(["tab"], () => {
-        if(state.screen === "FILE_VIEW") {
-            state.switchTab((state.activeTab + 1) % 3);
-            updateActiveTabHighlight();
-        }
-    });
+    function renderFileList() {
+        fileList.setItems(state.files.map(f => `${f.status === "added" ? "{green-fg}" : f.status === "deleted" ? "{red-fg}" : "{yellow-fg}"}${f.status.toUpperCase()}{/} ${f.path}`));
+        fileList.select(state.selectedIndex);
+        fileList.focus();
+        screen.render();
+    }
 
     renderFileList();
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jvcs",
-  "version": "1.6.3",
+  "version": "1.6.4",
   "bin": {
     "jvcs": "index.js"
   },