honeytree 1.0.5 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "honeytree",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Grow a forest in your terminal every time you use Claude Code",
   "type": "module",
   "bin": {

package/src/badge.js

@@ -2,70 +2,74 @@ import fs from "node:fs";
 import path from "node:path";
 
 import { readForest } from "./state.js";
+import { buildScene, getWiltFactor } from "./renderer.js";
 
-const CHAR_WIDTH = 6.8;
-const PADDING = 10;
-const HEIGHT = 20;
+const CELL = 6;
+const BG = "#0d1117";
+const TEXT_PAD = 18;
 
-function sectionWidth(text) {
-  return Math.round(text.length * CHAR_WIDTH + PADDING * 2);
-}
-
-function buildMessage(forest) {
+function buildStatsText(forest, biome) {
   const count = forest.trees.length;
   const streak = forest.streak || 0;
-  const treePart = `${count} tree${count === 1 ? "" : "s"}`;
+  const wilt = getWiltFactor(forest.lastActiveDate);
 
-  if (!forest.lastActiveDate) return treePart;
+  const parts = [`${count} tree${count === 1 ? "" : "s"}`];
 
-  const today = new Date().toISOString().slice(0, 10);
-  const a = new Date(forest.lastActiveDate + "T00:00:00");
-  const b = new Date(today + "T00:00:00");
-  const idle = Math.round((b - a) / (24 * 60 * 60 * 1000));
+  if (wilt > 0) {
+    const a = new Date(forest.lastActiveDate + "T00:00:00");
+    const b = new Date(new Date().toISOString().slice(0, 10) + "T00:00:00");
+    const idle = Math.round((b - a) / (24 * 60 * 60 * 1000));
+    parts.push(`wilting (${idle}d idle)`);
+  } else if (streak > 0) {
+    parts.push(`${streak}d streak`);
+  }
 
-  if (idle > 0) return `${treePart} · wilting`;
-  if (streak > 0) return `${treePart} · ${streak}d streak`;
-  return treePart;
+  parts.push(biome.label);
+  return parts.join(" · ");
 }
 
-function badgeColor(forest) {
-  if (!forest.lastActiveDate) return "#555";
-  const today = new Date().toISOString().slice(0, 10);
-  const a = new Date(forest.lastActiveDate + "T00:00:00");
-  const b = new Date(today + "T00:00:00");
-  const idle = Math.round((b - a) / (24 * 60 * 60 * 1000));
-  if (idle > 0) return "#c4653a";
-  return "#2ea043";
-}
+function generateForestSVG(forest) {
+  const cols = Math.max(40, Math.min(forest.viewerWidth || 60, 80));
+  const { buffer, biome, sceneRows } = buildScene(forest, cols);
+
+  const artW = cols * CELL;
+  const artH = sceneRows * CELL;
+  const totalW = artW;
+  const totalH = artH + TEXT_PAD;
+
+  let rects = "";
+  for (let y = 0; y < sceneRows; y += 1) {
+    for (let x = 0; x < cols; x += 1) {
+      const cell = buffer[y][x];
+      if (!cell.color) continue;
+      rects += `<rect x="${x * CELL}" y="${y * CELL}" width="${CELL}" height="${CELL}" fill="${cell.color}"/>`;
+    }
+  }
 
-function generateSVG(label, message, color) {
-  const lw = sectionWidth(label);
-  const mw = sectionWidth(message);
-  const tw = lw + mw;
-  const lx = lw / 2;
-  const mx = lw + mw / 2;
-
-  return `<svg xmlns="http://www.w3.org/2000/svg" width="${tw}" height="${HEIGHT}" role="img" aria-label="${label}: ${message}">
-  <title>${label}: ${message}</title>
-  <linearGradient id="s" x2="0" y2="100%">
-    <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
-    <stop offset="1" stop-opacity=".1"/>
-  </linearGradient>
-  <clipPath id="r"><rect width="${tw}" height="${HEIGHT}" rx="3" fill="#fff"/></clipPath>
-  <g clip-path="url(#r)">
-    <rect width="${lw}" height="${HEIGHT}" fill="#555"/>
-    <rect x="${lw}" width="${mw}" height="${HEIGHT}" fill="${color}"/>
-    <rect width="${tw}" height="${HEIGHT}" fill="url(#s)"/>
-  </g>
-  <g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="11">
-    <text aria-hidden="true" x="${lx}" y="15" fill="#010101" fill-opacity=".3">${label}</text>
-    <text x="${lx}" y="14">${label}</text>
-    <text aria-hidden="true" x="${mx}" y="15" fill="#010101" fill-opacity=".3">${message}</text>
-    <text x="${mx}" y="14">${message}</text>
-  </g>
+  const stats = buildStatsText(forest, biome);
+
+  return `<svg xmlns="http://www.w3.org/2000/svg" width="${totalW}" height="${totalH}" viewBox="0 0 ${totalW} ${totalH}">
+<rect width="${totalW}" height="${totalH}" fill="${BG}" rx="6"/>
+${rects}
+<text x="${totalW / 2}" y="${artH + 13}" text-anchor="middle" fill="#8e8a84" font-family="monospace" font-size="10">${stats}</text>
 </svg>`;
 }
 
+export function writeBadgeSVG(forest, outPath) {
+  fs.writeFileSync(outPath, generateForestSVG(forest));
+}
+
+export function findBadgeFile() {
+  let dir = process.cwd();
+  const root = path.parse(dir).root;
+  while (dir !== root) {
+    const candidate = path.join(dir, "honeytree-badge.svg");
+    if (fs.existsSync(candidate)) return candidate;
+    dir = path.dirname(dir);
+  }
+  return null;
+}
+
 export async function badge() {
   const forest = readForest();
   if (!forest) {
@@ -73,17 +77,12 @@ export async function badge() {
     process.exit(1);
   }
 
-  const label = "honeytree";
-  const message = buildMessage(forest);
-  const color = badgeColor(forest);
-  const svg = generateSVG(label, message, color);
-
   const outPath = path.resolve("honeytree-badge.svg");
-  fs.writeFileSync(outPath, svg);
+  writeBadgeSVG(forest, outPath);
 
   console.log(`Badge written to ${outPath}`);
   console.log("");
-  console.log("Add this to your README to show your Honeytree stats.");
+  console.log("Add this to your README to show your Honeytree forest.");
   console.log("The badge links to https://github.com/Varun2009178/honeytree");
   console.log("");
   console.log(

package/src/plant.js

@@ -1,5 +1,6 @@
 import { getSprite, TREE_TYPES } from "./sprites.js";
 import { createEmptyForest, readForest, writeForest } from "./state.js";
+import { findBadgeFile, writeBadgeSVG } from "./badge.js";
 
 const MIN_GAP = 4;
 const DEFAULT_WIDTH = 80;
@@ -98,4 +99,10 @@ export async function plant() {
   forest.totalPrompts += 1;
 
   writeForest(forest);
+
+  // Auto-refresh badge if one exists in the repo
+  try {
+    const badgePath = findBadgeFile();
+    if (badgePath) writeBadgeSVG(forest, badgePath);
+  } catch {}
 }

package/src/renderer.js

@@ -7,9 +7,10 @@ const TREE_ROWS = 7;
 const GROUND_ROWS = 2;
 const SPACER_ROWS = 1;
 const STATS_ROWS = 1;
+const CTA_ROWS = 1;
 
 export const SCENE_HEIGHT =
-  SKY_ROWS + TREE_ROWS + GROUND_ROWS + SPACER_ROWS + STATS_ROWS;
+  SKY_ROWS + TREE_ROWS + GROUND_ROWS + SPACER_ROWS + STATS_ROWS + CTA_ROWS;
 
 const STATS_ACCENT = "#f5a50b";
 const STATS_TEXT = "#8e8a84";
@@ -248,7 +249,7 @@ export function renderFrame(forest, termWidth = 80, options = {}) {
   applyFog(buffer, wilt, width);
 
   const lines = [];
-  for (let y = 0; y < SCENE_HEIGHT - SPACER_ROWS - STATS_ROWS; y += 1) {
+  for (let y = 0; y < SCENE_HEIGHT - SPACER_ROWS - STATS_ROWS - CTA_ROWS; y += 1) {
     let line = "";
     for (const cell of buffer[y]) {
       if (!cell.color) {
@@ -264,10 +265,56 @@ export function renderFrame(forest, termWidth = 80, options = {}) {
 
   lines.push("");
   lines.push(buildStatsLine(forest, biome));
+  lines.push(
+    chalk.hex("#555555")(" add your forest to your README → ") +
+    chalk.hex(STATS_ACCENT)("honeytree badge"),
+  );
 
   return lines.join("\n");
 }
 
+export function buildScene(forest, width) {
+  const w = Math.max(40, width);
+  const sceneRows = SKY_ROWS + TREE_ROWS + GROUND_ROWS;
+  const buffer = Array.from({ length: sceneRows }, () =>
+    Array.from({ length: w }, () => ({ char: " ", color: null })),
+  );
+  const groundStart = SKY_ROWS + TREE_ROWS;
+  const biome = getBiome(forest.trees.length);
+  const wilt = getWiltFactor(forest.lastActiveDate);
+
+  for (const star of generateStars(w, biome, 0)) {
+    if (star.y < sceneRows) {
+      buffer[star.y][star.x] = { char: star.char, color: star.color };
+    }
+  }
+
+  for (let rowIndex = 0; rowIndex < GROUND_ROWS; rowIndex += 1) {
+    for (let x = 0; x < w; x += 1) {
+      buffer[groundStart + rowIndex][x] = { char: "█", color: biome.ground[rowIndex] };
+    }
+  }
+
+  const treeBaseY = groundStart - 1;
+  for (const tree of forest.trees) {
+    compositeSprite(buffer, getSprite(tree.type, tree.growth), tree.x, treeBaseY);
+  }
+
+  applyFog(buffer, wilt, w);
+
+  if (wilt > 0) {
+    for (let y = SKY_ROWS; y < sceneRows; y += 1) {
+      for (let x = 0; x < w; x += 1) {
+        if (buffer[y][x].color) {
+          buffer[y][x].color = wiltColor(buffer[y][x].color, wilt);
+        }
+      }
+    }
+  }
+
+  return { buffer, biome, sceneRows };
+}
+
 export function renderPlainText(forest, width = 60) {
   const w = Math.max(40, Math.min(width, 80));
   const buffer = createBuffer(w);
@@ -290,7 +337,7 @@ export function renderPlainText(forest, width = 60) {
   }
 
   const lines = [];
-  for (let y = 0; y < SCENE_HEIGHT - SPACER_ROWS - STATS_ROWS; y += 1) {
+  for (let y = 0; y < SCENE_HEIGHT - SPACER_ROWS - STATS_ROWS - CTA_ROWS; y += 1) {
     let line = "";
     for (const cell of buffer[y]) {
       line += cell.char;