@xynogen/pix-pretty 1.7.14 → 1.7.17

package/src/utils.ts

@@ -41,21 +41,14 @@ export function fillToolBackground(text: string, bg = BG_BASE): string {
 		.split("\n")
 		.map((line) => {
 			const normalized = preserveToolBackground(line, bg);
-			const fitted = preserveToolBackground(
-				truncateToWidth(normalized, width, ""),
-				bg,
-			);
+			const fitted = preserveToolBackground(truncateToWidth(normalized, width, ""), bg);
 			const padding = Math.max(0, width - visibleWidth(fitted));
 			return `${bg}${fitted}${" ".repeat(padding)}${RST}`;
 		})
 		.join("\n");
 }
 
-export function pluralize(
-	count: number,
-	noun: string,
-	plural?: string,
-): string {
+export function pluralize(count: number, noun: string, plural?: string): string {
 	return `${count} ${count === 1 ? noun : (plural ?? `${noun}s`)}`;
 }
 
@@ -74,18 +67,12 @@ function safeHighlightRegex(pattern: string): RegExp | null {
 	}
 }
 
-function dimLineWithHighlight(
-	line: string,
-	theme: FgTheme,
-	re: RegExp | null,
-): string {
+function dimLineWithHighlight(line: string, theme: FgTheme, re: RegExp | null): string {
 	if (!re) return theme.fg("dim", line);
 	// split with capture group: odd indexes are matches
 	return line
 		.split(re)
-		.map((part, i) =>
-			i % 2 ? `${FG_GREEN}${BOLD}${part}${RST}` : theme.fg("dim", part),
-		)
+		.map((part, i) => (i % 2 ? `${FG_GREEN}${BOLD}${part}${RST}` : theme.fg("dim", part)))
 		.join("");
 }
 
@@ -204,15 +191,11 @@ export function humanSize(bytes: number): string {
 // Fallback: set PRETTY_ICONS=none to disable icons.
 // ---------------------------------------------------------------------------
 
-export function isTextContent(
-	content: ToolContent,
-): content is ToolTextContent {
+export function isTextContent(content: ToolContent): content is ToolTextContent {
 	return content.type === "text";
 }
 
-export function isImageContent(
-	content: ToolContent,
-): content is ToolImageContent {
+export function isImageContent(content: ToolContent): content is ToolImageContent {
 	return content.type === "image";
 }
 

package/src/commands/pretty.ts

@@ -1,135 +0,0 @@
-/**
- * pretty.ts — the `/pretty` command: switch the global icon mode.
- *
- * Treats icons like an l10n locale: one global mode (nerd/unicode/ascii)
- * governs every pix-* package that renders via the icon catalog. This command
- * is the single switch — an overlay that previews each mode's glyphs live and
- * persists the choice to ~/.pi/agent/pretty.json. Headless hosts get a notify
- * fallback that cycles the mode without UI.
- */
-
-import {
-	getIconMode,
-	ICON_MODES,
-	type IconKey,
-	type IconMode,
-	icon,
-	setIconMode,
-} from "../icon-catalog.js";
-import { saveIconMode } from "../icon-persist.js";
-import { frameLines } from "../modal-frame.js";
-import type { CommandContextLike, PiPrettyApi } from "../types.js";
-
-/** Sample keys shown in the preview, one row per representative role. */
-const PREVIEW: { key: IconKey; label: string }[] = [
-	{ key: "model", label: "model" },
-	{ key: "cwd", label: "cwd" },
-	{ key: "lsp", label: "lsp" },
-	{ key: "paste.image", label: "paste" },
-	{ key: "opt.caveman", label: "optimizer" },
-];
-
-/** Apply + persist a mode in one step. */
-function applyMode(mode: IconMode): void {
-	setIconMode(mode);
-	saveIconMode(mode);
-}
-
-export function registerPrettyCommand(pi: PiPrettyApi): void {
-	pi.registerCommand("pretty", {
-		description: "pix-pretty: switch icon style (nerd / unicode / ascii)",
-		handler: async (_args: string, ctx: CommandContextLike) => {
-			const ui = ctx.ui as unknown as {
-				theme: {
-					fg(c: string, t: string): string;
-					bg(c: string, t: string): string;
-					bold(t: string): string;
-				};
-				custom?: <T>(
-					f: unknown,
-					opts?: {
-						overlay?: boolean;
-						overlayOptions?: {
-							anchor?: string;
-							width?: number;
-							maxHeight?: string;
-						};
-					},
-				) => Promise<T>;
-				notify(m: string, t?: "info" | "warning" | "error"): void;
-			};
-
-			// Headless / no custom-UI host: cycle to the next mode + notify.
-			if (typeof ui.custom !== "function") {
-				const cur = ICON_MODES.indexOf(getIconMode());
-				const next = ICON_MODES[(cur + 1) % ICON_MODES.length] ?? "nerd";
-				applyMode(next);
-				ui.notify(`pix-pretty icons: ${next}`, "info");
-				return;
-			}
-
-			const boxW = 40;
-
-			await ui.custom<null>(
-				(
-					tui: { requestRender(): void },
-					theme: typeof ui.theme,
-					_kb: unknown,
-					done: (v: null) => void,
-				) => {
-					let selected = ICON_MODES.indexOf(getIconMode());
-					if (selected < 0) selected = 0;
-
-					const choose = (i: number) => {
-						selected = (i + ICON_MODES.length) % ICON_MODES.length;
-						applyMode(ICON_MODES[selected] ?? "nerd");
-					};
-
-					return {
-						render: () => {
-							const rows = ICON_MODES.map((mode, i) => {
-								const sel = i === selected;
-								const cursor = sel ? theme.fg("accent", "→") : " ";
-								const name = theme.fg(sel ? "accent" : "text", mode.padEnd(8));
-								// Live preview: render the sample glyphs in THIS mode.
-								const prev = ICON_MODES[i] === getIconMode();
-								const samples = prev
-									? PREVIEW.map((p) => icon(p.key)).join(" ")
-									: "";
-								return `${cursor} ${name} ${theme.fg("dim", samples)}`;
-							});
-							const lines = [
-								theme.fg("accent", theme.bold("  Icon style")),
-								"",
-								...rows,
-								"",
-								theme.fg("dim", "↑↓ select · esc close"),
-							];
-							return frameLines({
-								width: boxW,
-								lines,
-								color: (s) => theme.fg("accent", s),
-								bg: (s) => theme.bg("customMessageBg", s),
-							});
-						},
-						invalidate: () => {},
-						handleInput: (data: string) => {
-							if (data === "k" || data === "\u001b[A") choose(selected - 1);
-							else if (data === "j" || data === "\u001b[B")
-								choose(selected + 1);
-							else if (data === "\u001b" || data === "q" || data === "\r") {
-								done(null);
-								return;
-							} else return;
-							tui.requestRender();
-						},
-					};
-				},
-				{
-					overlay: true,
-					overlayOptions: { anchor: "center", width: boxW, maxHeight: "60%" },
-				},
-			);
-		},
-	});
-}