@honq-ui/cli 0.0.1

package/dist/index.js

@@ -0,0 +1,231 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import { Command } from "commander";
+
+// src/commands/add.ts
+import { copyFileSync, existsSync as existsSync3, mkdirSync } from "fs";
+import { dirname as dirname2 } from "path";
+import { execSync } from "child_process";
+import pc from "picocolors";
+
+// src/utils/registry.ts
+import { createRequire } from "module";
+import { dirname, join } from "path";
+var require2 = createRequire(import.meta.url);
+function loadRegistry() {
+  return require2("@honq-ui/registry/registry.json");
+}
+function getRegistryRoot() {
+  const pkgJsonPath = require2.resolve("@honq-ui/registry/package.json");
+  return dirname(pkgJsonPath);
+}
+function resolveComponentFile(registryRoot, filePath) {
+  return join(registryRoot, filePath);
+}
+function resolveTransitiveDependencies(registry, componentNames) {
+  const resolved = /* @__PURE__ */ new Set();
+  function visit(name) {
+    if (resolved.has(name)) return;
+    resolved.add(name);
+    const entry = registry.components[name];
+    if (!entry) return;
+    for (const dep of entry.registryDependencies) {
+      visit(dep);
+    }
+  }
+  for (const name of componentNames) {
+    visit(name);
+  }
+  return Array.from(resolved);
+}
+
+// src/utils/detect-pm.ts
+import { existsSync } from "fs";
+import { join as join2 } from "path";
+function detectPackageManager(cwd = process.cwd()) {
+  if (existsSync(join2(cwd, "bun.lockb"))) return "bun";
+  if (existsSync(join2(cwd, "pnpm-lock.yaml"))) return "pnpm";
+  if (existsSync(join2(cwd, "yarn.lock"))) return "yarn";
+  return "npm";
+}
+function buildInstallCommand(pm, packages) {
+  const pkgList = packages.join(" ");
+  switch (pm) {
+    case "bun":
+      return `bun add ${pkgList}`;
+    case "pnpm":
+      return `pnpm add ${pkgList}`;
+    case "yarn":
+      return `yarn add ${pkgList}`;
+    case "npm":
+      return `npm install ${pkgList}`;
+  }
+}
+
+// src/utils/resolve-paths.ts
+import { existsSync as existsSync2, readFileSync } from "fs";
+import { join as join3 } from "path";
+var CONFIG_FILENAME = "components.json";
+function readProjectConfig(cwd = process.cwd()) {
+  const configPath = join3(cwd, CONFIG_FILENAME);
+  if (!existsSync2(configPath)) return null;
+  try {
+    return JSON.parse(readFileSync(configPath, "utf-8"));
+  } catch {
+    return null;
+  }
+}
+function defaultConfig() {
+  return {
+    componentsDir: "src/components",
+    stylesDir: "src/styles"
+  };
+}
+function resolveTargetPath(config, registryFilePath, cwd = process.cwd()) {
+  const relative = registryFilePath.replace(/^components\//, "");
+  return join3(cwd, config.componentsDir, relative);
+}
+function resolveUtilsPath(config, cwd = process.cwd()) {
+  const srcDir = config.componentsDir.replace(/\/components$/, "");
+  return join3(cwd, srcDir, "utils", "cn.ts");
+}
+function resolveStylesPath(config, filename, cwd = process.cwd()) {
+  return join3(cwd, config.stylesDir, filename);
+}
+
+// src/commands/add.ts
+function addCommand(componentNames, options, cwd = process.cwd()) {
+  const registry = loadRegistry();
+  const config = readProjectConfig(cwd) ?? defaultConfig();
+  const registryRoot = getRegistryRoot();
+  const unknown = componentNames.filter((name) => !registry.components[name]);
+  if (unknown.length > 0) {
+    console.error(pc.red(`Unknown component(s): ${unknown.join(", ")}`));
+    console.error(`Run ${pc.cyan("honq-ui list")} to see available components.`);
+    process.exit(1);
+  }
+  const allNames = resolveTransitiveDependencies(registry, componentNames);
+  const requested = new Set(componentNames);
+  const autoResolved = allNames.filter((name) => !requested.has(name));
+  if (autoResolved.length > 0) {
+    console.log(pc.dim(`Resolving dependencies: ${autoResolved.join(", ")}`));
+  }
+  const allDeps = /* @__PURE__ */ new Set();
+  allDeps.add("clsx");
+  allDeps.add("tailwind-merge");
+  for (const name of allNames) {
+    const entry = registry.components[name];
+    for (const file of entry.files) {
+      const src = resolveComponentFile(registryRoot, file);
+      const dest = resolveTargetPath(config, file, cwd);
+      if (existsSync3(dest) && !options.overwrite) {
+        console.log(pc.yellow(`  skip`) + ` ${dest.replace(cwd + "/", "")} (already exists)`);
+        continue;
+      }
+      if (!existsSync3(dirname2(dest))) {
+        mkdirSync(dirname2(dest), { recursive: true });
+      }
+      copyFileSync(src, dest);
+      console.log(pc.green(`\u2713`) + ` ${dest.replace(cwd + "/", "")}`);
+    }
+    for (const dep of entry.dependencies) {
+      allDeps.add(dep);
+    }
+  }
+  const cnDest = resolveUtilsPath(config, cwd);
+  if (!existsSync3(cnDest)) {
+    const cnSrc = `${registryRoot}/utils/cn.ts`;
+    if (!existsSync3(dirname2(cnDest))) {
+      mkdirSync(dirname2(cnDest), { recursive: true });
+    }
+    copyFileSync(cnSrc, cnDest);
+    console.log(pc.green(`\u2713`) + ` ${cnDest.replace(cwd + "/", "")}`);
+  }
+  if (allDeps.size > 0) {
+    const pm = detectPackageManager(cwd);
+    const cmd = buildInstallCommand(pm, Array.from(allDeps));
+    console.log(pc.dim(`
+Installing dependencies...`));
+    try {
+      execSync(cmd, { cwd, stdio: "inherit" });
+    } catch {
+      console.error(pc.red(`Failed to install dependencies. Run manually:`));
+      console.error(pc.cyan(`  ${cmd}`));
+    }
+  }
+  console.log(pc.green(`
+Done!`));
+}
+
+// src/commands/init.ts
+import { copyFileSync as copyFileSync2, existsSync as existsSync4, mkdirSync as mkdirSync2, writeFileSync } from "fs";
+import { dirname as dirname3 } from "path";
+import pc2 from "picocolors";
+function initCommand(cwd = process.cwd()) {
+  const existing = readProjectConfig(cwd);
+  if (existing) {
+    console.log(pc2.yellow(`${CONFIG_FILENAME} already exists. Run 'honq-ui add' to add components.`));
+    return;
+  }
+  const config = defaultConfig();
+  const registryRoot = getRegistryRoot();
+  const configPath = `${cwd}/${CONFIG_FILENAME}`;
+  writeFileSync(configPath, JSON.stringify(config, null, 2) + "\n");
+  console.log(pc2.green(`\u2713`) + ` Created ${CONFIG_FILENAME}`);
+  const themeSrc = `${registryRoot}/styles/theme.css`;
+  const themeDest = resolveStylesPath(config, "theme.css", cwd);
+  if (!existsSync4(dirname3(themeDest))) {
+    mkdirSync2(dirname3(themeDest), { recursive: true });
+  }
+  if (existsSync4(themeDest)) {
+    console.log(pc2.yellow(`  styles/theme.css already exists, skipping`));
+  } else {
+    copyFileSync2(themeSrc, themeDest);
+    console.log(pc2.green(`\u2713`) + ` Copied theme.css \u2192 ${themeDest.replace(cwd + "/", "")}`);
+  }
+  const componentsDir = `${cwd}/${config.componentsDir}`;
+  if (!existsSync4(componentsDir)) {
+    mkdirSync2(componentsDir, { recursive: true });
+    console.log(pc2.green(`\u2713`) + ` Created ${config.componentsDir}/`);
+  }
+  console.log(`
+Done! Run ${pc2.cyan("honq-ui add <component>")} to add components.`);
+}
+
+// src/commands/list.ts
+import pc3 from "picocolors";
+function listCommand() {
+  const registry = loadRegistry();
+  const components = registry.components;
+  const groups = {
+    primitive: [],
+    composite: [],
+    layout: []
+  };
+  for (const [name, entry] of Object.entries(components)) {
+    groups[entry.type].push(name);
+  }
+  for (const type of ["primitive", "composite", "layout"]) {
+    const names = groups[type].sort();
+    if (names.length === 0) continue;
+    const label = type.charAt(0).toUpperCase() + type.slice(1) + "s";
+    console.log(`
+${pc3.bold(label)}`);
+    for (const name of names) {
+      const entry = components[name];
+      console.log(`  ${pc3.cyan(name.padEnd(24))} ${pc3.dim(entry.description)}`);
+    }
+  }
+  console.log();
+}
+
+// src/index.ts
+var program = new Command();
+program.name("honq-ui").description("Add Honq-UI components to your project").version("0.0.1");
+program.command("init").description("Set up Honq-UI in your project (copies theme.css, creates config)").action(() => initCommand());
+program.command("add").description("Add one or more components to your project").argument("<components...>", "Component names to add").option("--overwrite", "Overwrite existing files", false).action((components, options) => {
+  addCommand(components, options);
+});
+program.command("list").description("List all available components").action(() => listCommand());
+program.parse();

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@honq-ui/cli",
+  "version": "0.0.1",
+  "description": "CLI for adding Honq-UI components to your project",
+  "author": "Thomas",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/thomasbp/honq-ui",
+    "directory": "packages/cli"
+  },
+  "type": "module",
+  "bin": {
+    "honq-ui": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist .turbo"
+  },
+  "dependencies": {
+    "@honq-ui/registry": "workspace:*",
+    "commander": "^12.0.0",
+    "picocolors": "^1.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2"
+  }
+}