@f5-sales-demo/pi-tui 19.51.2 → 19.51.4

package/package.json

@@ -1,7 +1,7 @@
 {
 	"type": "module",
 	"name": "@f5-sales-demo/pi-tui",
-	"version": "19.51.2",
+	"version": "19.51.4",
 	"description": "Terminal User Interface library with differential rendering for efficient text-based applications",
 	"homepage": "https://github.com/f5-sales-demo/xcsh",
 	"author": "Can Boluk",
@@ -37,8 +37,8 @@
 		"fmt": "biome format --write ."
 	},
 	"dependencies": {
-		"@f5-sales-demo/pi-natives": "workspace:*",
-		"@f5-sales-demo/pi-utils": "workspace:*",
+		"@f5-sales-demo/pi-natives": "19.51.4",
+		"@f5-sales-demo/pi-utils": "19.51.4",
 		"marked": "^17.0"
 	},
 	"devDependencies": {

package/src/autocomplete.ts

@@ -1,8 +1,8 @@
 import * as fs from "node:fs";
 import * as os from "node:os";
 import * as path from "node:path";
-import { fuzzyFind } from "@f5xc-salesdemos/pi-natives";
-import { getProjectDir } from "@f5xc-salesdemos/pi-utils";
+import { fuzzyFind } from "@f5-sales-demo/pi-natives";
+import { getProjectDir } from "@f5-sales-demo/pi-utils";
 
 const PATH_DELIMITERS = new Set([" ", "\t", '"', "'", "="]);
 

package/src/components/editor.ts

@@ -1,4 +1,4 @@
-import { $flag, getProjectDir, logger } from "@f5xc-salesdemos/pi-utils";
+import { $flag, getProjectDir, logger } from "@f5-sales-demo/pi-utils";
 import type { AutocompleteProvider, CombinedAutocompleteProvider } from "../autocomplete";
 import { BracketedPasteHandler } from "../bracketed-paste";
 import { getKeybindings, type KeybindingsManager } from "../keybindings";

package/src/components/input.ts

@@ -16,6 +16,9 @@ import {
 
 const segmenter = getSegmenter();
 
+/** Glyph shown in place of each grapheme when an Input is masked (tokens/passwords). */
+const MASK_CHAR = "•";
+
 interface InputState {
 	value: string;
 	cursor: number;
@@ -27,6 +30,7 @@ interface InputState {
 export class Input implements Component, Focusable {
 	#value: string = "";
 	#cursor: number = 0; // Cursor position in the value
+	#masked: boolean = false; // When true, render obscures each grapheme with MASK_CHAR
 	onSubmit?: (value: string) => void;
 	onEscape?: () => void;
 
@@ -52,6 +56,31 @@ export class Input implements Component, Focusable {
 		this.#cursor = Math.min(this.#cursor, value.length);
 	}
 
+	/**
+	 * Obscure the rendered text — for secret entry such as API tokens and
+	 * passwords. `getValue()` still returns the real text; only the on-screen
+	 * display (and horizontal-scroll/cursor math) operate on the masked form.
+	 */
+	setMasked(masked: boolean): void {
+		this.#masked = masked;
+	}
+
+	/** The string to render: the real value, or one MASK_CHAR per grapheme when masked. */
+	#displayValue(): string {
+		if (!this.#masked) return this.#value;
+		let count = 0;
+		for (const _seg of segmenter.segment(this.#value)) count++;
+		return MASK_CHAR.repeat(count);
+	}
+
+	/** Cursor offset within #displayValue(): grapheme count before the real cursor when masked. */
+	#displayCursor(): number {
+		if (!this.#masked) return this.#cursor;
+		let count = 0;
+		for (const _seg of segmenter.segment(this.#value.slice(0, this.#cursor))) count++;
+		return count;
+	}
+
 	handleInput(data: string): void {
 		// Handle bracketed paste mode
 		const paste = this.#pasteHandler.process(data);
@@ -378,9 +407,10 @@ export class Input implements Component, Focusable {
 			return [prompt];
 		}
 
-		const cursorIndex = this.#cursor;
+		const value = this.#displayValue();
+		const cursorIndex = this.#displayCursor();
 		// Ensure we always have a grapheme to invert at the cursor (space at end).
-		const displayValue = cursorIndex >= this.#value.length ? `${this.#value} ` : this.#value;
+		const displayValue = cursorIndex >= value.length ? `${value} ` : value;
 
 		const totalCols = visibleWidth(displayValue);
 		const cursorCols = visibleWidth(displayValue.slice(0, cursorIndex));

package/src/keys.ts

@@ -18,12 +18,12 @@
  * - isKittyProtocolActive() - Query global Kitty protocol state
  */
 
-import type { KeyEventType } from "@f5xc-salesdemos/pi-natives";
+import type { KeyEventType } from "@f5-sales-demo/pi-natives";
 import {
 	matchesKey as matchesKeyNative,
 	parseKey as parseKeyNative,
 	parseKittySequence as parseKittySequenceNative,
-} from "@f5xc-salesdemos/pi-natives";
+} from "@f5-sales-demo/pi-natives";
 
 // =============================================================================
 // Platform Detection

package/src/terminal-capabilities.ts

@@ -1,5 +1,5 @@
-import { encodeSixel } from "@f5xc-salesdemos/pi-natives";
-import { $env } from "@f5xc-salesdemos/pi-utils";
+import { encodeSixel } from "@f5-sales-demo/pi-natives";
+import { $env } from "@f5-sales-demo/pi-utils";
 
 export enum ImageProtocol {
 	Kitty = "\x1b_G",

package/src/terminal.ts

@@ -1,6 +1,6 @@
 import { dlopen, FFIType, ptr } from "bun:ffi";
 import * as fs from "node:fs";
-import { $env, logger } from "@f5xc-salesdemos/pi-utils";
+import { $env, logger } from "@f5-sales-demo/pi-utils";
 import { setKittyProtocolActive } from "./keys";
 import { StdinBuffer } from "./stdin-buffer";
 

package/src/tui.ts

@@ -3,7 +3,7 @@
  */
 import * as fs from "node:fs";
 import * as path from "node:path";
-import { $flag, getDebugLogPath } from "@f5xc-salesdemos/pi-utils";
+import { $flag, getDebugLogPath } from "@f5-sales-demo/pi-utils";
 import { isKeyRelease, matchesKey } from "./keys";
 import type { Terminal } from "./terminal";
 import { ImageProtocol, setCellDimensions, setTerminalImageProtocol, TERMINAL } from "./terminal-capabilities";

package/src/utils.ts

@@ -1,15 +1,15 @@
-import type { Ellipsis, ExtractSegmentsResult, SliceResult } from "@f5xc-salesdemos/pi-natives";
+import type { Ellipsis, ExtractSegmentsResult, SliceResult } from "@f5-sales-demo/pi-natives";
 import {
 	extractSegments as nativeExtractSegments,
 	sliceWithWidth as nativeSliceWithWidth,
 	truncateToWidth as nativeTruncateToWidth,
 	wrapTextWithAnsi as nativeWrapTextWithAnsi,
-} from "@f5xc-salesdemos/pi-natives";
-import { getDefaultTabWidth, getIndentation } from "@f5xc-salesdemos/pi-utils";
+} from "@f5-sales-demo/pi-natives";
+import { getDefaultTabWidth, getIndentation } from "@f5-sales-demo/pi-utils";
 
-export { Ellipsis } from "@f5xc-salesdemos/pi-natives";
+export { Ellipsis } from "@f5-sales-demo/pi-natives";
 
-export { getDefaultTabWidth, getIndentation } from "@f5xc-salesdemos/pi-utils";
+export { getDefaultTabWidth, getIndentation } from "@f5-sales-demo/pi-utils";
 
 export function sliceWithWidth(line: string, startCol: number, length: number, strict?: boolean | null): SliceResult {
 	return nativeSliceWithWidth(line, startCol, length, strict, getDefaultTabWidth());