@eiei114/pi-sub-bar 1.5.1

package/test/settings.test.ts

@@ -0,0 +1,336 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import type { Theme } from "@mariozechner/pi-coding-agent";
+import { visibleWidth } from "@mariozechner/pi-tui";
+import { formatUsageStatus, formatUsageWindowParts } from "../src/formatting.js";
+import { buildDisplayShareString, decodeDisplayShareString } from "../src/share.js";
+import {
+	applyDisplayChange,
+	buildDisplayBarItems,
+	buildDisplayColorItems,
+	buildDisplayDividerItems,
+	buildDisplayLayoutItems,
+} from "../src/settings/display.js";
+import { buildDisplayThemeItems, resolveDisplayThemeTarget, saveDisplayTheme, upsertDisplayTheme } from "../src/settings/themes.js";
+import { getDefaultSettings, mergeSettings, resolveBaseTextColor } from "../src/settings-types.js";
+import type { UsageSnapshot } from "../src/types.js";
+
+const theme = {
+	fg: (_color: string, text: string) => text,
+	bold: (text: string) => text,
+} as unknown as Theme;
+
+function buildUsage(): UsageSnapshot {
+	return {
+		provider: "codex",
+		displayName: "Codex Plan",
+		windows: [
+			{
+				label: "5h",
+				usedPercent: 12,
+				resetDescription: "4h",
+				resetAt: new Date(Date.now() + 4 * 60 * 60 * 1000).toISOString(),
+			},
+		],
+	};
+}
+
+test("custom provider label is appended", () => {
+	const settings = getDefaultSettings();
+	settings.display.providerLabel = "Team";
+	settings.display.providerLabelColon = true;
+
+	const output = formatUsageStatus(theme, buildUsage(), undefined, settings);
+	assert.ok(output);
+	assert.ok(output.startsWith("Codex Team:"));
+});
+
+test("custom bar character is used", () => {
+	const settings = getDefaultSettings();
+	settings.display.barType = "horizontal-bar";
+	settings.display.barStyle = "bar";
+	settings.display.barWidth = 4;
+	settings.display.barCharacter = "★";
+
+	const usage = buildUsage();
+	const parts = formatUsageWindowParts(theme, usage.windows[0], false, settings, usage);
+	assert.ok(parts.bar.includes("★"));
+});
+
+test("mixed bar characters fill full width", () => {
+	const settings = getDefaultSettings();
+	settings.display.barType = "horizontal-bar";
+	settings.display.barStyle = "bar";
+	settings.display.barWidth = 22;
+	settings.display.barCharacter = "🚀_";
+
+	const usage = buildUsage();
+	usage.windows[0].usedPercent = 57;
+
+	const parts = formatUsageWindowParts(theme, usage.windows[0], false, settings, usage);
+	assert.equal(visibleWidth(parts.bar), 22);
+	assert.ok(parts.bar.includes("🚀"));
+	assert.ok(parts.bar.includes("_"));
+});
+
+test("applyDisplayChange clamps custom numeric values", () => {
+	const settings = getDefaultSettings();
+
+	applyDisplayChange(settings, "paddingLeft", "-5");
+	assert.equal(settings.display.paddingLeft, 0);
+
+	applyDisplayChange(settings, "paddingRight", "-3");
+	assert.equal(settings.display.paddingRight, 0);
+
+	applyDisplayChange(settings, "barWidth", "150");
+	assert.equal(settings.display.barWidth, 100);
+
+	applyDisplayChange(settings, "dividerBlanks", "-2");
+	assert.equal(settings.display.dividerBlanks, 0);
+
+	applyDisplayChange(settings, "errorThreshold", "-10");
+	assert.equal(settings.display.errorThreshold, 0);
+
+	applyDisplayChange(settings, "warningThreshold", "250");
+	assert.equal(settings.display.warningThreshold, 100);
+});
+
+test("share string preserves custom values and tolerates unknown colors", () => {
+	const defaults = getDefaultSettings();
+	const display = {
+		...defaults.display,
+		providerLabel: "Team",
+		barCharacter: "★",
+		baseTextColor: "not-a-color",
+	};
+
+	const share = buildDisplayShareString("Custom", display);
+	const decoded = decodeDisplayShareString(share);
+	assert.ok(decoded);
+	assert.equal(decoded?.display.providerLabel, "Team");
+	assert.equal(decoded?.display.barCharacter, "★");
+	assert.equal(resolveBaseTextColor(decoded?.display.baseTextColor), "dim");
+});
+
+
+
+test("theme list includes Default Footer preset", () => {
+	const items = buildDisplayThemeItems(getDefaultSettings());
+	const footerThemeItem = items.find((item) => item.value === "default-footer");
+	assert.equal(footerThemeItem?.label, "Default Footer");
+});
+
+test("theme source labels imported vs saved", () => {
+	const settings = getDefaultSettings();
+	upsertDisplayTheme(settings, "Imported", settings.display, "imported");
+	saveDisplayTheme(settings, "Saved");
+
+	const items = buildDisplayThemeItems(settings);
+	const importedItem = items.find((item) => item.label === "Imported");
+	const savedItem = items.find((item) => item.label === "Saved");
+
+	assert.equal(importedItem?.description, "manually imported theme");
+	assert.equal(savedItem?.description, "manually saved theme");
+});
+
+test("imported source persists when updated", () => {
+	const settings = getDefaultSettings();
+	upsertDisplayTheme(settings, "Imported", settings.display, "imported");
+	upsertDisplayTheme(settings, "Imported", { ...settings.display, barWidth: 8 });
+
+	const items = buildDisplayThemeItems(settings);
+	const importedItem = items.find((item) => item.label === "Imported");
+	assert.equal(importedItem?.description, "manually imported theme");
+});
+
+test("decode marks newer share versions", () => {
+	const payload = { v: 99, display: getDefaultSettings().display };
+	const encoded = Buffer.from(JSON.stringify(payload)).toString("base64url");
+	const decoded = decodeDisplayShareString(`Future:${encoded}`);
+	assert.ok(decoded?.isNewerVersion);
+});
+
+test("applyDisplayChange ignores invalid numeric values", () => {
+	const settings = getDefaultSettings();
+	const initialBarWidth = settings.display.barWidth;
+	const initialDividerBlanks = settings.display.dividerBlanks;
+	const initialPaddingLeft = settings.display.paddingLeft;
+	const initialPaddingRight = settings.display.paddingRight;
+
+	applyDisplayChange(settings, "barWidth", "abc");
+	assert.equal(settings.display.barWidth, initialBarWidth);
+
+	applyDisplayChange(settings, "dividerBlanks", "nope");
+	assert.equal(settings.display.dividerBlanks, initialDividerBlanks);
+
+	applyDisplayChange(settings, "paddingLeft", "NaN");
+	assert.equal(settings.display.paddingLeft, initialPaddingLeft);
+
+	applyDisplayChange(settings, "paddingRight", "NaN");
+	assert.equal(settings.display.paddingRight, initialPaddingRight);
+});
+
+test("applyDisplayChange supports fill and numeric values", () => {
+	const settings = getDefaultSettings();
+
+	applyDisplayChange(settings, "barWidth", "fill");
+	assert.equal(settings.display.barWidth, "fill");
+	applyDisplayChange(settings, "barWidth", "12");
+	assert.equal(settings.display.barWidth, 12);
+
+	applyDisplayChange(settings, "dividerBlanks", "fill");
+	assert.equal(settings.display.dividerBlanks, "fill");
+	applyDisplayChange(settings, "dividerBlanks", "3");
+	assert.equal(settings.display.dividerBlanks, 3);
+});
+
+test("background color accepts none", () => {
+	const settings = getDefaultSettings();
+	applyDisplayChange(settings, "backgroundColor", "none");
+	assert.equal(settings.display.backgroundColor, "none");
+});
+
+test("display color items include none for background", () => {
+	const settings = getDefaultSettings();
+	const items = buildDisplayColorItems(settings);
+	const backgroundItem = items.find((item) => item.id === "backgroundColor");
+	assert.ok(backgroundItem);
+	assert.ok(backgroundItem.values?.includes("none"));
+});
+
+test("status icon pack parsing handles preview labels", () => {
+	const settings = getDefaultSettings();
+
+	applyDisplayChange(settings, "statusIconPack", "minimal (✓ ⚠ × ?)");
+	assert.equal(settings.display.statusIconPack, "minimal");
+
+	applyDisplayChange(settings, "statusIconPack", "emoji (✅ ⚠️ 🔴 ❓)");
+	assert.equal(settings.display.statusIconPack, "emoji");
+
+	applyDisplayChange(settings, "statusIconPack", "faces (😎 😳 😵 🤔)");
+	assert.equal(settings.display.statusIconPack, "custom");
+	assert.equal(settings.display.statusIconCustom, "😎😳😵🤔");
+
+	applyDisplayChange(settings, "statusIconPack", "__custom__");
+	assert.equal(settings.display.statusIconPack, "custom");
+});
+
+test("applyDisplayChange stores custom status icons", () => {
+	const settings = getDefaultSettings();
+	applyDisplayChange(settings, "statusIconCustom", "✓⚠×?");
+	assert.equal(settings.display.statusIconPack, "custom");
+	assert.equal(settings.display.statusIconCustom, "✓⚠×?");
+});
+
+test("applyDisplayChange toggles status/provider divider", () => {
+	const settings = getDefaultSettings();
+	applyDisplayChange(settings, "statusProviderDivider", "on");
+	assert.equal(settings.display.statusProviderDivider, true);
+	applyDisplayChange(settings, "statusProviderDivider", "off");
+	assert.equal(settings.display.statusProviderDivider, false);
+});
+
+test("applyDisplayChange accepts custom reset containment", () => {
+	const settings = getDefaultSettings();
+	applyDisplayChange(settings, "resetTimeContainment", "{}");
+	assert.equal(settings.display.resetTimeContainment, "{}");
+});
+
+test("layout items expose aboveEditor and hide status-only layout controls", () => {
+	const settings = getDefaultSettings();
+
+	let items = buildDisplayLayoutItems(settings);
+	const placementItem = items.find((item) => item.id === "widgetPlacement");
+	assert.deepEqual(placementItem?.values, ["aboveEditor", "belowEditor", "status"]);
+
+	settings.display.widgetPlacement = "status";
+	items = buildDisplayLayoutItems(settings);
+	assert.ok(!items.some((item) => item.id === "alignment"));
+	assert.ok(!items.some((item) => item.id === "overflow"));
+	assert.ok(items.some((item) => item.id === "paddingLeft"));
+	assert.ok(!items.some((item) => item.id === "paddingRight"));
+});
+
+test("status placement hides fill width option", () => {
+	const settings = getDefaultSettings();
+	settings.display.widgetPlacement = "status";
+
+	const items = buildDisplayBarItems(settings);
+	const barWidthItem = items.find((item) => item.id === "barWidth");
+	assert.ok(barWidthItem);
+	assert.ok(!(barWidthItem?.values ?? []).includes("fill"));
+});
+
+test("divider items switch between widget and status placement options", () => {
+	const settings = getDefaultSettings();
+
+	let items = buildDisplayDividerItems(settings);
+	assert.ok(items.some((item) => item.id === "showTopDivider"));
+	assert.ok(items.some((item) => item.id === "showBottomDivider"));
+	assert.ok(!items.some((item) => item.id === "statusLeadingDivider"));
+
+	settings.display.widgetPlacement = "status";
+	items = buildDisplayDividerItems(settings);
+	assert.ok(!items.some((item) => item.id === "showTopDivider"));
+	assert.ok(!items.some((item) => item.id === "showBottomDivider"));
+	assert.ok(items.some((item) => item.id === "statusLeadingDivider"));
+	assert.ok(items.some((item) => item.id === "statusTrailingDivider"));
+});
+
+test("applyDisplayChange toggles status edge dividers", () => {
+	const settings = getDefaultSettings();
+	applyDisplayChange(settings, "statusLeadingDivider", "on");
+	applyDisplayChange(settings, "statusTrailingDivider", "on");
+	assert.equal(settings.display.statusLeadingDivider, true);
+	assert.equal(settings.display.statusTrailingDivider, true);
+});
+
+
+
+
+
+test("Default Footer preset applies footer defaults", () => {
+	const defaults = getDefaultSettings();
+	const target = resolveDisplayThemeTarget("default-footer", defaults, defaults, null);
+	assert.ok(target);
+	assert.equal(target?.name, "Default Footer");
+	assert.equal(target?.display.widgetPlacement, "status");
+	assert.equal(target?.display.statusIndicatorMode, "icon+text");
+	assert.equal(target?.display.barWidth, 4);
+	assert.equal(target?.deletable, false);
+});
+test("default widget placement stays belowEditor", () => {
+	const settings = getDefaultSettings();
+	assert.equal(settings.display.widgetPlacement, "belowEditor");
+});
+
+test("status placement normalizes alignment and overflow to line-mode defaults", () => {
+	const settings = mergeSettings({
+		display: {
+			widgetPlacement: "status",
+			alignment: "center",
+			overflow: "wrap",
+		} as any,
+	} as any);
+	assert.equal(settings.display.widgetPlacement, "status");
+	assert.equal(settings.display.alignment, "left");
+	assert.equal(settings.display.overflow, "truncate");
+});
+
+test("invalid widget placement falls back to belowEditor", () => {
+	const settings = mergeSettings({
+		display: {
+			widgetPlacement: "invalid",
+		} as any,
+	} as any);
+	assert.equal(settings.display.widgetPlacement, "belowEditor");
+});
+
+test("decodeDisplayShareString rejects invalid payloads", () => {
+	assert.equal(decodeDisplayShareString("NoSeparator"), null);
+	assert.equal(decodeDisplayShareString("Name:"), null);
+	assert.equal(decodeDisplayShareString("Name:!!!"), null);
+
+	const nonObjectPayload = Buffer.from(JSON.stringify(42)).toString("base64url");
+	assert.equal(decodeDisplayShareString(`Name:${nonObjectPayload}`), null);
+});

