upfynai-code 2.8.0 → 2.8.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "upfynai-code",
-  "version": "2.8.0",
+  "version": "2.8.2",
   "description": "Unified AI coding interface — access AI chat, terminal, file explorer, git, and visual canvas from any browser. Connect your local machine and code from anywhere.",
   "type": "module",
   "bin": {
@@ -17,6 +17,7 @@
   ],
   "scripts": {
     "start": "node bin/cli.js",
+    "postinstall": "node scripts/postinstall.js",
     "prepublishOnly": "node scripts/prepublish.js"
   },
   "keywords": [

package/scripts/postinstall.js

@@ -0,0 +1,9 @@
+#!/usr/bin/env node
+import { playInstallAnimation } from '../src/animation.js';
+
+try {
+  await playInstallAnimation();
+} catch {
+  // Silently fail — animation is cosmetic, don't break installs
+  console.log('\n  ✓ upfynai-code installed. Run `uc --help` to get started.\n');
+}

package/src/animation.js

@@ -0,0 +1,228 @@
+/**
+ * CLI spaceship-to-star animation for Upfyn-Code.
+ * Plays after install (postinstall) and before `uc connect` starts.
+ */
+
+const STAR_FRAMES = ['✦', '✧', '✦', '★'];
+
+// Spaceship frames (4 animation states)
+const SHIP = [
+  '  ╱▏▔▔╲   ',
+  ' ╱ ▏══ ╲  ',
+  '╱  ▏▁▁  ╲ ',
+  '  ╱▏▔▔╲   ',
+];
+
+// Simpler inline ship for the travel animation
+const SHIP_R = [
+  '     ▄▄     ',
+  '  ◁━━██━━▷  ',
+  '     ▀▀     ',
+];
+
+const SHIP_SMALL = '◁━━▶';
+const SHIP_TRAVEL = '⟫⟫';
+const EXHAUST_CHARS = ['░', '▒', '▓', '═', '~', '·'];
+
+function sleep(ms) {
+  return new Promise(r => setTimeout(r, ms));
+}
+
+function clearLines(n) {
+  for (let i = 0; i < n; i++) {
+    process.stdout.write('\x1b[1A\x1b[2K');
+  }
+}
+
+function dim(s) { return `\x1b[2m${s}\x1b[0m`; }
+function cyan(s) { return `\x1b[36m${s}\x1b[0m`; }
+function yellow(s) { return `\x1b[33m${s}\x1b[0m`; }
+function bold(s) { return `\x1b[1m${s}\x1b[0m`; }
+function magenta(s) { return `\x1b[35m${s}\x1b[0m`; }
+function white(s) { return `\x1b[97m${s}\x1b[0m`; }
+function green(s) { return `\x1b[32m${s}\x1b[0m`; }
+function blue(s) { return `\x1b[34m${s}\x1b[0m`; }
+
+/**
+ * Generate a star field background line
+ */
+function starFieldLine(width, density = 0.08, frame = 0) {
+  let line = '';
+  for (let i = 0; i < width; i++) {
+    if (Math.random() < density) {
+      const stars = ['.', '·', '∘', '°', '✧'];
+      const s = stars[Math.floor(Math.random() * stars.length)];
+      line += dim(s);
+    } else {
+      line += ' ';
+    }
+  }
+  return line;
+}
+
+/**
+ * Main spaceship-to-star animation
+ * @param {'install'|'connect'} mode
+ */
+export async function playSpaceshipAnimation(mode = 'connect') {
+  const cols = Math.min(process.stdout.columns || 70, 80);
+  const totalFrames = 28;
+  const LINES = 11; // total lines we'll use
+
+  const starX = cols - 6;
+
+  // Phase 1: Launch sequence text
+  const tagline = mode === 'install'
+    ? 'Installation complete!'
+    : 'Launching relay bridge...';
+
+  console.log('');
+  console.log(dim('  ─'.repeat(Math.floor(cols / 3))));
+  console.log('');
+
+  // Phase 2: Spaceship travels across the screen toward a star
+  for (let frame = 0; frame < totalFrames; frame++) {
+    const progress = frame / (totalFrames - 1); // 0 → 1
+    const shipX = Math.floor(progress * (cols - 16)) + 2;
+
+    // Build exhaust trail
+    const exhaustLen = Math.min(shipX, Math.floor(progress * 20));
+    let exhaust = '';
+    for (let e = 0; e < exhaustLen; e++) {
+      const intensity = 1 - (e / exhaustLen);
+      if (intensity > 0.7) exhaust = '▓' + exhaust;
+      else if (intensity > 0.4) exhaust = '▒' + exhaust;
+      else if (intensity > 0.2) exhaust = '░' + exhaust;
+      else exhaust = '·' + exhaust;
+    }
+
+    // Star pulse
+    const starChar = STAR_FRAMES[frame % STAR_FRAMES.length];
+    const starGlow = progress > 0.7 ? yellow('✦ ') : '';
+
+    // Build the 5 display lines
+    const lines = [];
+
+    // Line 1: starfield
+    lines.push('  ' + starFieldLine(cols - 4, 0.05, frame));
+
+    // Line 2: top space
+    lines.push('  ' + starFieldLine(cols - 4, 0.03, frame));
+
+    // Line 3: ship row (main action)
+    let shipRow = '';
+    const beforeShip = Math.max(0, shipX - exhaustLen);
+    shipRow += ' '.repeat(beforeShip);
+    shipRow += dim(exhaust);
+    shipRow += cyan('  ◁━━▶');
+    // Fill to star position
+    const afterShip = Math.max(0, starX - shipX - 7);
+    // Dots between ship and star
+    let midSpace = '';
+    for (let d = 0; d < afterShip; d++) {
+      midSpace += Math.random() < 0.06 ? dim('·') : ' ';
+    }
+    shipRow += midSpace;
+    if (progress < 0.92) {
+      shipRow += starGlow + yellow(starChar);
+    } else {
+      shipRow += yellow('✦★✦');
+    }
+    lines.push(shipRow);
+
+    // Line 4: thrust glow
+    let thrustRow = ' '.repeat(Math.max(0, shipX + 1));
+    if (frame % 2 === 0) {
+      thrustRow += dim(magenta('~≈~'));
+    } else {
+      thrustRow += dim(magenta('≈~≈'));
+    }
+    lines.push(thrustRow);
+
+    // Line 5: starfield
+    lines.push('  ' + starFieldLine(cols - 4, 0.04, frame));
+
+    // Line 6: message (centered)
+    const msg = progress < 0.3
+      ? dim(`  ${tagline}`)
+      : progress < 0.6
+        ? cyan(`  ⟫ Navigating to the stars...`)
+        : progress < 0.9
+          ? magenta(`  ⟫⟫ Almost there...`)
+          : green(`  ★ ${mode === 'install' ? 'Ready for launch!' : 'Connection established!'}`);
+    lines.push(msg);
+
+    // Line 7: progress bar
+    const barWidth = cols - 10;
+    const filled = Math.floor(progress * barWidth);
+    const bar = '  ' + dim('[')
+      + cyan('█'.repeat(filled))
+      + dim('░'.repeat(barWidth - filled))
+      + dim(']')
+      + dim(` ${Math.floor(progress * 100)}%`);
+    lines.push(bar);
+
+    // Print
+    if (frame > 0) clearLines(lines.length);
+    for (const l of lines) console.log(l);
+
+    // Speed: start slow, middle fast, end slow
+    const delay = progress < 0.2 ? 120
+      : progress > 0.85 ? 150
+      : 60;
+    await sleep(delay);
+  }
+
+  // Phase 3: Final flash
+  await sleep(200);
+  clearLines(7);
+
+  // Arrival burst
+  const burstLines = [];
+  burstLines.push('  ' + starFieldLine(cols - 4, 0.06));
+  burstLines.push('');
+  burstLines.push(
+    ' '.repeat(Math.floor(cols / 2 - 12))
+    + yellow('· ✧ · ★ ')
+    + bold(white('UPFYN'))
+    + yellow(' ★ · ✧ ·')
+  );
+  burstLines.push('');
+
+  if (mode === 'install') {
+    burstLines.push(
+      ' '.repeat(Math.floor(cols / 2 - 20))
+      + green('✓ ') + bold('upfynai-code') + dim(' installed successfully')
+    );
+    burstLines.push('');
+    burstLines.push(dim('  Quick start:'));
+    burstLines.push(cyan('    uc login       ') + dim('— authenticate'));
+    burstLines.push(cyan('    uc connect     ') + dim('— bridge to cloud'));
+    burstLines.push(cyan('    uc --local     ') + dim('— start local server'));
+  } else {
+    burstLines.push(
+      ' '.repeat(Math.floor(cols / 2 - 16))
+      + green('✓ ') + bold('Relay bridge activated')
+    );
+  }
+
+  burstLines.push('');
+  burstLines.push(dim('  ─'.repeat(Math.floor(cols / 3))));
+  burstLines.push('');
+
+  for (const l of burstLines) console.log(l);
+}
+
+/**
+ * Postinstall animation (shorter variant)
+ */
+export async function playInstallAnimation() {
+  return playSpaceshipAnimation('install');
+}
+
+/**
+ * Connect animation
+ */
+export async function playConnectAnimation() {
+  return playSpaceshipAnimation('connect');
+}

package/src/connect.js

@@ -9,6 +9,7 @@ import { readConfig, writeConfig, displayUrl } from './config.js';
 import { getToken, validateToken } from './auth.js';
 import { getPersistentShell } from './persistent-shell.js';
 import { needsPermission, requestPermission, handlePermissionResponse } from './permissions.js';
+import { playConnectAnimation } from './animation.js';
 
 // Resolve agents: dist/agents/ (npm package) or ../../shared/agents/ (monorepo)
 const __connectDir = dirname(fileURLToPath(import.meta.url));
@@ -220,6 +221,9 @@ export async function connect(options = {}) {
 
   const wsUrl = serverUrl.replace(/^http/, 'ws') + '/relay?token=' + encodeURIComponent(relayKey);
 
+  // Play spaceship launch animation
+  try { await playConnectAnimation(); } catch { /* cosmetic — don't block connect */ }
+
   console.log(chalk.bold('\n  Upfyn-Code Relay Client\n'));
   console.log(`  Server:  ${chalk.cyan(displayUrl(serverUrl))}`);
   console.log(`  Machine: ${chalk.dim(os.hostname())}`);
@@ -229,7 +233,13 @@ export async function connect(options = {}) {
   const MAX_RECONNECT = 10;
 
   function doConnect() {
-    const ws = new WebSocket(wsUrl);
+    const ws = new WebSocket(wsUrl, {
+      headers: {
+        'x-upfyn-machine': os.hostname(),
+        'x-upfyn-platform': process.platform,
+        'x-upfyn-cwd': process.cwd(),
+      },
+    });
 
     ws.on('open', () => {
       reconnectAttempts = 0;