pnpm-dash 0.1.0 → 0.1.2

package/README.md

@@ -1,6 +1,6 @@
 # pnpm-dash
 
-pnpm-dash is a terminal-based user interface (TUI) for pnpm, designed to provide a quick and interactive way to manage your pnpm workspace and packages.
+pnpm-dash is a terminal-based user interface (TUI) for pnpm run command
 
 ## Usage
 

package/dist/cli.js

@@ -4,7 +4,7 @@ export function parseCLI() {
     program
         .name('pnpm-dash')
         .description('A TUI dashboard for pnpm workspaces - run scripts across packages with a split-pane interface')
-        .version('0.1.0')
+        .version('0.1.2')
         .argument('<script>', 'Script name to run across workspace packages (e.g., dev, start)')
         .option('-F, --filter <pattern...>', 'Filter packages by name pattern, supports * for wildcard and ! for exclusions')
         .parse();

package/dist/constants.js

@@ -0,0 +1 @@
+export const MAX_LOG_LINES = 10000;

package/dist/ringbuf.js

@@ -0,0 +1,34 @@
+export class RingBuffer {
+    buffer;
+    head = 0;
+    size = 0;
+    cap;
+    constructor(capacity) {
+        this.cap = capacity;
+        this.buffer = new Array(capacity);
+    }
+    push(item) {
+        const index = (this.head + this.size) % this.cap;
+        if (this.size < this.cap) {
+            this.size++;
+        }
+        else {
+            this.head = (this.head + 1) % this.cap;
+        }
+        this.buffer[index] = item;
+    }
+    clear() {
+        this.head = 0;
+        this.size = 0;
+    }
+    toArray() {
+        const result = new Array(this.size);
+        for (let i = 0; i < this.size; i++) {
+            result[i] = this.buffer[(this.head + i) % this.cap];
+        }
+        return result;
+    }
+    get length() {
+        return this.size;
+    }
+}

package/dist/runner.js

@@ -1,5 +1,7 @@
 import { execa } from 'execa';
 import { EventEmitter } from 'node:events';
+import { RingBuffer } from './ringbuf.js';
+import { MAX_LOG_LINES } from './constants.js';
 export class Runner extends EventEmitter {
     states = new Map();
     scriptName;
@@ -29,7 +31,7 @@ export class Runner extends EventEmitter {
                 package: pkg,
                 status: 'running',
                 subprocess: null,
-                logs: [],
+                logs: new RingBuffer(MAX_LOG_LINES),
             };
             this.states.set(pkg.name, state);
         }

package/dist/ui/dashboard.js

@@ -1,6 +1,6 @@
 import blessed from 'reblessed';
 import { createSidebar, updateSidebarItems } from './sidebar.js';
-import { createLogView, updateLogView, appendLog, toggleLogAutoScroll } from './logview.js';
+import { createLogView, updateLogView, appendLog, toggleLogAutoScroll, expandLogView, shrinkLogView } from './logview.js';
 import { createStatusBar, updateStatusBar } from './statusbar.js';
 export class Dashboard {
     screen;
@@ -17,6 +17,7 @@ export class Dashboard {
             packages: runner.getStates(),
             selectedIndex: 0,
             autoScroll: true,
+            sidebarHidden: false,
         };
         this.screen = blessed.screen({
             smartCSR: true,
@@ -54,6 +55,9 @@ export class Dashboard {
         this.screen.key(['c'], () => {
             this.clearSelected();
         });
+        this.screen.key(['tab'], () => {
+            this.toggleSidebar();
+        });
     }
     setupRunnerEvents() {
         this.runner.on('start', (packageName) => {
@@ -102,7 +106,7 @@ export class Dashboard {
     clearSelected() {
         const state = this.getSelectedState();
         if (state) {
-            state.logs = [];
+            state.logs.clear();
             this.refreshLogView();
         }
     }
@@ -127,6 +131,19 @@ export class Dashboard {
         updateStatusBar(this.statusBar, this.state.autoScroll);
         this.screen.render();
     }
+    toggleSidebar() {
+        this.state.sidebarHidden = !this.state.sidebarHidden;
+        if (this.state.sidebarHidden) {
+            this.sidebar.hide();
+            expandLogView(this.logView);
+        }
+        else {
+            this.sidebar.show();
+            shrinkLogView(this.logView);
+        }
+        updateStatusBar(this.statusBar, this.state.autoScroll);
+        this.screen.render();
+    }
     refreshSidebar() {
         updateSidebarItems(this.sidebar, this.state.packages, this.state.selectedIndex);
     }
@@ -141,7 +158,7 @@ export class Dashboard {
     start() {
         this.refreshSidebar();
         this.refreshLogView();
-        this.sidebar.focus();
+        this.logView.focus();
         this.screen.render();
     }
 }

package/dist/ui/logview.js

@@ -1,4 +1,5 @@
 import blessed from 'reblessed';
+import { MAX_LOG_LINES } from '../constants.js';
 export function createLogView(screen, autoScroll) {
     const logView = blessed.log({
         parent: screen,
@@ -22,6 +23,7 @@ export function createLogView(screen, autoScroll) {
         scrollbar: {
             ch: '│',
         },
+        scrollback: MAX_LOG_LINES,
         scrollOnInput: autoScroll,
     });
     return logView;
@@ -34,7 +36,7 @@ export function updateLogView(logView, state) {
         return;
     }
     logView.setLabel(` Logs - ${state.package.name} `);
-    logView.setContent(state.logs.join('\n'));
+    logView.setContent(state.logs.toArray().join('\n'));
     logView.setScroll(0);
 }
 export function appendLog(logView, currentPackage, packageName, line) {
@@ -49,3 +51,13 @@ export function toggleLogAutoScroll(logView, autoScroll) {
         logView.setScrollPerc(100);
     }
 }
+export function expandLogView(logView) {
+    logView.left = 0;
+    logView.width = '100%';
+    logView.border = { type: 'line', top: true, left: false, right: false, bottom: false };
+}
+export function shrinkLogView(logView) {
+    logView.left = '25%';
+    logView.width = '75%';
+    logView.border = { type: 'line', top: true, left: true, right: true, bottom: true };
+}

package/dist/ui/statusbar.js

@@ -17,7 +17,8 @@ export function createStatusBar(screen) {
 }
 export function updateStatusBar(statusBar, autoScroll) {
     const scrollStatus = autoScroll ? 'ON' : 'OFF';
-    statusBar.setContent(` {bold}Q{/bold}:exit  {bold}q{/bold}:quit task  {bold}r{/bold}:restart task ` +
+    statusBar.setContent(` {bold}Q{/bold}:exit  {bold}tab{/bold}:toggle sidebar ` +
+        ` {bold}q{/bold}:quit task  {bold}r{/bold}:restart task ` +
         ` {bold}R{/bold}:restart all  {bold}j/k{/bold}:navigate  {bold}c{/bold}:clear ` +
-        ` {bold}s{/bold}:autoscroll [${scrollStatus}]`);
+        ` {bold}s{/bold}:autoscroll [${scrollStatus}] `);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pnpm-dash",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "A TUI dashboard for pnpm workspaces - run scripts across packages with a split-pane interface",
   "type": "module",
   "main": "./dist/index.js",
@@ -24,7 +24,7 @@
     "terminal"
   ],
   "author": "artygus",
-  "license": "UNLICENSED",
+  "license": "Unlicense",
   "dependencies": {
     "@pnpm/find-workspace-dir": "^7.0.2",
     "@pnpm/workspace.find-packages": "^4.0.5",