pi-firecode 1.0.1 → 1.0.2

package/README.md

@@ -5,6 +5,11 @@
   </picture>
 </p>
 
+<p align="center">
+  <a href="README.md"><img alt="English" src="https://img.shields.io/badge/English-2b2b2b?style=for-the-badge"></a>
+  <a href="README.zh-CN.md"><img alt="简体中文" src="https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-FF7A0F?style=for-the-badge"></a>
+</p>
+
 <h3 align="center">Install one extension. Uninstall the rest.</h3>
 
 <p align="center">Parallel sub-agents, multi-model code review and a cleaner terminal for <a href="https://pi.dev">Pi</a>. One install, works out of the box.</p>
@@ -13,7 +18,6 @@
   <a href="https://www.npmjs.com/package/pi-firecode"><img alt="npm" src="https://img.shields.io/npm/v/pi-firecode?color=FF7A0F"></a>
   <a href="https://github.com/Suge8/firecode/actions/workflows/ci.yml"><img alt="CI" src="https://github.com/Suge8/firecode/actions/workflows/ci.yml/badge.svg"></a>
   <a href="LICENSE"><img alt="MIT" src="https://img.shields.io/badge/license-MIT-blue"></a>
-  · <a href="README.zh-CN.md">中文</a>
 </p>
 
 <p align="center"><img alt="The commander dispatching three sub-agents in parallel" src="https://raw.githubusercontent.com/Suge8/firecode/main/design/promo/hero.gif" width="860"></p>

package/README.zh-CN.md

@@ -5,6 +5,11 @@
   </picture>
 </p>
 
+<p align="center">
+  <a href="README.md"><img alt="English" src="https://img.shields.io/badge/English-FF7A0F?style=for-the-badge"></a>
+  <a href="README.zh-CN.md"><img alt="简体中文" src="https://img.shields.io/badge/%E7%AE%80%E4%BD%93%E4%B8%AD%E6%96%87-2b2b2b?style=for-the-badge"></a>
+</p>
+
 <h3 align="center">装这一个，其余扩展都可以卸了。</h3>
 
 <p align="center">给 <a href="https://pi.dev">Pi</a> 加上并行子代理、多模型代码审查和更干净的终端界面。装一个就够，开箱即用。</p>
@@ -13,7 +18,6 @@
   <a href="https://www.npmjs.com/package/pi-firecode"><img alt="npm" src="https://img.shields.io/npm/v/pi-firecode?color=FF7A0F"></a>
   <a href="https://github.com/Suge8/firecode/actions/workflows/ci.yml"><img alt="CI" src="https://github.com/Suge8/firecode/actions/workflows/ci.yml/badge.svg"></a>
   <a href="LICENSE"><img alt="MIT" src="https://img.shields.io/badge/license-MIT-blue"></a>
-  · <a href="README.md">English</a>
 </p>
 
 <p align="center"><img alt="指挥官并行派出三个子代理" src="https://raw.githubusercontent.com/Suge8/firecode/main/design/promo/hero.zh.gif" width="860"></p>

package/dist/index.js

@@ -720,94 +720,83 @@ function formatModelName(id) {
 }
 
 // header.ts
-var LARGE_MIN_WIDTH = 83;
-var MID_MIN_WIDTH = 52;
-var REVEAL_END = 0.7;
-var SWEEP_END = 1.5;
+var WORD = "firecode";
+var IGNITE_END = 0.6;
+var REVEAL_START = 0.2;
+var SETTLE_END = 1;
 var TINY_FLAME_PHASE = 0.4;
+var LOGO_GAP = 3;
+var FLAME_RED_END = 0.45;
+var WORD_TOP = 3;
 var FADE_FROM = [20, 19, 18];
 var RULE2 = [60, 57, 53];
 var TINY_SUBTITLE_MIN = 8;
 var TINY_RULE_MIN = 3;
 var clamp2 = (value) => Math.min(1, Math.max(0, value));
 var ease = (k) => 1 - (1 - clamp2(k)) ** 3;
