Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/bombshell-dev/tty. Platform independent 2D layout engine for terminal applications based on Clay bomb.sh/docs/tty
Something went wrong. Try again.
tty term.ts
3.9 kB · 158 lines
TypeScript
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159import { type Op, pack } from "./ops.ts";import { type BoundingBox, createTermNative } from "./term-native.ts";
export interface TermOptions { height: number; width: number;}
export interface RenderOptions { mode?: "line";
/** * Row where to begin rendering. This should only be used when * rendering into a region as part of the CLI main screen. For * interfaces that use the entire screen, leave unset which will * default to 0. This is 1-based which which is the DSR native * format. * * https://www.ecma-international.org/publications-and-standards/standards/ecma-48/ */ row?: number;
pointer?: { x: number; y: number; down: boolean; };}
export type PointerEvent = | { type: "pointerenter"; id: string } | { type: "pointerleave"; id: string } | { type: "pointerclick"; id: string };
export type { BoundingBox };
export interface ElementInfo { bounds: BoundingBox;}
const ERROR_TYPES = [ "TEXT_MEASUREMENT_FUNCTION_NOT_PROVIDED", "ARENA_CAPACITY_EXCEEDED", "ELEMENTS_CAPACITY_EXCEEDED", "TEXT_MEASUREMENT_CAPACITY_EXCEEDED", "DUPLICATE_ID", "FLOATING_CONTAINER_PARENT_NOT_FOUND", "PERCENTAGE_OVER_1", "INTERNAL_ERROR", "UNBALANCED_OPEN_CLOSE",] as const;
export interface ClayError { type: string; message: string;}
export interface RenderInfo { get(id: string): ElementInfo | undefined;}
export interface RenderResult { output: Uint8Array; events: PointerEvent[]; info: RenderInfo; errors: ClayError[];}
export interface Term { render(ops: Op[], options?: RenderOptions): RenderResult;}
export async function createTerm(options: TermOptions): Promise<Term> { let { width, height } = options; let native = await createTermNative(width, height); let { memory, statePtr, opsBuf } = native;
let prev = new Set<string>(); let pressed = new Set<string>(); let wasDown = false;
return { render(ops: Op[], options?: RenderOptions): RenderResult { let len = pack(ops, memory.buffer, opsBuf, memory.buffer.byteLength); let mode = options?.mode === "line" ? 1 : 0; let row = options?.row ?? 1; native.reduce(statePtr, opsBuf, len, mode, row);
if (options?.pointer) { let { x, y, down } = options.pointer; native.setPointer(x, y, down); }
let output = new Uint8Array( memory.buffer, native.output(statePtr), native.length(statePtr), );
let current = new Set( options?.pointer ? native.getPointerOverIds() : [], ); let down = options?.pointer?.down ?? false; let events: PointerEvent[] = [];
for (let id of current) { if (!prev.has(id)) { events.push({ type: "pointerenter", id }); } }
for (let id of prev) { if (!current.has(id)) { events.push({ type: "pointerleave", id }); } }
if (wasDown && !down) { for (let id of pressed) { if (current.has(id)) { events.push({ type: "pointerclick", id }); } } }
if (down && !wasDown) { pressed = new Set(current); } else if (!down) { pressed.clear(); }
prev = current; wasDown = down;
let info: RenderInfo = { get(id: string): ElementInfo | undefined { let bounds = native.getElementBounds(id); if (bounds) { return { bounds }; } return undefined; }, };
let errors: ClayError[] = []; let count = native.errorCount(statePtr); for (let i = 0; i < count; i++) { let code = native.errorType(statePtr, i); errors.push({ type: ERROR_TYPES[code] ?? `UNKNOWN_${code}`, message: native.errorMessage(statePtr, i), }); }
return { output, events, info, errors }; }, };}