@zaly/tui 0.0.11 → 0.0.12

package/dist/{renderer-DesbRwjQ.mjs.map → renderer-MQue4Da5.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"renderer-DesbRwjQ.mjs","names":[],"sources":["../src/markdown/renderer.ts"],"sourcesContent":["import type { RenderCtx } from \"../core/ctx.ts\"\nimport type { Node } from \"../core/node.ts\"\nimport type { Image } from \"../widgets/image.ts\"\nimport type { MdOptions, RenderMarkdown } from \"./types.ts\"\n\nexport type MarkdownOptions = MdOptions & {\n  parent?: Node\n}\n\nexport type MarkdownCtx = RenderCtx & {\n  images?: boolean\n  highlight?: (code: string, lang?: string) => string\n}\n\nexport class MarkdownRenderer {\n  #render?: RenderMarkdown\n  #images = new Map<string, Image>()\n  #parent?: Node\n  #opts: MarkdownOptions\n\n  constructor(opts: MarkdownOptions = {}) {\n    this.#opts = opts\n    this.#parent = opts.parent\n  }\n\n  async render(source: string, ctx: MarkdownCtx): Promise<string> {\n    // oxlint-disable-next-line unicorn/no-await-expression-member\n    this.#render ??= this.#opts.render ?? (await import(\"#md\")).renderMarkdown\n\n    const [{ createCallbacks }, { createImageCallback }] = await Promise.all([\n      import(\"./callbacks.ts\"),\n      import(\"./image.ts\"),\n    ])\n\n    const callbacks = createCallbacks(ctx)\n\n    // Image handling: the callback emits `<img id=N>` markers during\n    // rendering; a post-processing resolver then renders the referenced\n    // images concurrently and splices their rows back in. Keeps the\n    // markdown callback surface synchronous while supporting async\n    // image preparation.\n    const image =\n      (ctx.images ?? true)\n        ? createImageCallback({\n            add: (child) => this.#parent?.add(child),\n            images: this.#images,\n            remove: (child) => this.#parent?.remove(child) ?? child.unmount(),\n          })\n        : undefined\n\n    if (image) callbacks.image = image.cb\n\n    let rendered = this.#render(source, callbacks, this.#opts)\n    if (image) rendered = await image.resolve(ctx, rendered)\n    return this.normalizeEol(source, rendered)\n  }\n\n  /** Mirror the source's trailing newlines: the renderer adds its own\n  /* padding after blocks (`\\n\\n` after paragraphs, etc.) which would\n  /* leave stray blank rows. Normalizing to what the caller typed keeps\n  /* single-line inputs compact and preserves explicit spacing when\n  /* they asked for it. */\n  normalizeEol(source: string, rendered: string): string {\n    // Collapse multiple blank lines to a maximum of one\n    rendered = rendered.replace(/\\n\\n+/g, \"\\n\\n\")\n    // Trim leading blank lines\n    rendered = rendered.replace(/^\\s*\\n/, \"\")\n    const trailing = /\\n*$/.exec(source)?.[0] ?? \"\"\n    return rendered.replace(/\\n+$/, trailing)\n  }\n}\n"],"mappings":";AAcA,IAAa,mBAAb,MAA8B;CAC5B;CACA,0BAAU,IAAI,IAAmB;CACjC;CACA;CAEA,YAAY,OAAwB,CAAC,GAAG;EACtC,KAAK,QAAQ;EACb,KAAK,UAAU,KAAK;CACtB;CAEA,MAAM,OAAO,QAAgB,KAAmC;EAE9D,KAAK,YAAY,KAAK,MAAM,WAAW,MAAM,OAAO,OAAA,CAAQ;EAE5D,MAAM,CAAC,EAAE,mBAAmB,EAAE,yBAAyB,MAAM,QAAQ,IAAI,CACvE,OAAO,6BACP,OAAO,uBACT,CAAC;EAED,MAAM,YAAY,gBAAgB,GAAG;EAOrC,MAAM,QACH,IAAI,UAAU,OACX,oBAAoB;GAClB,MAAM,UAAU,KAAK,SAAS,IAAI,KAAK;GACvC,QAAQ,KAAK;GACb,SAAS,UAAU,KAAK,SAAS,OAAO,KAAK,KAAK,MAAM,QAAQ;EAClE,CAAC,IACD,KAAA;EAEN,IAAI,OAAO,UAAU,QAAQ,MAAM;EAEnC,IAAI,WAAW,KAAK,QAAQ,QAAQ,WAAW,KAAK,KAAK;EACzD,IAAI,OAAO,WAAW,MAAM,MAAM,QAAQ,KAAK,QAAQ;EACvD,OAAO,KAAK,aAAa,QAAQ,QAAQ;CAC3C;;;;;;CAOA,aAAa,QAAgB,UAA0B;EAErD,WAAW,SAAS,QAAQ,UAAU,MAAM;EAE5C,WAAW,SAAS,QAAQ,UAAU,EAAE;EACxC,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,GAAG,MAAM;EAC7C,OAAO,SAAS,QAAQ,QAAQ,QAAQ;CAC1C;AACF"}
+{"version":3,"file":"renderer-MQue4Da5.mjs","names":[],"sources":["../src/markdown/renderer.ts"],"sourcesContent":["import type { RenderCtx } from \"../core/ctx.ts\"\nimport type { Node } from \"../core/node.ts\"\nimport type { Image } from \"../widgets/image.ts\"\nimport type { MdOptions, RenderMarkdown } from \"./types.ts\"\n\nexport type MarkdownOptions = MdOptions & {\n  parent?: Node\n}\n\nexport type MarkdownCtx = RenderCtx & {\n  images?: boolean\n  highlight?: (code: string, lang?: string) => string\n}\n\nexport class MarkdownRenderer {\n  #render?: RenderMarkdown\n  #images = new Map<string, Image>()\n  #parent?: Node\n  #opts: MarkdownOptions\n\n  constructor(opts: MarkdownOptions = {}) {\n    this.#opts = opts\n    this.#parent = opts.parent\n  }\n\n  async render(source: string, ctx: MarkdownCtx): Promise<string> {\n    // oxlint-disable-next-line unicorn/no-await-expression-member\n    this.#render ??= this.#opts.render ?? (await import(\"#md\")).renderMarkdown\n\n    const [{ createCallbacks }, { createImageCallback }] = await Promise.all([\n      import(\"./callbacks.ts\"),\n      import(\"./image.ts\"),\n    ])\n\n    const callbacks = createCallbacks(ctx)\n\n    // Image handling: the callback emits `<img id=N>` markers during\n    // rendering; a post-processing resolver then renders the referenced\n    // images concurrently and splices their rows back in. Keeps the\n    // markdown callback surface synchronous while supporting async\n    // image preparation.\n    const image =\n      (ctx.images ?? true)\n        ? createImageCallback({\n            add: (child) => this.#parent?.add(child),\n            images: this.#images,\n            remove: (child) => this.#parent?.remove(child) ?? child.unmount(),\n          })\n        : undefined\n\n    if (image) callbacks.image = image.cb\n\n    let rendered = this.#render(source, callbacks, this.#opts)\n    if (image) rendered = await image.resolve(ctx, rendered)\n    return this.normalizeEol(source, rendered)\n  }\n\n  /** Mirror the source's trailing newlines: the renderer adds its own\n  /* padding after blocks (`\\n\\n` after paragraphs, etc.) which would\n  /* leave stray blank rows. Normalizing to what the caller typed keeps\n  /* single-line inputs compact and preserves explicit spacing when\n  /* they asked for it. */\n  normalizeEol(source: string, rendered: string): string {\n    // Collapse multiple blank lines to a maximum of one\n    rendered = rendered.replace(/\\n\\n+/g, \"\\n\\n\")\n    // Trim leading blank lines\n    rendered = rendered.replace(/^\\s*\\n/, \"\")\n    const trailing = /\\n*$/.exec(source)?.[0] ?? \"\"\n    return rendered.replace(/\\n+$/, trailing)\n  }\n}\n"],"mappings":";AAcA,IAAa,mBAAb,MAA8B;CAC5B;CACA,0BAAU,IAAI,IAAmB;CACjC;CACA;CAEA,YAAY,OAAwB,CAAC,GAAG;EACtC,KAAK,QAAQ;EACb,KAAK,UAAU,KAAK;CACtB;CAEA,MAAM,OAAO,QAAgB,KAAmC;EAE9D,KAAK,YAAY,KAAK,MAAM,WAAW,MAAM,OAAO,OAAA,CAAQ;EAE5D,MAAM,CAAC,EAAE,mBAAmB,EAAE,yBAAyB,MAAM,QAAQ,IAAI,CACvE,OAAO,6BACP,OAAO,uBACT,CAAC;EAED,MAAM,YAAY,gBAAgB,GAAG;EAOrC,MAAM,QACH,IAAI,UAAU,OACX,oBAAoB;GAClB,MAAM,UAAU,KAAK,SAAS,IAAI,KAAK;GACvC,QAAQ,KAAK;GACb,SAAS,UAAU,KAAK,SAAS,OAAO,KAAK,KAAK,MAAM,QAAQ;EAClE,CAAC,IACD,KAAA;EAEN,IAAI,OAAO,UAAU,QAAQ,MAAM;EAEnC,IAAI,WAAW,KAAK,QAAQ,QAAQ,WAAW,KAAK,KAAK;EACzD,IAAI,OAAO,WAAW,MAAM,MAAM,QAAQ,KAAK,QAAQ;EACvD,OAAO,KAAK,aAAa,QAAQ,QAAQ;CAC3C;;;;;;CAOA,aAAa,QAAgB,UAA0B;EAErD,WAAW,SAAS,QAAQ,UAAU,MAAM;EAE5C,WAAW,SAAS,QAAQ,UAAU,EAAE;EACxC,MAAM,WAAW,OAAO,KAAK,MAAM,CAAC,GAAG,MAAM;EAC7C,OAAO,SAAS,QAAQ,QAAQ,QAAQ;CAC1C;AACF"}

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

