@moewolf/moe-icons-cli 0.0.1 → 0.0.3

package/dist/ui/branded-prompts.js

@@ -0,0 +1,80 @@
+import { ConfirmPrompt, SelectPrompt, isCancel } from "@clack/core";
+import { CONFIRM_KEY_HINTS, SELECT_KEY_HINTS, renderKeyHints } from "../tui/components.js";
+import { visibleWidth } from "./banner.js";
+export { isCancel };
+/** Format `1. label` with stable width for lists of 10+. */
+export function formatChoiceNumber(index, total, label) {
+    const width = String(Math.max(total, 1)).length;
+    return `${String(index + 1).padStart(width, " ")}. ${label}`;
+}
+/** Renders every option with 1-based numbers. Back separators are blank lines. */
+export function renderSelectFrame(prompt, message, theme, options = {}) {
+    const { pointer, submit, cancel } = theme.symbols;
+    const total = prompt.options.length;
+    const numbered = (index, label) => formatChoiceNumber(index, total, label);
+    if (prompt.state === "cancel")
+        return theme.red(`${cancel} Cancelled`);
+    if (prompt.state === "submit") {
+        const selected = prompt.options[prompt.cursor];
+        return theme.blue(`${submit} ${selected ? numbered(prompt.cursor, selected.label) : ""}`);
+    }
+    const lines = [message];
+    const inactivePad = " ".repeat(visibleWidth(pointer) + 1);
+    for (const [index, option] of prompt.options.entries()) {
+        if (option.separatorBefore)
+            lines.push("");
+        const text = numbered(index, option.label);
+        if (index === prompt.cursor)
+            lines.push(theme.blue(`${pointer} ${text}`));
+        else
+            lines.push(`${inactivePad}${text}`);
+    }
+    if (options.hints)
+        lines.push(renderKeyHints(SELECT_KEY_HINTS, theme));
+    return lines.join("\n");
+}
+export function renderConfirmFrame(prompt, message, theme, options = {}) {
+    const { radio, submit, cancel } = theme.symbols;
+    if (prompt.state === "cancel")
+        return theme.red(`${cancel} Cancelled`);
+    if (prompt.state === "submit") {
+        return prompt.value ? theme.blue(`${submit} Confirmed`) : theme.red(`${cancel} No`);
+    }
+    const yes = prompt.value ? theme.blue(`${radio} Yes`) : theme.blue("Yes");
+    const no = prompt.value ? theme.red("No") : theme.red(`${radio} No`);
+    return options.hints ? `${message}\n${yes}  ${no}\n${renderKeyHints(CONFIRM_KEY_HINTS, theme)}` : `${message}\n${yes}  ${no}`;
+}
+export async function brandedSelect(options) {
+    const frameOptions = options.choices.map((choice) => ({
+        value: choice.value,
+        label: choice.label,
+        ...(choice.separatorBefore ? { separatorBefore: true } : {}),
+    }));
+    const prompt = new SelectPrompt({
+        options: frameOptions.map((choice) => ({ value: choice.value, label: choice.label })),
+        ...(options.input ? { input: options.input } : {}),
+        ...(options.output ? { output: options.output } : {}),
+        ...(options.signal ? { signal: options.signal } : {}),
+        render() {
+            return renderSelectFrame({ state: this.state, cursor: this.cursor, options: frameOptions }, options.message, options.theme, { hints: true });
+        },
+    });
+    return prompt.prompt();
+}
+export async function brandedConfirm(options) {
+    const prompt = new ConfirmPrompt({
+        active: "Yes",
+        inactive: "No",
+        initialValue: true,
+        ...(options.input ? { input: options.input } : {}),
+        ...(options.output ? { output: options.output } : {}),
+        ...(options.signal ? { signal: options.signal } : {}),
+        render() {
+            return renderConfirmFrame(this, options.message, options.theme, { hints: true });
+        },
+    });
+    const value = await prompt.prompt();
+    if (isCancel(value))
+        return value;
+    return Boolean(value);
+}

package/dist/ui/clack.d.ts

@@ -1,8 +1,11 @@
 import type { CommandUi } from "../core/context.js";
