mybitduit 0.0.1 → 0.0.2

package/cli/mybitduit.mjs

@@ -126,15 +126,23 @@ async function tui() {
   const { useState, useEffect, useRef } = React;
   const html = htm.bind(React.createElement);
 
-  // hand-drawn coin logo (bit + duit = money)
-  const COIN = [
-    '  ▗▄▄▄▄▖  ',
-    ' ▟▛    ▜▙ ',
-    '▐▌  $$  ▐▌',
-    '▐▌  $$  ▐▌',
-    ' ▜▙    ▟▛ ',
-    '  ▝▀▀▀▀▘  ',
+  // big wordmark (figlet "ANSI Shadow"), drawn with a green gradient
+  const WORDMARK = [
+    '███╗   ███╗██╗   ██╗██████╗ ██╗████████╗██████╗ ██╗   ██╗██╗████████╗',
+    '████╗ ████║╚██╗ ██╔╝██╔══██╗██║╚══██╔══╝██╔══██╗██║   ██║██║╚══██╔══╝',
+    '██╔████╔██║ ╚████╔╝ ██████╔╝██║   ██║   ██║  ██║██║   ██║██║   ██║   ',
+    '██║╚██╔╝██║  ╚██╔╝  ██╔══██╗██║   ██║   ██║  ██║██║   ██║██║   ██║   ',
+    '██║ ╚═╝ ██║   ██║   ██████╔╝██║   ██║   ██████╔╝╚██████╔╝██║   ██║   ',
+    '╚═╝     ╚═╝   ╚═╝   ╚═════╝ ╚═╝   ╚═╝   ╚═════╝  ╚═════╝ ╚═╝   ╚═╝   ',
   ];
+  const WORDMARK_W = WORDMARK[0].length;
+  // line i of n: bright phosphor green fading into the deep logo green
+  const grad = (i, n) => {
+    const t = i / Math.max(1, n - 1);
+    const mix = (a, b) => Math.round(a + (b - a) * t);
+    return '#' + [mix(0, 42), mix(255, 125), mix(156, 92)]
+      .map((v) => v.toString(16).padStart(2, '0')).join('');
+  };
 
   const MENU = [
     { label: 'Live prices · top 10', hint: '↵', action: 'live' },
@@ -143,10 +151,13 @@ async function tui() {
     { label: 'Quit', hint: 'q', action: 'quit' },
   ];
 
-  // take over the screen (alternate buffer) so we get the full black canvas
-  process.stdout.write('\x1b[?1049h\x1b[2J\x1b[H');
-  const restore = () => process.stdout.write('\x1b[?1049l');
+  // take over the screen like its own window (grok-style):
+  //   ?1049h = alternate buffer   2J/H = clear   ]11; = set the terminal
+  //   window's own background to void (paints even the padding margins)
+  process.stdout.write(`\x1b[?1049h\x1b[2J\x1b[H\x1b]11;${VOID}\x07`);
+  const restore = () => process.stdout.write('\x1b]111\x07\x1b[?1049l');
   process.on('exit', restore);
+  process.on('SIGTERM', () => { restore(); process.exit(0); });
 
   function App() {
     const { exit } = useApp();
@@ -274,16 +285,26 @@ async function tui() {
       }
     });
 
-    const cursorOn = tick % 2 === 0;
+    const cursorOn = Math.floor(tick / 4) % 2 === 0; // ~480ms blink, like a real cursor
     const retryTxt = retryAt ? ` · retrying in ${Math.max(0, Math.ceil((retryAt - Date.now()) / 1000))}s` : '';
     const statusTxt = err
       ? `✗ ${err}${retryTxt} · press r`
       : toast || 'non-custodial · nothing leaves your machine · prices via coingecko';
 
     const Shell = (children) =>
-      html`<${Box} flexDirection="column" width=${cols} height=${rows} backgroundColor=${VOID} paddingX=${2} paddingTop=${1}>
-        ${children}
-      <//>`;
+      React.createElement(
+        Box,
+        { flexDirection: 'column', width: cols, height: rows, backgroundColor: VOID, paddingX: 2, paddingTop: 1 },
+        ...(Array.isArray(children) ? children : [children]),
+      );
+
+    // gradient wordmark; falls back to plain type on narrow terminals
+    const Wordmark = () =>
+      cols >= WORDMARK_W + 6
+        ? html`<${Box} flexDirection="column" alignItems="center">
+            ${WORDMARK.map((l, i) => html`<${Text} key=${i} color=${grad(i, WORDMARK.length)}>${l}<//>`)}
+          <//>`
+        : html`<${Box} justifyContent="center"><${Text} bold color=${GREEN}>mybitduit<//><//>`;
 
     /* ---------------- HOME ---------------- */
     if (screen === 'home') {
@@ -298,23 +319,18 @@ async function tui() {
 
       return Shell(html`
         <${Box} flexGrow=${1}><//>
+        <${Wordmark} />
+        <${Box} justifyContent="center" marginTop=${1}>
+          <${Text} color=${DIM}>your non-custodial solana money terminal<//>
+          <${Text} color=${LOGO}>  · Beta<//>
+        <//>
         <${Box} justifyContent="center">
-          <${Box} borderStyle="round" borderColor=${BORDER} paddingX=${3} paddingY=${1}>
-            <${Box} flexDirection="column" marginRight=${3}>
-              ${COIN.map((l, i) => html`<${Text} key=${i} color=${LOGO}>${l}<//>`)}
-            <//>
-            <${Box} flexDirection="column">
-              <${Box}>
-                <${Text} bold color=${INK}>mybitduit<//>
-                <${Text} color=${DIM}>   Beta 0.0.1<//>
-              <//>
-              <${Text} color=${DIM}>your non-custodial solana money terminal<//>
-              <${Box} marginTop=${1}><${Text} bold color=${AMBER}>live · prices + read-only wallet<//><//>
-              <${Text} color=${DIM}>Top 10 + 7d charts, and any wallet by address. Swaps next.<//>
-              <${Box} flexDirection="column" marginTop=${1}>
-                ${menu}
-              <//>
-            <//>
+          <${Text} color=${AMBER}>live · prices + read-only wallet<//>
+          <${Text} color=${DIM}> · swaps next<//>
+        <//>
+        <${Box} justifyContent="center" marginTop=${1}>
+          <${Box} flexDirection="column">
+            ${menu}
           <//>
         <//>
         <${Box} flexGrow=${1}><//>
@@ -326,7 +342,6 @@ async function tui() {
           <${Box} flexGrow=${1}><//>
           <${Text} color=${DIM}>mybitduit · prices<//>
         <//>
-        <${Box} justifyContent="flex-end"><${Text} color=${DIM}>Beta<//><//>
       `);
     }
 
@@ -367,13 +382,9 @@ async function tui() {
           i === pos || i === (pos + 1) % w ? '█' : '░').join('');
         return Shell(html`
           <${Box} flexGrow=${1}><//>
-          <${Box} justifyContent="center">
-            <${Box} flexDirection="column" alignItems="center">
-              ${COIN.map((l, i) => html`<${Text} key=${i} color=${LOGO}>${l}<//>`)}
-              <${Box} marginTop=${1}><${Text} color=${DIM}>reading wallet · on-chain<//><//>
-              <${Box}><${Text} color=${GREEN}>[${barr}]<//><//>
-            <//>
-          <//>
+          <${Wordmark} />
+          <${Box} justifyContent="center" marginTop=${1}><${Text} color=${DIM}>reading wallet · on-chain<//><//>
+          <${Box} justifyContent="center"><${Text} color=${GREEN}>[${barr}]<//><//>
           <${Box} flexGrow=${1}><//>
           <${Box} justifyContent="flex-end"><${Text} color=${DIM}>read-only · we never see a key<//><//>
         `);
@@ -440,14 +451,10 @@ async function tui() {
         i === pos || i === (pos + 1) % w ? '█' : '░').join('');
       return Shell(html`
         <${Box} flexGrow=${1}><//>
-        <${Box} justifyContent="center">
-          <${Box} flexDirection="column" alignItems="center">
-            ${COIN.map((l, i) => html`<${Text} key=${i} color=${LOGO}>${l}<//>`)}
-            <${Box} marginTop=${1}><${Text} color=${DIM}>loading top 10 markets<//><//>
-            <${Box}><${Text} color=${GREEN}>[${barr}]<//><//>
-            ${err && html`<${Box} marginTop=${1}><${Text} color=${RED}>✗ ${err}${retryTxt}<//><//>`}
-          <//>
-        <//>
+        <${Wordmark} />
+        <${Box} justifyContent="center" marginTop=${1}><${Text} color=${DIM}>loading top 10 markets<//><//>
+        <${Box} justifyContent="center"><${Text} color=${GREEN}>[${barr}]<//><//>
+        ${err && html`<${Box} justifyContent="center" marginTop=${1}><${Text} color=${RED}>✗ ${err}${retryTxt}<//><//>`}
         <${Box} flexGrow=${1}><//>
         <${Box} justifyContent="flex-end"><${Text} color=${DIM}>esc back · q quit<//><//>
       `);
@@ -512,7 +519,10 @@ async function tui() {
     `);
   }
 
-  render(html`<${App} />`);
+  const app = render(html`<${App} />`);
+  await app.waitUntilExit();
+  restore();
+  process.exit(0);
 }
 
 /* ---- help ---- */

package/package.json

@@ -1,12 +1,26 @@
 {
   "name": "mybitduit",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "mybitduit — your non-custodial Solana money terminal (web + CLI). bit + duit.",
   "type": "module",
-  "bin": { "mybitduit": "cli/mybitduit.mjs" },
-  "files": ["cli/", "core/", "README.md"],
+  "bin": {
+    "mybitduit": "cli/mybitduit.mjs"
+  },
+  "files": [
+    "cli/",
+    "core/",
+    "README.md"
+  ],
   "preferGlobal": true,
-  "keywords": ["solana", "crypto", "cli", "terminal", "prices", "wallet", "non-custodial"],
+  "keywords": [
+    "solana",
+    "crypto",
+    "cli",
+    "terminal",
+    "prices",
+    "wallet",
+    "non-custodial"
+  ],
   "license": "MIT",
   "scripts": {
     "start": "node cli/mybitduit.mjs",
@@ -19,5 +33,7 @@
     "ink": "^5.0.1",
     "react": "^18.3.1"
   },
-  "engines": { "node": ">=18" }
+  "engines": {
+    "node": ">=18"
+  }
 }