frakment 0.0.3 → 0.0.4

package/bin/index.js

@@ -1,8 +1,8 @@
 #!/usr/bin/env node
 import { readFileSync } from "node:fs";
 import path from "node:path";
+import chalk from "chalk";
 import { Command } from "commander";
-import pc from "picocolors";
 
 import { add } from "../src/commands/add.js";
 import { init } from "../src/commands/init.js";
@@ -23,9 +23,9 @@ program
     "after",
     `
 Examples:
-  ${pc.dim("$ frakment init")}
-  ${pc.dim("$ frakment add status-chip")}
-  ${pc.dim("$ frakment list")}
+  ${chalk.dim("$ frakment init")}
+  ${chalk.dim("$ frakment add button")}
+  ${chalk.dim("$ frakment list")}
 `
   );
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "frakment",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "CLI and design system for the frakment component registry",
   "keywords": [
     "components",

package/src/commands/list.js

@@ -2,34 +2,33 @@ import { existsSync } from "node:fs";
 import { readFile } from "node:fs/promises";
 import path from "node:path";
 
-import * as p from "@clack/prompts";
-import pc from "picocolors";
+import chalk from "chalk";
+import ora from "ora";
 
 import { findProjectRoot } from "../utils/detect.js";
+import { logger } from "../utils/logger.js";
 
 export async function list(options) {
-  p.intro(`${pc.dim("frakment")} list`);
-
   let cwd;
+  const preflight = ora("Preflight checks").start();
   try {
     cwd = findProjectRoot(process.cwd());
+    preflight.succeed("Preflight checks. Found project root.");
   } catch (error) {
-    p.outro(pc.red("error ") + error.message);
+    preflight.fail(error.message);
     process.exit(1);
   }
 
   const configPath = path.join(cwd, "components.json");
   if (!existsSync(configPath)) {
-    p.outro(
-      `${pc.red("error ")}components.json not found. Run \`frakment init\` first.`
-    );
+    logger.error(`${chalk.red("Error:")} components.json not found.`);
+    logger.info("Run `frakment init` first.");
     process.exit(1);
   }
 
   const config = JSON.parse(await readFile(configPath, "utf-8"));
   const registryUrl = (options.registry ?? config.registry).replace(/\/$/u, "");
-  const s = p.spinner();
-  s.start("fetching components");
+  const s = ora("Fetching components").start();
 
   let index;
   try {
@@ -39,23 +38,25 @@ export async function list(options) {
     }
     index = await res.json();
   } catch {
-    s.stop(`${pc.red("✗")} failed to fetch component list`);
+    s.fail("Failed to fetch component list.");
     process.exit(1);
   }
-  s.stop(`${pc.green("✓")} found ${index.components.length} component(s)`);
+  s.succeed(`Found ${index.components.length} component(s).`);
 
   if (!index.components.length) {
-    p.outro(pc.dim("no components available yet"));
+    logger.break();
+    logger.log(chalk.dim("No components available yet."));
     return;
   }
 
   const nameWidth = Math.max(...index.components.map((c) => c.name.length));
-  const lines = index.components.map(
-    (c) =>
-      `  ${pc.cyan(c.name.padEnd(nameWidth))}  ${pc.dim(c.description ?? "")}`
-  );
-
-  p.outro(
-    `${lines.join("\n")}\n\n  Add one with ${pc.cyan("frakment add <name>")}`
-  );
+  logger.break();
+  for (const c of index.components) {
+    logger.log(
+      `  ${chalk.cyan(c.name.padEnd(nameWidth))}  ${chalk.dim(c.description ?? "")}`
+    );
+  }
+  logger.break();
+  logger.log(`Add one with ${chalk.cyan("frakment add <name>")}`);
+  logger.break();
 }