+import type { UiTheme } from "./theme.js";
+export interface ClackUiOptions {
+    readonly yes: boolean;
+    readonly theme: UiTheme;
+}
 /**
  * Clack adapter. Maps Clack's cancel symbol to `undefined` so core never sees
  * Clack types, ANSI, or `process.exit()`.
  */
-export declare function createClackUi(options: {
-    readonly yes: boolean;
-}): CommandUi;
+export declare function createClackUi(options: ClackUiOptions): CommandUi;

package/dist/ui/clack.js

@@ -1,5 +1,8 @@
 import * as p from "@clack/prompts";
+import { isCancel } from "@clack/core";
 import { CliError } from "../errors/index.js";
+import { brandedConfirm, brandedSelect } from "./branded-prompts.js";
+import { renderProgressBar, renderTaskStatus } from "../tui/components.js";
 function throwIfAborted(signal) {
     if (signal.aborted)
         throw new CliError("CANCELLED", "cancelled");
@@ -12,11 +15,13 @@ export function createClackUi(options) {
     return {
         async select(message, choices, signal) {
             throwIfAborted(signal);
-            const value = await p.select({
+            const value = await brandedSelect({
                 message,
-                options: choices.map((choice) => ({ value: choice.value, label: choice.label })),
+                choices,
+                signal,
+                theme: options.theme,
             });
-            if (p.isCancel(value))
+            if (isCancel(value))
                 return undefined;
             return String(value);
         },
@@ -24,8 +29,12 @@ export function createClackUi(options) {
             throwIfAborted(signal);
             if (options.yes)
                 return true;
-            const value = await p.confirm({ message });
-            if (p.isCancel(value))
+            const value = await brandedConfirm({
+                message,
+                signal,
+                theme: options.theme,
+            });
+            if (isCancel(value))
                 return undefined;
             return value;
         },
@@ -49,5 +58,47 @@ export function createClackUi(options) {
                 },
             };
         },
+        // W3-A: clack has no bar primitive, so the bar is rendered as the spinner
+        // message. Unknown totals degrade to a byte counter (never a fake percent).
+        progressBar(label, signal) {
+            throwIfAborted(signal);
+            const spinner = p.spinner();
+            spinner.start(label);
+            const startedAt = Date.now();
+            let latest = {};
+            const paint = () => {
+                const columns = process.stdout?.columns ?? 80;
+                spinner.message(renderProgressBar({
+                    label: latest.label ?? label,
+                    theme: options.theme,
+                    columns,
+                    elapsedMs: Date.now() - startedAt,
+                    ...(latest.done !== undefined ? { done: latest.done } : {}),
+                    ...(latest.total !== undefined ? { total: latest.total } : {}),
+                    ...(latest.detail !== undefined ? { detail: latest.detail } : {}),
+                }));
+            };
+            return {
+                update(event) {
+                    latest = { ...latest, ...(event ?? {}) };
+                    paint();
+                },
+                stop(done) { spinner.stop(done ?? renderTaskStatus({ state: "success", label, theme: options.theme })); },
+            };
+        },
+        // W3-C: strict task lifecycle for work without a progress bar.
+        task(label, signal) {
+            throwIfAborted(signal);
+            const spinner = p.spinner();
+            spinner.start(`${options.theme.dim("…")} ${label}`);
+            const finish = (state, message) => {
+                spinner.stop(renderTaskStatus({ state, label, ...(message ? { detail: message } : {}), theme: options.theme }));
+            };
+            return {
+                succeed(message) { finish("success", message); },
+                fail(message) { finish("failure", message); },
+                timeout(message) { finish("timeout", message); },
+            };
+        },
     };
 }

package/dist/ui/create-ui.d.ts

@@ -6,6 +6,7 @@ export interface CreateUiOptions {
     readonly isTTY: boolean;
     /** Present in tests (and optional in production). When set, skip Clack so prompts are injectable. */
     readonly streams?: StreamUiRuntime;
+    readonly env: Readonly<Record<string, string | undefined>>;
 }
 /**
  * Pick a UI adapter. `--json` and non-TTY never render Clack/banner-capable prompts.

package/dist/ui/create-ui.js

@@ -1,6 +1,7 @@
 import { createClackUi } from "./clack.js";
 import { createNonInteractiveUi } from "./non-interactive.js";
 import { createStreamUi } from "./stream.js";
+import { createTheme, isThemeEnabled } from "./theme.js";
 /**
  * Pick a UI adapter. `--json` and non-TTY never render Clack/banner-capable prompts.
  * TTY with injected streams uses the stream adapter; real TTY uses Clack.
@@ -12,5 +13,8 @@ export function createCommandUi(options) {
     if (options.streams?.readLine) {
         return createStreamUi(options.streams, { yes: options.yes });
     }
-    return createClackUi({ yes: options.yes });
+    return createClackUi({
+        yes: options.yes,
+        theme: createTheme(isThemeEnabled(options.env, options.isTTY)),
+    });
 }

package/dist/ui/generated/wordmark-large.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Frozen DOS Rebel "MOEICONS" wordmark (PLAN 2026-09-07).
+ * No ANSI. Trailing spaces stripped. Glyph column ranges are exclusive `end`.
+ * Colors alternate blue/red by letter; ██ keep the terminal default foreground.
+ */
+export declare const WORDMARK_LARGE_WIDTH = 101;
+/** Eight content rows; max visible width is 101. */
+export declare const MOEICONS_WORDMARK_LARGE: readonly [" ██████   ██████    ███████    ██████████ █████   █████████     ███████    ██████   █████  █████████", "░░██████ ██████   ███░░░░░███ ░░███░░░░░█░░███   ███░░░░░███  ███░░░░░███ ░░██████ ░░███  ███░░░░░███", " ░███░█████░███  ███     ░░███ ░███  █ ░  ░███  ███     ░░░  ███     ░░███ ░███░███ ░███ ░███    ░░░", " ░███░░███ ░███ ░███      ░███ ░██████    ░███ ░███         ░███      ░███ ░███░░███░███ ░░█████████", " ░███ ░░░  ░███ ░███      ░███ ░███░░█    ░███ ░███         ░███      ░███ ░███ ░░██████  ░░░░░░░░███", " ░███      ░███ ░░███     ███  ░███ ░   █ ░███ ░░███     ███░░███     ███  ░███  ░░█████  ███    ░███", " █████     █████ ░░░███████░   ██████████ █████ ░░█████████  ░░░███████░   █████  ░░█████░░█████████", "░░░░░     ░░░░░    ░░░░░░░    ░░░░░░░░░░ ░░░░░   ░░░░░░░░░     ░░░░░░░    ░░░░░    ░░░░░  ░░░░░░░░░"];
+export type WordmarkGlyphColor = "blue" | "red";
+export interface WordmarkGlyphRegion {
+    readonly letter: string;
+    readonly start: number;
+    readonly end: number;
+    readonly shade: WordmarkGlyphColor;
+}
+/** DOS Rebel per-letter advance widths; indices assume a 101-column padded canvas. */
+export declare const WORDMARK_LARGE_GLYPHS: readonly WordmarkGlyphRegion[];

package/dist/ui/generated/wordmark-large.js

@@ -0,0 +1,28 @@
+/**
+ * Frozen DOS Rebel "MOEICONS" wordmark (PLAN 2026-09-07).
+ * No ANSI. Trailing spaces stripped. Glyph column ranges are exclusive `end`.
+ * Colors alternate blue/red by letter; ██ keep the terminal default foreground.
+ */
+export const WORDMARK_LARGE_WIDTH = 101;
+/** Eight content rows; max visible width is 101. */
+export const MOEICONS_WORDMARK_LARGE = [
+    " ██████   ██████    ███████    ██████████ █████   █████████     ███████    ██████   █████  █████████",
+    "░░██████ ██████   ███░░░░░███ ░░███░░░░░█░░███   ███░░░░░███  ███░░░░░███ ░░██████ ░░███  ███░░░░░███",
+    " ░███░█████░███  ███     ░░███ ░███  █ ░  ░███  ███     ░░░  ███     ░░███ ░███░███ ░███ ░███    ░░░",
+    " ░███░░███ ░███ ░███      ░███ ░██████    ░███ ░███         ░███      ░███ ░███░░███░███ ░░█████████",
+    " ░███ ░░░  ░███ ░███      ░███ ░███░░█    ░███ ░███         ░███      ░███ ░███ ░░██████  ░░░░░░░░███",
+    " ░███      ░███ ░░███     ███  ░███ ░   █ ░███ ░░███     ███░░███     ███  ░███  ░░█████  ███    ░███",
+    " █████     █████ ░░░███████░   ██████████ █████ ░░█████████  ░░░███████░   █████  ░░█████░░█████████",
+    "░░░░░     ░░░░░    ░░░░░░░    ░░░░░░░░░░ ░░░░░   ░░░░░░░░░     ░░░░░░░    ░░░░░    ░░░░░  ░░░░░░░░░",
+];
+/** DOS Rebel per-letter advance widths; indices assume a 101-column padded canvas. */
+export const WORDMARK_LARGE_GLYPHS = [
+    { letter: "M", start: 0, end: 16, shade: "blue" },
+    { letter: "O", start: 16, end: 30, shade: "red" },
+    { letter: "E", start: 30, end: 41, shade: "blue" },
+    { letter: "I", start: 41, end: 47, shade: "red" },
+    { letter: "C", start: 47, end: 60, shade: "blue" },
+    { letter: "O", start: 60, end: 74, shade: "red" },
+    { letter: "N", start: 74, end: 89, shade: "blue" },
+    { letter: "S", start: 89, end: 101, shade: "red" },
+];

package/dist/ui/generated/wordmark.d.ts

@@ -0,0 +1,2 @@
+/** ASCII wordmark generated by scripts/generate-banner.mjs (figlet, Standard font). Do not edit by hand. */
+export declare const MOEICONS_BANNER = "\n  __  __  ___  _____ ___ ____ ___  _   _ ____\n |  \\/  |/ _ \\| ____|_ _/ ___/ _ \\| \\ | / ___|\n | |\\/| | | | |  _|  | | |  | | | |  \\| \\___ \\\n | |  | | |_| | |___ | | |__| |_| | |\\  |___) |\n |_|  |_|\\___/|_____|___\\____\\___/|_| \\_|____/\n";

package/dist/ui/generated/wordmark.js

@@ -0,0 +1,2 @@
+/** ASCII wordmark generated by scripts/generate-banner.mjs (figlet, Standard font). Do not edit by hand. */
+export const MOEICONS_BANNER = "\n  __  __  ___  _____ ___ ____ ___  _   _ ____\n |  \\/  |/ _ \\| ____|_ _/ ___/ _ \\| \\ | / ___|\n | |\\/| | | | |  _|  | | |  | | | |  \\| \\___ \\\n | |  | | |_| | |___ | | |__| |_| | |\\  |___) |\n |_|  |_|\\___/|_____|___\\____\\___/|_| \\_|____/\n";

package/dist/ui/non-interactive.js

@@ -26,5 +26,13 @@ export function createNonInteractiveUi(options) {
         progress() {
             return { stop() { return undefined; } };
         },
+        // W3: JSON / non-TTY must never emit progress noise; the structured result
+        // is the contract. These no-ops keep callers free of adapter branching.
+        progressBar() {
+            return { update() { return undefined; }, stop() { return undefined; } };
+        },
+        task() {
+            return { succeed() { return undefined; }, fail() { return undefined; }, timeout() { return undefined; } };
+        },
     };
 }