-var background = (color) => `\x1B[48;2;${color[0] | 0};${color[1] | 0};${color[2] | 0}m`;
-function halfBlocks(pixels) {
-  const lines = [];
-  for (let y = 0;y < pixels.length; y += 2) {
-    let line = "";
-    pixels[y].forEach((top, x) => {
-      const bottom = pixels[y + 1]?.[x];
-      if (top && bottom)
-        line += `${background(bottom)}${paint(top, "▀")}\x1B[49m`;
-      else if (top)
-        line += paint(top, "▀");
-      else if (bottom)
-        line += paint(bottom, "▄");
-      else
-        line += " ";
-    });
-    lines.push(line);
-  }
-  return lines;
-}
-function roundFlame(widthPx, heightPx, t) {
-  const radius = widthPx / 2;
-  const belly = 0.36;
-  const tall = 0.9 + 0.1 * flicker(0.2, t);
-  return Array.from({ length: heightPx }, (_, y) => {
-    const row = Array(widthPx).fill(undefined);
-    const v = (heightPx - 0.5 - y) / heightPx / tall;
-    if (v > 1)
-      return row;
-    const half = v < belly ? radius * Math.sqrt(1 - ((belly - v) / belly) ** 2) : radius * ((1 - v) / (1 - belly)) ** 1.25;
-    const sway = 1.3 * v * v * Math.sin(Math.PI * 2 * 0.6 * t) + 0.4 * v * Math.sin(Math.PI * 2 * (1.7 * t + v * 2));
-    const reach = half + 0.25 * flicker(v * 3.1, t) * v;
-    for (let x = 0;x < widthPx; x++) {
-      const distance = Math.abs(x + 0.5 - radius - sway);
-      if (distance > reach)
-        continue;
-      const core = 1 - distance / (reach + 0.01);
-      row[x] = heat(0.12 + 0.55 * core * (1 - v * 0.6) + 0.45 * (1 - v) ** 2);
-    }
-    return row;
-  });
-}
+var FLAME = [
+  "......#......",
+  "......##.....",
+  ".....###.....",
+  ".....####....",
+  "....#####....",
+  "...######..#.",
+  "..#######.##.",
+  ".###########.",
+  "#############",
+  "##..#########",
+  "###..########",
+  "####..#######",
+  "###..########",
+  "##..##.....##",
+  ".###########.",
+  "...#######..."
+];
 var FONT = {
-  F: ["#####", "#....", "#....", "####.", "#....", "#....", "#....", "#...."],
-  i: ["#", ".", "#", "#", "#", "#", "#", "#"],
-  r: ["....", "....", ".###", "#...", "#...", "#...", "#...", "#..."],
-  e: [".....", ".....", ".###.", "#...#", "#####", "#....", "#....", ".####"],
-  C: [".####", "#....", "#....", "#....", "#....", "#....", "#....", ".####"],
-  o: [".....", ".....", ".###.", "#...#", "#...#", "#...#", "#...#", ".###."],
-  d: ["....#", "....#", ".####", "#...#", "#...#", "#...#", "#...#", ".####"]
+  f: ["..###", ".####", ".##..", "#####", "#####", ".##..", ".##..", ".##..", ".##..", ".##.."],
+  i: ["..", "##", "..", "##", "##", "##", "##", "##", "##", "##"],
+  r: ["....", "....", "....", "##.##", "#####", "###..", "##...", "##...", "##...", "##..."],
+  e: ["......", "......", "......", ".####.", "######", "##..##", "######", "##....", "######", ".####."],
+  c: ["......", "......", "......", ".####.", "######", "##..#.", "##....", "##..#.", "######", ".####."],
+  o: ["......", "......", "......", ".####.", "######", "##..##", "##..##", "##..##", "######", ".####."],
+  d: ["....##", "....##", "....##", ".#####", "######", "##..##", "##..##", "##..##", "######", ".#####"]
 };
