@ramarivera/coding-buddy 0.7.2 → 0.7.3

package/.claude-plugin/marketplace.json

@@ -5,14 +5,14 @@
     },
     "metadata": {
         "description": "Persistent coding companion for Claude Code, Pi, and Oh My Pi (requires bun: https://bun.sh/install)",
-        "version": "0.7.2"
+        "version": "0.7.3"
     },
     "plugins": [
         {
             "name": "coding-buddy",
             "source": "./",
             "description": "Persistent coding companion for Claude Code, Pi, and Oh My Pi. MCP-based terminal pet with ASCII art, stats, reactions, and personality. Requires bun runtime (https://bun.sh/install).",
-            "version": "0.7.2",
+            "version": "0.7.3",
             "author": {
                 "name": "ramarivera"
             },

package/.claude-plugin/plugin.json

@@ -1,6 +1,6 @@
 {
     "name": "coding-buddy",
-    "version": "0.7.2",
+    "version": "0.7.3",
     "description": "Persistent coding companion for Claude Code, Pi, and Oh My Pi. MCP-based terminal pet with ASCII art, stats, reactions, and personality.",
     "author": {
         "name": "ramarivera"

package/adapters/omp/renderers.ts

@@ -3,87 +3,25 @@ import { getArtFrame, HAT_ART } from "../../core/render-model.ts";
 import type { Companion, ReactionState } from "../../core/model.ts";
 import type { Achievement } from "../../core/achievements.ts";
 import { getRarityColor } from "../../server/theme.ts";
+import {
+  composeDetailsAndArt,
+  displayWidth,
+  getDetailsWidth,
+  getWidgetWidth,
+  stripAnsi,
+  WIDGET_MAX_LINES,
+  wrapReaction,
+} from "../shared/widget-layout.ts";
 
-export const OMP_WIDGET_MAX_LINES = 10;
-
-const ANSI_PATTERN = /\x1b\[[0-?]*[ -/]*[@-~]/g;
 const RESET = "\x1b[0m";
 const DIM_ITALIC = "\x1b[2;3m";
-const ART_GAP = "  ";
-const DEFAULT_WIDGET_WIDTH = 78;
-
-function stripAnsi(text: string): string {
-  return text.replace(ANSI_PATTERN, "");
-}
-
-function characterWidth(character: string, next?: string): number {
-  if (character === "\u200d" || /[\uFE00-\uFE0F]/u.test(character)) return 0;
-  if (next === "\uFE0F" && /\p{Emoji}/u.test(character)) return 2;
-  return /\p{Emoji_Presentation}/u.test(character) ? 2 : 1;
-}
 
-export function displayWidth(text: string): number {
-  const characters = [...stripAnsi(text)];
-  let width = 0;
-  for (let index = 0; index < characters.length; index += 1) {
-    width += characterWidth(characters[index]!, characters[index + 1]);
-  }
-  return width;
-}
+export { displayWidth, WIDGET_MAX_LINES as OMP_WIDGET_MAX_LINES };
 
 function trimArt(line: string): string {
   return line.replace(/\s+$/g, "");
 }
 
-function truncateToWidth(text: string, width: number): string {
-  if (width <= 0) return "";
-  let result = "";
-  let currentWidth = 0;
-  for (const character of [...stripAnsi(text)]) {
-    const nextWidth = characterWidth(character);
-    if (currentWidth + nextWidth > width) break;
-    result += character;
-    currentWidth += nextWidth;
-  }
-  return result;
-}
-
-function wrapReaction(reaction: string, width: number, maxLines: number): string[] {
-  const lines: string[] = [];
-  let current = "";
-
-  for (const word of `💬 ${reaction.trim()}`.split(/\s+/)) {
-    if (!word) continue;
-    if (displayWidth(word) > width) {
-      if (current) lines.push(current);
-      lines.push(`${truncateToWidth(word, Math.max(1, width - 1))}…`);
-      current = "";
-      continue;
-    }
-
-    const candidate = current ? `${current} ${word}` : word;
-    if (displayWidth(candidate) > width) {
-      if (current) lines.push(current);
-      current = word;
-    } else {
-      current = candidate;
-    }
-  }
-
-  if (current) lines.push(current);
-  if (lines.length <= maxLines) return lines;
-
-  const bounded = lines.slice(0, maxLines);
-  const last = bounded[maxLines - 1] ?? "";
-  bounded[maxLines - 1] = `${truncateToWidth(last, Math.max(1, width - 1))}…`;
-  return bounded;
-}
-
-function getWidgetWidth(): number {
-  const columns = process.stdout.columns;
-  return columns && columns > 0 ? Math.max(24, columns - 2) : DEFAULT_WIDGET_WIDTH;
-}
-
 function getFullArtFrame(companion: Companion, frame: number): string[] {
   const art = getArtFrame(companion.bones.species, companion.bones.eye, frame);
   if (companion.bones.hat !== "none" && !stripAnsi(art[0] ?? "").trim()) {
@@ -107,12 +45,12 @@ function renderDetails(
   ];
 
   if (reaction?.reaction) {
-    const remainingLines = Math.max(1, OMP_WIDGET_MAX_LINES - lines.length);
+    const remainingLines = Math.max(1, WIDGET_MAX_LINES - lines.length);
     lines.push(...wrapReaction(reaction.reaction, sideWidth, remainingLines).map((line) => `${DIM_ITALIC}${line}${RESET}`));
   }
 
   for (const achievement of achievements) {
-    if (lines.length >= OMP_WIDGET_MAX_LINES) break;
+    if (lines.length >= WIDGET_MAX_LINES) break;
     lines.push(`🏆 ${achievement.name}`);
   }
 
@@ -126,17 +64,9 @@ export function renderBuddyWidget(
   width: number = getWidgetWidth(),
 ): string[] {
   const art = getFullArtFrame(companion, Math.floor(Date.now() / 700));
-  const artWidth = Math.max(...art.map(displayWidth), 0);
-  const widgetWidth = Math.max(24, width);
-  const sideWidth = Math.max(8, widgetWidth - artWidth - ART_GAP.length);
+  const sideWidth = getDetailsWidth(art, width);
   const details = renderDetails(companion, reaction, achievements, sideWidth);
-  const rows = Math.max(art.length, details.length);
-
-  return Array.from({ length: Math.min(OMP_WIDGET_MAX_LINES, rows) }, (_, index) => {
-    const artLine = art[index] ?? "";
-    const detailLine = details[index] ?? "";
-    return `${detailLine}${" ".repeat(Math.max(0, sideWidth - displayWidth(detailLine)))}${ART_GAP}${artLine}${" ".repeat(Math.max(0, artWidth - displayWidth(artLine)))}`;
-  });
+  return composeDetailsAndArt(details, art, width, WIDGET_MAX_LINES);
 }
 
 export function renderBuddyStats(companion: Companion): string[] {

package/adapters/pi/renderers.ts

@@ -2,45 +2,59 @@ import { RARITY_STARS } from "../../core/engine.ts";
 import { getArtFrame, HAT_ART } from "../../core/render-model.ts";
 import type { Companion, ReactionState } from "../../core/model.ts";
 import type { Achievement } from "../../core/achievements.ts";
+import { getRarityColor } from "../../server/theme.ts";
+import {
+  composeDetailsAndArt,
+  getDetailsWidth,
+  getWidgetWidth,
+  WIDGET_MAX_LINES,
+  wrapReaction,
+} from "../shared/widget-layout.ts";
+
+export const PI_WIDGET_MAX_LINES = WIDGET_MAX_LINES;
+
+const RESET = "\x1b[0m";
+const DIM_ITALIC = "\x1b[2;3m";
 
 function trimArt(line: string): string {
   return line.replace(/\s+$/g, "");
 }
 
-export function renderBuddyStatus(companion: Companion, reaction?: ReactionState | null): string {
-  const shiny = companion.bones.shiny ? " ✨" : "";
-  const stars = RARITY_STARS[companion.bones.rarity];
-  const suffix = reaction?.reaction ? ` — ${reaction.reaction}` : "";
-  return `${trimArt(getArtFrame(companion.bones.species, companion.bones.eye, Date.now())[0])} ${companion.name} ${stars}${shiny}${suffix}`;
-}
-
 export function renderBuddyWidget(
   companion: Companion,
   reaction?: ReactionState | null,
   achievements: Achievement[] = [],
+  width: number = getWidgetWidth(),
 ): string[] {
-  const frame = Math.floor(Date.now() / 700);
-  const art = getArtFrame(companion.bones.species, companion.bones.eye, frame).map(trimArt);
-  const hat = companion.bones.hat === "none" ? [] : [trimArt(HAT_ART[companion.bones.hat])];
+  const art = getFullArtFrame(companion, Math.floor(Date.now() / 700));
+  const sideWidth = getDetailsWidth(art, width);
+  const color = getRarityColor(companion.bones.rarity);
   const stars = RARITY_STARS[companion.bones.rarity];
   const shiny = companion.bones.shiny ? " ✨" : "";
-  const lines = [
-    `buddy · ${companion.name}`,
-    `${companion.bones.rarity} ${companion.bones.species} ${stars}${shiny}`,
-    "",
-    ...hat,
-    ...art,
+  const details = [
+    `${color}${companion.name} ${stars}${shiny}${RESET}`,
+    `${companion.bones.rarity} ${companion.bones.species}`,
   ];
 
   if (reaction?.reaction) {
-    lines.push("", `“${reaction.reaction}”`);
+    const remainingLines = Math.max(1, PI_WIDGET_MAX_LINES - details.length);
+    details.push(...wrapReaction(reaction.reaction, sideWidth, remainingLines).map((line) => `${DIM_ITALIC}${line}${RESET}`));
   }
 
-  if (achievements.length > 0) {
-    lines.push("", ...achievements.map((achievement) => `🏆 ${achievement.name}`));
+  for (const achievement of achievements) {
+    if (details.length >= PI_WIDGET_MAX_LINES) break;
+    details.push(`🏆 ${achievement.name}`);
   }
 
-  return lines;
+  return composeDetailsAndArt(details, art, width, PI_WIDGET_MAX_LINES);
+}
+
+function getFullArtFrame(companion: Companion, frame: number): string[] {
+  const art = getArtFrame(companion.bones.species, companion.bones.eye, frame);
+  if (companion.bones.hat !== "none" && !(art[0] ?? "").trim()) {
+    art[0] = HAT_ART[companion.bones.hat];
+  }
+  return art.map(trimArt);
 }
 
 export function renderBuddyStats(companion: Companion): string[] {

package/adapters/pi/ui.ts

@@ -1,7 +1,7 @@
 import type { ExtensionContext } from "@mariozechner/pi-coding-agent";
 import type { Achievement } from "../../core/achievements.ts";
 import type { Companion, ReactionState } from "../../core/model.ts";
-import { renderAchievementsSummary, renderBuddyStatus, renderBuddyWidget } from "./renderers.ts";
+import { renderAchievementsSummary, renderBuddyWidget } from "./renderers.ts";
 import { PiBuddyStorage } from "./storage.ts";
 
 type PiBuddyUiContext = ExtensionContext & {
@@ -32,8 +32,7 @@ export class PiBuddyUI {
   ): void {
     const currentReaction = reaction ?? null;
     const muted = this.storage.isMuted();
-    const status = renderBuddyStatus(companion, muted ? null : currentReaction);
-    ctx.ui.setStatus("buddy", muted ? `${status} [muted]` : status);
+    ctx.ui.setStatus("buddy", undefined);
     ctx.ui.setWidget(
       "buddy",
       renderBuddyWidget(companion, muted ? null : currentReaction, achievements),

package/adapters/shared/widget-layout.ts

@@ -0,0 +1,96 @@
+const ANSI_PATTERN = /\x1b\[[0-?]*[ -/]*[@-~]/g;
+const ART_GAP = "  ";
+const DEFAULT_WIDGET_WIDTH = 78;
+
+export const WIDGET_MAX_LINES = 10;
+
+export function stripAnsi(text: string): string {
+  return text.replace(ANSI_PATTERN, "");
+}
+
+function characterWidth(character: string, next?: string): number {
+  if (character === "\u200d" || /[\uFE00-\uFE0F]/u.test(character)) return 0;
+  if (next === "\uFE0F" && /\p{Emoji}/u.test(character)) return 2;
+  return /\p{Emoji_Presentation}/u.test(character) ? 2 : 1;
+}
+
+export function displayWidth(text: string): number {
+  const characters = [...stripAnsi(text)];
+  let width = 0;
+  for (let index = 0; index < characters.length; index += 1) {
+    width += characterWidth(characters[index]!, characters[index + 1]);
+  }
+  return width;
+}
+
+export function truncateToWidth(text: string, width: number): string {
+  if (width <= 0) return "";
+  let result = "";
+  let currentWidth = 0;
+  for (const character of [...stripAnsi(text)]) {
+    const nextWidth = characterWidth(character);
+    if (currentWidth + nextWidth > width) break;
+    result += character;
+    currentWidth += nextWidth;
+  }
+  return result;
+}
+
+export function wrapReaction(reaction: string, width: number, maxLines: number): string[] {
+  const lines: string[] = [];
+  let current = "";
+
+  for (const word of `💬 ${reaction.trim()}`.split(/\s+/)) {
+    if (!word) continue;
+    if (displayWidth(word) > width) {
+      if (current) lines.push(current);
+      lines.push(`${truncateToWidth(word, Math.max(1, width - 1))}…`);
+      current = "";
+      continue;
+    }
+
+    const candidate = current ? `${current} ${word}` : word;
+    if (displayWidth(candidate) > width) {
+      if (current) lines.push(current);
+      current = word;
+    } else {
+      current = candidate;
+    }
+  }
+
+  if (current) lines.push(current);
+  if (lines.length <= maxLines) return lines;
+
+  const bounded = lines.slice(0, maxLines);
+  const last = bounded[maxLines - 1] ?? "";
+  bounded[maxLines - 1] = `${truncateToWidth(last, Math.max(1, width - 1))}…`;
+  return bounded;
+}
+
+export function getWidgetWidth(): number {
+  const columns = process.stdout.columns;
+  return columns && columns > 0 ? Math.max(24, columns - 2) : DEFAULT_WIDGET_WIDTH;
+}
+
+export function getDetailsWidth(art: string[], width: number = getWidgetWidth()): number {
+  const artWidth = Math.max(...art.map(displayWidth), 0);
+  return Math.max(8, Math.max(24, width) - artWidth - ART_GAP.length);
+}
+
+export function composeDetailsAndArt(
+  details: string[],
+  art: string[],
+  width: number = getWidgetWidth(),
+  maxLines: number = WIDGET_MAX_LINES,
+): string[] {
+  const artWidth = Math.max(...art.map(displayWidth), 0);
+  const sideWidth = getDetailsWidth(art, width);
+  const rows = Math.max(art.length, details.length);
+
+  return Array.from({ length: Math.min(maxLines, rows) }, (_, index) => {
+    const artLine = art[index] ?? "";
+    const detailLine = details[index] ?? "";
+    const boundedDetailLine = displayWidth(detailLine) > sideWidth ? truncateToWidth(detailLine, sideWidth) : detailLine;
+    return `${boundedDetailLine}${" ".repeat(Math.max(0, sideWidth - displayWidth(boundedDetailLine)))}${ART_GAP}${artLine}${" ".repeat(Math.max(0, artWidth - displayWidth(artLine)))}`;
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ramarivera/coding-buddy",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "Persistent coding companion for Claude Code, Pi, and Oh My Pi",
   "type": "module",
   "omp": {