saveinme 1.3.4 → 2.0.0

package/src/tui.js

@@ -0,0 +1,336 @@
+import readline from 'readline';
+import chalk from 'chalk';
+import { getAllNotes, togglePin, deleteNoteById, getNoteById } from './store.js';
+import { showNote, showError, showSuccess } from './display.js';
+import { openEditor } from './editor.js';
+import { triggerAutoSync } from './sync.js';
+
+let notes = [];
+let selectedIndex = 0;
+let searchQuery = '';
+let searchMode = false;
+let screenHeight = process.stdout.rows;
+let screenWidth = process.stdout.columns;
+let deleteConfirmId = null; // Stored note ID when asking for delete confirmation
+let tuiSuspended = false;
+
+/**
+ * Wraps text into lines of maximum width.
+ */
+function wrapText(text, limit) {
+  const lines = [];
+  const rawLines = text.split('\n');
+  for (const line of rawLines) {
+    if (line.length <= limit) {
+      lines.push(line);
+    } else {
+      let current = line;
+      while (current.length > limit) {
+        let spaceIdx = current.lastIndexOf(' ', limit);
+        if (spaceIdx === -1 || spaceIdx === 0) spaceIdx = limit;
+        lines.push(current.slice(0, spaceIdx));
+        current = current.slice(spaceIdx).trim();
+      }
+      if (current) lines.push(current);
+    }
+  }
+  return lines;
+}
+
+/**
+ * Loads and sorts notes, applying search filters if active.
+ */
+function loadNotes() {
+  const allNotes = getAllNotes();
+  // Sort: pinned first, then by updatedAt desc
+  const sorted = allNotes.sort((a, b) => {
+    if (a.pinned && !b.pinned) return -1;
+    if (!a.pinned && b.pinned) return 1;
+    return new Date(b.updatedAt) - new Date(a.updatedAt);
+  });
+
+  if (searchQuery.trim()) {
+    const q = searchQuery.toLowerCase();
+    notes = sorted.filter(n =>
+      n.title.toLowerCase().includes(q) ||
+      n.content.toLowerCase().includes(q) ||
+      (n.tags ?? []).some(t => t.toLowerCase().includes(q)) ||
+      (n.category ?? '').toLowerCase().includes(q)
+    );
+  } else {
+    notes = sorted;
+  }
+
+  // Adjust selected index to stay in bounds
+  if (selectedIndex >= notes.length) {
+    selectedIndex = Math.max(0, notes.length - 1);
+  }
+}
+
+/**
+ * Renders the dashboard screen.
+ */
+function draw() {
+  screenWidth = process.stdout.columns;
+  screenHeight = process.stdout.rows;
+
+  // Clear screen and move cursor to top-left
+  process.stdout.write('\x1b[2J\x1b[H');
+
+  // Draw Header
+  const header = ` 💾  saveinme Dashboard  [v2.0.0]  ·  ${notes.length} note(s) shown`;
+  console.log(chalk.bgCyan.black.bold(header.padEnd(screenWidth)));
+
+  const leftWidth = Math.max(30, Math.min(50, Math.floor(screenWidth * 0.35)));
+  const rightWidth = screenWidth - leftWidth - 3;
+  const contentHeight = screenHeight - 3; // Subtract header and bottom bar
+
+  const selectedNote = notes[selectedIndex];
+  let rightLines = [];
+
+  if (selectedNote) {
+    // Generate right pane preview lines
+    rightLines.push(chalk.bold.yellow(selectedNote.title));
+    const meta = [
+      selectedNote.category ? `📁 ${selectedNote.category}` : null,
+      (selectedNote.tags ?? []).length ? selectedNote.tags.map(t => `#${t}`).join(' ') : null,
+      selectedNote.pinned ? '📌 pinned' : null,
+    ].filter(Boolean).join('  ·  ');
+    if (meta) rightLines.push(chalk.dim(meta));
+    rightLines.push(chalk.dim(`Words: ${selectedNote.wordCount ?? 0} · Updated: ${new Date(selectedNote.updatedAt).toLocaleDateString()}`));
+    rightLines.push(chalk.gray('─'.repeat(rightWidth)));
+    rightLines.push('');
+
+    const contentWrapped = wrapText(selectedNote.content, rightWidth);
+    rightLines.push(...contentWrapped);
+  } else {
+    rightLines.push(chalk.dim('No notes found.'));
+  }
+
+  // Draw content rows
+  for (let r = 0; r < contentHeight; r++) {
+    // Left Pane (Notes list)
+    let leftContent = '';
+    if (r < notes.length) {
+      const note = notes[r];
+      const pin = note.pinned ? '📌' : '  ';
+      const label = `${pin} ${note.title}`;
+      const truncated = label.slice(0, leftWidth - 2).padEnd(leftWidth - 2);
+
+      if (r === selectedIndex) {
+        leftContent = chalk.bgBlue.white.bold(` > ${truncated} `);
+      } else {
+        leftContent = `   ${truncated} `;
+      }
+    } else {
+      leftContent = ' '.repeat(leftWidth + 2);
+    }
+
+    // Right Pane
+    let rightContent = '';
+    if (r < rightLines.length) {
+      rightContent = rightLines[r];
+    }
+
+    // Output combined line
+    const border = chalk.cyan('│');
+    console.log(`${leftContent}${border} ${rightContent}`);
+  }
+
+  // Draw Bottom Bar
+  let bottomBar = '';
+  if (deleteConfirmId) {
+    bottomBar = chalk.bgRed.white.bold(` ⚠️  Are you sure you want to delete this note? (y/n) `);
+  } else if (searchMode) {
+    bottomBar = chalk.bgYellow.black.bold(` 🔍 Search: ${searchQuery}_ `);
+  } else {
+    bottomBar = chalk.bgGray.black(
+      ` [⇅] Nav  ·  [Enter] Edit  ·  [c] Create  ·  [p] Pin  ·  [d] Delete  ·  [/] Search  ·  [q] Quit`
+    );
+  }
+  process.stdout.write(bottomBar.padEnd(screenWidth));
+}
+
+/**
+ * Cleans up terminal settings and exits raw mode.
+ */
+function exitTUI() {
+  process.stdin.setRawMode(false);
+  process.stdin.pause();
+  // Clear screen and show cursor
+  process.stdout.write('\x1b[2J\x1b[H\x1b[?25h');
+  process.exit(0);
+}
+
+/**
+ * Suspends TUI key listeners to run an interactive terminal edit/create session.
+ */
+async function runInteractiveCommand(callback) {
+  tuiSuspended = true;
+  // Detach keypress listener to avoid conflicts with inquirer prompts
+  process.stdin.removeListener('keypress', handleKeypress);
+
+  // Exit raw mode and show cursor
+  process.stdin.setRawMode(false);
+  process.stdout.write('\x1b[?25h\x1b[2J\x1b[H');
+
+  try {
+    await callback();
+  } catch (err) {
+    console.error(err);
+  }
+
+  // Restore raw mode and hide cursor
+  process.stdin.setRawMode(true);
+  process.stdin.resume();
+  process.stdin.on('keypress', handleKeypress);
+  process.stdout.write('\x1b[?25l');
+  tuiSuspended = false;
+  
+  loadNotes();
+  draw();
+}
+
+/**
+ * Handle keypress events for the TUI.
+ */
+async function handleKeypress(str, key) {
+  if (tuiSuspended) return;
+  if (!key) return;
+
+  // Graceful exit on Ctrl+C
+  if (key.ctrl && key.name === 'c') {
+    exitTUI();
+    return;
+  }
+
+  // --- Mode: Delete Confirmation ---
+  if (deleteConfirmId) {
+    if (key.name === 'y') {
+      deleteNoteById(deleteConfirmId);
+      triggerAutoSync();
+      deleteConfirmId = null;
+      loadNotes();
+      draw();
+    } else if (key.name === 'n' || key.name === 'escape') {
+      deleteConfirmId = null;
+      draw();
+    }
+    return;
+  }
+
+  // --- Mode: Search Input ---
+  if (searchMode) {
+    if (key.name === 'escape') {
+      searchQuery = '';
+      searchMode = false;
+      loadNotes();
+      draw();
+    } else if (key.name === 'enter' || key.name === 'return') {
+      searchMode = false;
+      draw();
+    } else if (key.name === 'backspace') {
+      searchQuery = searchQuery.slice(0, -1);
+      loadNotes();
+      draw();
+    } else if (str && !key.ctrl && !key.meta) {
+      searchQuery += str;
+      loadNotes();
+      draw();
+    }
+    return;
+  }
+
+  // --- Mode: Normal Navigation ---
+  switch (key.name) {
+    case 'up':
+    case 'k':
+      if (selectedIndex > 0) {
+        selectedIndex--;
+        draw();
+      }
+      break;
+
+    case 'down':
+    case 'j':
+      if (selectedIndex < notes.length - 1) {
+        selectedIndex++;
+        draw();
+      }
+      break;
+
+    case 'p': {
+      const note = notes[selectedIndex];
+      if (note) {
+        togglePin(note.id);
+        triggerAutoSync();
+        loadNotes();
+        draw();
+      }
+      break;
+    }
+
+    case 'd': {
+      const note = notes[selectedIndex];
+      if (note) {
+        deleteConfirmId = note.id;
+        draw();
+      }
+      break;
+    }
+
+    case '/':
+      searchMode = true;
+      draw();
+      break;
+
+    case 'c':
+      setImmediate(async () => {
+        await runInteractiveCommand(async () => {
+          await openEditor();
+        });
+      });
+      break;
+
+    case 'enter':
+    case 'return': {
+      const note = notes[selectedIndex];
+      if (note) {
+        setImmediate(async () => {
+          await runInteractiveCommand(async () => {
+            await openEditor(note.title);
+          });
+        });
+      }
+      break;
+    }
+
+    case 'q':
+    case 'escape':
+      exitTUI();
+      break;
+  }
+}
+
+/**
+ * Entry point to launch the TUI Dashboard.
+ */
+export function launchTUI() {
+  loadNotes();
+
+  // Enter raw mode and hide cursor
+  process.stdin.setRawMode(true);
+  readline.emitKeypressEvents(process.stdin);
+  process.stdin.resume();
+  process.stdout.write('\x1b[?25l'); // Hide cursor
+
+  draw();
+
+  // Listen for terminal resize
+  process.stdout.on('resize', () => {
+    draw();
+  });
+
+  // Handle keypresses
+  process.stdin.on('keypress', handleKeypress);
+}