blyuecode 0.7.1 → 0.8.0

package/dist/ui/SplashBanner.js

@@ -0,0 +1,119 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { Box, Text, useStdout } from 'ink';
+import { pastelAt } from './pastel.js';
+const BLYUE_BIG = [
+    '██████╗ ██╗     ██╗   ██╗ ██╗   ██╗ ███████╗',
+    '██╔══██╗██║     ╚██╗ ██╔╝ ██║   ██║ ██╔════╝',
+    '██████╔╝██║      ╚████╔╝  ██║   ██║ █████╗  ',
+    '██╔══██╗██║       ╚██╔╝   ██║   ██║ ██╔══╝  ',
+    '██████╔╝███████╗   ██║    ╚██████╔╝ ███████╗',
+    '╚═════╝ ╚══════╝   ╚═╝     ╚═════╝  ╚══════╝',
+];
+const BLYUE_SMALL = [
+    ' ___  _    _   _ _   _ ___ ',
+    '| _ )| |  | | | | | | | __|',
+    '| _ \\| |__| |_| | |_| | _| ',
+    '|___/|____|\\___/ \\___/|___|',
+];
+const CODE_BIG = [
+    '      ██████╗ ██████╗ ██████╗ ███████╗',
+    '      ██╔════╝██╔═══██╗██╔══██╗██╔════╝',
+    '      ██║     ██║   ██║██║  ██║█████╗  ',
+    '      ██║     ██║   ██║██║  ██║██╔══╝  ',
+    '      ╚██████╗╚██████╔╝██████╔╝███████╗',
+    '      ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝',
+];
+const CODE_SMALL = [
+    '     █▀▀ █▀█ █▀▄ █▀▀',
+    '     █▄▄ █▄█ █▄▀ ██▄',
+];
+const BLYUE_WIDTH = 44;
+const BLYUE_SMALL_WIDTH = 27;
+const LUMEN_COL_BIG = 35;
+const LUMEN_COL_SMALL = 9;
+const LUMEN_LETTERS = ['L', 'U', 'M', 'E', 'N'];
+const UNLIT = '#1c1c1c';
+const FRAME_MS = 55;
+const T_LUMEN_IN_START = 3;
+const T_LUMEN_IN_END = 7;
+const T_LUMEN_HOLD_END = 13;
+const T_LUMEN_OUT_START = 14;
+const T_LUMEN_OUT_END = 18;
+const T_GAP_END = 21;
+const T_BANNER_IN_START = 22;
+const T_BANNER_IN_END = 33;
+const T_HOLD_END = 39;
+export const SplashBanner = ({ onDone, version }) => {
+    const { stdout } = useStdout();
+    const width = stdout?.columns ?? 80;
+    const wide = width >= 60;
+    const blyue = wide ? BLYUE_BIG : BLYUE_SMALL;
+    const code = wide ? CODE_BIG : CODE_SMALL;
+    const blockWidth = wide ? BLYUE_WIDTH : BLYUE_SMALL_WIDTH;
+    const lumenCol = wide ? LUMEN_COL_BIG : LUMEN_COL_SMALL;
+    const leftPad = Math.max(0, Math.floor((width - blockWidth) / 2));
+    const pad = ' '.repeat(leftPad);
+    const lumenStart = leftPad + lumenCol;
+    const LUMEN_TEXT_LEN = 9;
+    const totalLetterRows = blyue.length + code.length;
+    const [frame, setFrame] = useState(0);
+    const onDoneRef = useRef(onDone);
+    useEffect(() => {
+        onDoneRef.current = onDone;
+    }, [onDone]);
+    useEffect(() => {
+        const int = setInterval(() => {
+            setFrame((f) => {
+                const nf = f + 1;
+                if (nf > T_HOLD_END) {
+                    clearInterval(int);
+                    setTimeout(() => onDoneRef.current(), 80);
+                    return T_HOLD_END;
+                }
+                return nf;
+            });
+        }, FRAME_MS);
+        return () => clearInterval(int);
+    }, []);
+    const lumenLetterLit = (i) => {
+        if (frame < T_LUMEN_IN_START)
+            return false;
+        if (frame <= T_LUMEN_IN_END)
+            return frame >= T_LUMEN_IN_START + i;
+        if (frame <= T_LUMEN_HOLD_END)
+            return true;
+        if (frame <= T_LUMEN_OUT_END)
+            return frame < T_LUMEN_OUT_START + i;
+        return false;
+    };
+    const bannerRowLit = (rowIdx) => {
+        if (frame < T_BANNER_IN_START)
+            return false;
+        if (frame <= T_BANNER_IN_END)
+            return frame >= T_BANNER_IN_START + rowIdx;
+        return true;
+    };
+    const versionVisible = frame > T_BANNER_IN_END;
+    const renderLumenLetters = () => {
+        const out = [];
+        for (let i = 0; i < 5; i++) {
+            const lit = lumenLetterLit(i);
+            const hue = 0.3 + (((frame * 0.02) + i * 0.06) % 0.45);
+            out.push(_jsx(Text, { color: lit ? pastelAt(hue) : 'gray', bold: lit, dimColor: !lit, children: lit ? LUMEN_LETTERS[i] : ' ' }, 'L' + i));
+            if (i < 4)
+                out.push(_jsx(Text, { children: " " }, 'sp' + i));
+        }
+        return out;
+    };
+    const renderBannerRow = (line, rowIdx) => {
+        const lit = bannerRowLit(rowIdx);
+        const hue = (rowIdx * 0.045) % 1;
+        return (_jsx(Text, { color: lit ? pastelAt(hue) : UNLIT, bold: lit, children: pad + line }, 'r' + rowIdx));
+    };
+    const versionText = 'v' + version;
+    const lumenEnd = lumenStart + LUMEN_TEXT_LEN;
+    const versionStart = Math.max(lumenEnd + 2, width - versionText.length - 1);
+    const gap = Math.max(1, versionStart - lumenEnd);
+    return (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { children: ' '.repeat(lumenStart) }), renderLumenLetters(), _jsx(Text, { children: ' '.repeat(gap) }), versionVisible ? (_jsx(Text, { color: "gray", children: versionText })) : (_jsx(Text, { children: " " }))] }), _jsx(Text, { children: " " }), blyue.map((line, i) => renderBannerRow(line, i)), code.map((line, i) => renderBannerRow(line, blyue.length + i))] }));
+};

