@frontic/ui 0.0.1

package/README.md

@@ -0,0 +1,119 @@
+# @frontic/ui
+
+CLI for adding Frontic UI components to your Vue project.
+
+## Installation
+
+```bash
+# Use directly with npx (recommended)
+npx @frontic/ui init
+
+# Or install globally
+npm install -g @frontic/ui
+```
+
+## Commands
+
+### init
+
+Initialize Frontic UI in your Vue project:
+
+```bash
+npx @frontic/ui init
+```
+
+This will:
+
+1. Run `shadcn-vue init` if needed
+2. Configure the Frontic registry
+3. Set up theme colors
+
+Options:
+
+- `--yes, -y` - Skip confirmation prompts
+- `--defaults, -d` - Use default configuration
+
+### add
+
+Add components to your project:
+
+```bash
+# Add single component
+npx @frontic/ui add button
+
+# Add multiple components
+npx @frontic/ui add button dialog card
+
+# Add all components
+npx @frontic/ui add --all
+```
+
+Options:
+
+- `--overwrite, -o` - Overwrite existing files
+- `--all, -a` - Add all available components
+- `--path, -p` - Custom installation path
+
+### mcp init
+
+Set up MCP (Model Context Protocol) for AI assistants:
+
+```bash
+npx @frontic/ui mcp init
+```
+
+This creates the MCP configuration for tools like Claude Code, Cursor, or VS Code.
+
+Options:
+
+- `--client, -c` - Target client (claude, cursor, vscode)
+
+## Configuration
+
+After running `init`, your `components.json` will include:
+
+```json
+{
+  "registries": {
+    "frontic": {
+      "url": "https://registry.frontic.io/r"
+    }
+  }
+}
+```
+
+## Theme Colors
+
+Frontic UI includes additional theme colors:
+
+```css
+bg-brand text-brand border-brand
+bg-success text-success border-success
+bg-warning text-warning border-warning
+bg-info text-info border-info
+```
+
+These are configured during `init` and can be customized in your CSS.
+
+## Development
+
+```bash
+# Install dependencies
+pnpm install
+
+# Build
+pnpm build
+
+# Run in development
+pnpm dev
+
+# Run tests
+pnpm test
+
+# Link globally for local testing
+pnpm link --global
+```
+
+## License
+
+MIT

package/dist/bin/frontic-ui.js