package/dist/ui/stream.js

@@ -1,5 +1,7 @@
 import { confirm as promptConfirm, select as promptSelect, CancelledError } from "../tui/primitives.js";
 import { CliError } from "../errors/index.js";
+import { renderProgressBar, renderTaskStatus } from "../tui/components.js";
+import { createTheme } from "./theme.js";
 /** Injected-stream adapter used by tests. Production TTY uses the Clack adapter. */
 export function createStreamUi(runtime, options) {
     const deps = {
@@ -46,5 +48,33 @@ export function createStreamUi(runtime, options) {
             runtime.stdout(`${message}\n`);
             return { update(next) { runtime.stdout(`${next}\n`); }, stop() { return undefined; } };
         },
+        // W3-A: injected-stream adapter logs one deterministic line per tick (no
+        // ANSI, no carriage returns) so tests assert exact progress output.
+        progressBar(label) {
+            const theme = createTheme(false);
+            let latest = {};
+            return {
+                update(event) {
+                    latest = { ...latest, ...(event ?? {}) };
+                    runtime.stdout(`${renderProgressBar({
+                        label: latest.label ?? label,
+                        theme,
+                        ...(latest.done !== undefined ? { done: latest.done } : {}),
+                        ...(latest.total !== undefined ? { total: latest.total } : {}),
+                        ...(latest.detail !== undefined ? { detail: latest.detail } : {}),
+                    })}\n`);
+                },
+                stop(message) { if (message)
+                    runtime.stdout(`${message}\n`); },
+            };
+        },
+        task(label) {
+            const theme = createTheme(false);
+            return {
+                succeed(message) { runtime.stdout(`${renderTaskStatus({ state: "success", label, ...(message ? { detail: message } : {}), theme })}\n`); },
+                fail(message) { runtime.stdout(`${renderTaskStatus({ state: "failure", label, ...(message ? { detail: message } : {}), theme })}\n`); },
+                timeout(message) { runtime.stdout(`${renderTaskStatus({ state: "timeout", label, ...(message ? { detail: message } : {}), theme })}\n`); },
+            };
+        },
     };
 }

