startall 0.0.22 → 0.0.24

package/README.md

@@ -43,6 +43,7 @@ Traditional solutions fall short:
   - Per-process visibility toggles (`Space` or `1-9`)
   - Per-pane filters (different views in each pane)
 - **Custom pane naming**: Label panes for easier identification (`n`)
+- **Column view**: Instant one-pane-per-script layout with `=` key (toggle back to restore your layout)
 - **Persistent layouts**: Your pane configuration is saved between sessions
 - **Process-specific views**: Show/hide specific processes in each pane
 - **Colored output**: Each process gets unique color-coded output
@@ -122,6 +123,7 @@ That's it! The TUI will:
 - `\` - Open command palette
 - `|` - Split pane vertically (left/right)
 - `_` - Split pane horizontally (top/bottom)
+- `=` - Toggle column view (one column per script, auto-generated)
 - `x` - Close current pane (if >1 pane exists)
 - `Tab` - Next pane
 - `Shift+Tab` - Previous pane

package/index.js

@@ -429,6 +429,15 @@ function gitPush() {
   }
 }
 
+function gitPull() {
+  try {
+    const output = execSync('git pull', { stdio: 'pipe', windowsHide: true, timeout: 30000 }).toString().trim();
+    return { success: true, output: output || 'Pulled successfully' };
+  } catch (err) {
+    return { success: false, error: err.stderr?.toString() || err.message };
+  }
+}
+
 // Detect git repo once at startup
 const IS_GIT_REPO = isGitRepo();
 
@@ -606,6 +615,10 @@ class ProcessManager {
     this.paneLineCount = new Map();  // Track how many lines we've rendered per pane
     this.uiJustRebuilt = false;  // Flag to skip redundant render after buildRunningUI
     
+    // Column view state (one pane per script, side by side)
+    this.isColumnView = false;       // Whether column view is active
+    this.savedPaneRoot = null;       // Saved pane tree to restore when toggling back
+    
     // Copy mode state (select text to copy)
     this.isCopyMode = false;       // Whether in copy/select mode
     this.copyModeCursor = 0;       // Current cursor line index within visible lines
@@ -842,14 +855,17 @@ class ProcessManager {
           this.buildRunningUI();
         } else if (keyName === '|') {
           // Quick vertical split
+          this.exitColumnViewMode();
           this.splitCurrentPane('vertical');
           this.buildRunningUI();
         } else if (keyName === '_') {
           // Quick horizontal split
+          this.exitColumnViewMode();
           this.splitCurrentPane('horizontal');
           this.buildRunningUI();
         } else if (keyName === 'x' && getAllPaneIds(this.paneRoot).length > 1) {
           // Close current pane (only if more than one)
+          this.exitColumnViewMode();
           this.closeCurrentPane();
           this.buildRunningUI();
         } else if (keyName === 'space') {
@@ -985,6 +1001,9 @@ class ProcessManager {
         } else if (keyName === 'y') {
           // Enter copy mode (select text to copy)
           this.enterCopyMode();
+        } else if (keyName === '=') {
+          // Toggle column view (one pane per script)
+          this.toggleColumnView();
         } else if (keyName === 'g' && IS_GIT_REPO) {
           // Open git modal (commit & push)
           this.openGitModal();
@@ -1674,6 +1693,67 @@ class ProcessManager {
     }
   }
   
+  // Generate a column view pane tree: one pane per running script, side by side
+  generateColumnViewPaneTree() {
+    // Get the scripts that are currently selected/running
+    const runningScripts = this.scripts.filter(s => {
+      const proc = this.processes.get(s.name);
+      return proc && (proc.status === 'running' || proc.status === 'crashed' || proc.status === 'exited');
+    });
+    
+    if (runningScripts.length === 0) {
+      return createPane([]);
+    }
+    
+    if (runningScripts.length === 1) {
+      return createPane([runningScripts[0].name]);
+    }
+    
+    // Create a vertical split with one pane per script
+    const panes = runningScripts.map(s => {
+      const pane = createPane([s.name]);
+      pane.name = s.displayName;
+      return pane;
+    });
+    
+    return createSplit('vertical', panes);
+  }
+  
+  // Toggle between column view (one pane per script) and the normal saved layout
+  toggleColumnView() {
+    if (this.isColumnView) {
+      // Restore the saved pane tree
+      if (this.savedPaneRoot) {
+        this.paneRoot = this.savedPaneRoot;
+        this.savedPaneRoot = null;
+      } else {
+        this.paneRoot = createPane([]);
+      }
+      this.isColumnView = false;
+    } else {
+      // Save current pane tree and switch to column view
+      this.savedPaneRoot = this.paneRoot;
+      this.paneRoot = this.generateColumnViewPaneTree();
+      this.isColumnView = true;
+    }
+    
+    // Focus the first pane in the new tree
+    const allPanes = getAllPaneIds(this.paneRoot);
+    if (allPanes.length > 0) {
+      this.focusedPaneId = allPanes[0];
+    }
+    
+    this.buildRunningUI();
+  }
+  
+  // Exit column view mode without restoring saved layout (e.g. user manually split/closed a pane)
+  exitColumnViewMode() {
+    if (this.isColumnView) {
+      this.isColumnView = false;
+      this.savedPaneRoot = null;
+    }
+  }
+  
   // Move the currently selected process to the focused pane
   moveProcessToCurrentPane() {
     const scriptName = this.scripts[this.selectedIndex]?.name;
@@ -1760,6 +1840,8 @@ class ProcessManager {
   
   // Save the current pane layout to config (debounced to avoid excessive disk writes)
   savePaneLayout() {
+    // Don't save the auto-generated column view layout - it's transient
+    if (this.isColumnView) return;
     this.config.paneLayout = serializePaneTree(this.paneRoot);
     debouncedSaveConfig(this.config);
   }
@@ -2592,6 +2674,22 @@ class ProcessManager {
           this.refreshGitStatus();
           this.buildRunningUI();
         }, 10);
+      } else if (keyName === 'l') {
+        // Pull
+        this.gitModalPhase = 'pulling';
+        this.gitModalOutput = ['Pulling...'];
+        this.buildRunningUI();
+        setTimeout(() => {
+          const result = gitPull();
+          if (result.success) {
+            this.gitModalOutput = [result.output];
+          } else {
+            this.gitModalOutput = [`Pull failed: ${result.error}`];
+          }
+          this.gitModalPhase = 'result';
+          this.refreshGitStatus();
+          this.buildRunningUI();
+        }, 10);
       } else if (keyName === 'r') {
         // Refresh status
         this.refreshGitStatus();
@@ -2670,6 +2768,22 @@ class ProcessManager {
           this.refreshGitStatus();
           this.buildRunningUI();
         }, 10);
+      } else if (keyName === 'l') {
+        // Allow pulling from result phase
+        this.gitModalPhase = 'pulling';
+        this.gitModalOutput = ['Pulling...'];
+        this.buildRunningUI();
+        setTimeout(() => {
+          const result = gitPull();
+          if (result.success) {
+            this.gitModalOutput = [result.output];
+          } else {
+            this.gitModalOutput = [`Pull failed: ${result.error}`];
+          }
+          this.gitModalPhase = 'result';
+          this.refreshGitStatus();
+          this.buildRunningUI();
+        }, 10);
       } else {
         this.gitModalPhase = 'status';
         this.refreshGitStatus();
@@ -3762,6 +3876,7 @@ class ProcessManager {
     let titleIcon = '';
     if (this.gitModalPhase === 'committing') titleIcon = '...';
     else if (this.gitModalPhase === 'pushing') titleIcon = '...';
+    else if (this.gitModalPhase === 'pulling') titleIcon = '...';
     else titleIcon = '';
     const title = ` Git: ${branch} ${titleIcon}`;
     
@@ -3851,9 +3966,9 @@ class ProcessManager {
         content: t`${fg(COLORS.textDim)('All changes will be staged and committed.')}`,
       });
       overlay.add(commitHint);
-    } else if (this.gitModalPhase === 'committing' || this.gitModalPhase === 'pushing') {
+    } else if (this.gitModalPhase === 'committing' || this.gitModalPhase === 'pushing' || this.gitModalPhase === 'pulling') {
       // Show busy indicator
-      const busyText = this.gitModalPhase === 'committing' ? 'Committing...' : 'Pushing...';
+      const busyText = this.gitModalPhase === 'committing' ? 'Committing...' : this.gitModalPhase === 'pushing' ? 'Pushing...' : 'Pulling...';
       const busyLine = new TextRenderable(this.renderer, {
         id: 'git-busy',
         content: t`${fg(COLORS.warning)(busyText)}`,
@@ -4007,7 +4122,7 @@ class ProcessManager {
         });
         hintBar.add(hint);
       });
-    } else if (this.gitModalPhase === 'committing' || this.gitModalPhase === 'pushing') {
+    } else if (this.gitModalPhase === 'committing' || this.gitModalPhase === 'pushing' || this.gitModalPhase === 'pulling') {
       const hint = new TextRenderable(this.renderer, {
         id: 'git-hint-busy',
         content: t`${fg(COLORS.warning)('Please wait...')}`,
@@ -4018,6 +4133,7 @@ class ProcessManager {
         { key: 'c', desc: 'commit', color: COLORS.success },
         { key: 'a', desc: 'stage all', color: COLORS.warning },
         { key: 'p', desc: 'push', color: COLORS.cyan },
+        { key: 'l', desc: 'pull', color: COLORS.cyan },
         { key: 'r', desc: 'refresh', color: COLORS.magenta },
         { key: 'esc', desc: 'close', color: COLORS.error },
       ];
@@ -4176,6 +4292,15 @@ class ProcessManager {
     });
     leftSide.add(statusIndicator);
     
+    // Column view indicator
+    if (this.isColumnView) {
+      const columnIndicator = new TextRenderable(this.renderer, {
+        id: 'column-view-indicator',
+        content: t`${fg(COLORS.cyan)('COLUMNS')}`,
+      });
+      leftSide.add(columnIndicator);
+    }
+    
     // Git branch indicator
     if (IS_GIT_REPO) {
       const branch = this.gitBranch || getGitBranch();
@@ -4286,6 +4411,7 @@ class ProcessManager {
       // Pane & navigation
       [
         { key: '\\', desc: 'panes', color: COLORS.cyan },
+        { key: '=', desc: this.isColumnView ? 'merged' : 'columns', color: COLORS.cyan },
         { key: '1-9', desc: 'toggle', color: COLORS.success },
       ],
       // Process control

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "startall",
-  "version": "0.0.22",
+  "version": "0.0.24",
   "description": "",
   "main": "index.js",
   "bin": {