@@ -0,0 +1,373 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import { Command } from "commander";
+
+// src/commands/init.ts
+import chalk from "chalk";
+import ora from "ora";
+import prompts from "prompts";
+
+// src/utils/spawn-shadcn.ts
+import { execa } from "execa";
+async function spawnShadcn(args, options = {}) {
+  const { silent = false } = options;
+  try {
+    await execa("npx", ["shadcn-vue@latest", ...args], {
+      stdio: silent ? "pipe" : "inherit",
+      shell: true
+    });
+  } catch (error) {
+    if (!silent) {
+      throw error;
+    }
+  }
+}
+
+// src/utils/config.ts
+import { readFile, writeFile, access } from "fs/promises";
+import { join } from "path";
+
+// src/utils/constants.ts
+var FRONTIC_REGISTRY_URL = "https://registry.frontic.io/r";
+var CONFIG_FILE = "components.json";
+
+// src/utils/config.ts
+async function configExists() {
+  try {
+    await access(join(process.cwd(), CONFIG_FILE));
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function readConfig() {
+  try {
+    const content = await readFile(join(process.cwd(), CONFIG_FILE), "utf-8");
+    return JSON.parse(content);
+  } catch {
+    return null;
+  }
+}
+async function writeConfig(config) {
+  await writeFile(
+    join(process.cwd(), CONFIG_FILE),
+    JSON.stringify(config, null, 2)
+  );
+}
+async function updateConfig(updates) {
+  const existing = await readConfig();
+  if (!existing) {
+    throw new Error(
+      "components.json not found. Run `npx @frontic/ui init` first."
+    );
+  }
+  const merged = deepMerge(existing, updates);
+  await writeConfig(merged);
+}
+async function ensureFronticRegistry() {
+  const config = await readConfig();
+  if (!config) {
+    throw new Error("components.json not found");
+  }
+  if (config.registries?.frontic?.url === FRONTIC_REGISTRY_URL) {
+    return;
+  }
+  await updateConfig({
+    registries: {
+      ...config.registries,
+      frontic: {
+        url: FRONTIC_REGISTRY_URL
+      }
+    }
+  });
+}
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key in source) {
+    const sourceValue = source[key];
+    const targetValue = target[key];
+    if (sourceValue && typeof sourceValue === "object" && !Array.isArray(sourceValue) && targetValue && typeof targetValue === "object" && !Array.isArray(targetValue)) {
+      result[key] = deepMerge(
+        targetValue,
+        sourceValue
+      );
+    } else {
+      result[key] = sourceValue;
+    }
+  }
+  return result;
+}
+
+// src/commands/init.ts
+function registerInitCommand(program2) {
+  program2.command("init").description("Initialize Frontic UI in your Vue project").option("-y, --yes", "Skip confirmation prompts").option("-d, --defaults", "Use default configuration").action(async (options) => {
+    await init(options);
+  });
+}
+async function init(options) {
+  console.log();
+  console.log(chalk.bold("Frontic UI"));
+  console.log(chalk.dim("Initializing your project..."));
+  console.log();
+  const hasConfig = await configExists();
+  if (!hasConfig) {
+    console.log(chalk.blue("Running shadcn-vue init..."));
+    console.log();
+    const args = ["init"];
+    if (options.yes) args.push("--yes");
+    if (options.defaults) args.push("--defaults");
+    await spawnShadcn(args);
+    console.log();
+  }
+  let themeColors = getDefaultThemeColors();
+  if (!options.yes && !options.defaults) {
+    const response = await prompts([
+      {
+        type: "confirm",
+        name: "customizeColors",
+        message: "Would you like to customize theme colors?",
+        initial: false
+      }
+    ]);
+    if (response.customizeColors) {
+      const colorResponse = await prompts([
+        {
+          type: "text",
+          name: "brand",
+          message: "Brand color (OKLCH)",
+          initial: themeColors.brand
+        },
+        {
+          type: "text",
+          name: "success",
+          message: "Success color (OKLCH)",
+          initial: themeColors.success
+        },
+        {
+          type: "text",
+          name: "warning",
+          message: "Warning color (OKLCH)",
+          initial: themeColors.warning
+        },
+        {
+          type: "text",
+          name: "info",
+          message: "Info color (OKLCH)",
+          initial: themeColors.info
+        }
+      ]);
+      themeColors = {
+        brand: colorResponse.brand || themeColors.brand,
+        success: colorResponse.success || themeColors.success,
+        warning: colorResponse.warning || themeColors.warning,
+        info: colorResponse.info || themeColors.info
+      };
+    }
+  }
+  const spinner = ora("Configuring Frontic registry...").start();
+  try {
+    await updateConfig({
+      registries: {
+        frontic: {
+          url: FRONTIC_REGISTRY_URL
+        }
+      }
+    });
+    spinner.succeed("Frontic registry configured");
+  } catch (error) {
+    spinner.fail("Failed to configure registry");
+    throw error;
+  }
+  const themeSpinner = ora("Installing theme...").start();
+  try {
+    await spawnShadcn(["add", "theme", "--yes"], { silent: true });
+    themeSpinner.succeed("Theme installed");
+  } catch {
+    themeSpinner.warn("Theme installation skipped (may already exist)");
+  }
+  console.log();
+  console.log(chalk.green("\u2713 Frontic UI initialized successfully!"));
+  console.log();
+  console.log("Next steps:");
+  console.log(chalk.dim("  1. Add components:"));
+  console.log(`     ${chalk.cyan("npx @frontic/ui add button")}`);
+  console.log();
+  console.log(chalk.dim("  2. Set up MCP for AI assistants (optional):"));
+  console.log(`     ${chalk.cyan("npx @frontic/ui mcp init")}`);
+  console.log();
+}
+function getDefaultThemeColors() {
+  return {
+    brand: "oklch(58% 0.25 265)",
+    success: "oklch(55% 0.2 145)",
+    warning: "oklch(75% 0.18 85)",
+    info: "oklch(60% 0.2 230)"
+  };
+}
+
+// src/commands/add.ts
+import chalk2 from "chalk";
+import ora2 from "ora";
+function registerAddCommand(program2) {
+  program2.command("add").description("Add components to your project").argument("[components...]", "Components to add").option("-o, --overwrite", "Overwrite existing files").option("-a, --all", "Add all available components").option("-p, --path <path>", "Custom installation path").option("-y, --yes", "Skip confirmation prompts").action(async (components, options) => {
+    await add(components, options);
+  });
+}
+async function add(components, options) {
+  if (!options.all && components.length === 0) {
+    console.log(chalk2.red("Error: Please specify components to add or use --all"));
+    console.log();
+    console.log("Usage:");
+    console.log(`  ${chalk2.cyan("npx @frontic/ui add button")}`);
+    console.log(`  ${chalk2.cyan("npx @frontic/ui add button dialog card")}`);
+    console.log(`  ${chalk2.cyan("npx @frontic/ui add --all")}`);
+    process.exit(1);
+  }
+  const spinner = ora2("Checking configuration...").start();
+  try {
+    await ensureFronticRegistry();
+    spinner.succeed("Configuration verified");
+  } catch {
+    spinner.fail("Configuration error");
+    console.log();
+    console.log(chalk2.yellow("Run `npx @frontic/ui init` first to set up your project."));
+    process.exit(1);
+  }
+  const args = ["add"];
+  if (options.all) {
+    args.push("--all");
+  } else {
+    args.push(...components);
+  }
+  if (options.overwrite) {
+    args.push("--overwrite");
+  }
+  if (options.path) {
+    args.push("--path", options.path);
+  }
+  if (options.yes) {
+    args.push("--yes");
+  }
+  console.log();
+  console.log(chalk2.blue("Adding components..."));
+  console.log();
+  await spawnShadcn(args);
+  console.log();
+  console.log(chalk2.green("\u2713 Components added successfully!"));
+}
+
+// src/commands/mcp.ts
+import chalk3 from "chalk";
+import ora3 from "ora";
+import { writeFile as writeFile2, readFile as readFile2, mkdir } from "fs/promises";
+import { existsSync } from "fs";
+import { join as join2 } from "path";
+import prompts2 from "prompts";
+function registerMcpCommand(program2) {
+  const mcp = program2.command("mcp").description("MCP (Model Context Protocol) commands");
+  mcp.command("init").description("Set up MCP for AI assistants").option("-c, --client <client>", "Target client (claude, cursor, vscode)").action(async (options) => {
+    await initMcp(options);
+  });
+}
+async function initMcp(options) {
+  console.log();
+  console.log(chalk3.bold("Frontic UI - MCP Setup"));
+  console.log(chalk3.dim("Configure AI assistant integration"));
+  console.log();
+  let client = options.client;
+  if (!client) {
+    const response = await prompts2({
+      type: "select",
+      name: "client",
+      message: "Select your AI client:",
+      choices: [
+        { title: "Claude Code", value: "claude" },
+        { title: "Cursor", value: "cursor" },
+        { title: "VS Code", value: "vscode" }
+      ]
+    });
+    client = response.client;
+    if (!client) {
+      console.log(chalk3.yellow("Setup cancelled."));
+      return;
+    }
+  }
+  const spinner = ora3("Creating MCP configuration...").start();
+  try {
+    await createMcpConfig(client);
+    spinner.succeed("MCP configuration created");
+  } catch (error) {
+    spinner.fail("Failed to create MCP configuration");
+    throw error;
+  }
+  console.log();
+  console.log(chalk3.green("\u2713 MCP configured successfully!"));
+  console.log();
+  console.log("Your AI assistant can now:");
+  console.log(chalk3.dim("  \u2022 Browse available Frontic UI components"));
+  console.log(chalk3.dim("  \u2022 Add components using natural language"));
+  console.log(chalk3.dim('  \u2022 Example: "Add a button component"'));
+  console.log();
+}
+async function createMcpConfig(client) {
+  const config = getMcpConfig();
+  const configPath = getMcpConfigPath(client);
+  const configDir = join2(process.cwd(), configPath.split("/").slice(0, -1).join("/"));
+  if (!existsSync(configDir)) {
+    await mkdir(configDir, { recursive: true });
+  }
+  const fullPath = join2(process.cwd(), configPath);
+  let existingConfig = {};
+  try {
+    const content = await readFile2(fullPath, "utf-8");
+    existingConfig = JSON.parse(content);
+  } catch {
+  }
+  const mergedConfig = {
+    ...existingConfig,
+    mcpServers: {
+      ...existingConfig.mcpServers || {},
+      ...config.mcpServers
+    }
+  };
+  await writeFile2(fullPath, JSON.stringify(mergedConfig, null, 2));
+  console.log(chalk3.dim(`  Config written to: ${configPath}`));
+}
+function getMcpConfigPath(client) {
+  switch (client) {
+    case "claude":
+      return ".mcp.json";
+    case "cursor":
+      return ".cursor/mcp.json";
+    case "vscode":
+      return ".vscode/mcp.json";
+  }
+}
+function getMcpConfig() {
+  return {
+    mcpServers: {
+      "frontic-ui": {
+        command: "npx",
+        args: ["shadcn-vue@latest", "mcp"],
+        env: {
+          SHADCN_REGISTRY_URL: FRONTIC_REGISTRY_URL
+        }
+      }
+    }
+  };
+}
+
+// src/index.ts
+var program = new Command();
+program.name("frontic-ui").description("CLI for adding Frontic UI components to your Vue project").version("0.0.1");
+registerInitCommand(program);
+registerAddCommand(program);
+registerMcpCommand(program);
+function run() {
+  program.parse();
+}
+
+// bin/frontic-ui.ts
+run();
+//# sourceMappingURL=frontic-ui.js.map