package/dist/ui/theme.d.ts

@@ -0,0 +1,42 @@
+export declare const ANSI_FG_RESET = "\u001B[39m";
+export declare const ANSI_DIM_OPEN = "\u001B[2m";
+export declare const ANSI_DIM_RESET = "\u001B[22m";
+export declare const BRAND_BLUE_RGB: {
+    readonly r: 59;
+    readonly g: 130;
+    readonly b: 246;
+};
+export declare const BRAND_RED_RGB: {
+    readonly r: 239;
+    readonly g: 68;
+    readonly b: 68;
+};
+export declare const THEME_SYMBOLS: {
+    readonly pointer: "›";
+    readonly radio: "●";
+    readonly submit: "◆";
+    readonly cancel: "■";
+    readonly success: "✔";
+    readonly failure: "✖";
+    readonly timeout: "⏱";
+    readonly pending: "…";
+    readonly barFilled: "█";
+    readonly barEmpty: "░";
+};
+export interface UiTheme {
+    readonly enabled: boolean;
+    readonly blue: (text: string) => string;
+    readonly red: (text: string) => string;
+    /** W3: de-emphasised text for key hints and secondary detail. */
+    readonly dim: (text: string) => string;
+    /** Raw SGR open sequences for multi-span painting (empty when color is off). */
+    readonly openBlue: string;
+    readonly openRed: string;
+    readonly openDim: string;
+    readonly symbols: typeof THEME_SYMBOLS;
+}
+/** Brand SGR open sequence; only place outside theme that should need RGB → ANSI. */
+export declare function brandAnsiFgOpen(color: "blue" | "red"): string;
+/** Banner and branded prompts only. Does not control leftover Clack text/note/spinner colors. */
+export declare function isThemeEnabled(env: Readonly<Record<string, string | undefined>>, isTTY: boolean): boolean;
+export declare function createTheme(enabled: boolean): UiTheme;

