wensity 0.1.4 → 0.1.5

package/dist/index.js

@@ -6,7 +6,7 @@ import { dirname as dirname5, join as join6 } from "path";
 
 // src/constants.ts
 var CLI_NAME = "wensity";
-var CLI_VERSION = "0.1.4";
+var CLI_VERSION = "0.1.5";
 var CONFIG_FILE_NAME = "wensity.json";
 var DEFAULT_API_ORIGIN = "https://ui.wensity.com";
 var DEFAULT_REGISTRY_PATH = "/api/registry";
@@ -396,63 +396,13 @@ function requiredHome(env) {
   throw new CliError("HOME is not set, so the CLI cannot locate ~/.config/wensity.");
 }
 
-// src/http.ts
-async function requestJson(url, options = {}) {
-  const headers = new Headers(options.headers);
-  headers.set("accept", "application/json");
-  headers.set("user-agent", `${CLI_NAME}/${CLI_VERSION}`);
-  if (options.body && !headers.has("content-type")) {
-    headers.set("content-type", "application/json");
-  }
-  if (options.token) {
-    headers.set("authorization", `Bearer ${options.token}`);
-  }
-  let response;
-  try {
-    response = await fetch(url, { ...options, headers });
-  } catch (error) {
-    const message = error instanceof Error ? error.message : "Unknown network error";
-    throw new CliError(`Could not reach ${url}: ${message}`);
-  }
-  const text = await response.text();
-  const payload = parseJson(text);
-  if (!response.ok) {
-    const message = formatErrorMessage(payload) ?? response.statusText;
-    throw new CliError(`${response.status} ${message}`);
-  }
-  return payload;
-}
-function parseJson(text) {
-  if (!text.trim()) return null;
-  try {
-    return JSON.parse(text);
-  } catch {
-    throw new CliError("Registry returned invalid JSON.");
-  }
-}
-function formatErrorMessage(payload) {
-  if (!payload || typeof payload !== "object") return void 0;
-  const record = payload;
-  const code = typeof record.error === "string" ? record.error : void 0;
-  const message = typeof record.message === "string" ? record.message : code;
-  if (code === "pro_license_required") {
-    const base = message ?? "This component requires Wensity Pro.";
-    return `${base}
-Upgrade here: https://ui.wensity.com/pricing`;
-  }
-  return message;
-}
-
-// src/package-manager.ts
-import { existsSync as existsSync2, readFileSync } from "fs";
-import { spawnSync } from "child_process";
-import { join as join4 } from "path";
-
 // src/output.ts
 import boxen from "boxen";
 import Table from "cli-table3";
 import ora from "ora";
 import pc from "picocolors";
