pi-fancy-footer 0.3.2 → 0.4.0

package/README.md

@@ -23,6 +23,9 @@ pi install npm:pi-fancy-footer
 
 ## 📸 Screenshots
 
+> [!NOTE]
+> Some screenshots include `pi-banner`, which is now a separate extension.
+
 <!-- markdownlint-disable MD033 -->
 
 <img src="screenshots/light-blocks.png" alt="light theme – blocks style" width="600" /><br/>
@@ -40,6 +43,7 @@ pi install npm:pi-fancy-footer
 ## 🎮 Commands
 
 - `/fancy-footer` - open interactive footer config editor (small TUI)
+  - settings are grouped into General and Widgets sections
   - all widgets are listed directly (with icon prefixes)
   - select a widget and press Enter for detailed settings
   - in widget settings, adjust row/position/align/fill/min-width, visibility,
@@ -53,7 +57,6 @@ Create `~/.pi/agent/fancy-footer.json`:
 ```json
 {
   "refreshMs": 3000,
-  "showPiBanner": true,
   "iconFamily": "unicode",
   "contextBarStyle": "blocks",
   "defaultTextColor": "dim",
@@ -80,7 +83,6 @@ Create `~/.pi/agent/fancy-footer.json`:
 Top-level settings:
 
 - `refreshMs` (number)
-- `showPiBanner` (boolean)
 - `iconFamily`
   (`nerd` | `emoji` | `unicode` | `ascii`)
 - `contextBarStyle`

package/extensions/fancy-footer/config.ts

@@ -150,7 +150,6 @@ function coerceFooterWidgetOverride(
 export function coerceFooterConfig(value: unknown): FooterConfigSnapshot {
   const out: FooterConfigSnapshot = {
     refreshMs: DEFAULT_FOOTER_CONFIG.refreshMs,
-    showPiBanner: DEFAULT_FOOTER_CONFIG.showPiBanner,
     iconFamily: DEFAULT_FOOTER_CONFIG.iconFamily,
     contextBarStyle: DEFAULT_FOOTER_CONFIG.contextBarStyle,
     defaultTextColor: DEFAULT_FOOTER_CONFIG.defaultTextColor,
@@ -172,10 +171,6 @@ export function coerceFooterConfig(value: unknown): FooterConfigSnapshot {
     out.refreshMs = Math.max(MIN_FOOTER_REFRESH_MS, refreshMs);
   }
 
-  if (typeof input.showPiBanner === "boolean") {
-    out.showPiBanner = input.showPiBanner;
-  }
-
   if (isFooterIconFamily(input.iconFamily)) {
     out.iconFamily = input.iconFamily;
   }
@@ -247,7 +242,6 @@ export function cloneFooterConfig(
 
   return {
     refreshMs: config.refreshMs,
-    showPiBanner: config.showPiBanner,
     iconFamily: config.iconFamily,
     contextBarStyle: config.contextBarStyle,
     defaultTextColor: config.defaultTextColor,
@@ -285,7 +279,6 @@ function toFooterConfigObject(
       MIN_FOOTER_REFRESH_MS,
       MAX_FOOTER_REFRESH_MS,
     ),
-    showPiBanner: config.showPiBanner,
     iconFamily: config.iconFamily,
     contextBarStyle: config.contextBarStyle,
     defaultTextColor: config.defaultTextColor,
@@ -740,20 +733,6 @@ export function coerceContextBarStyleValue(
   return undefined;
 }
 
-export function bannerFooterSettingsItems(
-  draft: FooterConfigSnapshot,
-): SettingItem[] {
-  return [
-    {
-      id: "showPiBanner",
-      label: "show π banner",
-      currentValue: draft.showPiBanner ? "on" : "off",
-      values: ["on", "off"],
-      description: "Show the rainbow π banner in the header.",
-    },
-  ];
-}
-
 export function genericFooterSettingsItems(
   draft: FooterConfigSnapshot,
 ): SettingItem[] {
@@ -833,7 +812,6 @@ export function rootFooterSettingsItems(
   applyDraft: () => void,
 ): SettingItem[] {
   return [
-    ...bannerFooterSettingsItems(draft),
     ...genericFooterSettingsItems(draft),
     ...widgetFooterSettingsItems(draft, theme, applyDraft),
   ];

package/extensions/fancy-footer/shared.ts

@@ -351,7 +351,6 @@ export interface FooterWidgetConfigOverride {
 
 export interface FooterConfigSnapshot {
   refreshMs: number;
-  showPiBanner: boolean;
   iconFamily: FooterIconFamily;
   contextBarStyle: ContextBarStyleId;
   defaultTextColor: FooterWidgetColor;
@@ -361,7 +360,6 @@ export interface FooterConfigSnapshot {
 
 export const DEFAULT_FOOTER_CONFIG: FooterConfigSnapshot = {
   refreshMs: GIT_REFRESH_MS,
-  showPiBanner: true,
   iconFamily: "nerd",
   contextBarStyle: DEFAULT_CONTEXT_BAR_STYLE,
   defaultTextColor: "dim",

package/extensions/fancy-footer.ts

@@ -24,7 +24,6 @@ import {
   type SessionUsageMetrics,
 } from "./fancy-footer/shared.ts";
 import {
-  bannerFooterSettingsItems,
   cloneFooterConfig,
   coerceCompactionSettings,
   coerceContextBarStyleValue,
@@ -47,12 +46,10 @@ import {
   collectSessionUsageMetrics,
   renderFooterLines,
 } from "./fancy-footer/render.ts";
-import { renderBannerLines } from "./fancy-footer/banner.ts";
 
 interface ActiveFooterControls {
   requestRender: () => void;
   reschedule: () => void;
-  applyHeader: () => void;
 }
 
 export default function (pi: ExtensionAPI) {
@@ -61,7 +58,6 @@ export default function (pi: ExtensionAPI) {
   };
   let footerConfig: FooterConfigSnapshot = {
     refreshMs: DEFAULT_FOOTER_CONFIG.refreshMs,
-    showPiBanner: DEFAULT_FOOTER_CONFIG.showPiBanner,
     iconFamily: DEFAULT_FOOTER_CONFIG.iconFamily,
     contextBarStyle: DEFAULT_FOOTER_CONFIG.contextBarStyle,
     defaultTextColor: DEFAULT_FOOTER_CONFIG.defaultTextColor,
@@ -77,22 +73,6 @@ export default function (pi: ExtensionAPI) {
     compactionSettings = loadCompactionSettings(ctx.cwd);
     footerConfig = loadFooterConfig();
 
-    const applyHeader = () => {
-      if (!footerConfig.showPiBanner) {
-        ctx.ui.setHeader(undefined);
-        return;
-      }
-
-      ctx.ui.setHeader((_tui, theme) => ({
-        render(width: number): string[] {
-          return renderBannerLines(theme, width);
-        },
-        invalidate() {},
-      }));
-    };
-
-    applyHeader();
-
     ctx.ui.setFooter((tui, theme, footerData) => {
       let currentGit = { ...EMPTY_GIT_INFO };
       let usageMetrics: SessionUsageMetrics = collectSessionUsageMetrics(ctx);
@@ -214,7 +194,6 @@ export default function (pi: ExtensionAPI) {
       activeFooterControls = {
         requestRender,
         reschedule: scheduleRefresh,
-        applyHeader,
       };
 
       void refreshGit();
@@ -263,7 +242,6 @@ export default function (pi: ExtensionAPI) {
           try {
             writeFooterConfigSnapshot(draft);
             footerConfig = loadFooterConfig();
-            activeFooterControls?.applyHeader();
             activeFooterControls?.reschedule();
             activeFooterControls?.requestRender();
           } catch (error) {
@@ -272,20 +250,16 @@ export default function (pi: ExtensionAPI) {
           }
         };
 
-        type ConfigSection = "banner" | "generic" | "widgets";
+        type ConfigSection = "generic" | "widgets";
 
-        let activeSection: ConfigSection = "banner";
+        let activeSection: ConfigSection = "generic";
         const selection: Record<ConfigSection, number> = {
-          banner: 0,
           generic: 0,
           widgets: 0,
         };
         let submenu: Component | undefined;
 
         const getSectionItems = (section: ConfigSection): SettingItem[] => {
-          if (section === "banner") {
-            return bannerFooterSettingsItems(draft);
-          }
           if (section === "generic") {
             return genericFooterSettingsItems(draft);
           }
@@ -318,11 +292,7 @@ export default function (pi: ExtensionAPI) {
           return items[selection[activeSection]];
         };
 
-        const orderedSections: ConfigSection[] = [
-          "banner",
-          "generic",
-          "widgets",
-        ];
+        const orderedSections: ConfigSection[] = ["generic", "widgets"];
 
         const getFlatSelections = () => {
           return orderedSections.flatMap((section) => {
@@ -338,11 +308,6 @@ export default function (pi: ExtensionAPI) {
               draft.refreshMs = refreshMs;
               applyDraft();
             }
-          } else if (id === "showPiBanner") {
-            if (newValue === "on" || newValue === "off") {
-              draft.showPiBanner = newValue === "on";
-              applyDraft();
-            }
           } else if (id === "iconFamily") {
             const iconFamily = coerceIconFamily(newValue);
             if (iconFamily) {
@@ -502,8 +467,6 @@ export default function (pi: ExtensionAPI) {
               ),
               truncateToWidth(theme.fg("dim", configPath), width),
               "",
-              ...renderSection(width, "Banner", "banner"),
-              "",
               ...renderSection(width, "General", "generic"),
               "",
               ...renderSection(width, "Widgets", "widgets"),
@@ -578,8 +541,4 @@ export default function (pi: ExtensionAPI) {
   pi.on("session_start", async (_event, ctx) => {
     installFooter(ctx);
   });
-
-  pi.on("session_switch", async (_event, ctx) => {
-    installFooter(ctx);
-  });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-fancy-footer",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "A fancy footer extension for pi",
   "type": "module",
   "files": [

package/extensions/fancy-footer/banner.ts

@@ -1,58 +0,0 @@
-import type { Theme } from "@mariozechner/pi-coding-agent";
-
-const PI_ART = [
-	"    3.141592653589793238462643383279",
-	"   5028841971693993751058209749445923",
-	"  07816406286208998628034825342117067",
-	"  9821    48086         5132",
-	" 823      06647        09384",
-	"46        09550        58223",
-	"          1725         3594",
-	"         08128        48111",
-	"        74502         84102",
-	"       70193          85211        05",
-	"     5596446           22948954930381",
-	"    9644288             10975665933",
-];
-
-function hslToRgb(h: number, s: number, l: number): [number, number, number] {
-	h = ((h % 360) + 360) % 360;
-	const c = (1 - Math.abs(2 * l - 1)) * s;
-	const x = c * (1 - Math.abs(((h / 60) % 2) - 1));
-	const m = l - c / 2;
-	let r = 0;
-	let g = 0;
-	let b = 0;
-	if (h < 60) [r, g, b] = [c, x, 0];
-	else if (h < 120) [r, g, b] = [x, c, 0];
-	else if (h < 180) [r, g, b] = [0, c, x];
-	else if (h < 240) [r, g, b] = [0, x, c];
-	else if (h < 300) [r, g, b] = [x, 0, c];
-	else [r, g, b] = [c, 0, x];
-	return [Math.round((r + m) * 255), Math.round((g + m) * 255), Math.round((b + m) * 255)];
-}
-
-const RESET = "\x1b[0m";
-
-function rainbowLine(line: string, rowOffset: number): string {
-	const totalChars = 50;
-	let result = "";
-	for (let i = 0; i < line.length; i++) {
-		const ch = line[i]!;
-		if (ch === " ") {
-			result += " ";
-			continue;
-		}
-		const hue = ((i + rowOffset * 3) / totalChars) * 360;
-		const [r, g, b] = hslToRgb(hue, 0.85, 0.65);
-		result += `\x1b[38;2;${r};${g};${b}m${ch}`;
-	}
-	return result + RESET;
-}
-
-export function renderBannerLines(_theme: Theme, width: number): string[] {
-	const maxLen = Math.max(...PI_ART.map((line) => line.length));
-	const pad = Math.max(0, Math.floor((width - maxLen) / 2));
-	const prefix = " ".repeat(pad);
-	return ["", ...PI_ART.map((line, row) => prefix + rainbowLine(line, row)), ""];
-}