@miosa/cli 1.0.5 → 1.0.6

package/dist/ui/render.js

@@ -0,0 +1,138 @@
+/**
+ * MIOSA CLI render vocabulary.
+ *
+ * Single source of truth for the visible look-and-feel: banner, status
+ * icons, key/value panels, hint blocks, error envelopes, and elapsed
+ * timing. Every command should compose its output from these primitives
+ * so the brand stays consistent.
+ *
+ * Design rules:
+ *   - One accent color (cyan) for the brand.
+ *   - Semantic colors for status (green/yellow/red/dim).
+ *   - Never print colors when not a TTY (CI, pipes) — chalk handles
+ *     this automatically via FORCE_COLOR=0 / NO_COLOR; we just call it.
+ *   - Plain ASCII only. No unicode that breaks in cmd.exe / Putty.
+ *   - Every "section" the user sees should fit inside one of these
+ *     primitives; the command does NOT reach for raw `console.log` +
+ *     ad-hoc chalk except for the body of a tool result.
+ */
+import chalk from "chalk";
+// ── Status icons ──────────────────────────────────────────────────────────
+// Plain ASCII so they render everywhere. Colors applied via chalk.
+export const icon = {
+    ok: chalk.green("✓"),
+    fail: chalk.red("✗"),
+    warn: chalk.yellow("⚠"),
+    info: chalk.cyan("›"),
+    bullet: chalk.dim("•"),
+    arrow: chalk.dim("→"),
+    pending: chalk.yellow("·"),
+};
+// ── Brand banner ──────────────────────────────────────────────────────────
+/**
+ * Single-line MIOSA banner used at the top of lifecycle commands
+ * (login / logout / mcp install). Compact and unobtrusive.
+ *
+ *   ▮▮▮ MIOSA ▮▮▮  v1.0.4
+ */
+export function banner(opts = {}) {
+    const bar = chalk.cyan("▮▮▮");
+    const wordmark = chalk.bold("MIOSA");
+    const version = opts.version ? chalk.dim(`  v${opts.version}`) : "";
+    const subtitle = opts.subtitle ? chalk.dim(`  ${opts.subtitle}`) : "";
+    return `${bar} ${wordmark} ${bar}${version}${subtitle}`;
+}
+/**
+ * Render a list of key/value rows with aligned columns. Used for the
+ * "✓ Authenticated  ClinicIQ · Pro plan" output blocks.
+ */
+export function kvPanel(rows) {
+    if (rows.length === 0)
+        return "";
+    const labelWidth = Math.max(...rows.map((r) => r.label.length));
+    return rows
+        .map((r) => {
+        const lead = r.icon ? `${r.icon}  ` : "   ";
+        const label = chalk.bold(r.label.padEnd(labelWidth));
+        return `  ${lead}${label}   ${r.value}`;
+    })
+        .join("\n");
+}
+// ── Hint block ────────────────────────────────────────────────────────────
+/**
+ * Suggest what the user can do next. Rendered as:
+ *
+ *   → Next:  miosa computers list
+ *            miosa mcp install
+ */
+export function hintBlock(label, commands) {
+    if (commands.length === 0)
+        return "";
+    const head = `  ${chalk.dim("→")} ${chalk.bold(label)}`;
+    const pad = " ".repeat(label.length + 5); // align with first command
+    const lines = commands.map((c, i) => i === 0 ? `${head}  ${chalk.cyan(c)}` : `  ${pad}${chalk.cyan(c)}`);
+    return lines.join("\n");
+}
+/**
+ * Format an error in the brand's red envelope. Use this in the catch
+ * block of every command instead of bare `console.error`.
+ */
+export function errorEnvelope(env) {
+    const lines = [];
+    lines.push(`  ${chalk.red("✗")}  ${chalk.bold.red(env.title)}`);
+    if (env.body)
+        lines.push(`     ${chalk.dim(env.body)}`);
+    if (env.suggest && env.suggest.length > 0) {
+        lines.push("");
+        lines.push(`  ${chalk.dim("→")} ${chalk.bold("Try")}`);
+        for (const s of env.suggest)
+            lines.push(`        ${chalk.cyan(s)}`);
+    }
+    if (env.withDebugHint) {
+        lines.push("");
+        lines.push(`  ${chalk.dim("Run with MIOSA_DEBUG=1 for the full stack trace.")}`);
+    }
+    return lines.join("\n");
+}
+// ── Elapsed timer ─────────────────────────────────────────────────────────
+/**
+ * Wrap an async block and append a "Took 1.2s" line on success.
+ * On error, re-throws so the caller can format its own envelope.
+ */
+export async function withElapsed(fn) {
+    const start = Date.now();
+    const result = await fn();
+    const ms = Date.now() - start;
+    return { result, elapsed: formatDuration(ms) };
+}
+export function formatDuration(ms) {
+    if (ms < 1000)
+        return `${ms}ms`;
+    if (ms < 10_000)
+        return `${(ms / 1000).toFixed(1)}s`;
+    if (ms < 60_000)
+        return `${Math.round(ms / 1000)}s`;
+    const m = Math.floor(ms / 60_000);
+    const s = Math.round((ms % 60_000) / 1000);
+    return `${m}m ${s}s`;
+}
+// ── Composition helpers ──────────────────────────────────────────────────
+/** Insert a blank line. Cheap readability tool. */
+export const blank = () => console.log();
+/** Print the banner — convenience over `console.log(banner(...))`. */
+export function printBanner(opts = {}) {
+    console.log();
+    console.log(`  ${banner(opts)}`);
+    console.log();
+}
+/** Print the elapsed line in dim text below a successful command. */
+export function printElapsed(elapsed) {
+    console.log();
+    console.log(`  ${chalk.dim(`Took ${elapsed}`)}`);
+}
+/** Print a section header (dim small-caps). */
+export function sectionHeader(label) {
+    console.log();
+    console.log(`  ${chalk.dim.bold(label.toUpperCase())}`);
+}
+//# sourceMappingURL=render.js.map

package/dist/ui/render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"render.js","sourceRoot":"","sources":["../../src/ui/render.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@miosa/cli",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "MIOSA platform CLI — projects, sandboxes, deploys, databases, more",
   "type": "module",
   "bin": {
@@ -38,14 +38,17 @@
   "dependencies": {
     "chalk": "^5.3.0",
     "commander": "^12.1.0",
+    "ink": "^7.0.3",
     "inquirer": "^9.3.7",
     "ora": "^8.1.1",
+    "react": "^19.2.6",
     "undici": "^6.19.7",
     "ws": "^8.18.0"
   },
   "devDependencies": {
     "@types/inquirer": "^9.0.8",
     "@types/node": "^20.17.9",
+    "@types/react": "^19.2.15",
     "@types/ws": "^8.5.13",
     "tsx": "^4.19.2",
     "typescript": "^5.7.2",