@kinetixui/cli 0.2.0 → 0.3.0

package/dist/index.js

@@ -2,7 +2,7 @@
 
 // src/index.ts
 import { Command } from "commander";
-import pc3 from "picocolors";
+import pc4 from "picocolors";
 
 // src/commands/add.ts
 import { existsSync as existsSync4 } from "fs";
@@ -102,6 +102,19 @@ function runInstall(cwd, pm, packages) {
 }
 
 // src/lib/registry.ts
+async function fetchRegistryIndex(registryUrl) {
+  const url = `${registryUrl.replace(/\/$/, "")}/registry.json`;
+  const res = await fetch(url);
+  if (!res.ok) {
+    throw new Error(`Could not load the registry index (${res.status} at ${url}).`);
+  }
+  const data = await res.json();
+  return data.items;
+}
+async function fetchComponentNames(registryUrl) {
+  const items = await fetchRegistryIndex(registryUrl);
+  return items.filter((item) => item.type === "registry:ui").map((item) => item.name);
+}
 async function fetchRegistryItem(registryUrl, name) {
   const url = `${registryUrl.replace(/\/$/, "")}/${name}.json`;
   const res = await fetch(url);
@@ -132,7 +145,13 @@ async function add(names, options) {
   if (!existsSync4(path4.join(cwd, CONFIG_FILE))) {
     console.log(pc.yellow("!"), `No ${CONFIG_FILE} found \u2014 using defaults. Run "kinetixui init" first to set your own aliases.`);
   }
-  console.log(`Resolving ${names.join(", ")}\u2026`);
+  if (options.all) {
+    console.log("Fetching the full component list\u2026");
+    names = await fetchComponentNames(options.registry);
+  } else if (names.length === 0) {
+    throw new Error('Pass component names to add (e.g. "kinetixui add button card"), or use --all for every component.');
+  }
+  console.log(options.all ? `Resolving all ${names.length} components\u2026` : `Resolving ${names.join(", ")}\u2026`);
   const items = await resolveTree(options.registry, names);
   const { deps, written, skipped } = await writeItems(cwd, config, items.values(), options.overwrite);
   for (const file of written) console.log(pc.green("\u2714"), `Added ${file}`);
@@ -226,25 +245,50 @@ async function init(options) {
   }
   console.log();
   console.log(`Next: ${pc2.cyan("npx @kinetixui/cli add button")}`);
+  console.log(`See everything: ${pc2.cyan("npx @kinetixui/cli list")}`);
+}
+
+// src/commands/list.ts
+import pc3 from "picocolors";
+async function list(options) {
+  const items = await fetchRegistryIndex(options.registry);
+  const components = items.filter((item) => item.type === "registry:ui").sort((a, b) => a.name.localeCompare(b.name));
+  console.log(`${components.length} component(s):`);
+  console.log();
+  for (const item of components) {
+    const description = item.description ? pc3.dim(` \u2014 ${item.description}`) : "";
+    console.log(`  ${pc3.cyan(item.name)}${description}`);
+  }
+  console.log();
+  console.log(`Add one: ${pc3.cyan("npx @kinetixui/cli add <name>")}`);
+  console.log(`Add everything: ${pc3.cyan("npx @kinetixui/cli add --all")}`);
 }
 
 // src/index.ts
 var DEFAULT_REGISTRY = "https://kinetixui.com/r";
 var program = new Command();
-program.name("kinetixui").description("Add KinetixUI components and tokens to your project.").version("0.2.0");
+program.name("kinetixui").description("Add KinetixUI components and tokens to your project.").version("0.3.0");
 program.command("init").description("Set up kinetixui.json and pull in the token contract.").option("-y, --yes", "skip prompts and use defaults", false).option("-r, --registry <url>", "registry base URL", DEFAULT_REGISTRY).action(async (opts) => {
   try {
     await init({ registry: opts.registry, yes: opts.yes });
   } catch (err) {
-    console.error(pc3.red("\u2716"), err.message);
+    console.error(pc4.red("\u2716"), err.message);
+    process.exitCode = 1;
+  }
+});
+program.command("add").description("Add one or more components to your project.").argument("[components...]", "component names, e.g. button card").option("-a, --all", "add every component in the registry", false).option("-o, --overwrite", "overwrite existing files", false).option("-r, --registry <url>", "registry base URL", DEFAULT_REGISTRY).action(async (components, opts) => {
+  try {
+    await add(components, { registry: opts.registry, overwrite: opts.overwrite, all: opts.all });
+  } catch (err) {
+    console.error(pc4.red("\u2716"), err.message);
     process.exitCode = 1;
   }
 });
-program.command("add").description("Add one or more components to your project.").argument("<components...>", "component names, e.g. button card").option("-o, --overwrite", "overwrite existing files", false).option("-r, --registry <url>", "registry base URL", DEFAULT_REGISTRY).action(async (components, opts) => {
+program.command("list").description("List every component available in the registry.").option("-r, --registry <url>", "registry base URL", DEFAULT_REGISTRY).action(async (opts) => {
   try {
-    await add(components, { registry: opts.registry, overwrite: opts.overwrite });
+    await list({ registry: opts.registry });
   } catch (err) {
-    console.error(pc3.red("\u2716"), err.message);
+    console.error(pc4.red("\u2716"), err.message);
     process.exitCode = 1;
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kinetixui/cli",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Add KinetixUI components and tokens to your project.",
   "type": "module",
   "license": "MIT",