nolo-cli 0.6.1 → 0.7.0

package/index.js

@@ -108103,51 +108103,76 @@ function renderStatusLine(state4) {
   if (!surface) return body;
   return `${surface} ${body} \x1B[49m`;
 }
-function buildPlainScene(isDark) {
-  const sky = isDark ? "\u263E" : "\u2600";
+function buildPlainScene(isDark, frame = 0, maxFrames = 0) {
+  let skyLine = `                      ${isDark ? "\u{1F319}" : "\u2600"}`;
+  if (isDark) {
+    const star1 = frame % 6 < 3 ? "\u2726" : "\u22C6";
+    const star2 = frame % 4 < 2 ? "\u22C6" : "\xB7";
+    const star3 = frame % 5 < 2 ? "\xB7" : "\u2726";
+    skyLine = `      ${star1}               \u{1F319}    ${star2}    ${star3}`;
+  }
+  const wavePattern = "_.~^~.";
+  const longWave = wavePattern.repeat(10);
+  const offset = frame % wavePattern.length;
+  const wave2 = longWave.slice(offset, offset + 25);
   return [
-    `                                       ${sky}`,
-    isDark ? "             \u2571\u2572                     \xB7" : "             \u2571\u2572",
-    "            \u2571  \u2572",
-    isDark ? "           \u2571    \u2572                \u2726" : "           \u2571    \u2572",
-    "          \u2571 \u2660  \u2660 \u2572",
-    "   \u2581\u2581\u2581\u2581\u2581\u2581\u2571   \u2660\u2660   \u2572\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581",
-    "        \u2588\u2584 \u2588 \u2584\u2580\u2580\u2584 \u2588    \u2584\u2580\u2580\u2584",
-    "        \u2588 \u2580\u2588 \u2588  \u2588 \u2588    \u2588  \u2588",
-    "        \u2580  \u2580  \u2580\u2580  \u2580\u2580\u2580\u2580  \u2580\u2580",
-    "   \u2570\u256E~\u2248~~\u2248~~\u2248~~\u2248~~\u2248~~\u2248~~\u2248~~\u2248~\u2570\u256E\u2248~"
+    skyLine,
+    "             \u2571\u2572                     \u2588\u2584 \u2588 \u2584\u2580\u2580\u2584 \u2588    \u2584\u2580\u2580\u2584",
+    "            \u2571  \u2572  \u2571\u2572                \u2588 \u2580\u2588 \u2588  \u2588 \u2588    \u2588  \u2588",
+    "           \u2571    \u2572\u2571  \u2572               \u2580  \u2580  \u2580\u2580  \u2580\u2580\u2580\u2580  \u2580\u2580",
+    `          \u2571  \u2660       \u2572          ${wave2}`,
+    "   \u2581\u2581\u2581\u2581\u2581\u2581\u2571 \u2660   \u2660      \u2572\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581"
   ].join("\n");
 }
-function buildColoredScene(isDark) {
+function buildColoredScene(isDark, frame = 0, maxFrames = 0) {
   const pk = themeColorSequence("chrome");
   const sk = themeColorSequence("warning");
-  const st = themeColorSequence("muted");
   const tr = themeColorSequence("success");
   const wv = themeColorSequence("info");
   const ac = themeColorSequence("accent");
-  const cr = themeColorSequence("chrome");
+  const mu = themeColorSequence("muted");
   const r = "\x1B[39m";
   const b = "\x1B[1m";
   const rs = "\x1B[0m";
-  const sky = isDark ? "\u263E" : "\u2600";
+  let skyLine = `                      ${sk}${isDark ? "\u{1F319}" : "\u2600"}${r}`;
+  if (isDark) {
+    const star1 = frame % 6 < 3 ? "\u2726" : "\u22C6";
+    const star2 = frame % 4 < 2 ? "\u22C6" : "\xB7";
+    const star3 = frame % 5 < 2 ? "\xB7" : "\u2726";
+    skyLine = `      ${mu}${star1}${r}               ${sk}\u{1F319}${r}    ${mu}${star2}${r}    ${mu}${star3}${r}`;
+  }
+  const wavePattern = "_.~^~.";
+  const longWave = wavePattern.repeat(10);
+  const offset = frame % wavePattern.length;
+  const wave2 = longWave.slice(offset, offset + 25);
+  const waveStr = `${wv}${wave2.slice(0, 20)}${r}${mu}${wave2.slice(20, 25)}${r}`;
+  const line1 = "\u2588\u2584 \u2588 \u2584\u2580\u2580\u2584 \u2588    \u2584\u2580\u2580\u2584";
+  const line2 = "\u2588 \u2580\u2588 \u2588  \u2588 \u2588    \u2588  \u2588";
+  const line3 = "\u2580  \u2580  \u2580\u2580  \u2580\u2580\u2580\u2580  \u2580\u2580";
+  const sweepEndFrame = maxFrames > 3 ? maxFrames - 3 : maxFrames;
+  const sweepLen = maxFrames === 0 ? 21 : Math.min(21, Math.floor(frame / sweepEndFrame * 21));
+  const colorLine = (str, bold) => {
+    const active = str.slice(0, sweepLen);
+    const dimmed = str.slice(sweepLen);
+    return `${bold ? b : ""}${ac}${active}${r}${mu}${dimmed}${r}${bold ? rs : ""}`;
+  };
+  const nolo1 = colorLine(line1, true);
+  const nolo2 = colorLine(line2, false);
+  const nolo3 = colorLine(line3, false);
   return [
-    `                                       ${sk}${sky}${r}`,
-    isDark ? `             ${pk}\u2571\u2572${r}                     ${st}\xB7${r}` : `             ${pk}\u2571\u2572${r}`,
-    `            ${pk}\u2571  \u2572${r}`,
-    isDark ? `           ${pk}\u2571    \u2572${r}                ${st}\u2726${r}` : `           ${pk}\u2571    \u2572${r}`,
-    `          ${pk}\u2571${r} ${tr}\u2660  \u2660${r} ${pk}\u2572${r}`,
-    `   ${pk}\u2581\u2581\u2581\u2581\u2581\u2581\u2571${r}   ${tr}\u2660\u2660${r}   ${pk}\u2572\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581${r}`,
-    `        ${b}${ac}\u2588\u2584 \u2588 \u2584\u2580\u2580\u2584 \u2588    \u2584\u2580\u2580\u2584${rs}`,
-    `        ${ac}\u2588 \u2580\u2588 \u2588  \u2588 \u2588    \u2588  \u2588${r}`,
-    `        ${cr}\u2580  \u2580  \u2580\u2580  \u2580\u2580\u2580\u2580  \u2580\u2580${r}`,
-    `   ${wv}\u2570\u256E~\u2248~~\u2248~~\u2248~~\u2248~~\u2248~~\u2248~~\u2248~~\u2248~\u2570\u256E\u2248~${r}`
+    skyLine,
+    `             ${pk}\u2571\u2572${r}                     ${nolo1}`,
+    `            ${pk}\u2571  \u2572  \u2571\u2572${r}                ${nolo2}`,
+    `           ${pk}\u2571    \u2572\u2571  \u2572${r}               ${nolo3}`,
+    `          ${pk}\u2571${r}  ${tr}\u2660${r}       ${pk}\u2572${r}          ${waveStr}`,
+    `   ${pk}\u2581\u2581\u2581\u2581\u2581\u2581\u2571${r} ${tr}\u2660${r}   ${tr}\u2660${r}      ${pk}\u2572\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581\u2581${r}`
   ].join("\n");
 }
-function renderWelcome(state4) {
+function renderWelcome(state4, frame = 0, maxFrames = 0) {
   const colorEnabled = resolveCliColorEnabled();
   const brightness = resolveTuiBrightness();
   const isDark = brightness === "dark";
-  const sceneArt = colorEnabled ? buildColoredScene(isDark) : buildPlainScene(isDark);
+  const sceneArt = colorEnabled ? buildColoredScene(isDark, frame, maxFrames) : buildPlainScene(isDark, frame, maxFrames);
   const versionLine = colorEnabled ? `\x1B[1m${themeColorSequence("accent")}nolo\x1B[0m ${state4.cliVersion ?? ""} | server ${state4.serverUrl}`.replace("  |", " |") : `nolo ${state4.cliVersion ?? ""} | server ${state4.serverUrl}`.replace("  |", " |");
   return [
     sceneArt,
@@ -110639,7 +110664,16 @@ async function startTuiWorkspace(options) {
     stdout: output2
   });
   if (detected) setActiveBrightness(detected);
-  output2.write(renderWelcome(state4));
+  const frames = 15;
+  output2.write("\x1B[?25l");
+  for (let i = 0; i < frames; i++) {
+    output2.write(renderWelcome(state4, i, frames));
+    if (i < frames - 1) {
+      await new Promise((resolve9) => setTimeout(resolve9, 100));
+      output2.write("\r\x1B[8A\x1B[0J");
+    }
+  }
+  output2.write("\x1B[?25h");
   let fixedInput = createNoopFixedInput();
   let buffer = "";
   let cursorPos = 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nolo-cli",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "type": "module",
   "description": "Agent-first terminal workspace for Nolo",
   "bin": {