@aliou/pi-processes 0.4.3 → 0.4.5

package/components/log-stream-component.ts

@@ -1,149 +0,0 @@
-import {
-  createPanelPadder,
-  renderPanelRule,
-  renderPanelTitleLine,
-} from "@aliou/pi-utils-ui";
-import type { Theme } from "@mariozechner/pi-coding-agent";
-import {
-  type Component,
-  truncateToWidth,
-  visibleWidth,
-} from "@mariozechner/pi-tui";
-import type { ProcessManager } from "../manager";
-import { stripAnsi } from "../utils";
-import { statusIcon, statusLabel } from "./status-format";
-
-const MAX_LOG_LINES = 16;
-const POLL_INTERVAL_MS = 500;
-
-export class LogStreamComponent implements Component {
-  private tui: { requestRender: () => void };
-  private theme: Theme;
-  private manager: ProcessManager;
-  private processId: string;
-  private timer: ReturnType<typeof setInterval> | null = null;
-  private unsubscribe: (() => void) | null = null;
-  private cachedLines: string[] = [];
-  private cachedWidth = 0;
-
-  constructor(
-    tui: { requestRender: () => void },
-    theme: Theme,
-    manager: ProcessManager,
-    processId: string,
-  ) {
-    this.tui = tui;
-    this.theme = theme;
-    this.manager = manager;
-    this.processId = processId;
-
-    // Poll log file for new output.
-    this.timer = setInterval(() => {
-      this.invalidate();
-      this.tui.requestRender();
-    }, POLL_INTERVAL_MS);
-
-    // Also re-render on process events (status changes, etc.).
-    this.unsubscribe = this.manager.onEvent(() => {
-      this.invalidate();
-      this.tui.requestRender();
-    });
-  }
-
-  handleInput(_data: string): boolean {
-    // Widget doesn't handle input — the editor is still active.
-    return false;
-  }
-
-  invalidate(): void {
-    this.cachedWidth = 0;
-    this.cachedLines = [];
-  }
-
-  render(width: number): string[] {
-    if (width === this.cachedWidth && this.cachedLines.length > 0) {
-      return this.cachedLines;
-    }
-
-    const theme = this.theme;
-    const dim = (s: string) => theme.fg("dim", s);
-    const warning = (s: string) => theme.fg("warning", s);
-    const innerWidth = width - 2;
-
-    const basePadLine = createPanelPadder(width);
-    const padLine = (content: string): string => {
-      const contentWidth = visibleWidth(content);
-      return basePadLine(
-        contentWidth > innerWidth
-          ? truncateToWidth(content, innerWidth)
-          : content,
-      );
-    };
-
-    const lines: string[] = [];
-    const proc = this.manager.get(this.processId);
-
-    if (!proc) {
-      lines.push(renderPanelRule(width, theme));
-      lines.push(padLine(warning("Process not found")));
-      lines.push(renderPanelRule(width, theme));
-      this.cachedLines = lines;
-      this.cachedWidth = width;
-      return this.cachedLines;
-    }
-
-    // Header
-    const icon = statusIcon(proc.status, proc.success);
-    const label = statusLabel(proc);
-    lines.push(
-      renderPanelTitleLine(
-        `Process: ${proc.name} (${proc.id}) ${icon} ${label}`,
-        width,
-        theme,
-      ),
-    );
-
-    // Log lines (interleaved stdout + stderr in temporal order).
-    const logLines = this.manager.getCombinedOutput(
-      this.processId,
-      MAX_LOG_LINES,
-    );
-    if (logLines && logLines.length > 0) {
-      for (const line of logLines) {
-        const cleaned = stripAnsi(line.text);
-        const display = truncateToWidth(cleaned, innerWidth - 2);
-        if (line.type === "stderr") {
-          lines.push(padLine(warning(display)));
-        } else {
-          lines.push(padLine(display));
-        }
-      }
-    } else {
-      lines.push(padLine(dim("(no output yet)")));
-    }
-
-    // Pad to MAX_LOG_LINES for stable height.
-    const renderedLogLines = lines.length - 1; // minus header
-    for (let i = renderedLogLines; i < MAX_LOG_LINES; i++) {
-      lines.push(padLine(""));
-    }
-
-    // Footer hint
-    lines.push(renderPanelRule(width, theme));
-    lines.push(padLine(dim("Run /process:stream to dismiss")));
-    lines.push(renderPanelRule(width, theme));
-
-    this.cachedLines = lines;
-    this.cachedWidth = width;
-    return this.cachedLines;
-  }
-
-  dispose(): void {
-    if (this.timer) {
-      clearInterval(this.timer);
-      this.timer = null;
-    }
-    this.unsubscribe?.();
-    this.unsubscribe = null;
-  }
-}

package/components/process-picker-component.ts