package/dist/ui/splash.js

@@ -0,0 +1,121 @@
+import { pastelAt } from './pastel.js';
+const BLYUE_BIG = [
+    '██████╗ ██╗     ██╗   ██╗ ██╗   ██╗ ███████╗',
+    '██╔══██╗██║     ╚██╗ ██╔╝ ██║   ██║ ██╔════╝',
+    '██████╔╝██║      ╚████╔╝  ██║   ██║ █████╗  ',
+    '██╔══██╗██║       ╚██╔╝   ██║   ██║ ██╔══╝  ',
+    '██████╔╝███████╗   ██║    ╚██████╔╝ ███████╗',
+    '╚═════╝ ╚══════╝   ╚═╝     ╚═════╝  ╚══════╝',
+];
+const BLYUE_SMALL = [
+    ' ___  _    _   _ _   _ ___ ',
+    '| _ )| |  | | | | | | | __|',
+    '| _ \\| |__| |_| | |_| | _| ',
+    '|___/|____|\\___/ \\___/|___|',
+];
+const CODE_BIG = [
+    '      ██████╗ ██████╗ ██████╗ ███████╗',
+    '      ██╔════╝██╔═══██╗██╔══██╗██╔════╝',
+    '      ██║     ██║   ██║██║  ██║█████╗  ',
+    '      ██║     ██║   ██║██║  ██║██╔══╝  ',
+    '      ╚██████╗╚██████╔╝██████╔╝███████╗',
+    '      ╚═════╝ ╚═════╝ ╚═════╝ ╚══════╝',
+];
+const CODE_SMALL = [
+    '     █▀▀ █▀█ █▀▄ █▀▀',
+    '     █▄▄ █▄█ █▄▀ ██▄',
+];
+const LETTERS = ['L', 'U', 'M', 'E', 'N'];
+const RESET = '\x1b[0m';
+const BOLD = '\x1b[1m';
+const DIM = '\x1b[2m';
+const HOME_CLEAR = '\x1b[2J\x1b[H';
+const HIDE_CURSOR = '\x1b[?25l';
+const SHOW_CURSOR = '\x1b[?25h';
+function hexToAnsi(hex) {
+    const r = parseInt(hex.slice(1, 3), 16);
+    const g = parseInt(hex.slice(3, 5), 16);
+    const b = parseInt(hex.slice(5, 7), 16);
+    return `\x1b[38;2;${r};${g};${b}m`;
+}
+const FRAME_MS = 55;
+const T_LUMEN_IN_START = 3;
+const T_LUMEN_IN_END = 7;
+const T_BANNER_IN_START = 12;
+const T_BANNER_IN_END = 23;
+const T_HOLD_END = 31;
+function lumenLetterLit(frame, i) {
+    if (frame < T_LUMEN_IN_START)
+        return false;
+    if (frame <= T_LUMEN_IN_END)
+        return frame >= T_LUMEN_IN_START + i;
+    return true;
+}
+function bannerRowLit(frame, i) {
+    if (frame < T_BANNER_IN_START)
+        return false;
+    if (frame <= T_BANNER_IN_END)
+        return frame >= T_BANNER_IN_START + i;
+    return true;
+}
+function stripAnsi(s) {
+    return s.replace(/\x1b\[[0-9;]*m/g, '');
+}
+function buildFrame(frame, cols, version) {
+    const wide = cols >= 60;
+    const blyue = wide ? BLYUE_BIG : BLYUE_SMALL;
+    const code = wide ? CODE_BIG : CODE_SMALL;
+    const blockWidth = wide ? 44 : 27;
+    const lumenCol = wide ? 35 : 9;
+    const leftPad = Math.max(0, Math.floor((cols - blockWidth) / 2));
+    const pad = ' '.repeat(leftPad);
+    const out = [];
+    const lumenStart = leftPad + lumenCol;
+    let lumenRow = ' '.repeat(lumenStart);
+    for (let i = 0; i < LETTERS.length; i++) {
+        const lit = lumenLetterLit(frame, i);
+        if (lit) {
+            const hue = 0.3 + ((frame * 0.02 + i * 0.06) % 0.45);
+            lumenRow += BOLD + hexToAnsi(pastelAt(hue)) + LETTERS[i] + RESET;
+        }
+        else {
+            lumenRow += ' ';
+        }
+        if (i < LETTERS.length - 1)
+            lumenRow += ' ';
+    }
+    const versionText = 'v' + version;
+    const versionStart = Math.max(lumenStart + 9 + 2, cols - versionText.length - 1);
+    const visibleLen = stripAnsi(lumenRow).length;
+    lumenRow += ' '.repeat(Math.max(1, versionStart - visibleLen));
+    if (frame > T_BANNER_IN_END)
+        lumenRow += DIM + versionText + RESET;
+    out.push(lumenRow);
+    out.push('');
+    const rows = [...blyue, ...code];
+    for (let i = 0; i < rows.length; i++) {
+        const lit = bannerRowLit(frame, i);
+        const hue = (i * 0.045) % 1;
+        const color = lit ? BOLD + hexToAnsi(pastelAt(hue)) : hexToAnsi('#1c1c1c');
+        out.push(color + pad + rows[i] + RESET);
+    }
+    return out.join('\n');
+}
+function sleep(ms) {
+    return new Promise((r) => setTimeout(r, ms));
+}
+export async function playSplash(version) {
+    const cols = process.stdout.columns || 80;
+    process.stdout.write(HIDE_CURSOR);
+    try {
+        for (let frame = 0; frame <= T_HOLD_END; frame++) {
+            process.stdout.write(HOME_CLEAR + buildFrame(frame, cols, version));
+            await sleep(FRAME_MS);
+        }
+        await sleep(150);
+        process.stdout.write(HOME_CLEAR);
+    }
+    finally {
+        process.stdout.write(SHOW_CURSOR);
+    }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "blyuecode",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "BLYUE Code — a coding agent by Lumen",
   "type": "module",
   "license": "MIT",