@xynogen/pix-pretty 1.7.26 → 1.7.27

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@xynogen/pix-pretty",
-	"version": "1.7.26",
+	"version": "1.7.27",
 	"description": "Enhanced tool output rendering with syntax highlighting, file icons, tree views, diff rendering, and FFF search",
 	"type": "module",
 	"main": "src/index.ts",

package/src/gate-overlay.test.ts

@@ -27,7 +27,10 @@ interface Wired {
  * the SelectList keys; simpler: we expose the live component so the test can
  * call its handlers. We do the latter via the captured component ref.
  */
-function makeUI(onReady: (comp: Wired, finish: (v: unknown) => void) => void): OverlayUI {
+function makeUI(
+	onReady: (comp: Wired, finish: (v: unknown) => void) => void,
+	onOptions?: (options: unknown) => void,
+): OverlayUI {
 	return {
 		custom: async <T>(
 			cb: (
@@ -36,7 +39,9 @@ function makeUI(onReady: (comp: Wired, finish: (v: unknown) => void) => void): O
 				kb: unknown,
 				done: (v: T) => void,
 			) => Wired,
+			options?: unknown,
 		): Promise<T | undefined> => {
+			onOptions?.(options);
 			let resolved: T | undefined;
 			const done = (v: T) => {
 				resolved = v;
@@ -55,6 +60,20 @@ const ENTER = "\r";
 const DOWN = "\x1b[B";
 
 describe("showOverlay — confirm mode", () => {
+	test("caps overlay at 80% of terminal height", async () => {
+		let options: unknown;
+		await showOverlay(
+			makeUI(
+				(comp) => comp.handleInput(ENTER),
+				(value) => {
+					options = value;
+				},
+			),
+			{ mode: "confirm", title: "T" },
+		);
+		expect(options).toEqual({ overlay: true, overlayOptions: { maxHeight: "80%" } });
+	});
+
 	test("selecting the approve choice (first) returns approved", async () => {
 		const result = await showOverlay(
 			makeUI((comp) => {

package/src/gate-overlay.ts

@@ -100,7 +100,7 @@ export interface OverlayUI {
 			kb: unknown,
 			done: (v: T) => void,
 		) => OverlayComponent,
-		opts?: { overlay?: boolean },
+		opts?: { overlay?: boolean; overlayOptions?: { maxHeight?: number | `${number}%` } },
 	): Promise<T | undefined>;
 }
 
@@ -355,7 +355,7 @@ export function showOverlay(ui: OverlayUI, config: OverlayConfig): Promise<Overl
 					},
 				};
 			},
-			{ overlay: true },
+			{ overlay: true, overlayOptions: { maxHeight: "80%" } },
 		).then((result) => {
 			resolve(result ?? { action: "denied" });
 		});