tasktui 1.0.5 → 1.0.7

package/dist/app.d.ts

@@ -1,3 +1,3 @@
 declare const ui: import("./ui.js").UIComponents;
-export declare function loadAndProcessConfig(configPath?: string): void;
 export default ui;
+export declare function initialize(configPath?: string): void;

package/dist/app.js

@@ -1,4 +1,4 @@
-import { render, showError } from './renderer.js';
+import { render, showError, toggleKeybindsMenu } from './renderer.js';
 import { createState, getAllTasksInOrder } from './state.js';
 import { cleanup, ensureDependencies, spawnTask } from './tasks.js';
 import { createUI } from './ui.js';
@@ -14,10 +14,10 @@ function handleMove(steps) {
     const newTask = allTasks[newIndex];
     if (newTask) {
         state.selectedTask = newTask;
-        render(ui, state);
+        render(state);
     }
 }
-export function loadAndProcessConfig(configPath) {
+function loadAndProcessConfig(configPath) {
     try {
         const config = loadConfig(configPath);
         state.config = config;
@@ -44,13 +44,13 @@ export function loadAndProcessConfig(configPath) {
                 });
                 continue;
             }
-            spawnTask(name, task, state, () => render(ui, state));
+            spawnTask(name, task, state, () => render(state));
         }
-        render(ui, state);
+        render(state);
     }
     catch (e) {
         const error = ensureError(e);
-        showError(error.message, ui, state);
+        showError(error.message);
     }
 }
 // Key bindings
@@ -64,8 +64,19 @@ ui.screen.key(['C-c', 'q'], () => {
     cleanup(state);
     process.exit(0);
 });
+ui.screen.key('m', () => {
+    toggleKeybindsMenu();
+});
+ui.screen.key('escape', () => {
+    if (!ui.keybindsBox.hidden)
+        toggleKeybindsMenu();
+});
 // Handle resize
 ui.screen.on('resize', () => {
-    render(ui, state);
+    render(state);
 });
 export default ui;
+export function initialize(configPath) {
+    loadAndProcessConfig(configPath);
+    ui.screen.render();
+}

package/dist/cli.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 import meow from 'meow';
-import ui, { loadAndProcessConfig } from './app.js';
+import { initialize } from './app.js';
 const cli = meow(`
 	Usage
 	  $ tasktui [--config <PATH> | --help]
@@ -16,5 +16,4 @@ const cli = meow(`
         help: {},
     },
 });
-loadAndProcessConfig(cli.flags.config);
-ui.screen.render();
+initialize(cli.flags.config);

package/dist/constants.d.ts

@@ -1,2 +1,3 @@
 declare const CONFIG_PATH = "./tasktui.config.json";
-export { CONFIG_PATH };
+declare const KEYBINDS: string[];
+export { CONFIG_PATH, KEYBINDS };

package/dist/constants.js

@@ -1,2 +1,8 @@
 const CONFIG_PATH = './tasktui.config.json';
-export { CONFIG_PATH };
+const KEYBINDS = [
+    'm            - Toggle this help menu',
+    '↑ or k       - Select previous task',
+    '↓ or j       - Select next task',
+    'Ctrl-c or q  - Quit',
+];
+export { CONFIG_PATH, KEYBINDS };

package/dist/renderer.d.ts

@@ -1,4 +1,5 @@
 import { AppState } from './state.js';
-import { UIComponents } from './ui.js';
-export declare function showError(message: string, ui: UIComponents, state: AppState): void;
-export declare function render(ui: UIComponents, state: AppState): void;
+export declare function showError(message: string): void;
+export declare function toggleKeybindsMenu(): void;
+export declare function hideKeybinds(): void;
+export declare function render(state: AppState): void;

package/dist/renderer.js

@@ -1,16 +1,29 @@
+import ui from './app.js';
 import { getOrderedTasks } from './state.js';
