sitevision-cli 0.6.0-beta.0 → 0.6.0-beta.1

package/dist/components/AnimatedLogo.js

@@ -1,12 +1,15 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment, useEffect, useRef, useState } from 'react';
 import { Box, Text } from 'ink';
-import { BIG_LOGO, BIG_LOGO_WIDTH } from '../utils/branding.js';
+import { AUTHOR, BIG_LOGO, BIG_LOGO_WIDTH } from '../utils/branding.js';
 const FRAME_MS = 45;
-const REVEAL_COLS_PER_FRAME = 9; // how fast the wipe sweeps left → right
-const HOLD_FRAMES = 20; // frames to keep cycling colours once fully revealed
-const REVEAL_FRAMES = Math.ceil(BIG_LOGO_WIDTH / REVEAL_COLS_PER_FRAME);
-const TOTAL_FRAMES = REVEAL_FRAMES + HOLD_FRAMES;
+const SWEEP_COLS_PER_FRAME = 7; // how fast the wipe edge moves left → right
+const BAND = 18; // width of the rainbow zone trailing the sweep edge
+const HOLD_FRAMES = 6; // frames to hold the fully-settled logo before finishing
+// The sweep edge runs past the right side by BAND so the rainbow zone trails
+// all the way off, leaving every character settled to the terminal default.
+const SWEEP_FRAMES = Math.ceil((BIG_LOGO_WIDTH + BAND) / SWEEP_COLS_PER_FRAME);
+const TOTAL_FRAMES = SWEEP_FRAMES + HOLD_FRAMES;
 // Convert HSL (h in degrees, s/l in 0..1) to a #rrggbb string for ink/chalk.
 function hslToHex(h, s, l) {
     const hue = h / 360;
@@ -22,22 +25,25 @@ function hslToHex(h, s, l) {
     };
     return `#${channel(0)}${channel(8)}${channel(4)}`;
 }
-function buildSpans(line, y, frame, reveal) {
+function buildSpans(line, y, frame, edge) {
     const spans = [];
     for (const [x, char] of [...line].entries()) {
-        const hidden = x >= reveal;
-        const blank = char === ' ' || hidden;
+        const hidden = x > edge;
+        // Distance behind the sweep edge. Inside BAND → rainbow; past it the
+        // character has "settled" to the terminal default (no colour override).
+        const behind = edge - x;
+        const lit = !hidden && char !== ' ' && behind < BAND;
         // Moving diagonal rainbow: hue depends on column + row + time, quantised
         // so neighbouring characters share a colour and runs stay long.
         const col = x * 1.6;
         const row = y * 6;
         const time = frame * 7;
         const stepped = Math.round((col + row + time) / 8) * 8;
-        const hue = blank ? undefined : stepped % 360;
+        const hue = stepped % 360;
         // Shadow characters sit darker than the solid blocks for a bit of depth.
-        const color = hue === undefined
-            ? undefined
-            : hslToHex(hue, 0.95, char === '░' ? 0.32 : 0.58);
+        const color = lit
+            ? hslToHex(hue, 0.95, char === '░' ? 0.32 : 0.58)
+            : undefined;
         const text = hidden ? ' ' : char;
         const last = spans.at(-1);
         if (last && last.color === color) {
@@ -72,8 +78,6 @@ export function AnimatedLogo({ onDone }) {
             onDone();
         }
     }, [frame, onDone]);
-    const reveal = frame >= REVEAL_FRAMES
-        ? BIG_LOGO_WIDTH
-        : (frame + 1) * REVEAL_COLS_PER_FRAME;
-    return (_jsx(Box, { flexDirection: "column", padding: 1, children: BIG_LOGO.map((line, y) => (_jsx(Text, { children: buildSpans(line, y, frame, reveal).map((span, index) => (_jsx(Fragment, { children: span.color ? (_jsx(Text, { color: span.color, children: span.text })) : (_jsx(Text, { children: span.text })) }, index))) }, y))) }));
+    const edge = (frame + 1) * SWEEP_COLS_PER_FRAME;
+    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [BIG_LOGO.map((line, y) => (_jsx(Text, { children: buildSpans(line, y, frame, edge).map((span, index) => (_jsx(Fragment, { children: span.color ? (_jsx(Text, { color: span.color, children: span.text })) : (_jsx(Text, { children: span.text })) }, index))) }, y))), _jsxs(Box, { marginTop: 1, children: [_jsx(Text, { dimColor: true, children: '  a tool by ' }), _jsx(Text, { bold: true, children: AUTHOR })] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sitevision-cli",
-	"version": "0.6.0-beta.0",
+	"version": "0.6.0-beta.1",
 	"license": "MIT",
 	"bin": {
 		"svc": "dist/cli.js"