package/dist/bin/frontic-ui.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/commands/init.ts","../../src/utils/spawn-shadcn.ts","../../src/utils/config.ts","../../src/utils/constants.ts","../../src/commands/add.ts","../../src/commands/mcp.ts","../../bin/frontic-ui.ts"],"sourcesContent":["import { Command } from \"commander\";\nimport { registerInitCommand } from \"./commands/init.js\";\nimport { registerAddCommand } from \"./commands/add.js\";\nimport { registerMcpCommand } from \"./commands/mcp.js\";\n\nconst program = new Command();\n\nprogram\n  .name(\"frontic-ui\")\n  .description(\"CLI for adding Frontic UI components to your Vue project\")\n  .version(\"0.0.1\");\n\nregisterInitCommand(program);\nregisterAddCommand(program);\nregisterMcpCommand(program);\n\nexport function run() {\n  program.parse();\n}\n\nexport { program };\n","import { Command } from \"commander\";\nimport chalk from \"chalk\";\nimport ora from \"ora\";\nimport prompts from \"prompts\";\nimport { spawnShadcn } from \"../utils/spawn-shadcn.js\";\nimport { updateConfig, configExists } from \"../utils/config.js\";\nimport { FRONTIC_REGISTRY_URL } from \"../utils/constants.js\";\n\ninterface InitOptions {\n  yes?: boolean;\n  defaults?: boolean;\n}\n\nexport function registerInitCommand(program: Command) {\n  program\n    .command(\"init\")\n    .description(\"Initialize Frontic UI in your Vue project\")\n    .option(\"-y, --yes\", \"Skip confirmation prompts\")\n    .option(\"-d, --defaults\", \"Use default configuration\")\n    .action(async (options: InitOptions) => {\n      await init(options);\n    });\n}\n\nasync function init(options: InitOptions) {\n  console.log();\n  console.log(chalk.bold(\"Frontic UI\"));\n  console.log(chalk.dim(\"Initializing your project...\"));\n  console.log();\n\n  const hasConfig = await configExists();\n\n  // Run shadcn-vue init if no config exists\n  if (!hasConfig) {\n    console.log(chalk.blue(\"Running shadcn-vue init...\"));\n    console.log();\n\n    const args = [\"init\"];\n    if (options.yes) args.push(\"--yes\");\n    if (options.defaults) args.push(\"--defaults\");\n\n    await spawnShadcn(args);\n    console.log();\n  }\n\n  // Prompt for theme colors (unless skipped)\n  let themeColors = getDefaultThemeColors();\n\n  if (!options.yes && !options.defaults) {\n    const response = await prompts([\n      {\n        type: \"confirm\",\n        name: \"customizeColors\",\n        message: \"Would you like to customize theme colors?\",\n        initial: false,\n      },\n    ]);\n\n    if (response.customizeColors) {\n      const colorResponse = await prompts([\n        {\n          type: \"text\",\n          name: \"brand\",\n          message: \"Brand color (OKLCH)\",\n          initial: themeColors.brand,\n        },\n        {\n          type: \"text\",\n          name: \"success\",\n          message: \"Success color (OKLCH)\",\n          initial: themeColors.success,\n        },\n        {\n          type: \"text\",\n          name: \"warning\",\n          message: \"Warning color (OKLCH)\",\n          initial: themeColors.warning,\n        },\n        {\n          type: \"text\",\n          name: \"info\",\n          message: \"Info color (OKLCH)\",\n          initial: themeColors.info,\n        },\n      ]);\n\n      themeColors = {\n        brand: colorResponse.brand || themeColors.brand,\n        success: colorResponse.success || themeColors.success,\n        warning: colorResponse.warning || themeColors.warning,\n        info: colorResponse.info || themeColors.info,\n      };\n    }\n  }\n\n  // Update components.json with Frontic registry\n  const spinner = ora(\"Configuring Frontic registry...\").start();\n\n  try {\n    await updateConfig({\n      registries: {\n        frontic: {\n          url: FRONTIC_REGISTRY_URL,\n        },\n      },\n    });\n    spinner.succeed(\"Frontic registry configured\");\n  } catch (error) {\n    spinner.fail(\"Failed to configure registry\");\n    throw error;\n  }\n\n  // Install theme\n  const themeSpinner = ora(\"Installing theme...\").start();\n  try {\n    await spawnShadcn([\"add\", \"theme\", \"--yes\"], { silent: true });\n    themeSpinner.succeed(\"Theme installed\");\n  } catch {\n    themeSpinner.warn(\"Theme installation skipped (may already exist)\");\n  }\n\n  console.log();\n  console.log(chalk.green(\"✓ Frontic UI initialized successfully!\"));\n  console.log();\n  console.log(\"Next steps:\");\n  console.log(chalk.dim(\"  1. Add components:\"));\n  console.log(`     ${chalk.cyan(\"npx @frontic/ui add button\")}`);\n  console.log();\n  console.log(chalk.dim(\"  2. Set up MCP for AI assistants (optional):\"));\n  console.log(`     ${chalk.cyan(\"npx @frontic/ui mcp init\")}`);\n  console.log();\n}\n\nfunction getDefaultThemeColors() {\n  return {\n    brand: \"oklch(58% 0.25 265)\",\n    success: \"oklch(55% 0.2 145)\",\n    warning: \"oklch(75% 0.18 85)\",\n    info: \"oklch(60% 0.2 230)\",\n  };\n}\n","import { execa } from \"execa\";\n\ninterface SpawnOptions {\n  silent?: boolean;\n}\n\nexport async function spawnShadcn(\n  args: string[],\n  options: SpawnOptions = {}\n): Promise<void> {\n  const { silent = false } = options;\n\n  try {\n    await execa(\"npx\", [\"shadcn-vue@latest\", ...args], {\n      stdio: silent ? \"pipe\" : \"inherit\",\n      shell: true,\n    });\n  } catch (error) {\n    if (!silent) {\n      throw error;\n    }\n    // Silently ignore errors when silent mode is enabled\n  }\n}\n","import { readFile, writeFile, access } from \"fs/promises\";\nimport { join } from \"path\";\nimport { CONFIG_FILE, FRONTIC_REGISTRY_URL } from \"./constants.js\";\n\nexport interface ComponentsConfig {\n  $schema?: string;\n  style?: string;\n  typescript?: boolean;\n  tailwind?: {\n    css?: string;\n    baseColor?: string;\n    cssVariables?: boolean;\n  };\n  aliases?: {\n    components?: string;\n    utils?: string;\n    ui?: string;\n    lib?: string;\n    composables?: string;\n  };\n  registries?: {\n    [key: string]: {\n      url: string;\n    };\n  };\n}\n\nexport async function configExists(): Promise<boolean> {\n  try {\n    await access(join(process.cwd(), CONFIG_FILE));\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport async function readConfig(): Promise<ComponentsConfig | null> {\n  try {\n    const content = await readFile(join(process.cwd(), CONFIG_FILE), \"utf-8\");\n    return JSON.parse(content);\n  } catch {\n    return null;\n  }\n}\n\nexport async function writeConfig(config: ComponentsConfig): Promise<void> {\n  await writeFile(\n    join(process.cwd(), CONFIG_FILE),\n    JSON.stringify(config, null, 2)\n  );\n}\n\nexport async function updateConfig(\n  updates: Partial<ComponentsConfig>\n): Promise<void> {\n  const existing = await readConfig();\n\n  if (!existing) {\n    throw new Error(\n      \"components.json not found. Run `npx @frontic/ui init` first.\"\n    );\n  }\n\n  const merged = deepMerge(existing, updates);\n  await writeConfig(merged);\n}\n\nexport async function ensureFronticRegistry(): Promise<void> {\n  const config = await readConfig();\n\n  if (!config) {\n    throw new Error(\"components.json not found\");\n  }\n\n  // Check if Frontic registry is already configured\n  if (config.registries?.frontic?.url === FRONTIC_REGISTRY_URL) {\n    return;\n  }\n\n  // Add Frontic registry\n  await updateConfig({\n    registries: {\n      ...config.registries,\n      frontic: {\n        url: FRONTIC_REGISTRY_URL,\n      },\n    },\n  });\n}\n\nfunction deepMerge<T extends object>(target: T, source: Partial<T>): T {\n  const result = { ...target };\n\n  for (const key in source) {\n    const sourceValue = source[key];\n    const targetValue = target[key];\n\n    if (\n      sourceValue &&\n      typeof sourceValue === \"object\" &&\n      !Array.isArray(sourceValue) &&\n      targetValue &&\n      typeof targetValue === \"object\" &&\n      !Array.isArray(targetValue)\n    ) {\n      (result as Record<string, unknown>)[key] = deepMerge(\n        targetValue as Record<string, unknown>,\n        sourceValue as Record<string, unknown>\n      );\n    } else {\n      (result as Record<string, unknown>)[key] = sourceValue;\n    }\n  }\n\n  return result;\n}\n","export const FRONTIC_REGISTRY_URL = \"https://registry.frontic.io/r\";\n\nexport const CONFIG_FILE = \"components.json\";\n\nexport const DEFAULT_THEME_COLORS = {\n  brand: \"oklch(58% 0.25 265)\",\n  \"brand-foreground\": \"oklch(100% 0 0)\",\n  success: \"oklch(55% 0.2 145)\",\n  \"success-foreground\": \"oklch(100% 0 0)\",\n  warning: \"oklch(75% 0.18 85)\",\n  \"warning-foreground\": \"oklch(20% 0 0)\",\n  info: \"oklch(60% 0.2 230)\",\n  \"info-foreground\": \"oklch(100% 0 0)\",\n};\n","import { Command } from \"commander\";\nimport chalk from \"chalk\";\nimport ora from \"ora\";\nimport { spawnShadcn } from \"../utils/spawn-shadcn.js\";\nimport { ensureFronticRegistry } from \"../utils/config.js\";\n\ninterface AddOptions {\n  overwrite?: boolean;\n  all?: boolean;\n  path?: string;\n  yes?: boolean;\n}\n\nexport function registerAddCommand(program: Command) {\n  program\n    .command(\"add\")\n    .description(\"Add components to your project\")\n    .argument(\"[components...]\", \"Components to add\")\n    .option(\"-o, --overwrite\", \"Overwrite existing files\")\n    .option(\"-a, --all\", \"Add all available components\")\n    .option(\"-p, --path <path>\", \"Custom installation path\")\n    .option(\"-y, --yes\", \"Skip confirmation prompts\")\n    .action(async (components: string[], options: AddOptions) => {\n      await add(components, options);\n    });\n}\n\nasync function add(components: string[], options: AddOptions) {\n  // Validate input\n  if (!options.all && components.length === 0) {\n    console.log(chalk.red(\"Error: Please specify components to add or use --all\"));\n    console.log();\n    console.log(\"Usage:\");\n    console.log(`  ${chalk.cyan(\"npx @frontic/ui add button\")}`);\n    console.log(`  ${chalk.cyan(\"npx @frontic/ui add button dialog card\")}`);\n    console.log(`  ${chalk.cyan(\"npx @frontic/ui add --all\")}`);\n    process.exit(1);\n  }\n\n  // Ensure Frontic registry is configured\n  const spinner = ora(\"Checking configuration...\").start();\n  try {\n    await ensureFronticRegistry();\n    spinner.succeed(\"Configuration verified\");\n  } catch {\n    spinner.fail(\"Configuration error\");\n    console.log();\n    console.log(chalk.yellow(\"Run `npx @frontic/ui init` first to set up your project.\"));\n    process.exit(1);\n  }\n\n  // Build shadcn-vue arguments\n  const args = [\"add\"];\n\n  if (options.all) {\n    args.push(\"--all\");\n  } else {\n    args.push(...components);\n  }\n\n  if (options.overwrite) {\n    args.push(\"--overwrite\");\n  }\n\n  if (options.path) {\n    args.push(\"--path\", options.path);\n  }\n\n  if (options.yes) {\n    args.push(\"--yes\");\n  }\n\n  console.log();\n  console.log(chalk.blue(\"Adding components...\"));\n  console.log();\n\n  // Run shadcn-vue add\n  await spawnShadcn(args);\n\n  console.log();\n  console.log(chalk.green(\"✓ Components added successfully!\"));\n}\n","import { Command } from \"commander\";\nimport chalk from \"chalk\";\nimport ora from \"ora\";\nimport { writeFile, readFile, mkdir } from \"fs/promises\";\nimport { existsSync } from \"fs\";\nimport { join } from \"path\";\nimport prompts from \"prompts\";\nimport { FRONTIC_REGISTRY_URL } from \"../utils/constants.js\";\n\ntype McpClient = \"claude\" | \"cursor\" | \"vscode\";\n\ninterface McpInitOptions {\n  client?: McpClient;\n}\n\nexport function registerMcpCommand(program: Command) {\n  const mcp = program\n    .command(\"mcp\")\n    .description(\"MCP (Model Context Protocol) commands\");\n\n  mcp\n    .command(\"init\")\n    .description(\"Set up MCP for AI assistants\")\n    .option(\"-c, --client <client>\", \"Target client (claude, cursor, vscode)\")\n    .action(async (options: McpInitOptions) => {\n      await initMcp(options);\n    });\n}\n\nasync function initMcp(options: McpInitOptions) {\n  console.log();\n  console.log(chalk.bold(\"Frontic UI - MCP Setup\"));\n  console.log(chalk.dim(\"Configure AI assistant integration\"));\n  console.log();\n\n  let client = options.client as McpClient | undefined;\n\n  // Prompt for client if not specified\n  if (!client) {\n    const response = await prompts({\n      type: \"select\",\n      name: \"client\",\n      message: \"Select your AI client:\",\n      choices: [\n        { title: \"Claude Code\", value: \"claude\" },\n        { title: \"Cursor\", value: \"cursor\" },\n        { title: \"VS Code\", value: \"vscode\" },\n      ],\n    });\n\n    client = response.client;\n\n    if (!client) {\n      console.log(chalk.yellow(\"Setup cancelled.\"));\n      return;\n    }\n  }\n\n  const spinner = ora(\"Creating MCP configuration...\").start();\n\n  try {\n    await createMcpConfig(client);\n    spinner.succeed(\"MCP configuration created\");\n  } catch (error) {\n    spinner.fail(\"Failed to create MCP configuration\");\n    throw error;\n  }\n\n  console.log();\n  console.log(chalk.green(\"✓ MCP configured successfully!\"));\n  console.log();\n  console.log(\"Your AI assistant can now:\");\n  console.log(chalk.dim(\"  • Browse available Frontic UI components\"));\n  console.log(chalk.dim(\"  • Add components using natural language\"));\n  console.log(chalk.dim('  • Example: \"Add a button component\"'));\n  console.log();\n}\n\nasync function createMcpConfig(client: McpClient) {\n  const config = getMcpConfig();\n  const configPath = getMcpConfigPath(client);\n  const configDir = join(process.cwd(), configPath.split(\"/\").slice(0, -1).join(\"/\"));\n\n  // Create directory if needed\n  if (!existsSync(configDir)) {\n    await mkdir(configDir, { recursive: true });\n  }\n\n  const fullPath = join(process.cwd(), configPath);\n\n  // Read existing config or create new\n  let existingConfig: Record<string, unknown> = {};\n  try {\n    const content = await readFile(fullPath, \"utf-8\");\n    existingConfig = JSON.parse(content);\n  } catch {\n    // File doesn't exist, use empty config\n  }\n\n  // Merge with existing config\n  const mergedConfig = {\n    ...existingConfig,\n    mcpServers: {\n      ...(existingConfig.mcpServers as Record<string, unknown> || {}),\n      ...config.mcpServers,\n    },\n  };\n\n  await writeFile(fullPath, JSON.stringify(mergedConfig, null, 2));\n\n  console.log(chalk.dim(`  Config written to: ${configPath}`));\n}\n\nfunction getMcpConfigPath(client: McpClient): string {\n  switch (client) {\n    case \"claude\":\n      return \".mcp.json\";\n    case \"cursor\":\n      return \".cursor/mcp.json\";\n    case \"vscode\":\n      return \".vscode/mcp.json\";\n  }\n}\n\nfunction getMcpConfig() {\n  return {\n    mcpServers: {\n      \"frontic-ui\": {\n        command: \"npx\",\n        args: [\"shadcn-vue@latest\", \"mcp\"],\n        env: {\n          SHADCN_REGISTRY_URL: FRONTIC_REGISTRY_URL,\n        },\n      },\n    },\n  };\n}\n","#!/usr/bin/env node\nimport { run } from '../src/index.js'\n\nrun()\n"],"mappings":"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","names":["program","chalk","ora","program","chalk","ora","chalk","ora","writeFile","readFile","join","prompts","program","chalk","prompts","ora","join","readFile","writeFile"]}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+import { Command } from 'commander';
+
+declare const program: Command;
+declare function run(): void;
+
+export { program, run };