-var WORD = "FireCode";
-var wordBits = (gap) => FONT.F.map((_, y) => [...WORD].flatMap((char, index) => [
-  ...Array(index ? gap : 0).fill(false),
-  ...[...FONT[char][y]].map((pixel) => pixel === "#")
-]));
-var WORD_BITS = { 1: wordBits(1), 2: wordBits(2) };
-function wordmark(gap, t) {
-  const bits = WORD_BITS[gap];
-  const width = bits[0].length;
-  const edge = t / REVEAL_END * (width + 8);
-  const sweep = (t - REVEAL_END - 0.1) / (SWEEP_END - REVEAL_END) * (width + 16) - 8;
-  return bits.map((row, y) => row.map((on, x) => {
-    if (!on || x > edge)
-      return;
-    const half = width / 2;
-    const base = x < half ? mix(HEAT_COLORS.red, HEAT_COLORS.orange, x / half) : mix(HEAT_COLORS.orange, HEAT_COLORS.gold, (x - half) / half);
-    const hotEdge = t < REVEAL_END ? clamp2(1 - (edge - x) / 6) : 0;
-    const shine = t > REVEAL_END && t < SWEEP_END ? clamp2(1 - Math.abs(x - y * 0.6 - sweep) / 4.5) : 0;
-    return mix(base, HEAT_COLORS.white, Math.max(hotEdge, shine * 0.9));
-  }));
+var WORD_ROWS = FONT.f.map((_, y) => [...WORD].map((char) => FONT[char][y]).join("."));
+var FLAME_WIDTH = FLAME[0].length;
+var WORD_LEFT = FLAME_WIDTH + LOGO_GAP;
+var LOGO_WIDTH = WORD_LEFT + WORD_ROWS[0].length;
+var LARGE_MIN_WIDTH = LOGO_WIDTH + 2;
+var background = (color) => `\x1B[48;2;${color[0] | 0};${color[1] | 0};${color[2] | 0}m`;
+function cell(top, bottom) {
+  if (top && bottom)
+    return `${background(bottom)}${paint(top, "▀")}\x1B[49m`;
+  if (top)
+    return paint(top, "▀");
+  return bottom ? paint(bottom, "▄") : " ";
 }
-function sideBySide(left, right, gap, rightTop = 0) {
-  const leftWidth = Math.max(...left.map(visibleWidth2));
-  return Array.from({ length: Math.max(left.length, right.length + rightTop) }, (_, index) => {
-    const cell = left[index] ?? "";
-    return `${cell}${" ".repeat(leftWidth - visibleWidth2(cell) + gap)}${right[index - rightTop] ?? ""}`;
+function halfBlocks(pixels) {
+  const rows = [];
+  for (let y = 0;y < pixels.length; y += 2)
+    rows.push(pixels[y].map((top, x) => cell(top, pixels[y + 1]?.[x])));
+  return rows;
+}
+function flameHeat(y) {
+  const v = y / (FLAME.length - 1);
+  return v < FLAME_RED_END ? mix(HEAT_COLORS.red, HEAT_COLORS.orange, v / FLAME_RED_END) : mix(HEAT_COLORS.orange, HEAT_COLORS.gold, (v - FLAME_RED_END) / (1 - FLAME_RED_END));
+}
+function logo(t) {
+  const flameLine = ease(t / IGNITE_END) * (FLAME.length + 4);
+  const wordWidth = WORD_ROWS[0].length;
+  const wordEdge = (t - REVEAL_START) / (SETTLE_END - REVEAL_START) * wordWidth;
+  return FLAME.map((row, y) => {
+    const burnt = flameLine - (FLAME.length - y);
+    const color = mix(HEAT_COLORS.white, flameHeat(y), clamp2(burnt / 4));
+    const pixels = [...row].map((dot) => dot === "#" && burnt >= 0 ? color : undefined);
+    pixels.push(...Array(LOGO_GAP).fill(undefined));
+    const word = WORD_ROWS[y - WORD_TOP] ?? "";
+    for (let x = 0;x < wordWidth; x++)
+      pixels.push(word[x] === "#" && x < wordEdge ? mix(HEAT_COLORS.orange, HEAT_COLORS.gold, x / wordWidth) : undefined);
+    return pixels;
   });
 }
 function fitSubtitle({ version, cwd }, width) {
@@ -826,45 +815,35 @@ function subtitleLine(subtitle, width, t) {
   return paint(mix(FADE_FROM, HEAT_COLORS.ash, ease((t - 0.4) / 0.6)), fitSubtitle(subtitle, width));
 }
 function large(t, subtitle) {
-  const word = halfBlocks(wordmark(2, t));
-  return sideBySide(halfBlocks(roundFlame(10, 16, t)), [...word, "", subtitleLine(subtitle, visibleWidth2(word[0]), t)], 3, 2);
-}
-function mid(t, subtitle) {
-  const word = halfBlocks(wordmark(1, t));
-  return sideBySide(halfBlocks(roundFlame(6, 8, t)), [...word, subtitleLine(subtitle, visibleWidth2(word[0]), t)], 2);
+  const rows = halfBlocks(logo(t));
+  const last = rows.pop().slice(0, WORD_LEFT).join("") + subtitleLine(subtitle, LOGO_WIDTH - WORD_LEFT, t);
+  return [...rows.map((row) => row.join("").trimEnd()), last];
 }
 function tiny(width, t, glyph, subtitle) {
-  const sweep = (t - REVEAL_END) / (SWEEP_END - REVEAL_END) * 14 - 3;
-  const letters = [...WORD].map((char, index) => {
-    if (t <= index / WORD.length * REVEAL_END)
-      return " ";
-    const shine = t > REVEAL_END && t < SWEEP_END ? clamp2(1 - Math.abs(index - sweep) / 2) : 0;
-    return paint(mix(mix(HEAT_COLORS.orange, HEAT_COLORS.gold, index / (WORD.length - 1)), HEAT_COLORS.white, shine), char);
-  }).join("");
+  const shown = Math.ceil((t - REVEAL_START) / (SETTLE_END - REVEAL_START) * WORD.length);
+  const letters = [...WORD].map((char, index) => index < shown ? char : " ").join("");
   const word = `${glyph} \x1B[1m${letters}\x1B[22m `;
   const room = width - visibleWidth2(word) - 1 - TINY_RULE_MIN;
   const head = room >= TINY_SUBTITLE_MIN ? `${word}${subtitleLine(subtitle, room, t)} ` : word;
   const length = width - visibleWidth2(head);
-  const reveal = clamp2((t - 0.2) / REVEAL_END);
+  const reveal = clamp2((t - REVEAL_START) / (SETTLE_END - REVEAL_START));
   let rule = "";
   for (let index = 0;index < length; index++)
     rule += index / length <= reveal ? paint(mix(HEAT_COLORS.gold, RULE2, ease(index / Math.max(8, length * 0.7))), "─") : " ";
   return clip(head + rule, width, "end", "");
 }
 function center(lines, width) {
-  const pad = " ".repeat(Math.max(0, Math.floor((width - Math.max(...lines.map(visibleWidth2))) / 2)));
+  const pad = " ".repeat(Math.max(0, Math.floor((width - LOGO_WIDTH) / 2)));
   return lines.map((line) => clip(pad + line, width, "end", ""));
 }
 function banner(width, t, glyph, subtitle) {
   if (width >= LARGE_MIN_WIDTH)
     return ["", ...center(large(t, subtitle), width), ""];
-  if (width >= MID_MIN_WIDTH)
-    return ["", ...center(mid(t, subtitle), width), ""];
   return [tiny(width, t, glyph, subtitle), ""];
 }
 function createBanner(tui, subtitle) {
   const start = Date.now();
-  const elapsed = () => Math.min(SWEEP_END, (Date.now() - start) / 1000);
+  const elapsed = () => Math.min(SETTLE_END, (Date.now() - start) / 1000);
   let unsubscribe;
   const dispose = () => {
     unsubscribe?.();
@@ -872,7 +851,7 @@ function createBanner(tui, subtitle) {
   };
   unsubscribe = onFrame(() => {
     tui.requestRender();
-    if (elapsed() >= SWEEP_END)
+    if (elapsed() >= SETTLE_END)
       dispose();
   });
   let frozenGlyph;
@@ -882,7 +861,7 @@ function createBanner(tui, subtitle) {
     dispose,
     render(width) {
       const t = elapsed();
-      if (t < SWEEP_END)
+      if (t < SETTLE_END)
         return banner(width, t, flame(3, TINY_FLAME_PHASE), subtitle);
       if (frozen?.width !== width) {
         frozenGlyph ??= flame(3, TINY_FLAME_PHASE);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pi-firecode",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A modular Pi extension for terminal UI, session workflows, adversarial review, and delegated agents",
   "type": "module",
   "license": "MIT",