@noobdemon/noob-cli 1.0.1

package/src/ui.js

@@ -0,0 +1,115 @@
+import chalk from "chalk";
+import gradient from "gradient-string";
+import boxen from "boxen";
+import { highlight, supportsLanguage } from "cli-highlight";
+import { PROVIDERS, providerColor } from "./models.js";
+import { t } from "./i18n.js";
+
+const BRAND = ["#a78bfa", "#3b82f6", "#06b6d4"];
+export const brand = gradient(BRAND);
+
+export const c = {
+  dim: chalk.hex("#6b7280"),
+  user: chalk.hex("#a78bfa"),
+  ai: chalk.hex("#06b6d4"),
+  tool: chalk.hex("#f59e0b"),
+  ok: chalk.hex("#10b981"),
+  err: chalk.hex("#ef4444"),
+  accent: chalk.hex("#3b82f6"),
+};
+
+const term = () => process.stdout.columns || 80;
+
+export function banner() {
+  const art = [
+    "  ███╗   ██╗ ██████╗  ██████╗ ██████╗ ",
+    "  ████╗  ██║██╔═══██╗██╔═══██╗██╔══██╗",
+    "  ██╔██╗ ██║██║   ██║██║   ██║██████╔╝",
+    "  ██║╚██╗██║██║   ██║██║   ██║██╔══██╗",
+    "  ██║ ╚████║╚██████╔╝╚██████╔╝██████╔╝",
+    "  ╚═╝  ╚═══╝ ╚═════╝  ╚═════╝ ╚═════╝ ",
+  ].join("\n");
+  console.log("\n" + brand.multiline(art));
+  console.log(c.dim("  ") + brand("Noob Demon") + c.dim(" · " + t.tagline + "\n"));
+}
+
+export function rule(label = "") {
+  const w = Math.min(term(), 100);
+  if (!label) return c.dim("─".repeat(w));
+  const head = `── ${label} `;
+  return c.dim(head + "─".repeat(Math.max(0, w - head.length)));
+}
+
+export function modelBadge(model) {
+  const color = providerColor(model.provider);
+  const prov = PROVIDERS[model.provider]?.name || model.provider;
+  return chalk.hex(color)("●") + " " + chalk.bold(model.name) + c.dim(` (${prov} · ${model.tier})`);
+}
+
+// ── Markdown → ANSI ────────────────────────────────────────────────────────
+function inline(s) {
+  return s
+    .replace(/\*\*(.+?)\*\*/g, (_, t) => chalk.bold(t))
+    .replace(/(^|[^*])\*(?!\*)(.+?)\*(?!\*)/g, (_, p, t) => p + chalk.italic(t))
+    .replace(/`([^`]+)`/g, (_, t) => chalk.hex("#f59e0b")(t))
+    .replace(/\[(.+?)\]\((.+?)\)/g, (_, t, u) => chalk.underline.cyan(t) + c.dim(` (${u})`));
+}
+
+function renderCode(code, lang) {
+  let body = code.replace(/\n$/, "");
+  try {
+    if (lang && supportsLanguage(lang)) body = highlight(body, { language: lang });
+    else body = highlight(body, { ignoreIllegals: true });
+  } catch {
+    /* fall through to raw */
+  }
+  const label = c.dim((lang || "code") + " ▸ ");
+  const lines = body.split("\n").map((l) => c.dim("│ ") + l);
+  return "\n" + label + "\n" + lines.join("\n") + "\n";
+}
+
+export function renderMarkdown(md) {
+  const out = [];
+  const lines = md.split("\n");
+  let i = 0;
+  while (i < lines.length) {
+    const line = lines[i];
+    const fence = line.match(/^```(\w*)\s*$/);
+    if (fence) {
+      const lang = fence[1];
+      const buf = [];
+      i++;
+      while (i < lines.length && !/^```\s*$/.test(lines[i])) buf.push(lines[i++]);
+      i++; // skip closing fence
+      out.push(renderCode(buf.join("\n"), lang));
+      continue;
+    }
+    let m;
+    if ((m = line.match(/^(#{1,6})\s+(.*)$/))) {
+      out.push(brand(chalk.bold(m[2])));
+    } else if (/^\s*[-*+]\s+/.test(line)) {
+      out.push(line.replace(/^(\s*)[-*+]\s+/, (_, sp) => sp + c.accent(" • ")) .replace(/^(\s*\S+\s)(.*)$/, (_, pre, rest) => pre + inline(rest)));
+    } else if ((m = line.match(/^(\s*)(\d+)\.\s+(.*)$/))) {
+      out.push(m[1] + c.accent(` ${m[2]}. `) + inline(m[3]));
+    } else if (/^\s*>\s?/.test(line)) {
+      out.push(c.dim("┃ ") + c.dim(inline(line.replace(/^\s*>\s?/, ""))));
+    } else if (/^\s*([-*_])\1{2,}\s*$/.test(line)) {
+      out.push(rule());
+    } else {
+      out.push(inline(line));
+    }
+    i++;
+  }
+  return out.join("\n");
+}
+
+export function box(content, title, color = "#a78bfa") {
+  return boxen(content, {
+    title,
+    titleAlignment: "left",
+    padding: { top: 0, bottom: 0, left: 1, right: 1 },
+    borderColor: color,
+    borderStyle: "round",
+    width: Math.min(term(), 100),
+  });
+}