package/dist/ui/theme.js

@@ -0,0 +1,59 @@
+export const ANSI_FG_RESET = "\x1b[39m";
+export const ANSI_DIM_OPEN = "\x1b[2m";
+export const ANSI_DIM_RESET = "\x1b[22m";
+export const BRAND_BLUE_RGB = { r: 59, g: 130, b: 246 };
+export const BRAND_RED_RGB = { r: 239, g: 68, b: 68 };
+export const THEME_SYMBOLS = {
+    pointer: "›",
+    radio: "●",
+    submit: "◆",
+    cancel: "■",
+    // W3: task-status glyphs. Colour stays within the frozen white/blue/red
+    // palette (success = blue, failure/timeout = red), so the theme keeps working
+    // with NO_COLOR and a dumb terminal.
+    success: "✔",
+    failure: "✖",
+    timeout: "⏱",
+    pending: "…",
+    barFilled: "█",
+    barEmpty: "░",
+};
+function ansiFg(r, g, b) {
+    return `\x1b[38;2;${r};${g};${b}m`;
+}
+/** Brand SGR open sequence; only place outside theme that should need RGB → ANSI. */
+export function brandAnsiFgOpen(color) {
+    const rgb = color === "blue" ? BRAND_BLUE_RGB : BRAND_RED_RGB;
+    return ansiFg(rgb.r, rgb.g, rgb.b);
+}
+/** Do not nest `theme.blue`/`theme.red`: reset returns to the default foreground, not an outer color. */
+function paint(enabled, r, g, b) {
+    const open = ansiFg(r, g, b);
+    return (text) => (enabled ? `${open}${text}${ANSI_FG_RESET}` : text);
+}
+/** Banner and branded prompts only. Does not control leftover Clack text/note/spinner colors. */
+export function isThemeEnabled(env, isTTY) {
+    if (!isTTY)
+        return false;
+    if (Object.prototype.hasOwnProperty.call(env, "NO_COLOR"))
+        return false;
+    if (env.TERM === "dumb")
+        return false;
+    return true;
+}
+/** Dim/intensity paint. Independent of foreground colour, so it composes safely. */
+function paintDim(enabled) {
+    return (text) => (enabled ? `${ANSI_DIM_OPEN}${text}${ANSI_DIM_RESET}` : text);
+}
+export function createTheme(enabled) {
+    return {
+        enabled,
+        blue: paint(enabled, BRAND_BLUE_RGB.r, BRAND_BLUE_RGB.g, BRAND_BLUE_RGB.b),
+        red: paint(enabled, BRAND_RED_RGB.r, BRAND_RED_RGB.g, BRAND_RED_RGB.b),
+        dim: paintDim(enabled),
+        openBlue: enabled ? brandAnsiFgOpen("blue") : "",
+        openRed: enabled ? brandAnsiFgOpen("red") : "",
+        openDim: enabled ? ANSI_DIM_OPEN : "",
+        symbols: THEME_SYMBOLS,
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moewolf/moe-icons-cli",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Moeicons CLI: install React, Vue, Vanilla, or Assets icon targets, manage releases and login, and expose an MCP server.",
   "type": "module",
   "main": "./dist/cli.js",
@@ -27,7 +27,7 @@
     "moeicons": "bin/moeicons.js"
   },
   "engines": {
-    "node": ">=20.0.0"
+    "node": ">=22.0.0"
   },
   "files": [
     "bin",
@@ -36,18 +36,22 @@
     "LICENSE"
   ],
   "scripts": {
+    "dev:prepare": "npm --prefix ../moe-icons-clitest run dev:prepare",
     "generate-banner": "node scripts/generate-banner.mjs",
+    "sync:config-package": "node scripts/sync-config-package.mjs",
     "prebuild": "rimraf dist",
-    "build": "tsc -p tsconfig.build.json && node scripts/copy-catalog.mjs",
+    "build": "tsc -p tsconfig.build.json && node scripts/copy-catalog.mjs && node scripts/copy-config-package.mjs",
     "typecheck": "tsc -p tsconfig.json --noEmit",
     "lint": "eslint src --ext .ts",
     "test": "vitest run",
+    "policy:verify-remote": "node scripts/verify-release-policy-remote.mjs",
     "release:preflight": "node scripts/release-preflight.mjs",
+    "release:bump": "node scripts/release-bump.mjs",
     "prepublishOnly": "npm run release:preflight",
     "format": "prettier --write src tests"
   },
   "devDependencies": {
-    "@types/node": "^20.0.0",
+    "@types/node": "^22.0.0",
     "@typescript-eslint/eslint-plugin": "^7.0.0",
     "@typescript-eslint/parser": "^7.0.0",
     "@vue/server-renderer": "^3.5.41",
@@ -57,14 +61,18 @@
     "figlet": "^1.11.4",
     "happy-dom": "^20.11.1",
     "prettier": "^3.2.0",
+    "sharp": "^0.35.4",
     "typescript": "^5.5.0",
-    "vitest": "^2.0.0",
+    "vitest": "^4.1.11",
     "vue": "^3.5.41"
   },
   "dependencies": {
+    "@babel/parser": "^7.29.8",
+    "@clack/core": "^0.4.2",
     "@clack/prompts": "^0.10.1",
     "commander": "^12.1.0",
     "fflate": "^0.8.2",
     "jsonc-parser": "^3.3.1"
-  }
+  },
+  "payloadHash": "b890d559f2625d622f87d9c628ec96b39da2e66a6c65408883d0e8a2b462db4e"
 }