pnpm-dash 0.1.2 → 0.1.3

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.2')
+        .version('0.1.3')
         .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/ui/dashboard.js

@@ -2,6 +2,7 @@ import blessed from 'reblessed';
 import { createSidebar, updateSidebarItems } from './sidebar.js';
 import { createLogView, updateLogView, appendLog, toggleLogAutoScroll, expandLogView, shrinkLogView } from './logview.js';
 import { createStatusBar, updateStatusBar } from './statusbar.js';
+const RENDER_INTERVAL = 33;
 export class Dashboard {
     screen;
     sidebar;
@@ -10,6 +11,9 @@ export class Dashboard {
     runner;
     state;
     packageNames = [];
+    renderTimer = null;
+    needsRender = false;
+    pendingLogs = [];
     constructor(runner, packages) {
         this.runner = runner;
         this.packageNames = packages.map((p) => p.name);
@@ -62,20 +66,33 @@ export class Dashboard {
     setupRunnerEvents() {
         this.runner.on('start', (packageName) => {
             this.refreshSidebar();
-            this.screen.render();
+            this.needsRender = true;
         });
         this.runner.on('log', (packageName, line) => {
-            appendLog(this.logView, this.getSelectedPackageName(), packageName, line);
+            if (packageName === this.getSelectedPackageName()) {
+                this.pendingLogs.push(line);
+                this.needsRender = true;
+            }
         });
         this.runner.on('exit', (packageName, code) => {
             this.refreshSidebar();
-            this.screen.render();
+            this.needsRender = true;
         });
         this.runner.on('error', (packageName, error) => {
             this.refreshSidebar();
-            this.screen.render();
+            this.needsRender = true;
         });
     }
+    flushRender() {
+        if (this.pendingLogs.length > 0) {
+            appendLog(this.logView, this.pendingLogs);
+            this.pendingLogs = [];
+        }
+        if (this.needsRender) {
+            this.screen.render();
+            this.needsRender = false;
+        }
+    }
     getSelectedPackageName() {
         return this.packageNames[this.state.selectedIndex];
     }
@@ -92,6 +109,8 @@ export class Dashboard {
         }
         this.refreshSidebar();
         this.refreshLogView();
+        this.pendingLogs = [];
+        this.needsRender = true;
     }
     selectPrev() {
         if (this.state.selectedIndex > 0) {
@@ -102,12 +121,15 @@ export class Dashboard {
         }
         this.refreshSidebar();
         this.refreshLogView();
+        this.pendingLogs = [];
+        this.needsRender = true;
     }
     clearSelected() {
         const state = this.getSelectedState();
         if (state) {
             state.logs.clear();
             this.refreshLogView();
+            this.needsRender = true;
         }
     }
     stopSelected() {
@@ -129,7 +151,7 @@ export class Dashboard {
         this.state.autoScroll = !this.state.autoScroll;
         toggleLogAutoScroll(this.logView, this.state.autoScroll);
         updateStatusBar(this.statusBar, this.state.autoScroll);
-        this.screen.render();
+        this.needsRender = true;
     }
     toggleSidebar() {
         this.state.sidebarHidden = !this.state.sidebarHidden;
@@ -142,7 +164,7 @@ export class Dashboard {
             shrinkLogView(this.logView);
         }
         updateStatusBar(this.statusBar, this.state.autoScroll);
-        this.screen.render();
+        this.needsRender = true;
     }
     refreshSidebar() {
         updateSidebarItems(this.sidebar, this.state.packages, this.state.selectedIndex);
@@ -151,6 +173,10 @@ export class Dashboard {
         updateLogView(this.logView, this.getSelectedState());
     }
     async quit() {
+        if (this.renderTimer) {
+            clearInterval(this.renderTimer);
+            this.renderTimer = null;
+        }
         await this.runner.stopAll();
         this.screen.destroy();
         process.exit(0);
@@ -160,5 +186,6 @@ export class Dashboard {
         this.refreshLogView();
         this.logView.focus();
         this.screen.render();
+        this.renderTimer = setInterval(() => this.flushRender(), RENDER_INTERVAL);
     }
 }

package/dist/ui/logview.js

@@ -39,11 +39,8 @@ export function updateLogView(logView, state) {
     logView.setContent(state.logs.toArray().join('\n'));
     logView.setScroll(0);
 }
-export function appendLog(logView, currentPackage, packageName, line) {
-    if (currentPackage !== packageName) {
-        return;
-    }
-    logView.add(line);
+export function appendLog(logView, lines) {
+    logView.add(lines.join("\n"));
 }
 export function toggleLogAutoScroll(logView, autoScroll) {
     logView.scrollOnInput = autoScroll;

package/dist/ui/statusbar.js

@@ -12,7 +12,6 @@ export function createStatusBar(screen) {
         },
         tags: true,
     });
-    updateStatusBar(statusBar, true);
     return statusBar;
 }
 export function updateStatusBar(statusBar, autoScroll) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pnpm-dash",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A TUI dashboard for pnpm workspaces - run scripts across packages with a split-pane interface",
   "type": "module",
   "main": "./dist/index.js",
@@ -25,6 +25,10 @@
   ],
   "author": "artygus",
   "license": "Unlicense",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/artygus/pnpm-dash.git"
+  },
   "dependencies": {
     "@pnpm/find-workspace-dir": "^7.0.2",
     "@pnpm/workspace.find-packages": "^4.0.5",