@sanjay5114/cdx 1.0.0

package/lib/ui.js

@@ -0,0 +1,477 @@
+"use strict";
+
+const chalk = require("chalk");
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  DESIGN TOKENS
+// ─────────────────────────────────────────────────────────────────────────────
+const C = {
+  brand      : "#0EA5E9",
+  brandDark  : "#0369A1",
+  brandLight : "#38BDF8",
+  violet     : "#8B5CF6",
+  emerald    : "#10B981",
+  amber      : "#F59E0B",
+  rose       : "#F43F5E",
+  white      : "#F8FAFC",
+  muted      : "#94A3B8",
+  dim        : "#475569",
+  ghost      : "#1E293B",
+};
+
+const T = {
+  brand      : chalk.hex(C.brand),
+  brandBold  : chalk.hex(C.brand).bold,
+  brandDim   : chalk.hex(C.brandDark),
+  accent     : chalk.hex(C.brandLight),
+  violet     : chalk.hex(C.violet),
+  success    : chalk.hex(C.emerald),
+  warn       : chalk.hex(C.amber),
+  error      : chalk.hex(C.rose),
+  white      : chalk.hex(C.white),
+  whiteBold  : chalk.hex(C.white).bold,
+  muted      : chalk.hex(C.muted),
+  dim        : chalk.hex(C.dim),
+  bgBrand    : chalk.bgHex(C.brand).hex("#000"),
+  bgSuccess  : chalk.bgHex(C.emerald).hex("#000"),
+  bgWarn     : chalk.bgHex(C.amber).hex("#000"),
+  bgError    : chalk.bgHex(C.rose).hex("#fff"),
+};
+
+const W = Math.min(process.stdout.columns || 80, 110);
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  PRIMITIVES
+// ─────────────────────────────────────────────────────────────────────────────
+function stripAnsi(s) { return s.replace(/\x1B\[[0-9;]*m/g, ""); }
+
+function pad(text, len) {
+  const raw = stripAnsi(text);
+  const n = Math.max(0, len - raw.length);
+  return text + " ".repeat(n);
+}
+
+function center(text, width) {
+  width = width || W;
+  const len = stripAnsi(text).length;
+  const p = Math.max(0, Math.floor((width - len) / 2));
+  return " ".repeat(p) + text;
+}
+
+function rule(char, color) {
+  char  = char  || "─";
+  color = color || T.dim;
+  return color(char.repeat(W));
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  BANNER
+// ─────────────────────────────────────────────────────────────────────────────
+function printBanner() {
+  const L = [
+    "  ██████╗██████╗ ██╗  ██╗   ██╗  ██╗",
+    " ██╔════╝██╔══██╗╚██╗██╔╝    ╚██╗██╔╝",
+    " ██║     ██║  ██║ ╚███╔╝      ╚███╔╝ ",
+    " ██║     ██║  ██║ ██╔██╗      ██╔██╗ ",
+    " ╚██████╗██████╔╝██╔╝ ██╗    ██╔╝ ██╗",
+    "  ╚═════╝╚═════╝ ╚═╝  ╚═╝   ╚═╝  ╚═╝",
+  ];
+  const GRAD = ["#0EA5E9","#14B8A6","#22D3EE","#38BDF8","#7DD3FC","#BAE6FD"];
+  console.log();
+  L.forEach(function(row, i) { console.log(center(chalk.hex(GRAD[i]).bold(row))); });
+  console.log();
+  console.log(center(T.muted("─".repeat(38))));
+  console.log(center(
+    T.accent(" Code Documentation eXpert") +
+    T.dim("   ·   ") + T.muted("v3.0.0") +
+    T.dim("   ·   ") + T.violet("Enterprise Edition")
+  ));
+  console.log(center(T.dim("Powered by Gemini AI  ·  Firebase Auth  ·  GitHub Integration")));
+  console.log();
+  console.log(rule("═", T.brandDim));
+  console.log();
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  DEX — Animated CLI Mascot
+//  A friendly robot assistant with mood-based expressions
+// ─────────────────────────────────────────────────────────────────────────────
+
+const DEX_FRAMES = {
+  idle: [
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │  ──  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │  ∪∪  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ─  ─ │ ", "  │  ──  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │  ──  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+  ],
+  think: [
+    ["  ╭──────╮ ", "  │ ◔  ◔ │ ", "  │  ·   │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◔  ◑ │ ", "  │  ··  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◑  ◔ │ ", "  │  ·   │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ○  ◔ │ ", "  │  ··  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+  ],
+  happy: [
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │ ╰──╯ │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ^  ^ │ ", "  │ ╰──╯ │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │  ∪∪  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ^  ^ │ ", "  │ ╰──╯ │ ", "  ╰──────╯ ", "   ╰────╯  "],
+  ],
+  error: [
+    ["  ╭──────╮ ", "  │ ×  × │ ", "  │  ──  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ×  × │ ", "  │  ∩∩  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+  ],
+  greet: [
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │  ∪∪  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ^  ^ │ ", "  │ ╰──╯ │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◠  ◠ │ ", "  │ ╰──╯ │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │  ∪∪  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+  ],
+  wait: [
+    ["  ╭──────╮ ", "  │ ─  ─ │ ", "  │  ··  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │  ··  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ─  ─ │ ", "  │  ──  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+    ["  ╭──────╮ ", "  │ ◉  ◉ │ ", "  │  ──  │ ", "  ╰──────╯ ", "   ╰────╯  "],
+  ],
+};
+
+const DEX_COLOR = {
+  idle  : "#38BDF8",
+  think : "#A78BFA",
+  happy : "#10B981",
+  error : "#F43F5E",
+  greet : "#34D399",
+  wait  : "#94A3B8",
+};
+
+const SPIN_CHARS = ["⠋","⠙","⠹","⠸","⠼","⠴","⠦","⠧","⠇","⠏"];
+
+/**
+ * Print Dex with a speech bubble — static, no animation.
+ */
+function dex(message, mood) {
+  mood = mood || "idle";
+  var face  = (DEX_FRAMES[mood] || DEX_FRAMES.idle)[0];
+  var color = chalk.hex(DEX_COLOR[mood] || DEX_COLOR.idle);
+
+  // Wrap message at 38 chars
+  var words   = String(message).split(" ");
+  var lines   = [];
+  var current = "";
+  for (var i = 0; i < words.length; i++) {
+    var w = words[i];
+    var candidate = current ? current + " " + w : w;
+    if (candidate.length > 38) { lines.push(current); current = w; }
+    else current = candidate;
+  }
+  if (current) lines.push(current);
+
+  var bw = 0;
+  for (var j = 0; j < lines.length; j++) if (lines[j].length > bw) bw = lines[j].length;
+  bw = Math.max(bw + 2, 12);
+
+  var d = T.dim;
+  var w2 = T.white;
+
+  var bubble = [];
+  bubble.push(d("╭" + "─".repeat(bw) + "╮"));
+  for (var k = 0; k < lines.length; k++) {
+    bubble.push(d("│ ") + w2(lines[k] + " ".repeat(bw - 2 - lines[k].length)) + d(" │"));
+  }
+  bubble.push(d("╰" + "─".repeat(bw) + "╯"));
+  bubble.push(d("  ╲"));
+
+  var faceH   = face.length;
+  var bubbleH = bubble.length;
+  var maxH    = Math.max(faceH + 1, bubbleH);
+
+  console.log();
+  for (var n = 0; n < maxH; n++) {
+    var fl = n < faceH ? color(face[n]) : "           ";
+    var bl = n < bubbleH ? " " + bubble[n] : "";
+    console.log("    " + fl + "   " + bl);
+  }
+  console.log();
+}
+
+/**
+ * Animate Dex with cycling frames while work is happening.
+ * Returns { stop(finalMsg, finalMood) }
+ */
+function dexAnimate(message, mood) {
+  mood = mood || "think";
+  var frames = DEX_FRAMES[mood] || DEX_FRAMES.think;
+  var color  = chalk.hex(DEX_COLOR[mood] || DEX_COLOR.think);
+  var isTTY  = process.stdout.isTTY;
+  var fi     = 0;
+
+  var FACE_H = frames[0].length;   // 5 lines
+  var STATUS = 1;                   // 1 status line above face
+  var TOTAL  = FACE_H + STATUS + 1; // +1 blank line
+
+  if (!isTTY) {
+    process.stdout.write("   " + chalk.hex("#38BDF8")(message) + "\n");
+    return { stop: function(m, md) { if (m) console.log("   " + chalk.hex("#10B981")("✔  " + m)); } };
+  }
+
+  // Print initial block
+  function printBlock(face, statusMsg, statusColor) {
+    var spin = SPIN_CHARS[fi % SPIN_CHARS.length];
+    process.stdout.write((statusColor || chalk.hex("#38BDF8"))("   " + spin + "  " + statusMsg + " ".repeat(Math.max(0, 60 - statusMsg.length))) + "\n");
+    face.forEach(function(row) { process.stdout.write("    " + color(row) + "\n"); });
+    process.stdout.write("\n");
+  }
+
+  printBlock(frames[0], message);
+
+  var iv = setInterval(function() {
+    fi++;
+    // Move cursor up TOTAL lines
+    process.stdout.write("\x1B[" + TOTAL + "A");
+    process.stdout.clearLine && process.stdout.clearLine(0);
+    printBlock(frames[fi % frames.length], message);
+  }, 180);
+
+  return {
+    stop: function(finalMsg, finalMood) {
+      clearInterval(iv);
+      finalMood = finalMood || "happy";
+      var finalFrames = DEX_FRAMES[finalMood] || DEX_FRAMES.happy;
+      var finalColor  = chalk.hex(DEX_COLOR[finalMood] || DEX_COLOR.happy);
+      var faceToShow  = finalFrames[0];
+
+      // Overwrite
+      process.stdout.write("\x1B[" + TOTAL + "A");
+      process.stdout.write(chalk.hex("#10B981")("   ✔  " + (finalMsg || message) + " ".repeat(Math.max(0, 60 - (finalMsg || message).length))) + "\n");
+      faceToShow.forEach(function(row) { process.stdout.write("    " + finalColor(row) + "\n"); });
+      process.stdout.write("\n");
+    },
+  };
+}
+
+/**
+ * Dex types out a greeting character-by-character next to his face.
+ */
+async function dexGreet(name) {
+  var face   = DEX_FRAMES.greet;
+  var color  = chalk.hex(DEX_COLOR.greet);
+  var isTTY  = process.stdout.isTTY;
+
+  if (!isTTY) {
+    if (name) console.log(chalk.hex("#34D399")("   Welcome back, " + name + "!"));
+    else       console.log(chalk.hex("#38BDF8")("   Hello! Please sign in to continue."));
+    return;
+  }
+
+  // Print face first
+  console.log();
+  var frame = face[0];
+  frame.forEach(function(row) { console.log("    " + color(row)); });
+  console.log();
+
+  var msg    = name ? "Hey " + name + "! Great to have you back. \u2019" : "Hi there! Please sign in to get started. \u2019";
+  var bubble = "   \u276f\u276f  ";
+
+  process.stdout.write(chalk.hex("#34D399")(bubble));
+
+  // Typewrite the message
+  await new Promise(function(resolve) {
+    var i = 0;
+    var iv = setInterval(function() {
+      process.stdout.write(chalk.hex("#F8FAFC")(msg[i]));
+      i++;
+      if (i >= msg.length) { clearInterval(iv); resolve(); }
+    }, 28);
+  });
+
+  console.log();
+  console.log();
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  SECTION HEADER
+// ─────────────────────────────────────────────────────────────────────────────
+function section(title, subtitle) {
+  var inner = subtitle ? title + "  \u203a  " + subtitle : title;
+  var rawLen = stripAnsi(inner).length + 4;
+  var width  = Math.max(rawLen, 40);
+  console.log();
+  console.log("  " + T.brandDim("┌" + "─".repeat(width) + "┐"));
+  console.log("  " + T.brandDim("│") + "  " + T.whiteBold(title) + (subtitle ? T.dim("  ›  ") + T.muted(subtitle) : "") + "  " + T.brandDim("│"));
+  console.log("  " + T.brandDim("└" + "─".repeat(width) + "┘"));
+  console.log();
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  STATUS LINES
+// ─────────────────────────────────────────────────────────────────────────────
+var ICONS = {
+  arrow  : "›",
+  bullet : "◆",
+  check  : "✔",
+  cross  : "✖",
+  warn   : "⚠",
+  info   : "ℹ",
+  rocket : "◈",
+  lock   : "◉",
+  star   : "★",
+  dot    : "•",
+};
+
+function step(icon, label, value) {
+  value = value || "";
+  console.log("   " + T.brand(icon) + "  " + T.white(label) + (value ? "  " + T.dim(value) : ""));
+}
+function ok(msg)   { console.log("   " + T.success(ICONS.check) + "  " + T.success(msg)); }
+function warn(msg) { console.log("   " + T.warn(ICONS.warn)  + "  " + T.warn(msg)); }
+function err(msg)  { console.log("   " + T.error(ICONS.cross) + "  " + T.error(msg)); }
+function info(msg) { console.log("   " + T.accent(ICONS.info) + "  " + T.accent(msg)); }
+function note(msg) { console.log("   " + T.dim(ICONS.dot)   + "  " + T.muted(msg)); }
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  SPINNER
+// ─────────────────────────────────────────────────────────────────────────────
+function spinner(text) {
+  var i = 0, iv, _t = text;
+  var isTTY = process.stdout.isTTY;
+  var s = {
+    start: function() {
+      if (isTTY) process.stdout.write("\x1B[?25l");
+      iv = setInterval(function() {
+        if (!isTTY) return;
+        process.stdout.clearLine(0);
+        process.stdout.cursorTo(0);
+        process.stdout.write("   " + T.brand(SPIN_CHARS[i++ % SPIN_CHARS.length]) + "  " + T.accent(_t));
+      }, 70);
+      return s;
+    },
+    update: function(msg) { _t = msg; },
+    done: function(msg, type) {
+      clearInterval(iv);
+      if (isTTY) {
+        process.stdout.clearLine(0);
+        process.stdout.cursorTo(0);
+        process.stdout.write("\x1B[?25h");
+      }
+      type = type || "ok";
+      var icon  = type === "ok" ? T.success(ICONS.check) : type === "warn" ? T.warn(ICONS.warn) : T.error(ICONS.cross);
+      var color = type === "ok" ? T.white : type === "warn" ? T.warn : T.error;
+      console.log("   " + icon + "  " + color(msg || _t));
+    },
+    ok:   function(msg) { s.done(msg, "ok"); },
+    fail: function(msg) { s.done(msg, "fail"); },
+    warn: function(msg) { s.done(msg, "warn"); },
+  };
+  return s;
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  PROGRESS BAR
+// ─────────────────────────────────────────────────────────────────────────────
+function progressBar(label, pct, width) {
+  width = width || 28;
+  var f   = Math.round((pct / 100) * width);
+  var bar = T.brand("█".repeat(f)) + T.dim("░".repeat(width - f));
+  var pctStr = String(pct).padStart(3);
+  if (process.stdout.isTTY) {
+    process.stdout.clearLine(0);
+    process.stdout.cursorTo(0);
+    process.stdout.write("   " + T.muted(label) + "  " + bar + "  " + T.accent(pctStr + "%"));
+  }
+}
+
+function animateProgress(label, ms) {
+  ms = ms || 1600;
+  return new Promise(function(resolve) {
+    var pct = 0;
+    var iv  = setInterval(function() {
+      pct = Math.min(pct + 2, 100);
+      progressBar(label, pct);
+      if (pct >= 100) { clearInterval(iv); if (process.stdout.isTTY) process.stdout.write("\n"); resolve(); }
+    }, ms / 50);
+  });
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  TABLE
+// ─────────────────────────────────────────────────────────────────────────────
+function table(rows, opts) {
+  opts = opts || {};
+  var colW = opts.colW || Math.floor((W - 12) / 2);
+  var line = function(l, m, r) { return "   " + T.dim(l + "─".repeat(colW) + m + "─".repeat(colW) + r); };
+  console.log(line("┌", "┬", "┐"));
+  rows.forEach(function(row, i) {
+    var k = row[0], v = row[1];
+    var kp = pad(k, colW - 2);
+    var vp = pad(v, colW - 2);
+    console.log("   " + T.dim("│") + " " + T.muted(kp) + " " + T.dim("│") + " " + T.white(vp) + " " + T.dim("│"));
+    if (i < rows.length - 1) console.log(line("├", "┼", "┤"));
+  });
+  console.log(line("└", "┴", "┘"));
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  BADGE & PANEL
+// ─────────────────────────────────────────────────────────────────────────────
+function badge(text, type) {
+  type = type || "default";
+  var styles = {
+    success : chalk.bgHex(C.emerald).hex("#000"),
+    warn    : chalk.bgHex(C.amber).hex("#000"),
+    error   : chalk.bgHex(C.rose).hex("#fff"),
+    info    : chalk.bgHex(C.brand).hex("#000"),
+    purple  : chalk.bgHex(C.violet).hex("#fff"),
+    default : chalk.bgHex(C.dim).hex(C.white),
+  };
+  return (styles[type] || styles.default)(" " + text + " ");
+}
+
+function panel(lines, title) {
+  var maxRaw = 0;
+  lines.forEach(function(l) { var n = stripAnsi(l).length; if (n > maxRaw) maxRaw = n; });
+  if (title) { var tn = stripAnsi(title).length; if (tn > maxRaw) maxRaw = tn; }
+  var inner = Math.min(maxRaw + 4, W - 6);
+  var h = function(l, m, r) { return "   " + T.dim(l + m.repeat(inner) + r); };
+  console.log();
+  if (title) {
+    console.log(h("┌", "─", "┐"));
+    console.log("   " + T.dim("│") + " " + T.whiteBold(pad(title, inner - 2)) + " " + T.dim("│"));
+    console.log(h("├", "─", "┤"));
+  } else { console.log(h("┌", "─", "┐")); }
+  lines.forEach(function(l) { console.log("   " + T.dim("│") + " " + pad(l, inner - 2) + " " + T.dim("│")); });
+  console.log(h("└", "─", "┘"));
+  console.log();
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  FOOTER
+// ─────────────────────────────────────────────────────────────────────────────
+function footer() {
+  console.log();
+  console.log(rule("─", T.dim));
+  console.log(center(T.dim("CDX Enterprise  ·  " + new Date().toLocaleDateString("en-US", {weekday:"short",year:"numeric",month:"short",day:"numeric"}) + "  ·  " + new Date().toLocaleTimeString())));
+  console.log();
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+//  TYPEWRITER
+// ─────────────────────────────────────────────────────────────────────────────
+function typewrite(text, delay) {
+  delay = delay || 16;
+  return new Promise(function(resolve) {
+    var i = 0;
+    var iv = setInterval(function() {
+      process.stdout.write(text[i]);
+      i++;
+      if (i >= text.length) { clearInterval(iv); process.stdout.write("\n"); resolve(); }
+    }, delay);
+  });
+}
+
+module.exports = {
+  T, C, W, rule, center, stripAnsi, pad,
+  printBanner, section, footer,
+  step, ok, warn, err, info, note,
+  spinner, progressBar, animateProgress,
+  table, badge, panel, typewrite, ICONS,
+  dex, dexAnimate, dexGreet,
+};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@sanjay5114/cdx",
+  "version": "1.0.0",
+  "description": "Lightning-fast extensible CLI for developer productivity with modular commands, AI integrations, and automation.",
+  "keywords": [
+    "cli",
+    "developer-tools",
+    "automation",
+    "ai",
+    "scaffolding"
+  ],
+  "author": "Sanjay",
+  "license": "MIT",
+  "main": "index.js",
+  "bin": {
+    "cdx": "bin/cdx.js"
+  },
+  "files": [
+    "bin/",
+    "lib/",
+    "commands/",
+    "index.js"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "commander": "^11.1.0",
+    "inquirer": "^8.2.6",
+    "jsonwebtoken": "^9.0.2",
+    "node-fetch": "2.7.0",
+    "ora": "^5.4.1"
+  }
+}