@@ -1,11 +1,11 @@
-import { C as useActiveOwner, E as withOwner, S as unwrap, _ as peek, d as createSuspenseBoundary, 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-3hLzS4ks.mjs";
-import { s as stripAnsiBg } from "./ansi-Clq0ozyA.mjs";
-import { t as styleBuilder } from "./builder-DC9byAmK.mjs";
-import { n as box } from "./box-DLEcEvDH.mjs";
-import { t as createCtx } from "./ctx-8Nuf5BrN.mjs";
-import { t as RenderContext } from "./render-f7M2856V.mjs";
-import { t as TuiReporter } from "./logger-DvuX9DPS.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-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 { Emitter } from "@zaly/shared";
@@ -868,6 +868,21 @@ var Frame = class {
 	terminal;
 	#base = [];
 	#current = [];
+	#colors = {
+		bg: "",
+		fg: ""
+	};
+	get defaultStyle() {
+		return this.#colors.fg + this.#colors.bg;
+	}
+	setDefaultStyle(fg, bg) {
+		if (this.#colors.fg === fg && this.#colors.bg === bg) return;
+		this.#colors = {
+			bg,
+			fg
+		};
+		this.#current.fill(void 0);
+	}
 	constructor(terminal) {
 		this.terminal = terminal;
 	}
@@ -878,7 +893,7 @@ var Frame = class {
 	begin() {
 		const rows = this.terminal.rows;
 		if (this.#current.length !== rows || this.#base.length !== rows) this.reset(rows);
-		return new RenderFrame(this.terminal, this.#current, this.#base);
+		return new RenderFrame(this.terminal, this.#current, this.#base, this.#colors);
 	}
 	slice(row, from, to, width = this.terminal.cols) {
 		return sliceLine(this.#current[row - 1] ?? "", from, to, width);
@@ -888,12 +903,17 @@ var RenderFrame = class {
 	terminal;
 	current;
 	base;
+	defaults;
 	#ops = [];
 	#next;
-	constructor(terminal, current, base) {
+	constructor(terminal, current, base, defaults = {
+		bg: "",
+		fg: ""
+	}) {
 		this.terminal = terminal;
 		this.current = current;
 		this.base = base;
+		this.defaults = defaults;
 		this.#next = base.map((row) => row ?? "");
 	}
 	get(row) {
@@ -936,12 +956,15 @@ var RenderFrame = class {
 		for (let i = 0; i < this.#next.length; i++) this.base[i] = this.#next[i];
 	}
 	flush() {
+		const defaults = this.defaults.fg + this.defaults.bg;
+		const restore = defaults ? RESET + defaults : "";
 		for (let i = 0; i < this.#next.length; i++) {
 			const next = this.#next[i];
 			if (this.current[i] === next) continue;
 			const row = i + 1;
+			const content = applyDefaultColors(next.trimEnd(), this.defaults.fg, this.defaults.bg);
 			this.queue((terminal) => {
-				terminal.write(terminal.moveTo(row, 1) + terminal.clearLine() + next.trimEnd());
+				terminal.write(terminal.moveTo(row, 1) + terminal.clearLine() + content + restore);
 			});
 			this.current[i] = next;
 		}
@@ -978,8 +1001,18 @@ var RenderFrame = class {
 		const ops = this.#ops.length;
 		this.flush();
 		const rows = this.#ops.length - ops;
-		for (const op of this.#ops) op(this.terminal);
-		this.#ops.length = 0;
+		const defaults = this.defaults.fg + this.defaults.bg;
+		if (this.#ops.length === 0) return {
+			ops,
+			rows
+		};
+		if (defaults) this.terminal.write(RESET + defaults);
+		try {
+			for (const op of this.#ops) op(this.terminal);
+		} finally {
+			if (defaults) this.terminal.write(RESET);
+			this.#ops.length = 0;
+		}
 		return {
 			ops,
 			rows
@@ -2320,6 +2353,7 @@ var Renderer = class extends Emitter {
 	#decoder = new Decoder();
 	#stdin;
 	#theme = signal(void 0);
+	#transparent = signal(false);
 	/** Root Owner — every surface's function-shape `add` / `append` runs
 	*  its child under this Owner via `withOwner(#rootOwner, …)`, so
 	*  context values provided here (`RenderContext`, future global
@@ -2360,6 +2394,7 @@ var Renderer = class extends Emitter {
 		});
 		this.frame = new Frame(this.terminal);
 		if (opts.theme) this.#theme.set(opts.theme);
+		this.#transparent.set(() => opts.transparent ?? false);
 		this.ui = new UI(this);
 		this.stream = new Stream(this, { fixedFooterHeight: opts.fixedFooterHeight });
 		this.overlay = new OverlaySurface(this);
@@ -2375,6 +2410,13 @@ var Renderer = class extends Emitter {
 				style: memo(() => styleBuilder(this.#theme.get())),
 				theme: this.#theme.get
 			});
+			effect(() => {
+				const theme = this.theme;
+				const transparent = this.transparent;
+				const previous = this.frame.defaultStyle;
+				this.frame.setDefaultStyle(openStyle({ fg: opts.defaultStyle?.fg }, theme), openStyle({ bg: transparent ? void 0 : opts.defaultStyle?.bg }, theme));
+				if (this.frame.defaultStyle !== previous) untrack(() => this.#schedule());
+			});
 			return useActiveOwner();
 		});
 		const reporter = new TuiReporter(opts.reporter);
@@ -2397,7 +2439,8 @@ var Renderer = class extends Emitter {
 			this.#ctx = void 0;
 			this.terminal.sync(() => {
 				this.terminal.clearScrollRegion();
-				this.terminal.write(`${this.terminal.moveTo(1, 1)}\x1b[2J`);
+				const defaults = this.frame.defaultStyle;
+				this.terminal.write(`${defaults ? RESET + defaults : ""}${this.terminal.moveTo(1, 1)}\x1b[2J${defaults ? RESET : ""}`);
 				if (this.terminal.reserveBottom > 0) this.terminal.setScrollRegion(1, this.terminal.scrollBottom);
 			});
 			this.frame.reset();
@@ -2464,6 +2507,14 @@ var Renderer = class extends Emitter {
 	get theme() {
 		return this.#theme.get() ?? defaultTheme;
 	}
+	/** 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());
+	}
 	start() {
 		if (this.#running) return;
 		this.#running = true;
@@ -2642,4 +2693,4 @@ var Renderer = class extends Emitter {
 //#endregion
 export { Renderer };
 
-//# sourceMappingURL=renderer-V6AGjbyf.mjs.map
+//# sourceMappingURL=renderer-zDNlAovy.mjs.map