@zaly/tui 0.0.4 → 0.0.6

package/dist/widgets/input.mjs

@@ -1,497 +1,2 @@
-import { S as unwrap, x as untrack } from "../reactive-f7NpAi69.mjs";
-import { t as Node } from "../node-BZ7f6HzU.mjs";
-import { formatText } from "../text.mjs";
-import { clipboard } from "../clipboard.mjs";
-import { hash, isPromiseLike } from "@zaly/shared";
-import { sliceAnsi, splitAnsi, stringWidth } from "@zaly/shared/ansi";
-import { basename } from "pathe";
-import { fileDetect } from "@zaly/shared/detect";
-//#region src/widgets/input.ts
-const PASTE_MAX_LINES = 5;
-const PASTE_MAX_CHARS = 1e3;
-/**
-* Multi-line text input with auto-grow.
-*
-* Editing commands (`cursorLeft`, `deleteWordBack`, `submit`, …) live on
-* `this.actions` as zero-arg methods. The input router maps keymap
-* bindings like `"input.cursorLeft"` onto those methods — users bind
-* different keys by configuring the keymap, not by patching the class.
-* The methods are also callable directly (`input.actions.submit()`),
-* which is handy in tests or for higher-level macros.
-*
-* What this class *still* handles via its `key` event listener:
-*   - **Printable character insertion.** An unbound keystroke whose
-*     `text` is set and has no ctrl/alt/meta modifier becomes a literal
-*     insert at the cursor. There's no action for every printable char
-*     in the keymap; the raw-key fallback handles them.
-*   - **Paste events.** Whole payload inserted at cursor; always.
-*
-* Everything else (navigation, editing, submit/newline) goes through
-* the router → actions pipeline. Unbound non-printable keys fall back
-* to `emit("key", …)` and bubble to the parent chain.
-*
-* Rendering word-wraps each logical line to `ctx.width`, so long
-* messages naturally grow vertically. The UI surface resizes its
-* reserved footer when the Input's row count changes, so the stream
-* above shifts accordingly.
-*/
-var Input = class Input extends Node {
-	/** Class-level scope tag used by the input router to bind keymaps. */
-	static type = "input";
-	type = Input.type;
-	#focused = false;
-	#history = [];
-	#historyDraft = "";
-	#historyIndex;
-	#preferredCol;
-	#staged = [];
-	#formatCache = /* @__PURE__ */ new Map();
-	#formatGen = 0;
-	/**
-	* Editing actions. Parameterless — they close over `this` — so both
-	* the router (via keymap dispatch) and application code can invoke
-	* them. Add to the keymap in `src/input/actions.ts` to give them
-	* default key bindings.
-	*/
-	actions = {
-		"input.cursorDown": () => {
-			const v = this.state.value ?? "";
-			const { col, line } = posToLineCol(v, this.#cursor());
-			if (line >= countLines(v) - 1) {
-				this.#historyNext();
-				return;
-			}
-			this.#preferredCol ??= col;
-			this.state.cursor = lineColToPos(v, line + 1, this.#preferredCol);
-		},
-		"input.cursorLeft": () => {
-			const c = this.#cursor();
-			this.#preferredCol = void 0;
-			this.state.cursor = c > 0 ? c - 1 : c;
-		},
-		"input.cursorLineEnd": () => {
-			const v = this.state.value ?? "";
-			this.#preferredCol = void 0;
-			this.state.cursor = lineEndPos(v, this.#cursor());
-		},
-		"input.cursorLineStart": () => {
-			const v = this.state.value ?? "";
-			const { line } = posToLineCol(v, this.#cursor());
-			this.#preferredCol = void 0;
-			this.state.cursor = lineColToPos(v, line, 0);
-		},
-		"input.cursorRight": () => {
-			const v = this.state.value ?? "";
-			const c = this.#cursor();
-			this.#preferredCol = void 0;
-			this.state.cursor = c < v.length ? c + 1 : c;
-		},
-		"input.cursorUp": () => {
-			const v = this.state.value ?? "";
-			const { col, line } = posToLineCol(v, this.#cursor());
-			if (line === 0) {
-				this.#historyPrev();
-				return;
-			}
-			this.#preferredCol ??= col;
-			this.state.cursor = lineColToPos(v, line - 1, this.#preferredCol);
-		},
-		"input.deleteCharBack": () => {
-			const v = this.state.value ?? "";
-			const c = this.#cursor();
-			this.#preferredCol = void 0;
-			if (c === 0) return;
-			this.#historyEdit();
-			const marker = this.#markerRange(c, "back");
-			if (marker) return this.#deleteRange(marker.start, marker.end);
-			this.state.set({
-				cursor: c - 1,
-				value: v.slice(0, c - 1) + v.slice(c)
-			});
-		},
-		"input.deleteCharForward": () => {
-			const v = this.state.value ?? "";
-			const c = this.#cursor();
-			this.#preferredCol = void 0;
-			if (c >= v.length) return;
-			this.#historyEdit();
-			const marker = this.#markerRange(c, "forward");
-			if (marker) return this.#deleteRange(marker.start, marker.end);
-			this.state.value = v.slice(0, c) + v.slice(c + 1);
-		},
-		"input.deleteWordBack": () => {
-			const v = this.state.value ?? "";
-			const c = this.#cursor();
-			this.#preferredCol = void 0;
-			let i = c;
-			while (i > 0 && isWhitespace(v[i - 1])) i--;
-			while (i > 0 && !isWhitespace(v[i - 1])) i--;
-			if (i === c) return;
-			this.#historyEdit();
-			this.state.set({
-				cursor: i,
-				value: v.slice(0, i) + v.slice(c)
-			});
-		},
-		"input.insertNewline": () => {
-			const v = this.state.value ?? "";
-			const c = this.#cursor();
-			this.#preferredCol = void 0;
-			let lineStart = c;
-			while (lineStart > 0 && v[lineStart - 1] !== "\n") lineStart--;
-			let indent = "";
-			for (let i = lineStart; i < c; i++) {
-				const ch = v[i];
-				if (ch === " " || ch === "	") indent += ch;
-				else break;
-			}
-			const insert = `\n${indent}`;
-			this.#historyEdit();
-			this.state.set({
-				cursor: c + insert.length,
-				value: v.slice(0, c) + insert + v.slice(c)
-			});
-		},
-		"input.insertTab": () => {
-			const v = this.state.value ?? "";
-			const c = this.#cursor();
-			this.#preferredCol = void 0;
-			const tab = "  ";
-			this.#historyEdit();
-			this.state.set({
-				cursor: c + 2,
-				value: v.slice(0, c) + tab + v.slice(c)
-			});
-		},
-		"input.paste": () => {
-			(async () => {
-				const content = await clipboard.read();
-				if (!content) return;
-				if (content.kind === "text") {
-					this.emit("paste", { paste: {
-						stop: () => void 0,
-						stopped: false,
-						text: content.text
-					} });
-					return;
-				}
-				const paths = content.kind === "image" ? [content.path] : content.paths;
-				const files = await Promise.all(paths.map((path) => fileDetect({ path })));
-				for (let i = 0; i < paths.length; i++) {
-					const path = paths[i];
-					const file = files[i];
-					if (!file) continue;
-					this.attach({
-						...file,
-						path
-					});
-				}
-			})();
-		},
-		"input.submit": () => {
-			const value = this.state.value ?? "";
-			if (this.state.validate?.(value) === false) return;
-			const ret = this.consume();
-			this.#historyAdd(ret.value);
-			this.emit("submit", ret);
-		}
-	};
-	constructor(initial = {}) {
-		const value = initial.value ?? "";
-		super({
-			cursor: value.length,
-			value,
-			...initial
-		});
-		this.#history = [...initial.history ?? []];
-		this.on("key", ({ key }) => {
-			this.#handleKey(key);
-		});
-		this.on("paste", ({ paste }) => {
-			this.paste(paste.text);
-			paste.stop();
-		});
-		this.on("focus", () => {
-			this.#focused = true;
-			this.invalidate();
-		});
-		this.on("blur", () => {
-			this.#focused = false;
-			this.invalidate();
-		});
-		this.on("mount", () => {
-			this.ctx?.input.events.on("terminal-focus", () => this.invalidate(), { signal: this.mountSignal });
-		});
-	}
-	get history() {
-		return this.#history;
-	}
-	set history(v) {
-		this.#history = [...v];
-		this.#historyIndex = void 0;
-	}
-	attach(att) {
-		if (att.type !== "paste" && this.state.canAttach?.(att) === false) return this.insert(att.path);
-		const id = this.#staged.length + 1;
-		let prefix = att.type[0].toUpperCase() + att.type.slice(1);
-		let suffix = "";
-		if (att.type === "paste") {
-			prefix = "Pasted text";
-			suffix = ` +${countLines(att.text)} lines`;
-		} else if (!["image", "pdf"].includes(att.type)) suffix = ` ${basename(att.path)}`;
-		const marker = `[${prefix} #${id}${suffix}]`;
-		this.#staged.push({
-			...att,
-			id,
-			marker
-		});
-		this.insert(marker);
-		if (att.type !== "paste") this.emit("attach", { attachment: att });
-	}
-	paste(text) {
-		if (countLines(text) > (this.state.pasteMaxLines ?? PASTE_MAX_LINES) || stringWidth(text) > (this.state.pasteMaxChars ?? PASTE_MAX_CHARS)) return this.attach({
-			text,
-			type: "paste"
-		});
-		this.insert(text);
-	}
-	insert(text) {
-		const v = this.state.value ?? "";
-		const c = this.#cursor();
-		this.#historyEdit();
-		this.#preferredCol = void 0;
-		this.state.set({
-			cursor: c + text.length,
-			value: v.slice(0, c) + text + v.slice(c)
-		});
-	}
-	replace(text) {
-		this.state.value = "";
-		this.insert(text);
-	}
-	/** Consume the input's current value and attachments.
-	* Pastes are replaced inline with their text; file/image
-	* attachments are returned in the `attachments` array and removed from the value. */
-	consume() {
-		let value = this.state.value ?? "";
-		const atts = [];
-		for (const att of this.#staged) {
-			if (!value.includes(att.marker)) continue;
-			if (att.type === "paste") value = value.replace(att.marker, att.text);
-			else atts.push(att);
-		}
-		this.#staged = [];
-		this.#preferredCol = void 0;
-		this.state.set({
-			cursor: 0,
-			value: ""
-		});
-		return {
-			attachments: atts,
-			value
-		};
-	}
-	#cursor() {
-		const v = this.state.value ?? "";
-		return Math.max(0, Math.min(v.length, this.state.cursor ?? 0));
-	}
-	#deleteRange(start, end) {
-		const v = this.state.value ?? "";
-		this.#historyEdit();
-		this.#preferredCol = void 0;
-		this.state.set({
-			cursor: start,
-			value: v.slice(0, start) + v.slice(end)
-		});
-	}
-	historyAdd(value) {
-		this.#historyAdd(value);
-	}
-	#historyAdd(value) {
-		if (value.trim() === "") return;
-		if (this.#history.at(-1) !== value) {
-			this.#history.push(value);
-			this.emit("history", {
-				added: value,
-				history: [...this.#history]
-			});
-		}
-		this.#historyDraft = "";
-		this.#historyIndex = void 0;
-	}
-	#historyEdit() {
-		this.#historyDraft = "";
-		this.#historyIndex = void 0;
-	}
-	#historyNext() {
-		if (this.#historyIndex === void 0) return;
-		const next = this.#historyIndex + 1;
-		if (next >= this.#history.length) {
-			this.#historySet(this.#historyDraft);
-			this.#historyDraft = "";
-			this.#historyIndex = void 0;
-			return;
-		}
-		this.#historyIndex = next;
-		this.#historySet(this.#history[next]);
-	}
-	#historyPrev() {
-		if (this.#history.length === 0) return;
-		if (this.#historyIndex === void 0) {
-			this.#historyDraft = this.state.value ?? "";
-			this.#historyIndex = this.#history.length - 1;
-		} else if (this.#historyIndex > 0) this.#historyIndex--;
-		this.#historySet(this.#history[this.#historyIndex]);
-	}
-	#historySet(value) {
-		this.#preferredCol = void 0;
-		this.state.set({
-			cursor: value.length,
-			value
-		});
-	}
-	#markerRange(pos, dir) {
-		const value = this.state.value ?? "";
-		for (const att of this.#staged) {
-			const start = value.indexOf(att.marker);
-			if (start === -1) continue;
-			const end = start + att.marker.length;
-			if (dir === "back" && pos > start && pos <= end) return {
-				end,
-				start
-			};
-			if (dir === "forward" && pos >= start && pos < end) return {
-				end,
-				start
-			};
-		}
-	}
-	#handleKey(ev) {
-		if (ev.text === void 0 || ev.ctrl || ev.alt || ev.meta) return;
-		this.insert(ev.text);
-		ev.stop();
-	}
-	#format(value, ctx) {
-		const format = this.state.format;
-		if (!format) return value;
-		if (ctx.version !== this.#formatCache.version) {
-			this.#formatCache.clear();
-			this.#formatCache.version = ctx.version;
-		}
-		const key = hash(value);
-		const cached = this.#formatCache.get(key);
-		if (cached?.result !== void 0) return cached.result;
-		const streaming = this.#streamingFormat(value);
-		if (cached?.promise) return streaming ?? value;
-		const ret = format(value, { style: ctx.style });
-		if (!isPromiseLike(ret)) return ret;
-		const gen = ++this.#formatGen;
-		const entry = { input: value };
-		entry.promise = ret.then((result) => {
-			if (this.#formatCache.get(key) !== entry) return;
-			entry.result = result;
-			entry.promise = void 0;
-			if (this.#formatGen === gen && result !== value) untrack(() => this.invalidate());
-		}, () => {
-			if (this.#formatCache.get(key) === entry) this.#formatCache.delete(key);
-		});
-		this.#formatCache.set(key, entry);
-		while (this.#formatCache.size > 100) this.#formatCache.delete(this.#formatCache.keys().next().value);
-		return streaming ?? value;
-	}
-	/** Reuse a highlighted prefix while async formatting catches up. */
-	#streamingFormat(value) {
-		let ret;
-		for (const [key, cached] of this.#formatCache) {
-			if (cached.result === void 0) continue;
-			if (value.startsWith(cached.input) && cached.input.length > (ret?.[1].input.length ?? 0)) ret = [key, cached];
-		}
-		if (ret === void 0) return;
-		this.#formatCache.delete(ret[0]);
-		this.#formatCache.set(ret[0], ret[1]);
-		return ret[1].result + value.slice(ret[1].input.length);
-	}
-	async _render(ctx) {
-		const value = this.state.value ?? "";
-		const placeholder = this.state.placeholder ?? "";
-		const cursor = this.#cursor();
-		const focused = this.#focused;
-		let content;
-		if (value === "") {
-			const ph = unwrap(placeholder);
-			content = ph ? ` ${ctx.style.quiet(ph)}` : "";
-		} else {
-			content = value;
-			for (const att of this.#staged) {
-				if (!content.includes(att.marker)) continue;
-				content = content.replace(att.marker, ctx.style.accent(att.marker));
-			}
-			content = this.#format(content, ctx);
-		}
-		if (focused && this.ctx?.input.terminalFocus) {
-			const { col, line } = posToLineCol(value, cursor);
-			const lines = splitAnsi(content);
-			const target = Math.max(0, Math.min(line, lines.length - 1));
-			const row = lines[target] ?? "";
-			const head = sliceAnsi(row, 0, col);
-			const at = sliceAnsi(row, col, col + 1) || " ";
-			const tail = sliceAnsi(row, col + 1);
-			lines[target] = head + ctx.style.inverse(at) + tail;
-			content = lines.join("\n");
-		}
-		return formatText(content, {
-			style: ctx.style.add(this.state),
-			width: ctx.width,
-			wrap: "word"
-		});
-	}
-};
-/**
-* Factory for `Input`. All fields optional; default is an empty,
-* focusable input that fills `ctx.width` and has no placeholder.
-*
-* ```ts
-* input({ placeholder: "type a message…" })
-* const i = input({ value: "draft" })
-* i.on("submit", (text) => console.log("user typed", text))
-* ```
-*/
-function input(state = {}) {
-	return new Input(state);
-}
-function isWhitespace(ch) {
-	return ch !== void 0 && (ch === " " || ch === "	" || ch === "\n");
-}
-function posToLineCol(value, cursor) {
-	let line = 0;
-	let col = 0;
-	for (let i = 0; i < cursor; i++) if (value[i] === "\n") {
-		line++;
-		col = 0;
-	} else col++;
-	return {
-		col,
-		line
-	};
-}
-function lineColToPos(value, line, col) {
-	const lines = value.split("\n");
-	const clampLine = Math.max(0, Math.min(line, lines.length - 1));
-	let abs = 0;
-	for (let i = 0; i < clampLine; i++) abs += lines[i].length + 1;
-	return abs + Math.min(col, lines[clampLine].length);
-}
-function lineEndPos(value, cursor) {
-	let i = cursor;
-	while (i < value.length && value[i] !== "\n") i++;
-	return i;
-}
-function countLines(value) {
-	let n = 1;
-	for (const ch of value) if (ch === "\n") n++;
-	return n;
-}
-//#endregion
+import { n as input, t as Input } from "../input-CRBuTrsL.mjs";
 export { Input, input };
-
-//# sourceMappingURL=input.mjs.map

package/dist/widgets/log.mjs

@@ -1,130 +1,2 @@
-import { n as box } from "../box-DyaByEiG.mjs";
-import { text } from "./text.mjs";
-import { markdown } from "./markdown.mjs";
-import { widget } from "./widget.mjs";
-import { stringWidth } from "@zaly/shared/ansi";
-import { hasColors } from "@zaly/shared/env";
-//#region src/widgets/log.ts
-/** Per-level default prefix style + icon + color. Matches rekal's
-*  `defaultStyles` table, adapted to zaly's theme slots. */
-const defaultLogStyles = {
-	cancel: {
-		color: "warn",
-		icon: "✖ ",
-		style: "icon"
-	},
-	debug: {
-		color: "info",
-		icon: "⚙ ",
-		style: "prompt"
-	},
-	error: {
-		color: "error",
-		icon: "✖ ",
-		style: "badge",
-		textColor: "error"
-	},
-	fatal: {
-		color: "error",
-		icon: "☢ ",
-		style: "badge"
-	},
-	info: {
-		color: "info",
-		icon: "ℹ ",
-		style: "icon"
-	},
-	log: {
-		color: "muted",
-		icon: "●",
-		style: "icon"
-	},
-	success: {
-		color: "success",
-		icon: "✔ ",
-		style: "icon"
-	},
-	trace: {
-		color: "muted",
-		icon: "⠿",
-		style: "icon",
-		textColor: "muted"
-	},
-	warn: {
-		color: "warn",
-		icon: "⚠",
-		style: "badge",
-		textColor: "warn"
-	}
-};
-const noColorStyles = {
-	badge: "title",
-	icon: "text",
-	notif: "text",
-	prompt: "text",
-	text: "text",
-	title: "text"
-};
-function renderPrefix(s, ctx) {
-	const style = ctx.style;
-	const base = defaultLogStyles[s.level];
-	let ls = s.style ?? base.style;
-	if (!hasColors) ls = noColorStyles[ls];
-	let icon = s.icon ?? base.icon ?? "";
-	icon = icon === "" ? "" : `${icon}${" ".repeat(2 - stringWidth(icon))}`;
-	const color = s.color ?? base.color ?? "inherit";
-	let styledPrefix = "";
-	if (ls === "badge") styledPrefix = style.bg(color).fg("black").bold(` ${s.level} `);
-	else if (ls === "icon") styledPrefix = style.fg(color)(icon);
-	else if (ls === "prompt") styledPrefix = style.fg(color).bold(`${icon} ${s.level}`);
-	else if (ls === "title") styledPrefix = style.fg(color).bold(`${s.level}:`);
-	else if (ls === "notif") styledPrefix = style.fg(color).bold(`${icon} ${s.title ?? s.level}`);
-	if (s.prefix) styledPrefix = s.prefix + styledPrefix;
-	if (s.title && ls !== "notif") styledPrefix += style.bold(` ${s.title}`);
-	return styledPrefix;
-}
-/**
-* A single log entry — level-styled prefix (icon / badge / prompt / title /
-* plain text) followed by the body content. The body can be any Node, so
-* callers can stack markdown, code, images, etc. inside a log line.
-*
-* ```ts
-* log({ level: "info", content: "hello" })
-* log({ level: "error", content: markdown("**boom**") })
-* ```
-*/
-const log = widget((state, ...children) => {
-	const base = defaultLogStyles[state.level];
-	const color = state.color ?? base.color ?? "inherit";
-	const s = state;
-	const textColor = state.textColor ?? (s.style === "notif" ? "inherit" : base.textColor);
-	const style = {
-		style: textColor ? { fg: textColor } : void 0,
-		width: "fill"
-	};
-	if (state.content !== "") children = [state.markdown ?? true ? markdown(state.content, style) : text(state.content, style), ...children];
-	return box({
-		...s.style === "notif" ? {
-			border: "single",
-			borderStyle: { fg: color },
-			borderTitle: (ctx) => renderPrefix(state, ctx),
-			borderTitleAlign: "center",
-			padding: [0, 1],
-			width: "fill"
-		} : void 0,
-		flexDirection: "row",
-		gap: 1,
-		visible: state.visible
-	}, s.style === "notif" ? void 0 : text((ctx) => renderPrefix(state, ctx), {
-		flexShrink: 0,
-		wrap: "none"
-	}), box({
-		flexDirection: "column",
-		flexGrow: 1,
-		gap: 1
-	}, ...children));
-});
-//#endregion
+import { t as log } from "../log-Djvrxqk0.mjs";
 export { log };
-
-//# sourceMappingURL=log.mjs.map

package/dist/widgets/markdown.d.mts

@@ -1,8 +1,8 @@
 import { J as Layout, P as RenderCtx, U as TextContent, X as State, p as Node } from "../queries-DH3bj74K.mjs";
 import { o as AnyStyle } from "../types-B9Eh7k2v.mjs";
-import { WrapMode } from "../text.mjs";
+import { t as WrapMode } from "../text-9lwQeqYr.mjs";
 import { n as MdOptions } from "../types-D3jk1rtk.mjs";
-import { Image } from "./image.mjs";
+import { t as Image } from "../image-BTxDPPiT.mjs";
 //#region src/widgets/markdown.d.ts
 interface MarkdownState {
   /** Markdown source. Accepts a plain string or a reactive accessor —