pbjcomponents 0.0.1

package/dist/index.d.ts

@@ -0,0 +1 @@
+#!/usr/bin/env node

package/dist/index.js

@@ -0,0 +1,273 @@
+#!/usr/bin/env node
+
+// src/index.ts
+import { Command as Command4 } from "commander";
+
+// src/commands/add.ts
+import { Command } from "commander";
+import chalk from "chalk";
+import ora from "ora";
+import prompts from "prompts";
+import fs3 from "fs-extra";
+import path3 from "path";
+
+// src/utils/get-config.ts
+import fs from "fs-extra";
+import path from "path";
+var DEFAULT_CONFIG = {
+  style: "default",
+  componentsDir: "components/ui",
+  registry: "https://pbjcomponents.vercel.app/registry"
+};
+async function getConfig(cwd) {
+  const configPath = path.join(cwd, "components.json");
+  if (!fs.existsSync(configPath)) {
+    return DEFAULT_CONFIG;
+  }
+  try {
+    const configContent = await fs.readFile(configPath, "utf-8");
+    const userConfig = JSON.parse(configContent);
+    return { ...DEFAULT_CONFIG, ...userConfig };
+  } catch {
+    return DEFAULT_CONFIG;
+  }
+}
+
+// src/utils/registry.ts
+import fs2 from "fs-extra";
+import path2 from "path";
+var DEFAULT_REGISTRY_URL = "https://pbjcomponents.vercel.app/registry";
+async function getRegistryUrl(cwd) {
+  const config = await getConfig(cwd);
+  return config.registry || DEFAULT_REGISTRY_URL;
+}
+async function getRegistry(cwd = process.cwd()) {
+  const registryUrl = await getRegistryUrl(cwd);
+  try {
+    const response = await fetch(`${registryUrl}/index.json`);
+    if (!response.ok) {
+      throw new Error(`Failed to fetch registry: ${response.statusText}`);
+    }
+    return await response.json();
+  } catch (error) {
+    const localPath = path2.join(
+      path2.dirname(new URL(import.meta.url).pathname),
+      "../../registry/index.json"
+    );
+    if (fs2.existsSync(localPath)) {
+      const content = await fs2.readFile(localPath, "utf-8");
+      return JSON.parse(content);
+    }
+    throw error;
+  }
+}
+async function getComponentEntry(name, cwd = process.cwd()) {
+  const registryUrl = await getRegistryUrl(cwd);
+  try {
+    const response = await fetch(`${registryUrl}/${name}.json`);
+    if (!response.ok) {
+      if (response.status === 404) return null;
+      throw new Error(`Failed to fetch component: ${response.statusText}`);
+    }
+    return await response.json();
+  } catch (error) {
+    const localPath = path2.join(
+      path2.dirname(new URL(import.meta.url).pathname),
+      `../../registry/${name}.json`
+    );
+    if (fs2.existsSync(localPath)) {
+      const content = await fs2.readFile(localPath, "utf-8");
+      return JSON.parse(content);
+    }
+    return null;
+  }
+}
+
+// src/commands/add.ts
+var addCommand = new Command().name("add").description("Add a component to your project").argument("[components...]", "Components to add").option("-y, --yes", "Skip confirmation prompt", false).option("-o, --overwrite", "Overwrite existing files", false).option("-c, --cwd <path>", "Working directory", process.cwd()).action(async (components, opts) => {
+  const cwd = path3.resolve(opts.cwd);
+  if (!fs3.existsSync(cwd)) {
+    console.error(chalk.red(`Directory ${cwd} does not exist.`));
+    process.exit(1);
+  }
+  const config = await getConfig(cwd);
+  if (!components || components.length === 0) {
+    const registry = await getRegistry(cwd);
+    const { selectedComponents } = await prompts({
+      type: "multiselect",
+      name: "selectedComponents",
+      message: "Which components would you like to add?",
+      choices: registry.components.map((name) => ({
+        title: name,
+        value: name
+      }))
+    });
+    if (!selectedComponents || selectedComponents.length === 0) {
+      console.log(chalk.yellow("No components selected."));
+      return;
+    }
+    components = selectedComponents;
+  }
+  for (const componentName of components) {
+    const spinner = ora(`Adding ${componentName}...`).start();
+    try {
+      const entry = await getComponentEntry(componentName, cwd);
+      if (!entry) {
+        spinner.fail(`Component "${componentName}" not found in registry.`);
+        continue;
+      }
+      for (const file of entry.files) {
+        const targetPath = path3.join(cwd, file.path);
+        const targetDir = path3.dirname(targetPath);
+        if (fs3.existsSync(targetPath) && !opts.overwrite) {
+          spinner.stop();
+          if (!opts.yes) {
+            const { overwrite } = await prompts({
+              type: "confirm",
+              name: "overwrite",
+              message: `File ${file.path} already exists. Overwrite?`,
+              initial: false
+            });
+            if (!overwrite) {
+              console.log(chalk.yellow(`Skipped ${file.path}`));
+              continue;
+            }
+          } else {
+            console.log(chalk.yellow(`Skipped ${file.path} (already exists)`));
+            continue;
+          }
+          spinner.start();
+        }
+        await fs3.ensureDir(targetDir);
+        await fs3.writeFile(targetPath, file.content, "utf-8");
+      }
+      spinner.succeed(`Added ${componentName}`);
+      if (entry.dependencies && entry.dependencies.length > 0) {
+        console.log(
+          chalk.dim(`  Dependencies: ${entry.dependencies.join(", ")}`)
+        );
+      }
+    } catch (error) {
+      spinner.fail(`Failed to add ${componentName}`);
+      console.error(chalk.red(error));
+    }
+  }
+  console.log("");
+  console.log(chalk.green("Done!"));
+  console.log(
+    chalk.dim("Don't forget to install the required dependencies.")
+  );
+});
+
+// src/commands/list.ts
+import { Command as Command2 } from "commander";
+import chalk2 from "chalk";
+var listCommand = new Command2().name("list").description("List all available components").option("-c, --cwd <path>", "Working directory", process.cwd()).action(async (opts) => {
+  const cwd = opts.cwd;
+  const registry = await getRegistry(cwd);
+  console.log("");
+  console.log(chalk2.bold("Available components:"));
+  console.log("");
+  for (const name of registry.components) {
+    const entry = await getComponentEntry(name, cwd);
+    if (entry) {
+      const category = entry.category ? chalk2.dim(`[${entry.category}]`) : "";
+      const description = entry.description ? chalk2.dim(` - ${entry.description}`) : "";
+      console.log(`  ${chalk2.cyan(name)} ${category}${description}`);
+    } else {
+      console.log(`  ${chalk2.cyan(name)}`);
+    }
+  }
+  console.log("");
+  console.log(chalk2.dim(`Total: ${registry.components.length} components`));
+  console.log("");
+});
+
+// src/commands/update.ts
+import { Command as Command3 } from "commander";
+import chalk3 from "chalk";
+import ora2 from "ora";
+import prompts2 from "prompts";
+import fs4 from "fs-extra";
+import path4 from "path";
+var updateCommand = new Command3().name("update").description("Update components in your project to the latest version").argument("[components...]", "Components to update").option("-y, --yes", "Skip confirmation prompt", false).option("-c, --cwd <path>", "Working directory", process.cwd()).action(async (components, opts) => {
+  const cwd = path4.resolve(opts.cwd);
+  if (!fs4.existsSync(cwd)) {
+    console.error(chalk3.red(`Directory ${cwd} does not exist.`));
+    process.exit(1);
+  }
+  const config = await getConfig(cwd);
+  if (!components || components.length === 0) {
+    console.error(chalk3.red("Please specify at least one component to update."));
+    console.log(chalk3.dim("Usage: pbjcomponents update <component> [components...]"));
+    console.log(chalk3.dim("Example: pbjcomponents update button"));
+    process.exit(1);
+  }
+  if (!opts.yes) {
+    const { confirm } = await prompts2({
+      type: "confirm",
+      name: "confirm",
+      message: `Update ${components.length} component(s)? This will overwrite existing files.`,
+      initial: true
+    });
+    if (!confirm) {
+      console.log(chalk3.yellow("Update cancelled."));
+      return;
+    }
+  }
+  let updatedCount = 0;
+  let skippedCount = 0;
+  for (const componentName of components) {
+    const spinner = ora2(`Updating ${componentName}...`).start();
+    try {
+      const entry = await getComponentEntry(componentName, cwd);
+      if (!entry) {
+        spinner.fail(`Component "${componentName}" not found in registry.`);
+        skippedCount++;
+        continue;
+      }
+      const componentExists = entry.files.some(
+        (file) => fs4.existsSync(path4.join(cwd, file.path))
+      );
+      if (!componentExists) {
+        spinner.warn(
+          `Component "${componentName}" not found in project. Use 'add' instead.`
+        );
+        skippedCount++;
+        continue;
+      }
+      for (const file of entry.files) {
+        const targetPath = path4.join(cwd, file.path);
+        const targetDir = path4.dirname(targetPath);
+        await fs4.ensureDir(targetDir);
+        await fs4.writeFile(targetPath, file.content, "utf-8");
+      }
+      spinner.succeed(`Updated ${componentName}`);
+      updatedCount++;
+      if (entry.dependencies && entry.dependencies.length > 0) {
+        console.log(
+          chalk3.dim(`  Dependencies: ${entry.dependencies.join(", ")}`)
+        );
+      }
+    } catch (error) {
+      spinner.fail(`Failed to update ${componentName}`);
+      console.error(chalk3.red(error));
+      skippedCount++;
+    }
+  }
+  console.log("");
+  if (updatedCount > 0) {
+    console.log(chalk3.green(`Updated ${updatedCount} component(s).`));
+  }
+  if (skippedCount > 0) {
+    console.log(chalk3.yellow(`Skipped ${skippedCount} component(s).`));
+  }
+});
+
+// src/index.ts
+var program = new Command4();
+program.name("pbjcomponents").description("CLI for adding pbjcomponents to your project").version("0.0.1");
+program.addCommand(addCommand);
+program.addCommand(listCommand);
+program.addCommand(updateCommand);
+program.parse();

package/package.json

@@ -0,0 +1,43 @@
+{
+  "name": "pbjcomponents",
+  "version": "0.0.1",
+  "description": "CLI for adding pbjcomponents to your project",
+  "type": "module",
+  "bin": {
+    "pbjcomponents": "./dist/index.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=20"
+  },
+  "dependencies": {
+    "commander": "^12.0.0",
+    "chalk": "^5.3.0",
+    "ora": "^8.0.0",
+    "prompts": "^2.4.2",
+    "fs-extra": "^11.2.0"
+  },
+  "devDependencies": {
+    "@types/fs-extra": "^11.0.4",
+    "@types/node": "^20.11.0",
+    "@types/prompts": "^2.4.9",
+    "tsup": "^8.0.0",
+    "typescript": "^5.3.0"
+  },
+  "keywords": [
+    "cli",
+    "ui",
+    "components",
+    "react",
+    "tailwindcss"
+  ],
+  "author": "",
+  "license": "MIT",
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --clean",
+    "dev": "tsup src/index.ts --format esm --watch",
+    "typecheck": "tsc --noEmit"
+  }
+}