@silvery/examples 0.17.3 → 0.17.5

package/dist/apps/terminal-caps-demo.mjs

@@ -0,0 +1,314 @@
+import "../ansi-0VXlUmNn.mjs";
+import { k as detectTerminalCaps, m as createColorSchemeDetector } from "../src-CUUOuRH6.mjs";
+import { _ as detectKittyFromStdio$1, g as createWidthDetector } from "../src-jO3Zuzjj.mjs";
+import { t as ExampleBanner } from "../_banner-A70_y2Vi.mjs";
+import { useState } from "react";
+import { Box, H3, Kbd, Muted, Text, render, useApp, useInput } from "silvery";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region apps/terminal-caps-demo.tsx
+/**
+* Terminal Capabilities Demo
+*
+* A "terminal health check" dashboard that probes all supported terminal
+* protocols and displays their status in real time.
+*
+* Probed protocols:
+* - Synchronized Output (Mode 2026)
+* - SGR Mouse (Mode 1006)
+* - Bracketed Paste (Mode 2004)
+* - Focus Reporting (Mode 1004)
+* - Kitty Keyboard (CSI u)
+* - Mode 2031 Color Scheme Detection
+* - DEC 1020-1023 Width Detection (UTF-8, CJK, Emoji, Private-Use)
+* - OSC 66 Text Sizing
+* - OSC 52 Clipboard
+* - OSC 5522 Advanced Clipboard
+* - OSC 8 Hyperlinks
+* - Image Support (Kitty Graphics / Sixel)
+* - DA1/DA2/DA3 Device Attributes
+*
+* Run: bun vendor/silvery/examples/apps/terminal-caps-demo.tsx
+*/
+const meta = {
+	name: "Terminal Capabilities",
+	description: "Probe and display all supported terminal protocols",
+	demo: true,
+	features: [
+		"detectTerminalCaps()",
+		"Mode 2031",
+		"DEC 1020-1023",
+		"OSC 66",
+		"OSC 52",
+		"OSC 5522",
+		"DA1/DA2/DA3"
+	]
+};
+function StatusIcon({ status }) {
+	switch (status) {
+		case "supported": return /* @__PURE__ */ jsx(Text, {
+			color: "$success",
+			children: "✓"
+		});
+		case "not-supported": return /* @__PURE__ */ jsx(Text, {
+			color: "$error",
+			children: "✗"
+		});
+		case "probing": return /* @__PURE__ */ jsx(Text, {
+			color: "$warning",
+			children: "?"
+		});
+		case "detected": return /* @__PURE__ */ jsx(Text, {
+			color: "$warning",
+			children: "?"
+		});
+	}
+}
+function CapRow({ entry, width }) {
+	const label = entry.detail ? `${entry.name}: ${entry.detail}` : entry.name;
+	const padded = label.length < width ? label + " ".repeat(width - label.length) : label;
+	return /* @__PURE__ */ jsxs(Box, { children: [
+		/* @__PURE__ */ jsx(StatusIcon, { status: entry.status }),
+		/* @__PURE__ */ jsx(Text, { children: " " }),
+		/* @__PURE__ */ jsx(Text, {
+			color: entry.status === "not-supported" ? "$muted" : void 0,
+			children: padded
+		})
+	] });
+}
+function buildStaticEntries(caps) {
+	const bool = (supported) => supported ? "supported" : "not-supported";
+	return [
+		{
+			name: "Synchronized Output (Mode 2026)",
+			status: bool(caps.syncOutput)
+		},
+		{
+			name: "SGR Mouse (Mode 1006)",
+			status: bool(caps.mouse)
+		},
+		{
+			name: "Bracketed Paste (Mode 2004)",
+			status: bool(caps.bracketedPaste)
+		},
+		{
+			name: "Focus Reporting (Mode 1004)",
+			status: bool(caps.bracketedPaste)
+		},
+		{
+			name: "Kitty Keyboard (CSI u)",
+			status: bool(caps.kittyKeyboard)
+		},
+		{
+			name: "OSC 52 Clipboard",
+			status: bool(caps.osc52)
+		},
+		{
+			name: "OSC 8 Hyperlinks",
+			status: bool(caps.hyperlinks)
+		},
+		{
+			name: "Image Support",
+			status: caps.kittyGraphics || caps.sixel ? "supported" : "not-supported",
+			detail: caps.kittyGraphics ? "Kitty" : caps.sixel ? "Sixel" : "none"
+		},
+		{
+			name: "Notifications (OSC 9/99)",
+			status: bool(caps.notifications)
+		},
+		{
+			name: "Underline Styles (SGR 4:x)",
+			status: bool(caps.underlineStyles)
+		},
+		{
+			name: "Underline Color (SGR 58)",
+			status: bool(caps.underlineColor)
+		},
+		{
+			name: "Unicode",
+			status: bool(caps.unicode)
+		},
+		{
+			name: "Nerd Font",
+			status: bool(caps.nerdfont)
+		}
+	];
+}
+function TerminalCapsApp({ initialProbes }) {
+	const { exit } = useApp();
+	const [caps] = useState(() => detectTerminalCaps());
+	const [colorScheme] = useState(initialProbes?.colorScheme ?? "unknown");
+	const [widthConfig] = useState(initialProbes?.widthConfig ?? null);
+	const [kittyDetected] = useState(initialProbes?.kittyDetected ?? null);
+	useInput((input, key) => {
+		if (input === "q" || key.escape) exit();
+	});
+	const staticEntries = buildStaticEntries(caps);
+	if (kittyDetected !== null) {
+		const kittyEntry = staticEntries.find((e) => e.name.startsWith("Kitty Keyboard"));
+		if (kittyEntry) kittyEntry.status = kittyDetected ? "supported" : "not-supported";
+	}
+	const probeEntries = [
+		{
+			name: "Mode 2031 Color Scheme",
+			status: colorScheme === "unknown" ? "probing" : "detected",
+			detail: colorScheme === "unknown" ? "probing..." : colorScheme
+		},
+		{
+			name: "DEC 1020 UTF-8",
+			status: widthConfig === null ? "probing" : "detected",
+			detail: widthConfig === null ? "probing..." : widthConfig.utf8 ? "enabled" : "disabled"
+		},
+		{
+			name: "DEC 1021 CJK Width",
+			status: widthConfig === null ? "probing" : "detected",
+			detail: widthConfig === null ? "probing..." : String(widthConfig.cjkWidth)
+		},
+		{
+			name: "DEC 1022 Emoji Width",
+			status: widthConfig === null ? "probing" : "detected",
+			detail: widthConfig === null ? "probing..." : String(widthConfig.emojiWidth)
+		},
+		{
+			name: "DEC 1023 Private Width",
+			status: widthConfig === null ? "probing" : "detected",
+			detail: widthConfig === null ? "probing..." : String(widthConfig.privateUseWidth)
+		},
+		{
+			name: "OSC 66 Text Sizing",
+			status: caps.textSizingSupported ? "supported" : "not-supported",
+			detail: caps.textSizingSupported ? "supported" : "not supported"
+		},
+		{
+			name: "OSC 5522 Advanced Clipboard",
+			status: caps.term === "xterm-kitty" ? "supported" : "not-supported",
+			detail: caps.term === "xterm-kitty" ? "Kitty" : "not supported"
+		},
+		{
+			name: "DA1/DA2/DA3",
+			status: caps.program !== "" ? "supported" : "not-supported"
+		}
+	];
+	const termProgram = caps.program || "(unknown)";
+	const termType = caps.term || "(unknown)";
+	const colorLevel = caps.colorLevel;
+	const colWidth = 38;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		paddingX: 1,
+		paddingY: 1,
+		children: [
+			/* @__PURE__ */ jsx(H3, { children: "Terminal Capabilities Probe" }),
+			/* @__PURE__ */ jsx(Box, {
+				paddingBottom: 1,
+				children: /* @__PURE__ */ jsxs(Muted, { children: [
+					"Terminal: ",
+					termProgram,
+					" (",
+					termType,
+					") | Colors: ",
+					colorLevel,
+					" | Background:",
+					" ",
+					caps.darkBackground ? "dark" : "light"
+				] })
+			}),
+			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				width: colWidth + 4,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						bold: true,
+						color: "$primary",
+						children: "Static Detection"
+					}),
+					/* @__PURE__ */ jsx(Box, { height: 1 }),
+					staticEntries.map((entry) => /* @__PURE__ */ jsx(CapRow, {
+						entry,
+						width: colWidth
+					}, entry.name))
+				]
+			}), /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				width: colWidth + 4,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						bold: true,
+						color: "$primary",
+						children: "Runtime Probes"
+					}),
+					/* @__PURE__ */ jsx(Box, { height: 1 }),
+					probeEntries.map((entry) => /* @__PURE__ */ jsx(CapRow, {
+						entry,
+						width: colWidth
+					}, entry.name))
+				]
+			})] }),
+			/* @__PURE__ */ jsx(Box, {
+				paddingTop: 1,
+				children: /* @__PURE__ */ jsxs(Muted, { children: [
+					/* @__PURE__ */ jsx(Kbd, { children: "q" }),
+					" or ",
+					/* @__PURE__ */ jsx(Kbd, { children: "Esc" }),
+					" to quit"
+				] })
+			})
+		]
+	});
+}
+async function main() {
+	let probeResults = {
+		colorScheme: "unknown",
+		widthConfig: null,
+		kittyDetected: null
+	};
+	if (process.stdin.isTTY) {
+		process.stdin.setRawMode(true);
+		process.stdin.resume();
+		const write = (data) => process.stdout.write(data);
+		const onData = (handler) => {
+			const h = (chunk) => handler(typeof chunk === "string" ? chunk : chunk.toString());
+			process.stdin.on("data", h);
+			return () => process.stdin.removeListener("data", h);
+		};
+		const [colorResult, widthResult, kittyResult] = await Promise.allSettled([
+			new Promise((resolve) => {
+				const det = createColorSchemeDetector({
+					write,
+					onData,
+					timeoutMs: 500
+				});
+				det.subscribe((s) => {
+					resolve(s);
+					det.stop();
+				});
+				det.start();
+				setTimeout(() => {
+					resolve(det.scheme);
+					det.stop();
+				}, 600);
+			}),
+			createWidthDetector({
+				write,
+				onData,
+				timeoutMs: 500
+			}).detect().catch(() => null),
+			detectKittyFromStdio$1(process.stdout, process.stdin, 500).then((r) => r.supported).catch(() => false)
+		]);
+		probeResults = {
+			colorScheme: colorResult.status === "fulfilled" ? colorResult.value : "unknown",
+			widthConfig: widthResult.status === "fulfilled" ? widthResult.value : null,
+			kittyDetected: kittyResult.status === "fulfilled" ? kittyResult.value : false
+		};
+		process.stdin.setRawMode(false);
+		process.stdin.pause();
+	}
+	const { waitUntilExit } = await render(/* @__PURE__ */ jsx(ExampleBanner, {
+		meta,
+		controls: "q/Esc quit",
+		children: /* @__PURE__ */ jsx(TerminalCapsApp, { initialProbes: probeResults })
+	}));
+	await waitUntilExit();
+}
+if (import.meta.main) await main();
+//#endregion
+export { main, meta };