@zaly/tui 0.0.12 → 0.1.1

package/dist/{renderer-zDNlAovy.mjs → renderer-B9sAMA10.mjs}

@@ -1,19 +1,20 @@
-import { C as useActiveOwner, E as withOwner, S as unwrap, _ as peek, d as createSuspenseBoundary, f as effect, h as memo, l as createRoot, n as SuspenseContext, o as createNode, v as provideContext, x as untrack, y as signal } from "./reactive-f7NpAi69.mjs";
-import { t as defaultTheme } from "./registry-D-suU3g0.mjs";
-import { c as stripAnsiBg, i as applyDefaultColors, t as RESET } from "./ansi-DZlXaItJ.mjs";
-import { n as openStyle, t as styleBuilder } from "./builder-1z5ewEWK.mjs";
-import { n as box } from "./box-BkP4MF82.mjs";
-import { t as createCtx } from "./ctx-B7BmPUCD.mjs";
-import { t as RenderContext } from "./render-DEIUNLkh.mjs";
-import { t as TuiReporter } from "./logger-DSQb0sLP.mjs";
-import { o as bumpPlacements } from "./kitty-JbCJC0iQ.mjs";
-import { i as canonical, t as TerminalQueries } from "./queries-B_lOwEiE.mjs";
+import { C as useActiveOwner, E as withOwner, S as unwrap, _ as peek, d as createSuspenseBoundary, f as effect, h as memo, l as createRoot, n as SuspenseContext, o as createNode, v as provideContext, x as untrack, y as signal } from "./reactive-DkP75TPk.mjs";
+import { i as systemTheme, t as defaultTheme } from "./registry-CQU0VwpM.mjs";
+import { c as stripAnsiBg, i as applyDefaultColors, t as RESET } from "./ansi-CxgRPLA2.mjs";
+import { t as openStyle } from "./style-Cw_EuszU.mjs";
+import { t as styleBuilder } from "./builder-BdYlK1Ew.mjs";
+import { n as box } from "./box-DToDoXlU.mjs";
+import { t as createCtx } from "./ctx-DBeFcZt6.mjs";
+import { t as RenderContext } from "./render-Bp2N2i6J.mjs";
+import { t as TuiReporter } from "./logger-DwfXp8LF.mjs";
+import { o as bumpPlacements } from "./kitty-BH_eK6lz.mjs";
+import { a as canonical, t as TerminalQueries } from "./queries-BIniKnLL.mjs";
 import { Emitter } from "@zaly/shared";
 import { sliceAnsi, stringWidth, stripAnsi } from "@zaly/shared/ansi";
 import { inspect, isDeepStrictEqual } from "node:util";
 import { Logger } from "@zaly/shared/logger";
 import { throttle } from "@zaly/shared/throttle";
-//#region src/input/actions.ts
+// src/input/actions.ts
 function filterAction(action, filter) {
 	if (!action) return false;
 	if (!filter) return true;
@@ -224,8 +225,74 @@ var Actions = class extends Emitter {
 		return ret;
 	}
 };
