@adeildo/pi-look 5.7.2 → 5.8.0

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@adeildo/pi-look",
-	"version": "5.7.2",
+	"version": "5.8.0",
 	"description": "Pi's start screen, a framed editor and the footer, redrawn around the data that matters and painted only with the theme's colours.",
 	"keywords": [
 		"pi",
@@ -38,7 +38,7 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@adeildo/pi-kit": "5.7.2"
+		"@adeildo/pi-kit": "5.8.0"
 	},
 	"peerDependencies": {
 		"@earendil-works/pi-ai": "*",

package/src/render/fit.ts

@@ -55,7 +55,7 @@ export function fitRegions(
 	return joined.map((text) =>
 		text === ""
 			? ""
-			: truncateToWidth(text, Math.max(0, width - overhead), options.ellipsis ?? "…"),
+			: truncateToWidth(text, Math.max(0, width - overhead), options.ellipsis ?? "..."),
 	);
 }
 

package/src/render/format.ts

@@ -72,11 +72,11 @@ export function shortenPath(cwd: string, home: string | undefined, maxWidth: num
 	let kept = "";
 	for (let index = parts.length - 1; index > 0; index--) {
 		const candidate = `${sep}${parts[index] ?? ""}${kept}`;
-		if (visibleWidth(`…${candidate}`) > maxWidth) break;
+		if (visibleWidth(`...${candidate}`) > maxWidth) break;
 		kept = candidate;
 	}
 	if (kept === "") return truncateTail(parts.at(-1) ?? full, maxWidth);
-	return `…${kept}`;
+	return `...${kept}`;
 }
 
 export function basename(cwd: string): string {
@@ -92,7 +92,7 @@ export function truncateTail(text: string, maxWidth: number): string {
 	if (maxWidth <= 0) return "";
 	if (visibleWidth(text) <= maxWidth) return text;
 	const chars = [...text];
-	let width = 1;
+	let width = 3;
 	let start = chars.length;
 	while (start > 0) {
 		const next = visibleWidth(chars[start - 1] ?? "");
@@ -100,10 +100,10 @@ export function truncateTail(text: string, maxWidth: number): string {
 		width += next;
 		start--;
 	}
-	return `…${chars.slice(start).join("")}`;
+	return `...${chars.slice(start).join("")}`;
 }
 
-export function fitWidth(text: string, width: number, ellipsis = "…"): string {
+export function fitWidth(text: string, width: number, ellipsis = "..."): string {
 	return truncateToWidth(text, Math.max(0, width), ellipsis);
 }
 

package/src/render/glyphs.ts

@@ -76,7 +76,7 @@ export const NERD: Glyphs = {
 	fill: "█",
 	empty: "░",
 	levels: ["▂", "▃", "▄", "▅", "▆", "▇"],
-	ellipsis: "…",
+	ellipsis: "...",
 };
 
 export const UNICODE: Glyphs = {
@@ -106,7 +106,7 @@ export const UNICODE: Glyphs = {
 	fill: "█",
 	empty: "░",
 	levels: ["▂", "▃", "▄", "▅", "▆", "▇"],
-	ellipsis: "…",
+	ellipsis: "...",
 };
 
 export const ASCII: Glyphs = {

package/src/ui/header.ts

@@ -110,7 +110,7 @@ export class HeaderComponent implements Component {
 		const hints = HINTS()
 			.map((hint) => `${paint.role("brand", hint.key)} ${paint.dim(hint.does)}`)
 			.join(separator);
-		return [first, hints, ""].map((line) => truncateToWidth(` ${line}`, width, "…"));
+		return [first, hints, ""].map((line) => truncateToWidth(` ${line}`, width, "..."));
 	}
 
 	#title(paint: Paint): string {
@@ -192,7 +192,7 @@ export function halfBlocks(pixels: readonly string[]): string[] {
 }
 
 function pad(text: string, width: number): string {
-	const clipped = truncateToWidth(text, Math.max(0, width), "…");
+	const clipped = truncateToWidth(text, Math.max(0, width), "...");
 	return `${clipped}${" ".repeat(Math.max(0, width - visibleWidth(clipped)))}`;
 }
 

package/src/ui/tool-frame.ts

@@ -358,7 +358,7 @@ function inside(lines: readonly string[], width: number, theme: Theme): string[]
 	const inner = room(width);
 	return trim(lines).map((line) => {
 		// Measuring is cheap, and cutting a line that already fits is not.
-		const text = visibleWidth(line) > inner ? truncateToWidth(line, inner, "\u2026", true) : line;
+		const text = visibleWidth(line) > inner ? truncateToWidth(line, inner, "...", true) : line;
 		const pad = " ".repeat(Math.max(0, inner - visibleWidth(text)));
 		return `${paint("\u2502")} ${text}${pad} ${paint("\u2502")}`;
 	});