can1357
790a5370bb
- Renamed CLI binary and package from 'pi' to 'omp' across all platforms and installers. - Changed environment variable prefix from PI_* to OMP_* with automatic migration support. - Changed configuration directory from ~/.pi/ to ~/.omp/ with multi-path fallback discovery. - Added getConfigDirPaths(), findConfigFile(), and readConfigFile() functions for config resolution across .omp, .pi, and .claude directories.
118 lines
2.8 KiB
TypeScript
118 lines
2.8 KiB
TypeScript
/**
|
|
* Multi-line editor component for hooks.
|
|
* Supports Ctrl+G for external editor.
|
|
*/
|
|
|
|
import * as fs from "node:fs";
|
|
import * as os from "node:os";
|
|
import * as path from "node:path";
|
|
import { Container, Editor, isCtrlG, isEscape, Spacer, Text, type TUI } from "@oh-my-pi/pi-tui";
|
|
import { getEditorTheme, theme } from "../theme/theme";
|
|
import { DynamicBorder } from "./dynamic-border";
|
|
|
|
export class HookEditorComponent extends Container {
|
|
private editor: Editor;
|
|
private onSubmitCallback: (value: string) => void;
|
|
private onCancelCallback: () => void;
|
|
private tui: TUI;
|
|
|
|
constructor(
|
|
tui: TUI,
|
|
title: string,
|
|
prefill: string | undefined,
|
|
onSubmit: (value: string) => void,
|
|
onCancel: () => void,
|
|
) {
|
|
super();
|
|
|
|
this.tui = tui;
|
|
this.onSubmitCallback = onSubmit;
|
|
this.onCancelCallback = onCancel;
|
|
|
|
// Add top border
|
|
this.addChild(new DynamicBorder());
|
|
this.addChild(new Spacer(1));
|
|
|
|
// Add title
|
|
this.addChild(new Text(theme.fg("accent", title), 1, 0));
|
|
this.addChild(new Spacer(1));
|
|
|
|
// Create editor
|
|
this.editor = new Editor(getEditorTheme());
|
|
if (prefill) {
|
|
this.editor.setText(prefill);
|
|
}
|
|
this.addChild(this.editor);
|
|
|
|
this.addChild(new Spacer(1));
|
|
|
|
// Add hint
|
|
const hasExternalEditor = !!(process.env.VISUAL || process.env.EDITOR);
|
|
const hint = hasExternalEditor
|
|
? "ctrl+enter submit esc cancel ctrl+g external editor"
|
|
: "ctrl+enter submit esc cancel";
|
|
this.addChild(new Text(theme.fg("dim", hint), 1, 0));
|
|
|
|
this.addChild(new Spacer(1));
|
|
|
|
// Add bottom border
|
|
this.addChild(new DynamicBorder());
|
|
}
|
|
|
|
handleInput(keyData: string): void {
|
|
// Ctrl+Enter to submit
|
|
if (keyData === "\x1b[13;5u" || keyData === "\x1b[27;5;13~") {
|
|
this.onSubmitCallback(this.editor.getText());
|
|
return;
|
|
}
|
|
|
|
// Escape to cancel
|
|
if (isEscape(keyData)) {
|
|
this.onCancelCallback();
|
|
return;
|
|
}
|
|
|
|
// Ctrl+G for external editor
|
|
if (isCtrlG(keyData)) {
|
|
this.openExternalEditor();
|
|
return;
|
|
}
|
|
|
|
// Forward to editor
|
|
this.editor.handleInput(keyData);
|
|
}
|
|
|
|
private openExternalEditor(): void {
|
|
const editorCmd = process.env.VISUAL || process.env.EDITOR;
|
|
if (!editorCmd) {
|
|
return;
|
|
}
|
|
|
|
const currentText = this.editor.getText();
|
|
const tmpFile = path.join(os.tmpdir(), `omp-hook-editor-${Date.now()}.md`);
|
|
|
|
try {
|
|
fs.writeFileSync(tmpFile, currentText, "utf-8");
|
|
this.tui.stop();
|
|
|
|
const [editor, ...editorArgs] = editorCmd.split(" ");
|
|
const result = Bun.spawnSync([editor, ...editorArgs, tmpFile], {
|
|
stdio: ["inherit", "inherit", "inherit"],
|
|
});
|
|
|
|
if (result.exitCode === 0) {
|
|
const newContent = fs.readFileSync(tmpFile, "utf-8").replace(/\n$/, "");
|
|
this.editor.setText(newContent);
|
|
}
|
|
} finally {
|
|
try {
|
|
fs.unlinkSync(tmpFile);
|
|
} catch {
|
|
// Ignore cleanup errors
|
|
}
|
|
this.tui.start();
|
|
this.tui.requestRender();
|
|
}
|
|
}
|
|
}
|