-export function showError(message, ui, state) {
-    state.error = message;
+export function showError(message) {
     ui.errorBox.setContent(`{red-fg}Error: ${message}{/}`);
     ui.errorBox.show();
     ui.screen.render();
 }
-export function render(ui, state) {
+export function toggleKeybindsMenu() {
+    if (ui.keybindsBox.hidden) {
+        ui.keybindsBox.show();
+    }
+    else {
+        ui.keybindsBox.hide();
+    }
+    ui.screen.render();
+}
+export function hideKeybinds() {
+    ui.errorBox.hide();
+    ui.screen.render();
+}
+export function render(state) {
     const { running, queued, completed } = getOrderedTasks(state);
     const lines = [];
     // Running section
     if (running.length > 0) {
-        lines.push(`{gray-fg} Running (${running.length}){/}`);
+        lines.push(`{gray-fg}▶ Running (${running.length}){/}`);
         for (const name of running) {
             const isSelected = name === state.selectedTask;
             const color = isSelected ? 'yellow-fg' : 'white-fg';
@@ -20,7 +33,7 @@ export function render(ui, state) {
     }
     // Queued section
     if (queued.length > 0) {
-        lines.push(`{gray-fg} Queued (${queued.length}){/}`);
+        lines.push(`{gray-fg}⏱ Queued (${queued.length}){/}`);
         for (const queueItem of queued) {
             const isSelected = queueItem.name === state.selectedTask;
             const color = isSelected ? 'yellow-fg' : 'gray-fg';
@@ -30,7 +43,7 @@ export function render(ui, state) {
     }
     // Completed section
     if (completed.length > 0) {
-        lines.push(`{gray-fg} Completed (${completed.length}){/}`);
+        lines.push(`{gray-fg}■ Completed (${completed.length}){/}`);
         for (const name of completed) {
             const buffer = state.buffers[name];
             const isSelected = name === state.selectedTask;

package/dist/state.d.ts

@@ -17,7 +17,6 @@ export interface AppState {
     taskOrder: string[];
     config?: TasksConfig;
     tasks: Record<string, Task>;
-    error: string | null;
     selectedTask: string;
     buffers: Record<string, TaskBuffer>;
     queue: QueueItem[];

package/dist/state.js

@@ -6,7 +6,6 @@ export function createState() {
         taskOrder: [],
         config: undefined,
         tasks: {},
-        error: null,
         selectedTask: '',
         buffers: {},
         queue: [],

package/dist/tasks.js

@@ -1,5 +1,4 @@
 import childProcess from 'node:child_process';
-import ui from './app.js';
 import { showError } from './renderer.js';
 import { ensureError } from './utils.js';
 export function ensureDependencies(task, deps, state) {
@@ -64,7 +63,7 @@ export function spawnTask(name, task, state, onUpdate) {
     });
     subProcess.on('error', (e) => {
         const error = ensureError(e);
-        showError(error.message, ui, state);
+        showError(error.message);
     });
 }
 function checkQueue(state, onUpdate) {

package/dist/ui.d.ts

@@ -7,5 +7,6 @@ export interface UIComponents {
     taskNameBox: blessed.Widgets.BoxElement;
     taskOutputBox: blessed.Widgets.Log;
     errorBox: blessed.Widgets.BoxElement;
+    keybindsBox: blessed.Widgets.BoxElement;
 }
 export declare function createUI(): UIComponents;

package/dist/ui.js

@@ -1,4 +1,5 @@
 import blessed from 'blessed';
+import { KEYBINDS } from './constants.js';
 export function createUI() {
     // Create screen
     const screen = blessed.screen({
@@ -45,8 +46,8 @@ export function createUI() {
         parent: sidebar,
         bottom: 0,
         width: '100%',
-        height: 1,
-        content: '{gray-fg}↑↓ - Navigate{/}',
+        height: 2,
+        content: '{gray-fg}↑↓ - Navigate\nm - More binds{/}',
         tags: true,
     });
     // Output pane container
@@ -107,6 +108,34 @@ export function createUI() {
         tags: true,
         hidden: true,
     });
+    // Keybinds display
+    const keybindsBox = blessed.box({
+        parent: screen,
+        top: 'center',
+        left: 'center',
+        width: '80%',
+        height: 'shrink',
+        border: {
+            type: 'line',
+        },
+        tags: true,
+        hidden: true,
+    });
+    // Keybinds title
+    blessed.box({
+        parent: keybindsBox,
+        top: -1,
+        left: 1,
+        width: 'shrink',
+        content: ' Keybinds ',
+    });
+    // Keybinds list
+    blessed.box({
+        parent: keybindsBox,
+        top: 1,
+        left: 2,
+        content: KEYBINDS.join('\n'),
+    });
     // Focus on output box for scrolling
     taskOutputBox.focus();
     return {
@@ -117,5 +146,6 @@ export function createUI() {
         taskNameBox,
         taskOutputBox,
         errorBox,
+        keybindsBox,
     };
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tasktui",
   "description": "Run tasks in a multiplexed terminal with dependency management.",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "license": "MIT",
   "bin": "dist/cli.js",
   "type": "module",