noslopui 0.0.1 → 0.1.0

package/dist/lib/ui.js

@@ -0,0 +1,75 @@
+// Terminal output and prompts. No dependencies on purpose: this package is run
+// with `npx`, so every dependency is something the user waits to download
+// before anything happens.
+import { createInterface } from 'node:readline/promises';
+import { hostname } from 'node:os';
+import { stdin, stdout } from 'node:process';
+const useColor = stdout.isTTY && !process.env.NO_COLOR && process.env.TERM !== 'dumb';
+const wrap = (open, close) => (s) => (useColor ? `${open}${s}${close}` : s);
+export const color = {
+    bold: wrap('\u001b[1m', '\u001b[22m'),
+    dim: wrap('\u001b[2m', '\u001b[22m'),
+    green: wrap('\u001b[32m', '\u001b[39m'),
+    yellow: wrap('\u001b[33m', '\u001b[39m'),
+    red: wrap('\u001b[31m', '\u001b[39m'),
+    cyan: wrap('\u001b[36m', '\u001b[39m'),
+};
+export const say = (line = '') => stdout.write(`${line}\n`);
+export const step = (line) => say(`${color.cyan('›')} ${line}`);
+export const ok = (line) => say(`${color.green('✔')} ${line}`);
+export const warn = (line) => say(`${color.yellow('!')} ${line}`);
+export const fail = (line) => say(`${color.red('✘')} ${line}`);
+export const hint = (line) => say(`  ${color.dim(line)}`);
+/** True when there's a human to answer a prompt. */
+export const interactive = () => Boolean(stdin.isTTY && stdout.isTTY);
+/**
+ * A key is only ever shown like this. `npx noslopui init` runs in a terminal
+ * people screenshot and paste into issues, and the key is the account.
+ */
+export function maskKey(key) {
+    return key.length <= 11 ? '…' : `${key.slice(0, 11)}…`;
+}
+export async function confirm(question, fallback) {
+    if (!interactive())
+        return fallback;
+    const rl = createInterface({ input: stdin, output: stdout });
+    try {
+        const suffix = fallback ? 'Y/n' : 'y/N';
+        const answer = (await rl.question(`${color.cyan('?')} ${question} ${color.dim(`(${suffix})`)} `)).trim().toLowerCase();
+        if (!answer)
+            return fallback;
+        return answer === 'y' || answer === 'yes';
+    }
+    finally {
+        rl.close();
+    }
+}
+/** Wait for Enter, or return immediately when nobody's watching. */
+export async function pressEnter(question) {
+    if (!interactive())
+        return;
+    const rl = createInterface({ input: stdin, output: stdout });
+    try {
+        await rl.question(`${color.cyan('?')} ${question} `);
+    }
+    finally {
+        rl.close();
+    }
+}
+/**
+ * A name for this machine, used to label the key on the account page and on
+ * the approval screen. The hostname only — never a username, path or anything
+ * else that would say more about the person than "which laptop is this".
+ * `os.hostname()` rather than $HOSTNAME, which isn't exported on every shell.
+ */
+export function machineLabel() {
+    let raw = '';
+    try {
+        raw = hostname();
+    }
+    catch {
+        raw = '';
+    }
+    const cleaned = (raw.trim().split('.')[0] ?? '').replace(/[^\w .-]/g, '');
+    return cleaned.slice(0, 40) || 'this machine';
+}

package/dist/lib/version.js

@@ -0,0 +1,3 @@
+// One place for the version, so package.json, --version and the User-Agent
+// can't disagree. Checked against package.json by a test.
+export const CLI_VERSION = '0.1.0';

package/package.json

@@ -1,25 +1,48 @@
 {
   "name": "noslopui",
-  "version": "0.0.1",
-  "description": "Connect your coding agent to noslopUI's hand-crafted UI catalog. Installer coming soon.",
-  "homepage": "https://noslopui.com/mcp",
+  "version": "0.1.0",
+  "description": "Connect your coding agent to noslopUI \u2014 hand-crafted UI components and portable design systems, over MCP.",
+  "keywords": [
+    "mcp",
+    "claude-code",
+    "ui",
+    "design-system",
+    "components",
+    "cli"
+  ],
+  "homepage": "https://noslopui.com",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/noslopUI/cli.git"
+  },
+  "bugs": {
+    "url": "https://github.com/noslopUI/cli/issues"
+  },
   "license": "MIT",
+  "type": "module",
   "bin": {
-    "noslopui": "bin/noslopui.js"
+    "noslopui": "dist/index.js"
   },
   "files": [
-    "bin"
+    "dist",
+    "SKILL.md",
+    "README.md",
+    "LICENSE"
   ],
   "engines": {
-    "node": ">=18"
+    "node": ">=20.10"
   },
-  "keywords": [
-    "noslopui",
-    "mcp",
-    "ui",
-    "design-system",
-    "claude-code",
-    "cursor",
-    "codex"
-  ]
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "build:test": "tsc -p tsconfig.test.json",
+    "test": "npm run build:test && node scripts/run-tests.mjs",
+    "typecheck": "tsc -p tsconfig.test.json --noEmit",
+    "sync-skill": "node scripts/sync-skill.mjs",
+    "check-skill": "node scripts/sync-skill.mjs --check",
+    "prepack": "npm run build"
+  },
+  "devDependencies": {
+    "@types/node": "^24.3.0",
+    "typescript": "^5.9.2"
+  }
 }

package/bin/noslopui.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-console.log('The noslopUI installer is coming soon.');
-console.log('Until then, set up by hand: https://noslopui.com/mcp');