+var BRAND_RED = "#cd1c18";
+var PRICING_BLUE = "#2563eb";
 var LOGO = [
   "\u2588\u2588\u2557    \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557   \u2588\u2588\u2557",
   "\u2588\u2588\u2551    \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2588\u2588\u2557  \u2588\u2588\u2551\u2588\u2588\u2554\u2550\u2550\u2550\u2550\u255D\u2588\u2588\u2551\u255A\u2550\u2550\u2588\u2588\u2554\u2550\u2550\u255D\u255A\u2588\u2588\u2557 \u2588\u2588\u2554\u255D",
@@ -475,33 +425,46 @@ function printJson(value) {
 function formatList(items) {
   return items.map((item) => `  ${pc.dim("\u2022")} ${item}`).join("\n");
 }
+function brandRed(message) {
+  return color(message, BRAND_RED);
+}
+function pricingBlue(message) {
+  return color(message, PRICING_BLUE);
+}
 function brandBanner(subtitle) {
-  const lines = [pc.red(LOGO.join("\n")), pc.bold("Wensity CLI")];
-  if (subtitle) lines.push(pc.dim(subtitle));
+  const lines = [
+    "",
+    ...LOGO.map((line) => brandRed(centerLine(line))),
+    pc.bold(centerLine("Wensity CLI"))
+  ];
+  if (subtitle) lines.push(pc.dim(centerLine(subtitle)));
   return lines.join("\n");
 }
 function printBrand(subtitle) {
   print(brandBanner(subtitle));
 }
+function printTitle(title, subtitle) {
+  print(`${brandRed("\u25C6")} ${pc.bold(title)}${subtitle ? ` ${pc.dim(subtitle)}` : ""}`);
+}
 function success(message) {
   return `${pc.green("\u2713")} ${message}`;
 }
 function failure(message) {
-  return `${pc.red("\u2715")} ${message}`;
+  return `${brandRed("\u2715")} ${message}`;
 }
 function action(message) {
-  return `${pc.red("\u25C6")} ${message}`;
+  return `${brandRed("\u25C6")} ${message}`;
 }
 function badge(label, tone = "muted") {
   const text = ` ${label.toUpperCase()} `;
-  if (tone === "pro") return pc.bgRed(pc.white(pc.bold(text)));
+  if (tone === "pro") return bgBrandRed(pc.white(pc.bold(text)));
   if (tone === "free") return pc.bgGreen(pc.black(pc.bold(text)));
   return pc.inverse(text);
 }
 function panel(title, body) {
   const content = Array.isArray(body) ? body.join("\n") : body;
   return boxen(content, {
-    title: pc.red(pc.bold(title)),
+    title: brandRed(pc.bold(title)),
     titleAlignment: "left",
     borderColor: "red",
     borderStyle: "round",
@@ -512,12 +475,12 @@ function panel(title, body) {
 function nextSteps(steps) {
   return panel(
     "Next steps",
-    steps.map((step) => `${pc.red("\u203A")} ${pc.bold(step)}`)
+    steps.map((step) => `${brandRed("\u203A")} ${pc.bold(step)}`)
   );
 }
 function table(head, rows) {
   const output = new Table({
-    head: head.map((item) => pc.red(pc.bold(item))),
+    head: head.map((item) => brandRed(pc.bold(item))),
     chars: {
       top: "\u2500",
       "top-mid": "\u252C",
@@ -566,10 +529,95 @@ async function withSpinner(text, task, successText = text) {
 function formatCliError(message) {
   return `${failure(message)}
 
-${pc.dim("Need help?")} ${pc.red("https://ui.wensity.com/docs")}`;
+${pc.dim("Need help?")} ${pricingBlue("https://ui.wensity.com/docs")}`;
+}
+function formatProRequiredError(resourceName, resourceType) {
+  return [
+    `${resourceName} is a Pro ${resourceType}.`,
+    brandRed("Create an API token from the Wensity dashboard, then run:"),
+    `  ${brandRed("npx wensity login --token <token>")}`,
+    `Pricing: ${pricingBlue("https://ui.wensity.com/pricing")}`
+  ].join("\n");
+}
+function color(message, hex) {
+  if (!shouldColor()) return message;
+  const [red, green, blue] = hexToRgb(hex);
+  return `\x1B[38;2;${red};${green};${blue}m${message}\x1B[39m`;
+}
+function bgBrandRed(message) {
+  if (!shouldColor()) return message;
+  const [red, green, blue] = hexToRgb(BRAND_RED);
+  return `\x1B[48;2;${red};${green};${blue}m${message}\x1B[49m`;
+}
+function shouldColor() {
+  if (process.env.FORCE_COLOR && process.env.FORCE_COLOR !== "0") return true;
+  return process.env.NO_COLOR === void 0 && process.env.FORCE_COLOR !== "0";
+}
+function hexToRgb(hex) {
+  const value = hex.replace("#", "");
+  return [
+    Number.parseInt(value.slice(0, 2), 16),
+    Number.parseInt(value.slice(2, 4), 16),
+    Number.parseInt(value.slice(4, 6), 16)
+  ];
+}
+function centerLine(line) {
+  const columns = Math.min(process.stdout.columns || 80, 100);
+  const padding = Math.max(0, Math.floor((columns - line.length) / 2));
+  return `${" ".repeat(padding)}${line}`;
+}
+
+// src/http.ts
+async function requestJson(url, options = {}) {
+  const headers = new Headers(options.headers);
+  headers.set("accept", "application/json");
+  headers.set("user-agent", `${CLI_NAME}/${CLI_VERSION}`);
+  if (options.body && !headers.has("content-type")) {
+    headers.set("content-type", "application/json");
+  }
+  if (options.token) {
+    headers.set("authorization", `Bearer ${options.token}`);
+  }
+  let response;
+  try {
+    response = await fetch(url, { ...options, headers });
+  } catch (error) {
+    const message = error instanceof Error ? error.message : "Unknown network error";
+    throw new CliError(`Could not reach ${url}: ${message}`);
+  }
+  const text = await response.text();
+  const payload = parseJson(text);
+  if (!response.ok) {
+    const message = formatErrorMessage(payload) ?? response.statusText;
+    throw new CliError(`${response.status} ${message}`);
+  }
+  return payload;
+}
+function parseJson(text) {
+  if (!text.trim()) return null;
+  try {
+    return JSON.parse(text);
+  } catch {
+    throw new CliError("Registry returned invalid JSON.");
+  }
+}
+function formatErrorMessage(payload) {
+  if (!payload || typeof payload !== "object") return void 0;
+  const record = payload;
+  const code = typeof record.error === "string" ? record.error : void 0;
+  const message = typeof record.message === "string" ? record.message : code;
+  if (code === "pro_license_required") {
+    const base = message ?? "This component requires Wensity Pro.";
+    return `${base}
+Upgrade here: ${pricingBlue("https://ui.wensity.com/pricing")}`;
+  }
+  return message;
 }
 
 // src/package-manager.ts
+import { existsSync as existsSync2, readFileSync } from "fs";
+import { spawnSync } from "child_process";
+import { join as join4 } from "path";
 function detectPackageManager(projectRoot) {
   if (existsSync2(join4(projectRoot, "pnpm-lock.yaml"))) return "pnpm";
   if (existsSync2(join4(projectRoot, "bun.lockb")) || existsSync2(join4(projectRoot, "bun.lock"))) return "bun";
@@ -966,7 +1014,7 @@ async function initCommand(context, parsed) {
   const utilityRelativePath = toPosixPath(config.utils.endsWith(".ts") ? config.utils : `${config.utils}.ts`);
   const dependencies = ["clsx", "tailwind-merge"];
   if (dryRun) {
-    printBrand("Project initialization preview");
+    printTitle("Project initialization preview");
     print(action("Would write:"));
     print(formatList([CONFIG_FILE_NAME, utilityRelativePath]));
     if (install) print(action(`Would install: ${dependencies.join(" ")}`));
@@ -979,16 +1027,16 @@ async function initCommand(context, parsed) {
   if (install) {
     runInstall(context.cwd, missingDependencies(context.cwd, dependencies));
   }
-  printBrand("Project initialized");
+  printTitle("Project initialized");
   print(panel("Created", [
     success(CONFIG_FILE_NAME),
     success(utilityRelativePath),
     success(`registry: ${apiUrl}`)
   ]));
   print(nextSteps([
-    "npx wensity list",
-    "npx wensity add liquid-multimodal-input",
-    "npx wensity login --token <token>"
+    "Browse available components: npx wensity list",
+    "Browse premium blocks: npx wensity list --type block",
+    "Install your chosen slug: npx wensity add <component-slug>"
   ]));
 }
 async function loginCommand(context, parsed) {
@@ -1011,17 +1059,19 @@ async function loginCommand(context, parsed) {
   printBrand("API token verified");
   print(formatAccountPanel(whoami, path));
   print(nextSteps(whoami.plan?.tier === "pro" ? [
-    "npx wensity add gooey-navigation-menu",
-    "npx wensity add monolith-hero --type block",
-    "npx wensity whoami"
+    "Browse Pro components: npx wensity list",
+    "Browse Pro blocks: npx wensity list --type block",
+    "Install a component: npx wensity add <component-slug>",
+    "Install a block: npx wensity add <block-slug> --type block"
   ] : [
-    "npx wensity add liquid-multimodal-input",
-    "Upgrade to unlock Pro components and blocks: https://ui.wensity.com/pricing"
+    "Browse free components: npx wensity list",
+    "Install any Free slug from the table: npx wensity add <slug>",
+    `Upgrade to unlock Pro components and blocks: ${pricingBlue("https://ui.wensity.com/pricing")}`
   ]));
 }
 async function logoutCommand(context) {
   const removed = await deleteCredentials(context.env);
-  printBrand("Session");
+  printTitle("Session");
   print(removed ? success("Logged out of Wensity.") : action("No Wensity credentials were stored."));
 }
 async function whoamiCommand(context, parsed) {
@@ -1056,8 +1106,9 @@ async function listCommand(context, parsed) {
     printBrand("Premium blocks");
     print(formatBlockGroup(response2.blocks));
     print(nextSteps([
-      "npx wensity login --token <pro-token>",
-      `npx wensity add ${response2.blocks[0]?.slug ?? "<block-slug>"} --type block`
+      brandRed("Create an API token in the dashboard if you have Pro"),
+      brandRed("Save the token: npx wensity login --token <token>"),
+      "Install your chosen block: npx wensity add <block-slug> --type block"
     ]));
     return;
   }
@@ -1075,9 +1126,9 @@ async function listCommand(context, parsed) {
   print(formatComponentGroup("Free", response.components.filter((component) => component.access !== "pro")));
   print(formatComponentGroup("Pro", response.components.filter((component) => component.access === "pro")));
   print(nextSteps([
-    "npx wensity add liquid-multimodal-input",
-    "npx wensity login --token <pro-token>",
-    "npx wensity list --type block"
+    "Choose any Free slug above: npx wensity add <component-slug>",
+    brandRed("For Pro slugs, save an API token: npx wensity login --token <token>"),
+    "Browse layout blocks: npx wensity list --type block"
   ]));
 }
 function formatComponentGroup(label, components) {
@@ -1125,7 +1176,7 @@ Usage: wensity ${updateMode ? "update" : "add"} <slug>${resourceType === "block"
   const plannedFiles = summarizeFiles(loaded.projectRoot, prepared.files);
   const missing = missingDependencies(loaded.projectRoot, prepared.dependencies);
   if (dryRun) {
-    printBrand(updateMode ? "Update preview" : "Install preview");
+    printTitle(updateMode ? "Update preview" : "Install preview");
     print(action("Would write:"));
     print(formatList(plannedFiles));
     if (install && missing.length > 0) print(action(`Would install: ${missing.join(" ")}`));
@@ -1135,18 +1186,21 @@ Usage: wensity ${updateMode ? "update" : "add"} <slug>${resourceType === "block"
   if (install) {
     runInstall(loaded.projectRoot, missing);
   }
-  printBrand(updateMode ? "Component updated" : "Component installed");
+  printTitle(updateMode ? "Component updated" : "Component installed");
   print(panel(payload.name, [
     success(`${updateMode ? "Updated" : "Added"} ${payload.slug}`),
     ...plannedFiles.map((file) => success(file))
   ]));
   if (!install && missing.length > 0) {
     warn(`Dependencies were not installed: ${missing.join(" ")}`);
-    print(nextSteps([`Install dependencies: ${missing.join(" ")}`]));
+    print(nextSteps([
+      `Install skipped dependencies: npm install ${missing.join(" ")}`,
+      "Run without --no-install next time to let Wensity install them automatically"
+    ]));
     return;
   }
   print(nextSteps([
-    "Import the component from your Wensity components folder",
+    "Import the installed file from your Wensity components folder",
     resourceType === "block" ? "Customize the block copy, colors, and sections" : "Customize props and styling for your app"
   ]));
 }
@@ -1172,12 +1226,7 @@ async function fetchComponentPayload(input) {
     }
   }
   if (metadata.access === "pro") {
-    throw new CliError([
-      `${metadata.name} is a Pro component.`,
-      `Create an API token from the Wensity dashboard, then run:`,
-      `  npx wensity login --token <token>`,
-      `Upgrade: https://ui.wensity.com/pricing`
-    ].join("\n"));
+    throw new CliError(formatProRequiredError(metadata.name, "component"));
   }
   const publicSourceEndpoint = metadata.endpoints?.registry ?? registrySlugUrl(input.registry, input.slug);
   const endpoint = publicSourceEndpoint.startsWith("http") ? publicSourceEndpoint : joinUrl(registryOrigin(input.registry), publicSourceEndpoint);
@@ -1197,12 +1246,7 @@ async function fetchBlockPayload(input) {
     `Found ${input.slug}`
   );
   if (!input.credentials) {
-    throw new CliError([
-      `${metadata.name} is a Pro block.`,
-      `Create an API token from the Wensity dashboard, then run:`,
-      `  npx wensity login --token <token>`,
-      `Upgrade: https://ui.wensity.com/pricing`
-    ].join("\n"));
+    throw new CliError(formatProRequiredError(metadata.name, "block"));
   }
   const credentials = input.credentials;
   const cliEndpoint = metadata.endpoints?.cli ?? `/api/cli/blocks/${input.slug}`;
@@ -1226,7 +1270,7 @@ function registryUrlForType(componentRegistry, resourceType, registryOverride) {
 async function requireCredentials(env) {
   const credentials = await readCredentials(env);
   if (!credentials) {
-    throw new CliError("Not logged in. Run wensity login with an API token from the Wensity dashboard.");
+    throw new CliError(`Not logged in. ${brandRed("Run wensity login with an API token from the Wensity dashboard.")}`);
   }
   return credentials;
 }
@@ -1251,7 +1295,7 @@ function formatHelp() {
     nextSteps([
       "npx wensity init",
       "npx wensity list",
-      "npx wensity add liquid-multimodal-input"
+      "npx wensity add <component-slug>"
     ])
   ].join("\n");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wensity",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "Wensity component registry CLI",
   "type": "module",
   "bin": {