package/dist/index.js

@@ -0,0 +1,372 @@
+// src/index.ts
+import { Command } from "commander";
+
+// src/commands/init.ts
+import chalk from "chalk";
+import ora from "ora";
+import prompts from "prompts";
+
+// src/utils/spawn-shadcn.ts
+import { execa } from "execa";
+async function spawnShadcn(args, options = {}) {
+  const { silent = false } = options;
+  try {
+    await execa("npx", ["shadcn-vue@latest", ...args], {
+      stdio: silent ? "pipe" : "inherit",
+      shell: true
+    });
+  } catch (error) {
+    if (!silent) {
+      throw error;
+    }
+  }
+}
+
+// src/utils/config.ts
+import { readFile, writeFile, access } from "fs/promises";
+import { join } from "path";
+
+// src/utils/constants.ts
+var FRONTIC_REGISTRY_URL = "https://registry.frontic.io/r";
+var CONFIG_FILE = "components.json";
+
+// src/utils/config.ts
+async function configExists() {
+  try {
+    await access(join(process.cwd(), CONFIG_FILE));
+    return true;
+  } catch {
+    return false;
+  }
+}
+async function readConfig() {
+  try {
+    const content = await readFile(join(process.cwd(), CONFIG_FILE), "utf-8");
+    return JSON.parse(content);
+  } catch {
+    return null;
+  }
+}
+async function writeConfig(config) {
+  await writeFile(
+    join(process.cwd(), CONFIG_FILE),
+    JSON.stringify(config, null, 2)
+  );
+}
+async function updateConfig(updates) {
+  const existing = await readConfig();
+  if (!existing) {
+    throw new Error(
+      "components.json not found. Run `npx @frontic/ui init` first."
+    );
+  }
+  const merged = deepMerge(existing, updates);
+  await writeConfig(merged);
+}
+async function ensureFronticRegistry() {
+  const config = await readConfig();
+  if (!config) {
+    throw new Error("components.json not found");
+  }
+  if (config.registries?.frontic?.url === FRONTIC_REGISTRY_URL) {
+    return;
+  }
+  await updateConfig({
+    registries: {
+      ...config.registries,
+      frontic: {
+        url: FRONTIC_REGISTRY_URL
+      }
+    }
+  });
+}
+function deepMerge(target, source) {
+  const result = { ...target };
+  for (const key in source) {
+    const sourceValue = source[key];
+    const targetValue = target[key];
+    if (sourceValue && typeof sourceValue === "object" && !Array.isArray(sourceValue) && targetValue && typeof targetValue === "object" && !Array.isArray(targetValue)) {
+      result[key] = deepMerge(
+        targetValue,
+        sourceValue
+      );
+    } else {
+      result[key] = sourceValue;
+    }
+  }
+  return result;
+}
+
+// src/commands/init.ts
+function registerInitCommand(program2) {
+  program2.command("init").description("Initialize Frontic UI in your Vue project").option("-y, --yes", "Skip confirmation prompts").option("-d, --defaults", "Use default configuration").action(async (options) => {
+    await init(options);
+  });
+}
+async function init(options) {
+  console.log();
+  console.log(chalk.bold("Frontic UI"));
+  console.log(chalk.dim("Initializing your project..."));
+  console.log();
+  const hasConfig = await configExists();
+  if (!hasConfig) {
+    console.log(chalk.blue("Running shadcn-vue init..."));
+    console.log();
+    const args = ["init"];
+    if (options.yes) args.push("--yes");
+    if (options.defaults) args.push("--defaults");
+    await spawnShadcn(args);
+    console.log();
+  }
+  let themeColors = getDefaultThemeColors();
+  if (!options.yes && !options.defaults) {
+    const response = await prompts([
+      {
+        type: "confirm",
+        name: "customizeColors",
+        message: "Would you like to customize theme colors?",
+        initial: false
+      }
+    ]);
+    if (response.customizeColors) {
+      const colorResponse = await prompts([
+        {
+          type: "text",
+          name: "brand",
+          message: "Brand color (OKLCH)",
+          initial: themeColors.brand
+        },
+        {
+          type: "text",
+          name: "success",
+          message: "Success color (OKLCH)",
+          initial: themeColors.success
+        },
+        {
+          type: "text",
+          name: "warning",
+          message: "Warning color (OKLCH)",
+          initial: themeColors.warning
+        },
+        {
+          type: "text",
+          name: "info",
+          message: "Info color (OKLCH)",
+          initial: themeColors.info
+        }
+      ]);
+      themeColors = {
+        brand: colorResponse.brand || themeColors.brand,
+        success: colorResponse.success || themeColors.success,
+        warning: colorResponse.warning || themeColors.warning,
+        info: colorResponse.info || themeColors.info
+      };
+    }
+  }
+  const spinner = ora("Configuring Frontic registry...").start();
+  try {
+    await updateConfig({
+      registries: {
+        frontic: {
+          url: FRONTIC_REGISTRY_URL
+        }
+      }
+    });
+    spinner.succeed("Frontic registry configured");
+  } catch (error) {
+    spinner.fail("Failed to configure registry");
+    throw error;
+  }
+  const themeSpinner = ora("Installing theme...").start();
+  try {
+    await spawnShadcn(["add", "theme", "--yes"], { silent: true });
+    themeSpinner.succeed("Theme installed");
+  } catch {
+    themeSpinner.warn("Theme installation skipped (may already exist)");
+  }
+  console.log();
+  console.log(chalk.green("\u2713 Frontic UI initialized successfully!"));
+  console.log();
+  console.log("Next steps:");
+  console.log(chalk.dim("  1. Add components:"));
+  console.log(`     ${chalk.cyan("npx @frontic/ui add button")}`);
+  console.log();
+  console.log(chalk.dim("  2. Set up MCP for AI assistants (optional):"));
+  console.log(`     ${chalk.cyan("npx @frontic/ui mcp init")}`);
+  console.log();
+}
+function getDefaultThemeColors() {
+  return {
+    brand: "oklch(58% 0.25 265)",
+    success: "oklch(55% 0.2 145)",
+    warning: "oklch(75% 0.18 85)",
+    info: "oklch(60% 0.2 230)"
+  };
+}
+
+// src/commands/add.ts
+import chalk2 from "chalk";
+import ora2 from "ora";
+function registerAddCommand(program2) {
+  program2.command("add").description("Add components to your project").argument("[components...]", "Components to add").option("-o, --overwrite", "Overwrite existing files").option("-a, --all", "Add all available components").option("-p, --path <path>", "Custom installation path").option("-y, --yes", "Skip confirmation prompts").action(async (components, options) => {
+    await add(components, options);
+  });
+}
+async function add(components, options) {
+  if (!options.all && components.length === 0) {
+    console.log(chalk2.red("Error: Please specify components to add or use --all"));
+    console.log();
+    console.log("Usage:");
+    console.log(`  ${chalk2.cyan("npx @frontic/ui add button")}`);
+    console.log(`  ${chalk2.cyan("npx @frontic/ui add button dialog card")}`);
+    console.log(`  ${chalk2.cyan("npx @frontic/ui add --all")}`);
+    process.exit(1);
+  }
+  const spinner = ora2("Checking configuration...").start();
+  try {
+    await ensureFronticRegistry();
+    spinner.succeed("Configuration verified");
+  } catch {
+    spinner.fail("Configuration error");
+    console.log();
+    console.log(chalk2.yellow("Run `npx @frontic/ui init` first to set up your project."));
+    process.exit(1);
+  }
+  const args = ["add"];
+  if (options.all) {
+    args.push("--all");
+  } else {
+    args.push(...components);
+  }
+  if (options.overwrite) {
+    args.push("--overwrite");
+  }
+  if (options.path) {
+    args.push("--path", options.path);
+  }
+  if (options.yes) {
+    args.push("--yes");
+  }
+  console.log();
+  console.log(chalk2.blue("Adding components..."));
+  console.log();
+  await spawnShadcn(args);
+  console.log();
+  console.log(chalk2.green("\u2713 Components added successfully!"));
+}
+
+// src/commands/mcp.ts
+import chalk3 from "chalk";
+import ora3 from "ora";
+import { writeFile as writeFile2, readFile as readFile2, mkdir } from "fs/promises";
+import { existsSync } from "fs";
+import { join as join2 } from "path";
+import prompts2 from "prompts";
+function registerMcpCommand(program2) {
+  const mcp = program2.command("mcp").description("MCP (Model Context Protocol) commands");
+  mcp.command("init").description("Set up MCP for AI assistants").option("-c, --client <client>", "Target client (claude, cursor, vscode)").action(async (options) => {
+    await initMcp(options);
+  });
+}
+async function initMcp(options) {
+  console.log();
+  console.log(chalk3.bold("Frontic UI - MCP Setup"));
+  console.log(chalk3.dim("Configure AI assistant integration"));
+  console.log();
+  let client = options.client;
+  if (!client) {
+    const response = await prompts2({
+      type: "select",
+      name: "client",
+      message: "Select your AI client:",
+      choices: [
+        { title: "Claude Code", value: "claude" },
+        { title: "Cursor", value: "cursor" },
+        { title: "VS Code", value: "vscode" }
+      ]
+    });
+    client = response.client;
+    if (!client) {
+      console.log(chalk3.yellow("Setup cancelled."));
+      return;
+    }
+  }
+  const spinner = ora3("Creating MCP configuration...").start();
+  try {
+    await createMcpConfig(client);
+    spinner.succeed("MCP configuration created");
+  } catch (error) {
+    spinner.fail("Failed to create MCP configuration");
+    throw error;
+  }
+  console.log();
+  console.log(chalk3.green("\u2713 MCP configured successfully!"));
+  console.log();
+  console.log("Your AI assistant can now:");
+  console.log(chalk3.dim("  \u2022 Browse available Frontic UI components"));
+  console.log(chalk3.dim("  \u2022 Add components using natural language"));
+  console.log(chalk3.dim('  \u2022 Example: "Add a button component"'));
+  console.log();
+}
+async function createMcpConfig(client) {
+  const config = getMcpConfig();
+  const configPath = getMcpConfigPath(client);
+  const configDir = join2(process.cwd(), configPath.split("/").slice(0, -1).join("/"));
+  if (!existsSync(configDir)) {
+    await mkdir(configDir, { recursive: true });
+  }
+  const fullPath = join2(process.cwd(), configPath);
+  let existingConfig = {};
+  try {
+    const content = await readFile2(fullPath, "utf-8");
+    existingConfig = JSON.parse(content);
+  } catch {
+  }
+  const mergedConfig = {
+    ...existingConfig,
+    mcpServers: {
+      ...existingConfig.mcpServers || {},
+      ...config.mcpServers
+    }
+  };
+  await writeFile2(fullPath, JSON.stringify(mergedConfig, null, 2));
+  console.log(chalk3.dim(`  Config written to: ${configPath}`));
+}
+function getMcpConfigPath(client) {
+  switch (client) {
+    case "claude":
+      return ".mcp.json";
+    case "cursor":
+      return ".cursor/mcp.json";
+    case "vscode":
+      return ".vscode/mcp.json";
+  }
+}
+function getMcpConfig() {
+  return {
+    mcpServers: {
+      "frontic-ui": {
+        command: "npx",
+        args: ["shadcn-vue@latest", "mcp"],
+        env: {
+          SHADCN_REGISTRY_URL: FRONTIC_REGISTRY_URL
+        }
+      }
+    }
+  };
+}
+
+// src/index.ts
+var program = new Command();
+program.name("frontic-ui").description("CLI for adding Frontic UI components to your Vue project").version("0.0.1");
+registerInitCommand(program);
+registerAddCommand(program);
+registerMcpCommand(program);
+function run() {
+  program.parse();
+}
+export {
+  program,
+  run
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/commands/init.ts","../src/utils/spawn-shadcn.ts","../src/utils/config.ts","../src/utils/constants.ts","../src/commands/add.ts","../src/commands/mcp.ts"],"sourcesContent":["import { Command } from \"commander\";\nimport { registerInitCommand } from \"./commands/init.js\";\nimport { registerAddCommand } from \"./commands/add.js\";\nimport { registerMcpCommand } from \"./commands/mcp.js\";\n\nconst program = new Command();\n\nprogram\n  .name(\"frontic-ui\")\n  .description(\"CLI for adding Frontic UI components to your Vue project\")\n  .version(\"0.0.1\");\n\nregisterInitCommand(program);\nregisterAddCommand(program);\nregisterMcpCommand(program);\n\nexport function run() {\n  program.parse();\n}\n\nexport { program };\n","import { Command } from \"commander\";\nimport chalk from \"chalk\";\nimport ora from \"ora\";\nimport prompts from \"prompts\";\nimport { spawnShadcn } from \"../utils/spawn-shadcn.js\";\nimport { updateConfig, configExists } from \"../utils/config.js\";\nimport { FRONTIC_REGISTRY_URL } from \"../utils/constants.js\";\n\ninterface InitOptions {\n  yes?: boolean;\n  defaults?: boolean;\n}\n\nexport function registerInitCommand(program: Command) {\n  program\n    .command(\"init\")\n    .description(\"Initialize Frontic UI in your Vue project\")\n    .option(\"-y, --yes\", \"Skip confirmation prompts\")\n    .option(\"-d, --defaults\", \"Use default configuration\")\n    .action(async (options: InitOptions) => {\n      await init(options);\n    });\n}\n\nasync function init(options: InitOptions) {\n  console.log();\n  console.log(chalk.bold(\"Frontic UI\"));\n  console.log(chalk.dim(\"Initializing your project...\"));\n  console.log();\n\n  const hasConfig = await configExists();\n\n  // Run shadcn-vue init if no config exists\n  if (!hasConfig) {\n    console.log(chalk.blue(\"Running shadcn-vue init...\"));\n    console.log();\n\n    const args = [\"init\"];\n    if (options.yes) args.push(\"--yes\");\n    if (options.defaults) args.push(\"--defaults\");\n\n    await spawnShadcn(args);\n    console.log();\n  }\n\n  // Prompt for theme colors (unless skipped)\n  let themeColors = getDefaultThemeColors();\n\n  if (!options.yes && !options.defaults) {\n    const response = await prompts([\n      {\n        type: \"confirm\",\n        name: \"customizeColors\",\n        message: \"Would you like to customize theme colors?\",\n        initial: false,\n      },\n    ]);\n\n    if (response.customizeColors) {\n      const colorResponse = await prompts([\n        {\n          type: \"text\",\n          name: \"brand\",\n          message: \"Brand color (OKLCH)\",\n          initial: themeColors.brand,\n        },\n        {\n          type: \"text\",\n          name: \"success\",\n          message: \"Success color (OKLCH)\",\n          initial: themeColors.success,\n        },\n        {\n          type: \"text\",\n          name: \"warning\",\n          message: \"Warning color (OKLCH)\",\n          initial: themeColors.warning,\n        },\n        {\n          type: \"text\",\n          name: \"info\",\n          message: \"Info color (OKLCH)\",\n          initial: themeColors.info,\n        },\n      ]);\n\n      themeColors = {\n        brand: colorResponse.brand || themeColors.brand,\n        success: colorResponse.success || themeColors.success,\n        warning: colorResponse.warning || themeColors.warning,\n        info: colorResponse.info || themeColors.info,\n      };\n    }\n  }\n\n  // Update components.json with Frontic registry\n  const spinner = ora(\"Configuring Frontic registry...\").start();\n\n  try {\n    await updateConfig({\n      registries: {\n        frontic: {\n          url: FRONTIC_REGISTRY_URL,\n        },\n      },\n    });\n    spinner.succeed(\"Frontic registry configured\");\n  } catch (error) {\n    spinner.fail(\"Failed to configure registry\");\n    throw error;\n  }\n\n  // Install theme\n  const themeSpinner = ora(\"Installing theme...\").start();\n  try {\n    await spawnShadcn([\"add\", \"theme\", \"--yes\"], { silent: true });\n    themeSpinner.succeed(\"Theme installed\");\n  } catch {\n    themeSpinner.warn(\"Theme installation skipped (may already exist)\");\n  }\n\n  console.log();\n  console.log(chalk.green(\"✓ Frontic UI initialized successfully!\"));\n  console.log();\n  console.log(\"Next steps:\");\n  console.log(chalk.dim(\"  1. Add components:\"));\n  console.log(`     ${chalk.cyan(\"npx @frontic/ui add button\")}`);\n  console.log();\n  console.log(chalk.dim(\"  2. Set up MCP for AI assistants (optional):\"));\n  console.log(`     ${chalk.cyan(\"npx @frontic/ui mcp init\")}`);\n  console.log();\n}\n\nfunction getDefaultThemeColors() {\n  return {\n    brand: \"oklch(58% 0.25 265)\",\n    success: \"oklch(55% 0.2 145)\",\n    warning: \"oklch(75% 0.18 85)\",\n    info: \"oklch(60% 0.2 230)\",\n  };\n}\n","import { execa } from \"execa\";\n\ninterface SpawnOptions {\n  silent?: boolean;\n}\n\nexport async function spawnShadcn(\n  args: string[],\n  options: SpawnOptions = {}\n): Promise<void> {\n  const { silent = false } = options;\n\n  try {\n    await execa(\"npx\", [\"shadcn-vue@latest\", ...args], {\n      stdio: silent ? \"pipe\" : \"inherit\",\n      shell: true,\n    });\n  } catch (error) {\n    if (!silent) {\n      throw error;\n    }\n    // Silently ignore errors when silent mode is enabled\n  }\n}\n","import { readFile, writeFile, access } from \"fs/promises\";\nimport { join } from \"path\";\nimport { CONFIG_FILE, FRONTIC_REGISTRY_URL } from \"./constants.js\";\n\nexport interface ComponentsConfig {\n  $schema?: string;\n  style?: string;\n  typescript?: boolean;\n  tailwind?: {\n    css?: string;\n    baseColor?: string;\n    cssVariables?: boolean;\n  };\n  aliases?: {\n    components?: string;\n    utils?: string;\n    ui?: string;\n    lib?: string;\n    composables?: string;\n  };\n  registries?: {\n    [key: string]: {\n      url: string;\n    };\n  };\n}\n\nexport async function configExists(): Promise<boolean> {\n  try {\n    await access(join(process.cwd(), CONFIG_FILE));\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport async function readConfig(): Promise<ComponentsConfig | null> {\n  try {\n    const content = await readFile(join(process.cwd(), CONFIG_FILE), \"utf-8\");\n    return JSON.parse(content);\n  } catch {\n    return null;\n  }\n}\n\nexport async function writeConfig(config: ComponentsConfig): Promise<void> {\n  await writeFile(\n    join(process.cwd(), CONFIG_FILE),\n    JSON.stringify(config, null, 2)\n  );\n}\n\nexport async function updateConfig(\n  updates: Partial<ComponentsConfig>\n): Promise<void> {\n  const existing = await readConfig();\n\n  if (!existing) {\n    throw new Error(\n      \"components.json not found. Run `npx @frontic/ui init` first.\"\n    );\n  }\n\n  const merged = deepMerge(existing, updates);\n  await writeConfig(merged);\n}\n\nexport async function ensureFronticRegistry(): Promise<void> {\n  const config = await readConfig();\n\n  if (!config) {\n    throw new Error(\"components.json not found\");\n  }\n\n  // Check if Frontic registry is already configured\n  if (config.registries?.frontic?.url === FRONTIC_REGISTRY_URL) {\n    return;\n  }\n\n  // Add Frontic registry\n  await updateConfig({\n    registries: {\n      ...config.registries,\n      frontic: {\n        url: FRONTIC_REGISTRY_URL,\n      },\n    },\n  });\n}\n\nfunction deepMerge<T extends object>(target: T, source: Partial<T>): T {\n  const result = { ...target };\n\n  for (const key in source) {\n    const sourceValue = source[key];\n    const targetValue = target[key];\n\n    if (\n      sourceValue &&\n      typeof sourceValue === \"object\" &&\n      !Array.isArray(sourceValue) &&\n      targetValue &&\n      typeof targetValue === \"object\" &&\n      !Array.isArray(targetValue)\n    ) {\n      (result as Record<string, unknown>)[key] = deepMerge(\n        targetValue as Record<string, unknown>,\n        sourceValue as Record<string, unknown>\n      );\n    } else {\n      (result as Record<string, unknown>)[key] = sourceValue;\n    }\n  }\n\n  return result;\n}\n","export const FRONTIC_REGISTRY_URL = \"https://registry.frontic.io/r\";\n\nexport const CONFIG_FILE = \"components.json\";\n\nexport const DEFAULT_THEME_COLORS = {\n  brand: \"oklch(58% 0.25 265)\",\n  \"brand-foreground\": \"oklch(100% 0 0)\",\n  success: \"oklch(55% 0.2 145)\",\n  \"success-foreground\": \"oklch(100% 0 0)\",\n  warning: \"oklch(75% 0.18 85)\",\n  \"warning-foreground\": \"oklch(20% 0 0)\",\n  info: \"oklch(60% 0.2 230)\",\n  \"info-foreground\": \"oklch(100% 0 0)\",\n};\n","import { Command } from \"commander\";\nimport chalk from \"chalk\";\nimport ora from \"ora\";\nimport { spawnShadcn } from \"../utils/spawn-shadcn.js\";\nimport { ensureFronticRegistry } from \"../utils/config.js\";\n\ninterface AddOptions {\n  overwrite?: boolean;\n  all?: boolean;\n  path?: string;\n  yes?: boolean;\n}\n\nexport function registerAddCommand(program: Command) {\n  program\n    .command(\"add\")\n    .description(\"Add components to your project\")\n    .argument(\"[components...]\", \"Components to add\")\n    .option(\"-o, --overwrite\", \"Overwrite existing files\")\n    .option(\"-a, --all\", \"Add all available components\")\n    .option(\"-p, --path <path>\", \"Custom installation path\")\n    .option(\"-y, --yes\", \"Skip confirmation prompts\")\n    .action(async (components: string[], options: AddOptions) => {\n      await add(components, options);\n    });\n}\n\nasync function add(components: string[], options: AddOptions) {\n  // Validate input\n  if (!options.all && components.length === 0) {\n    console.log(chalk.red(\"Error: Please specify components to add or use --all\"));\n    console.log();\n    console.log(\"Usage:\");\n    console.log(`  ${chalk.cyan(\"npx @frontic/ui add button\")}`);\n    console.log(`  ${chalk.cyan(\"npx @frontic/ui add button dialog card\")}`);\n    console.log(`  ${chalk.cyan(\"npx @frontic/ui add --all\")}`);\n    process.exit(1);\n  }\n\n  // Ensure Frontic registry is configured\n  const spinner = ora(\"Checking configuration...\").start();\n  try {\n    await ensureFronticRegistry();\n    spinner.succeed(\"Configuration verified\");\n  } catch {\n    spinner.fail(\"Configuration error\");\n    console.log();\n    console.log(chalk.yellow(\"Run `npx @frontic/ui init` first to set up your project.\"));\n    process.exit(1);\n  }\n\n  // Build shadcn-vue arguments\n  const args = [\"add\"];\n\n  if (options.all) {\n    args.push(\"--all\");\n  } else {\n    args.push(...components);\n  }\n\n  if (options.overwrite) {\n    args.push(\"--overwrite\");\n  }\n\n  if (options.path) {\n    args.push(\"--path\", options.path);\n  }\n\n  if (options.yes) {\n    args.push(\"--yes\");\n  }\n\n  console.log();\n  console.log(chalk.blue(\"Adding components...\"));\n  console.log();\n\n  // Run shadcn-vue add\n  await spawnShadcn(args);\n\n  console.log();\n  console.log(chalk.green(\"✓ Components added successfully!\"));\n}\n","import { Command } from \"commander\";\nimport chalk from \"chalk\";\nimport ora from \"ora\";\nimport { writeFile, readFile, mkdir } from \"fs/promises\";\nimport { existsSync } from \"fs\";\nimport { join } from \"path\";\nimport prompts from \"prompts\";\nimport { FRONTIC_REGISTRY_URL } from \"../utils/constants.js\";\n\ntype McpClient = \"claude\" | \"cursor\" | \"vscode\";\n\ninterface McpInitOptions {\n  client?: McpClient;\n}\n\nexport function registerMcpCommand(program: Command) {\n  const mcp = program\n    .command(\"mcp\")\n    .description(\"MCP (Model Context Protocol) commands\");\n\n  mcp\n    .command(\"init\")\n    .description(\"Set up MCP for AI assistants\")\n    .option(\"-c, --client <client>\", \"Target client (claude, cursor, vscode)\")\n    .action(async (options: McpInitOptions) => {\n      await initMcp(options);\n    });\n}\n\nasync function initMcp(options: McpInitOptions) {\n  console.log();\n  console.log(chalk.bold(\"Frontic UI - MCP Setup\"));\n  console.log(chalk.dim(\"Configure AI assistant integration\"));\n  console.log();\n\n  let client = options.client as McpClient | undefined;\n\n  // Prompt for client if not specified\n  if (!client) {\n    const response = await prompts({\n      type: \"select\",\n      name: \"client\",\n      message: \"Select your AI client:\",\n      choices: [\n        { title: \"Claude Code\", value: \"claude\" },\n        { title: \"Cursor\", value: \"cursor\" },\n        { title: \"VS Code\", value: \"vscode\" },\n      ],\n    });\n\n    client = response.client;\n\n    if (!client) {\n      console.log(chalk.yellow(\"Setup cancelled.\"));\n      return;\n    }\n  }\n\n  const spinner = ora(\"Creating MCP configuration...\").start();\n\n  try {\n    await createMcpConfig(client);\n    spinner.succeed(\"MCP configuration created\");\n  } catch (error) {\n    spinner.fail(\"Failed to create MCP configuration\");\n    throw error;\n  }\n\n  console.log();\n  console.log(chalk.green(\"✓ MCP configured successfully!\"));\n  console.log();\n  console.log(\"Your AI assistant can now:\");\n  console.log(chalk.dim(\"  • Browse available Frontic UI components\"));\n  console.log(chalk.dim(\"  • Add components using natural language\"));\n  console.log(chalk.dim('  • Example: \"Add a button component\"'));\n  console.log();\n}\n\nasync function createMcpConfig(client: McpClient) {\n  const config = getMcpConfig();\n  const configPath = getMcpConfigPath(client);\n  const configDir = join(process.cwd(), configPath.split(\"/\").slice(0, -1).join(\"/\"));\n\n  // Create directory if needed\n  if (!existsSync(configDir)) {\n    await mkdir(configDir, { recursive: true });\n  }\n\n  const fullPath = join(process.cwd(), configPath);\n\n  // Read existing config or create new\n  let existingConfig: Record<string, unknown> = {};\n  try {\n    const content = await readFile(fullPath, \"utf-8\");\n    existingConfig = JSON.parse(content);\n  } catch {\n    // File doesn't exist, use empty config\n  }\n\n  // Merge with existing config\n  const mergedConfig = {\n    ...existingConfig,\n    mcpServers: {\n      ...(existingConfig.mcpServers as Record<string, unknown> || {}),\n      ...config.mcpServers,\n    },\n  };\n\n  await writeFile(fullPath, JSON.stringify(mergedConfig, null, 2));\n\n  console.log(chalk.dim(`  Config written to: ${configPath}`));\n}\n\nfunction getMcpConfigPath(client: McpClient): string {\n  switch (client) {\n    case \"claude\":\n      return \".mcp.json\";\n    case \"cursor\":\n      return \".cursor/mcp.json\";\n    case \"vscode\":\n      return \".vscode/mcp.json\";\n  }\n}\n\nfunction getMcpConfig() {\n  return {\n    mcpServers: {\n      \"frontic-ui\": {\n        command: \"npx\",\n        args: [\"shadcn-vue@latest\", \"mcp\"],\n        env: {\n          SHADCN_REGISTRY_URL: FRONTIC_REGISTRY_URL,\n        },\n      },\n    },\n  };\n}\n"],"mappings":"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","names":["program","chalk","ora","program","chalk","ora","chalk","ora","writeFile","readFile","join","prompts","program","chalk","prompts","ora","join","readFile","writeFile"]}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@frontic/ui",
+  "version": "0.0.1",
+  "description": "CLI for adding Frontic UI components to your Vue project",
+  "type": "module",
+  "bin": {
+    "frontic-ui": "dist/bin/frontic-ui.js"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "tsup --watch",
+    "build": "tsup",
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run",
+    "test:unit": "vitest run tests/unit",
+    "test:integration": "vitest run tests/integration",
+    "test:watch": "vitest",
+    "clean": "rm -rf dist"
+  },
+  "dependencies": {
+    "chalk": "^5.3.0",
+    "commander": "^12.1.0",
+    "execa": "^9.5.1",
+    "ora": "^8.1.1",
+    "prompts": "^2.4.2"
+  },
+  "devDependencies": {
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.3.5",
+    "typescript": "^5.7.2",
+    "vitest": "^2.1.8"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/frontic/frontic-ui.git",
+    "directory": "packages/cli"
+  },
+  "keywords": [
+    "vue",
+    "components",
+    "ui",
+    "shadcn",
+    "tailwind",
+    "cli"
+  ],
+  "author": "Frontic",
+  "license": "MIT"
+}