feat: integrate Pi backend and Pi Web

2026-10-03 02:59:35 +00:00 · 2026-07-30 19:37:53 +08:00
commit 7392ab9dd7
1390 changed files with 337197 additions and 0 deletions
@@ -0,0 +1,123 @@
+#!/usr/bin/env node
+import { matchesKey } from "../src/keys.ts";
+import { ProcessTerminal } from "../src/terminal.ts";
+import { type Component, TUI } from "../src/tui.ts";
+import { truncateToWidth } from "../src/utils.ts";
+
+/**
+ * Simple key code logger component
+ */
+class KeyLogger implements Component {
+	private log: string[] = [];
+	private maxLines = 20;
+	private tui: TUI;
+	private terminal: ProcessTerminal;
+
+	constructor(tui: TUI, terminal: ProcessTerminal) {
+		this.tui = tui;
+		this.terminal = terminal;
+	}
+
+	handleInput(data: string): void {
+		// Handle Ctrl+C (raw or Kitty protocol) for exit
+		if (matchesKey(data, "ctrl+c")) {
+			this.tui.stop();
+			console.log("\nExiting...");
+			process.exit(0);
+		}
+
+		// Convert to various representations
+		const hex = Buffer.from(data).toString("hex");
+		const charCodes = Array.from(data)
+			.map((c) => c.charCodeAt(0))
+			.join(", ");
+		const repr = data
+			.replace(/\x1b/g, "\\x1b")
+			.replace(/\r/g, "\\r")
+			.replace(/\n/g, "\\n")
+			.replace(/\t/g, "\\t")
+			.replace(/\x7f/g, "\\x7f");
+
+		const logLine = `Hex: ${hex.padEnd(20)} | Chars: [${charCodes.padEnd(15)}] | Repr: "${repr}"`;
+
+		this.log.push(logLine);
+
+		// Keep only last N lines
+		if (this.log.length > this.maxLines) {
+			this.log.shift();
+		}
+
+		// Request re-render to show the new log entry
+		this.tui.requestRender();
+	}
+
+	invalidate(): void {
+		// No cached state to invalidate currently
+	}
+
+	private protocolName(): string {
+		if (this.terminal.kittyProtocolActive) return "kitty";
+		if (this.terminal.modifyOtherKeysActive) return "modifyOtherKeys";
+		return "legacy";
+	}
+
+	private fit(line: string, width: number): string {
+		return truncateToWidth(line, width).padEnd(width);
+	}
+
+	render(width: number): string[] {
+		const lines: string[] = [];
+
+		// Title
+		lines.push("=".repeat(width));
+		lines.push(this.fit("Key Code Tester - Press keys to see their codes (Ctrl+C to exit)", width));
+		lines.push(this.fit(`Protocol: ${this.protocolName()}`, width));
+		lines.push("=".repeat(width));
+		lines.push("");
+
+		// Log entries
+		for (const entry of this.log) {
+			lines.push(this.fit(entry, width));
+		}
+
+		// Fill remaining space
+		const remaining = Math.max(0, 25 - lines.length);
+		for (let i = 0; i < remaining; i++) {
+			lines.push("".padEnd(width));
+		}
+
+		// Footer
+		lines.push("=".repeat(width));
+		lines.push(this.fit("Test these:", width));
+		lines.push(this.fit("  - Shift + Enter (should show: \\x1b[13;2u with Kitty protocol)", width));
+		lines.push(this.fit("  - Alt/Option + Enter", width));
+		lines.push(this.fit("  - Option/Alt + Backspace", width));
+		lines.push(this.fit("  - Cmd/Ctrl + Backspace", width));
+		lines.push(this.fit("  - Regular Backspace", width));
+		lines.push("=".repeat(width));
+
+		return lines;
+	}
+}
+
+// Set up TUI
+const terminal = new ProcessTerminal();
+const tui = new TUI(terminal);
+const logger = new KeyLogger(tui, terminal);
+
+tui.addChild(logger);
+tui.setFocus(logger);
+
+// Handle Ctrl+C for clean exit (SIGINT still works for raw mode)
+process.on("SIGINT", () => {
+	tui.stop();
+	console.log("\nExiting...");
+	process.exit(0);
+});
+
+// Start the TUI
+tui.start();
+
+// Protocol negotiation completes asynchronously after the first render.
+// Refresh briefly/continuously so the displayed protocol state is not stale.
+setInterval(() => tui.requestRender(), 100);