dbn-cli 0.5.3 → 0.6.1

package/README.md

@@ -7,6 +7,8 @@ A lightweight terminal SQLite browser with an ncdu-style interface.
 - **Minimal dependencies** - Uses Node.js 24+ built-in `node:sqlite` module
 - **Full-screen TUI** - ncdu-inspired keyboard navigation
 
+[![asciicast](https://asciinema.org/a/861358.svg)](https://asciinema.org/a/861358)
+
 ## Installation
 
 ```bash

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dbn-cli",
-  "version": "0.5.3",
+  "version": "0.6.1",
   "description": "A lightweight terminal-based database browser",
   "repository": "https://github.com/amio/dbn-cli",
   "type": "module",
@@ -35,6 +35,6 @@
     "@types/node": "^24.10.9"
   },
   "dependencies": {
-    "string-width": "^5.0.1"
+    "string-width": "^8.2.0"
   }
 }

package/src/index.ts

@@ -198,6 +198,12 @@ export class DBPeek {
         this.render();
         break;
 
+      case 'c':
+        if (this.navigator.getState().type === 'row-detail') {
+          this.navigator.copyToClipboard(() => this.render()).then(() => this.render());
+        }
+        break;
+
       case 'backspace': {
         const deleteState = this.navigator.getState();
         if (deleteState.type === 'table-detail' || deleteState.type === 'row-detail') {

package/src/types.ts

@@ -125,6 +125,9 @@ export interface RowDetailViewState extends BaseViewState {
   scrollOffset: number;
   totalLines: number;
   visibleHeight: number;
+  cachedLines?: string[];
+  cachedWidth?: number;
+  cachedRowIndex?: number;
   deleteConfirm?: DeleteConfirmationState;
   notice?: string;
 }

package/src/ui/navigator.test.ts

@@ -294,6 +294,18 @@ describe('Navigator', () => {
       const state = navigator.getState();
       assert.strictEqual(state.type, 'table-detail');
     });
+
+    it('should set notice when copying to clipboard', async () => {
+      navigator.init();
+      navigator.enter();
+      navigator.enter();
+
+      const state = navigator.getState() as any;
+      assert.strictEqual(state.type, 'row-detail');
+
+      await navigator.copyToClipboard();
+      assert.ok(state.notice === 'Copied to clipboard' || state.notice === 'Failed to copy to clipboard');
+    });
   });
 
   describe('delete flow', () => {

package/src/ui/navigator.ts

@@ -1,6 +1,7 @@
 import type { DatabaseAdapter } from '../adapter/base.ts';
 import type { ViewState, TablesViewState, TableDetailViewState, SchemaViewState, RowDetailViewState, HealthViewState, ColumnSchema } from '../types.ts';
 import { getVisibleWidth, formatValue } from '../utils/format.ts';
+import { copyToClipboard } from '../utils/clipboard.ts';
 
 /**
  * Navigation state manager
@@ -15,6 +16,31 @@ export class Navigator {
     this.adapter = adapter;
   }
 
+  /**
+   * Copy current row to clipboard as JSON
+   * @param onUpdate - Callback called after notice is cleared to trigger a re-render
+   */
+  async copyToClipboard(onUpdate?: () => void): Promise<void> {
+    const state = this.currentState;
+    if (state && state.type === 'row-detail') {
+      const json = JSON.stringify(state.row, (_, v) => typeof v === 'bigint' ? v.toString() : v, 2);
+      const success = await copyToClipboard(json);
+      if (success) {
+        state.notice = 'Copied to clipboard';
+      } else {
+        state.notice = 'Failed to copy to clipboard';
+      }
+
+      // Clear notice after 3 seconds
+      setTimeout(() => {
+        if (state.notice === 'Copied to clipboard' || state.notice === 'Failed to copy to clipboard') {
+          state.notice = undefined;
+          if (onUpdate) onUpdate();
+        }
+      }, 3000);
+    }
+  }
+
   /**
    * Initialize navigator with tables list view
    */

package/src/ui/renderer.ts

@@ -236,11 +236,18 @@ export class Renderer {
   }
 
   private renderRowDetail(state: RowDetailViewState, height: number, width: number): string[] {
-    const allLines: string[] = [];
-    const { row, schema } = state;
     const innerWidth = width - 2;
     const box = new Box({ width, padding: 1, background: THEME.background });
 
+    // Check cache
+    if (state.cachedLines && state.cachedWidth === width && state.cachedRowIndex === state.rowIndex) {
+      state.visibleHeight = height;
+      return state.cachedLines.slice(state.scrollOffset, state.scrollOffset + height);
+    }
+
+    const allLines: string[] = [];
+    const { row, schema } = state;
+
     // Calculate max label width for alignment
     let maxLabelWidth = 0;
     schema.forEach(col => {
@@ -278,6 +285,9 @@ export class Renderer {
       }
     });
 
+    state.cachedLines = allLines;
+    state.cachedWidth = width;
+    state.cachedRowIndex = state.rowIndex;
     state.totalLines = allLines.length;
     state.visibleHeight = height;
 
@@ -339,6 +349,7 @@ export class Renderer {
         helpItems = [
           { key: 'j/k', label: 'switch' },
           { key: '↑/↓', label: 'scroll' },
+          { key: 'c', label: 'copy' },
           { key: 'h', label: 'back' },
           { key: 'q', label: 'quit' }
         ];

package/src/utils/clipboard.ts

@@ -0,0 +1,56 @@
+import { spawn } from 'node:child_process';
+import { platform } from 'node:os';
+
+/**
+ * Copy text to system clipboard
+ * Supports macOS (pbcopy), Windows (clip), and Linux (xclip/xsel)
+ */
+export async function copyToClipboard(text: string): Promise<boolean> {
+  const os = platform();
+  let command = '';
+  let args: string[] = [];
+
+  if (os === 'darwin') {
+    command = 'pbcopy';
+  } else if (os === 'win32') {
+    command = 'clip';
+  } else if (os === 'linux') {
+    // Try xclip first
+    command = 'xclip';
+    args = ['-selection', 'clipboard'];
+  } else {
+    return false;
+  }
+
+  return new Promise((resolve) => {
+    try {
+      const child = spawn(command, args);
+
+      child.on('error', () => {
+        if (os === 'linux' && command === 'xclip') {
+          // Fallback to xsel if xclip fails
+          try {
+            const fallback = spawn('xsel', ['--clipboard', '--input']);
+            fallback.on('error', () => resolve(false));
+            fallback.stdin.write(text);
+            fallback.stdin.end();
+            fallback.on('exit', (code) => resolve(code === 0));
+          } catch {
+            resolve(false);
+          }
+        } else {
+          resolve(false);
+        }
+      });
+
+      child.stdin.write(text);
+      child.stdin.end();
+
+      child.on('exit', (code) => {
+        resolve(code === 0);
+      });
+    } catch {
+      resolve(false);
+    }
+  });
+}

package/src/utils/format.ts

@@ -154,6 +154,21 @@ export function wrapText(text: string, maxWidth: number): string[] {
       continue;
     }
 
+    // Fast path for ASCII-only strings (no ANSI, no CJK/Emoji)
+    // Most JSON and technical data falls here.
+    // We include \t \r \n (though split by \n already) and space.
+    if (maxWidth > 0 && /^[\x20-\x7E\t\r\n]*$/.test(sourceLine)) {
+      if (sourceLine.length <= maxWidth) {
+        lines.push(sourceLine);
+      } else {
+        for (let i = 0; i < sourceLine.length; i += maxWidth) {
+          lines.push(sourceLine.slice(i, i + maxWidth));
+        }
+      }
+      continue;
+    }
+
+    // Slow path for complex strings (CJK, Emoji, ANSI)
     let currentLine = '';
     let currentWidth = 0;