package/test/status.test.ts

@@ -0,0 +1,27 @@
+import test from "node:test";
+import assert from "node:assert/strict";
+import { getStatusLabel } from "../src/status.js";
+import type { ProviderStatus } from "../src/types.js";
+
+function buildStatus(indicator: ProviderStatus["indicator"], description?: string): ProviderStatus {
+	return { indicator, description };
+}
+
+test("abbreviated status labels include Status prefix", () => {
+	assert.equal(getStatusLabel(buildStatus("major"), true), "Status Crit.");
+	assert.equal(getStatusLabel(buildStatus("critical"), true), "Status Crit.");
+	assert.equal(getStatusLabel(buildStatus("maintenance"), true), "Status Maint.");
+	assert.equal(getStatusLabel(buildStatus("unknown"), true), "Status Unk.");
+	assert.equal(getStatusLabel(buildStatus("minor"), true), "Status Degr.");
+	assert.equal(getStatusLabel(buildStatus("none"), true), "Status OK");
+});
+
+
+test("status label description is still preferred in full mode", () => {
+	assert.equal(getStatusLabel(buildStatus("unknown", "Service is unavailable")), "Service is unavailable");
+});
+
+
+test("full status labels still include Status Unknown", () => {
+	assert.equal(getStatusLabel(buildStatus("unknown")), "Status Unknown");
+});

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["index.ts", "src/**/*.ts"],
+  "exclude": ["node_modules"]
+}