-//#endregion
-//#region src/input/decoder.ts
+// src/input/colors.ts
+/** One renderer run: coalesce updates, discard stale snapshots, and own cleanup. */
+var ColorsWatcher = class {
+	queries;
+	input;
+	write;
+	update;
+	#ac = new AbortController();
+	#appearance;
+	#revision = 0;
+	#pending = false;
+	#running = false;
+	#previous = "";
+	constructor(queries, input, write, update) {
+		this.queries = queries;
+		this.input = input;
+		this.write = write;
+		this.update = update;
+		input.on("term-response", ({ event }) => {
+			if (event.kind !== "csi" || event.final !== "n" || !/^\?997(?:;[012])?$/.test(event.params)) return;
+			if (event.params === "?997") this.#queryAppearance();
+			if (event.params === "?997;1") this.#appearance = "dark";
+			if (event.params === "?997;2") this.#appearance = "light";
+			this.refresh();
+		}, { signal: this.#ac.signal });
+		input.on("terminal-focus", ({ gained }) => {
+			if (!gained) return;
+			this.#queryAppearance();
+			this.refresh();
+		}, { signal: this.#ac.signal });
+		write("\x1B[?2031h");
+		this.#queryAppearance();
+		this.refresh();
+	}
+	#queryAppearance() {
+		this.queries.colorScheme({ signal: this.#ac.signal });
+	}
+	refresh() {
+		if (this.#ac.signal.aborted) return;
+		this.#revision++;
+		this.#pending = true;
+		if (!this.#running) this.#refresh();
+	}
+	async #refresh() {
+		this.#running = true;
+		try {
+			while (this.#pending && !this.#ac.signal.aborted) {
+				this.#pending = false;
+				const revision = this.#revision;
+				const snapshot = await this.queries.palette({ signal: this.#ac.signal });
+				if (revision !== this.#revision) continue;
+				const key = JSON.stringify([snapshot, this.#appearance]);
+				if (key === this.#previous) continue;
+				this.#previous = key;
+				this.update(snapshot, this.#appearance);
+			}
+		} finally {
+			this.#running = false;
+		}
+	}
+	stop() {
+		if (this.#ac.signal.aborted) return;
+		this.#revision++;
+		this.#ac.abort();
+		this.write("\x1B[?2031l");
+	}
+};
+// src/input/decoder.ts
 var Decoder = class {
 	#pending = "";
 	#paste;
@@ -394,7 +461,7 @@ const SS3_NAMES = {
 	S: "f4"
 };
 function isTerminalCsiResponse(params, final) {
-	return final === "c" && (params.startsWith("?") || params.startsWith(">"));
+	return final === "c" && (params.startsWith("?") || params.startsWith(">")) || final === "n" && /^\?997(?:;[012])?$/.test(params);
 }
 function handleCsi(params, final, out) {
 	if ((final === "M" || final === "m") && params.startsWith("<")) {
@@ -544,8 +611,7 @@ function key(partial) {
 		type: "key"
 	};
 }
-//#endregion
-//#region src/input/defaults.ts
+// src/input/defaults.ts
 /**
 * Catalog of built-in actions with descriptions and default bindings.
 * Typed as `Record<BuiltinAction, ActionInfo>` so missing entries are a
@@ -682,8 +748,7 @@ const defaultActions = {
 		keys: ["up"]
 	}
 };
-//#endregion
-//#region src/input/router.ts
+// src/input/router.ts
 /**
 * Routes decoder events to the right node and/or action.
 *
@@ -849,8 +914,7 @@ function makeRoutedPaste(text) {
 	};
 	return r;
 }
-//#endregion
-//#region src/renderer/frame.ts
+// src/renderer/frame.ts
 function sliceLine(line, from, to, width) {
 	const start = from ? Math.max(0, from - 1) : 0;
 	const end = to ? Math.max(start, to - 1) : width;
@@ -1019,8 +1083,7 @@ var RenderFrame = class {
 		};
 	}
 };
-//#endregion
-//#region src/renderer/surface.ts
+// src/renderer/surface.ts
 /**
 * Shared base for the three renderer surfaces (`Stream`, `UI`,
 * `OverlaySurface`). Owns the common lifecycle and paint bookkeeping:
@@ -1095,8 +1158,7 @@ var Surface = class extends Emitter {
 		});
 	}
 };
-//#endregion
-//#region src/renderer/overlay.ts
+// src/renderer/overlay.ts
 /**
 * Overlay surface — paints absolute-positioned `Overlay` nodes on top
 * of the stream and UI surfaces after each tick.
@@ -1239,8 +1301,7 @@ var OverlaySurface = class extends Surface {
 		for (const { rows, x, y } of painted) for (let r = 0; r < rows.length; r++) frame.overlay(y + r, x, rows[r]);
 	}
 };
-//#endregion
-//#region src/renderer/selection.ts
+// src/renderer/selection.ts
 var SelectionLayer = class extends Emitter {
 	#selection;
 	#text = "";
@@ -1510,8 +1571,7 @@ function renderRange({ bounds, ctx, end, frame, start }) {
 	if (last !== void 0) lines.push(last);
 	return lines;
 }
-//#endregion
-//#region src/renderer/stream.ts
+// src/renderer/stream.ts
 /**
 * Stream surface — append-only list of nodes that render into the bottom
 * of the terminal's scroll region and commit to scrollback as newer
@@ -1933,8 +1993,7 @@ var Stream = class extends Surface {
 		for (const s of this.#state) if (s.node.mounted) s.node.unmount();
 	}
 };
-//#endregion
-//#region src/renderer/terminal.ts
+// src/renderer/terminal.ts
 /**
 * Terminal primitive — owns stdin raw mode, stdout writes, and the
 * standard set of control modes we flip for a direct-mode renderer:
@@ -2064,7 +2123,7 @@ var Terminal = class {
 			this.deleteImages();
 			this.setProgress();
 			if (this.#reserveBottom > 0) this.clearScrollRegion();
-			this.write(`${CSI}?1007l${CSI}?1006l${CSI}?1002l${CSI}?1000l${CSI}?1004l${CSI}?2004l${CSI}?7h${CSI}?25h`);
+			this.write(`${CSI}?1007l${CSI}?1006l${CSI}?1002l${CSI}?1000l${CSI}?1004l${CSI}?2004l${CSI}?2031l${CSI}?7h${CSI}?25h`);
 			if (this.#altScreen) this.write(`${CSI}?1049l`);
 		} finally {
 			this.#started = false;
@@ -2195,8 +2254,7 @@ var Terminal = class {
 		return () => this.#resizeListeners.delete(fn);
 	}
 };
-//#endregion
-//#region src/renderer/ui.ts
+// src/renderer/ui.ts
 /**
 * UI surface — the sticky footer. Renders a single Box tree at the
 * bottom of the terminal, inside the rows reserved by `Terminal`'s
@@ -2309,8 +2367,7 @@ var UI = class extends Surface {
 		};
 	}
 };
-//#endregion
-//#region src/renderer/renderer.ts
+// src/renderer/renderer.ts
 var RenderStats = class {
 	#stats = {};
 	/** Increment a stat by `delta` (default: `1`). */
@@ -2353,6 +2410,8 @@ var Renderer = class extends Emitter {
 	#decoder = new Decoder();
 	#stdin;
 	#theme = signal(void 0);
+	#shiki;
+	#systemTheme;
 	#transparent = signal(false);
 	/** Root Owner — every surface's function-shape `add` / `append` runs
 	*  its child under this Owner via `withOwner(#rootOwner, …)`, so
@@ -2360,6 +2419,8 @@ var Renderer = class extends Emitter {
 	*  scopes) are visible to every widget body in the tree. */
 	#rootOwner;
 	#running = false;
+	#colorsWatcher;
+	#canQueryColors;
 	#escTimer;
 	#rendering;
 	#dirty = false;
@@ -2385,6 +2446,7 @@ var Renderer = class extends Emitter {
 	} } };
 	constructor(opts = {}) {
 		super();
+		this.#canQueryColors = !!((opts.stdout ?? process.stdout).isTTY && (opts.stdin ?? process.stdin).isTTY);
 		this.terminal = new Terminal({
 			altScreen: opts.altScreen,
 			hookSignals: opts.hookSignals,
@@ -2393,7 +2455,8 @@ var Renderer = class extends Emitter {
 			stdout: opts.stdout
 		});
 		this.frame = new Frame(this.terminal);
-		if (opts.theme) this.#theme.set(opts.theme);
+		this.#shiki = opts.shiki ?? "auto";
+		if (opts.theme || this.#shiki !== "auto") this.#theme.set(this.#withShiki(opts.theme ?? defaultTheme));
 		this.#transparent.set(() => opts.transparent ?? false);
 		this.ui = new UI(this);
 		this.stream = new Stream(this, { fixedFooterHeight: opts.fixedFooterHeight });
@@ -2496,7 +2559,8 @@ var Renderer = class extends Emitter {
 	*  Nodes that compare cache against `ctx.version` need the version
 	*  bump that already happens elsewhere on theme-driven invalidation. */
 	set theme(theme) {
-		this.#theme.set(theme);
+		this.#theme.set(this.#withShiki(theme.id === "system" ? this.#systemTheme ?? theme : theme));
+		this.#syncSystemTheme();
 		this.#ctxVersion++;
 		this.stream.invalidate();
 		this.ui.invalidate();
@@ -2507,13 +2571,31 @@ var Renderer = class extends Emitter {
 	get theme() {
 		return this.#theme.get() ?? defaultTheme;
 	}
+	#withShiki(theme) {
+		return this.#shiki === "auto" ? theme : {
+			...theme,
+			shiki: this.#shiki
+		};
+	}
+	#syncSystemTheme() {
+		if (!this.#running || !this.#canQueryColors) {
+			this.#colorsWatcher?.stop();
+			this.#colorsWatcher = void 0;
+			return;
+		}
+		if (peek(this.#theme.get)?.id !== "system") return;
+		this.#colorsWatcher ??= new ColorsWatcher(this.queries, this.input, (sequence) => this.terminal.write(sequence), (snapshot, appearance) => {
+			this.#systemTheme = systemTheme(snapshot, appearance);
+			if (peek(this.#theme.get)?.id === "system") this.theme = this.#systemTheme;
+		});
+	}
 	/** Inherit the terminal background instead of painting the base background. */
 	set transparent(transparent) {
 		this.#transparent.set(transparent);
 	}
 	/** Current transparency setting. (tracked) */
 	get transparent() {
-		return unwrap(this.#transparent.get());
+		return unwrap(this.#transparent.get()) || this.theme.id === "system";
 	}
 	start() {
 		if (this.#running) return;
@@ -2522,6 +2604,7 @@ var Renderer = class extends Emitter {
 		this.#stdin.setEncoding?.("utf8");
 		this.#stdin.on("data", this.#onData);
 		this.#stdin.resume?.();
+		this.#syncSystemTheme();
 		this.emit("start");
 		if (this.#dirty) this.#schedule();
 		process.on("unhandledRejection", (reason) => this.logger.child("unhandledRejection").error("Unhandled Rejection:", reason));
@@ -2530,6 +2613,7 @@ var Renderer = class extends Emitter {
 		if (!this.#running) return;
 		this.emit("stop");
 		this.#running = false;
+		this.#syncSystemTheme();
 		this.#stdin.off("data", this.#onData);
 		this.#stdin.pause?.();
 		if (this.#escTimer !== void 0) {
@@ -2690,7 +2774,6 @@ var Renderer = class extends Emitter {
 		this.#escTimer.unref();
 	};
 };
-//#endregion
 export { Renderer };
 
-//# sourceMappingURL=renderer-zDNlAovy.mjs.map
+//# sourceMappingURL=renderer-B9sAMA10.mjs.map