@@ -1,155 +0,0 @@
-import {
-  createPanelPadder,
-  renderPanelRule,
-  renderPanelTitleLine,
-} from "@aliou/pi-utils-ui";
-import type { Theme } from "@mariozechner/pi-coding-agent";
-import { type Component, matchesKey } from "@mariozechner/pi-tui";
-import type { ProcessInfo } from "../constants";
-import type { ProcessManager } from "../manager";
-import { statusIcon, statusLabel } from "./status-format";
-
-/**
- * A simple process picker component. Shows a list of processes and lets the
- * user select one with up/down + Enter, or dismiss with Escape/q.
- */
-export class ProcessPickerComponent implements Component {
-  private tui: { requestRender: () => void };
-  private theme: Theme;
-  private onClose: (processId?: string) => void;
-  private manager: ProcessManager;
-  private title: string;
-  private filter: (proc: ProcessInfo) => boolean;
-
-  private selectedIndex = 0;
-  private cachedLines: string[] = [];
-  private cachedWidth = 0;
-  private unsubscribe: (() => void) | null = null;
-
-  constructor(
-    tui: { requestRender: () => void },
-    theme: Theme,
-    onClose: (processId?: string) => void,
-    manager: ProcessManager,
-    title: string,
-    filter?: (proc: ProcessInfo) => boolean,
-  ) {
-    this.tui = tui;
-    this.theme = theme;
-    this.onClose = onClose;
-    this.manager = manager;
-    this.title = title;
-    this.filter = filter ?? (() => true);
-
-    this.unsubscribe = this.manager.onEvent(() => {
-      this.invalidate();
-      this.tui.requestRender();
-    });
-  }
-
-  private getProcesses(): ProcessInfo[] {
-    return this.manager.list().filter(this.filter);
-  }
-
-  handleInput(data: string): boolean {
-    const processes = this.getProcesses();
-
-    if (matchesKey(data, "down") || data === "j") {
-      if (processes.length > 0) {
-        this.selectedIndex = Math.min(
-          this.selectedIndex + 1,
-          processes.length - 1,
-        );
-        this.invalidate();
-        this.tui.requestRender();
-      }
-      return true;
-    }
-
-    if (matchesKey(data, "up") || data === "k") {
-      if (processes.length > 0) {
-        this.selectedIndex = Math.max(this.selectedIndex - 1, 0);
-        this.invalidate();
-        this.tui.requestRender();
-      }
-      return true;
-    }
-
-    if (matchesKey(data, "return")) {
-      if (processes.length > 0 && this.selectedIndex < processes.length) {
-        const proc = processes[this.selectedIndex];
-        if (proc) {
-          this.unsubscribe?.();
-          this.unsubscribe = null;
-          this.onClose(proc.id);
-        }
-      }
-      return true;
-    }
-
-    if (matchesKey(data, "escape") || data === "q" || data === "Q") {
-      this.unsubscribe?.();
-      this.unsubscribe = null;
-      this.onClose();
-      return true;
-    }
-
-    return true;
-  }
-
-  invalidate(): void {
-    this.cachedWidth = 0;
-    this.cachedLines = [];
-  }
-
-  render(width: number): string[] {
-    if (width === this.cachedWidth && this.cachedLines.length > 0) {
-      return this.cachedLines;
-    }
-
-    const theme = this.theme;
-    const dim = (s: string) => theme.fg("dim", s);
-    const accent = (s: string) => theme.fg("accent", s);
-
-    const padLine = createPanelPadder(width);
-
-    const lines: string[] = [];
-    const processes = this.getProcesses();
-
-    lines.push(renderPanelTitleLine(this.title, width, theme));
-
-    if (processes.length === 0) {
-      lines.push(padLine(""));
-      lines.push(padLine(dim("No processes available")));
-      lines.push(padLine(""));
-    } else {
-      lines.push(padLine(""));
-      for (let i = 0; i < processes.length; i++) {
-        const proc = processes[i];
-        if (!proc) continue;
-        const isSelected = i === this.selectedIndex;
-        const icon = statusIcon(proc.status, proc.success);
-        const label = statusLabel(proc);
-        const prefix = isSelected ? accent("> ") : "  ";
-        const name = isSelected ? accent(proc.name) : proc.name;
-        const id = dim(`(${proc.id})`);
-        const status = dim(`${icon} ${label}`);
-        lines.push(padLine(`${prefix}${name} ${id} ${status}`));
-      }
-      lines.push(padLine(""));
-    }
-
-    // Footer
-    lines.push(renderPanelRule(width, theme));
-    lines.push(
-      padLine(
-        `${dim("j/k")} select  ${dim("enter")} confirm  ${dim("q")} cancel`,
-      ),
-    );
-    lines.push(renderPanelRule(width, theme));
-
-    this.cachedLines = lines;
-    this.cachedWidth = width;
-    return this.cachedLines;
-  }
-}