zerozeeker 2.1.0 → 2.2.0

package/README.md

@@ -2,7 +2,7 @@
 
 **Zero-config CLI** for installing production-ready UI components into your React or Next.js projects.
 
-**No setup required. No shadcn/ui required. Just install and go.** ✨
+**No setup required. Just install and go.**
 
 [![npm](https://img.shields.io/npm/v/zerozeeker?style=flat-square&color=181825)](https://www.npmjs.com/package/zerozeeker)
 [![TypeScript](https://img.shields.io/badge/TypeScript-5.0+-3178C6?style=flat-square&logo=typescript)](https://www.typescriptlang.org/)

package/dist/index.js

@@ -3,7 +3,7 @@
 // index.ts
 import { Command } from "commander";
 import { execSync } from "child_process";
-import { existsSync, mkdirSync, writeFileSync } from "fs";
+import { existsSync, mkdirSync, writeFileSync, readFileSync } from "fs";
 import { join, dirname } from "path";
 import ora from "ora";
 import chalk from "chalk";
@@ -92,10 +92,108 @@ async function installRegistryDependencies(deps, projectRoot, installed = /* @__
   return { files: allFiles, npmDeps: allNpmDeps };
 }
 var program = new Command();
-program.name("zerozeeker").description("CLI for installing ZeroZeeker UI components - because life is too short for boring interfaces").version("2.1.0");
+program.name("zerozeeker").description("CLI for installing ZeroZeeker UI components - because life is too short for boring interfaces").version("2.2.0");
+program.command("init").description("Initialize ZeroZeeker in your project").action(async () => {
+  const spinner = ora("Checking project setup...").start();
+  try {
+    const projectRoot = findProjectRoot();
+    const checks = [];
+    const tsconfigPath = join(projectRoot, "tsconfig.json");
+    if (existsSync(tsconfigPath)) {
+      try {
+        const tsconfig = JSON.parse(readFileSync(tsconfigPath, "utf-8"));
+        const paths = tsconfig.compilerOptions?.paths || {};
+        const hasComponentsAlias = paths["@/components/*"] || paths["@/components"];
+        const hasLibAlias = paths["@/lib/*"] || paths["@/lib"];
+        if (hasComponentsAlias && hasLibAlias) {
+          checks.push({ name: "TypeScript paths", passed: true });
+        } else {
+          checks.push({
+            name: "TypeScript paths",
+            passed: false,
+            message: "Missing @/components or @/lib path aliases"
+          });
+        }
+      } catch {
+        checks.push({ name: "TypeScript config", passed: false, message: "Invalid tsconfig.json" });
+      }
+    } else {
+      checks.push({ name: "TypeScript", passed: false, message: "tsconfig.json not found" });
+    }
+    const tailwindConfigs = [
+      "tailwind.config.ts",
+      "tailwind.config.js",
+      "tailwind.config.mjs",
+      "tailwind.config.cjs"
+    ];
+    const hasTailwind = tailwindConfigs.some((config) => existsSync(join(projectRoot, config)));
+    if (hasTailwind) {
+      checks.push({ name: "Tailwind CSS", passed: true });
+    } else {
+      checks.push({ name: "Tailwind CSS", passed: false, message: "Config file not found" });
+    }
+    const packageJsonPath = join(projectRoot, "package.json");
+    const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf-8"));
+    const deps = { ...packageJson.dependencies, ...packageJson.devDependencies };
+    const hasReact = deps.react;
+    const hasNext = deps.next;
+    if (hasReact || hasNext) {
+      checks.push({
+        name: hasNext ? "Next.js" : "React",
+        passed: true
+      });
+    } else {
+      checks.push({ name: "React/Next.js", passed: false, message: "Not found in dependencies" });
+    }
+    spinner.stop();
+    console.log(chalk.bold("\n\u{1F50D} Project Setup Check\n"));
+    let allPassed = true;
+    for (const check of checks) {
+      if (check.passed) {
+        console.log(chalk.green(`  \u2713 ${check.name}`));
+      } else {
+        console.log(chalk.red(`  \u2717 ${check.name}${check.message ? `: ${check.message}` : ""}`));
+        allPassed = false;
+      }
+    }
+    if (allPassed) {
+      console.log(chalk.green("\n\u2728 Your project is ready for ZeroZeeker!\n"));
+      console.log(chalk.dim("Get started:"));
+      console.log(chalk.cyan("  npx zerozeeker add rainbow-button"));
+      console.log(chalk.dim("\nList all components:"));
+      console.log(chalk.cyan("  npx zerozeeker list\n"));
+    } else {
+      console.log(chalk.yellow("\n\u26A0\uFE0F  Some setup issues detected\n"));
+      if (!checks.find((c) => c.name === "TypeScript")?.passed) {
+        console.log(chalk.dim("Install TypeScript:"));
+        console.log(chalk.white("  npm install -D typescript @types/node @types/react"));
+        console.log(chalk.dim("\nCreate tsconfig.json with path aliases:"));
+        console.log(chalk.white("  npx tsc --init"));
+      }
+      if (!checks.find((c) => c.name === "Tailwind CSS")?.passed) {
+        console.log(chalk.dim("\nInstall Tailwind CSS:"));
+        console.log(chalk.white("  npm install -D tailwindcss postcss autoprefixer"));
+        console.log(chalk.white("  npx tailwindcss init -p"));
+      }
+      console.log(chalk.dim("\nOr create a new Next.js project:"));
+      console.log(chalk.white("  npx create-next-app@latest --typescript --tailwind\n"));
+      process.exit(1);
+    }
+  } catch (error) {
+    spinner.stop();
+    console.error(chalk.red("\n\u2717 Initialization failed\n"));
+    if (error instanceof Error && error.message.includes("package.json")) {
+      console.log(chalk.dim("Make sure you're in a React/Next.js project directory.\n"));
+    } else {
+      console.log(chalk.dim(`${error instanceof Error ? error.message : "Unknown error"}
+`));
+    }
+    process.exit(1);
+  }
+});
 program.command("add <component>").description("Add a component from ZeroZeeker registry").action(async (component) => {
   if (!COMPONENTS.includes(component)) {
-    console.error(chalk.red(`Component "${component}" does not exist in this dimension.`));
+    console.error(chalk.red(`[x] Component "${component}" does not exist in this dimension.`));
     console.log(chalk.dim("\nHere are the components that actually exist:"));
     COMPONENTS.filter((c) => c !== "index").forEach((c) => {
       console.log(chalk.cyan(`  - ${c}`));
@@ -128,7 +226,7 @@ program.command("add <component>").description("Add a component from ZeroZeeker
         if (existsSync(fullPath)) {
           spinner.stop();
           console.warn(chalk.yellow(`
-\u26A0 File already exists: ${targetPath}`));
+[!] File already exists: ${targetPath}`));
           console.log(chalk.dim("  Skipping to avoid overwriting your changes."));
           console.log(chalk.dim(`  To force reinstall: delete the file and run the command again.
 `));
@@ -146,7 +244,7 @@ program.command("add <component>").description("Add a component from ZeroZeeker
     }
     spinner.stop();
     console.log(chalk.green(`
-\u2713 Successfully installed ${component}`));
+[+] Successfully installed ${component}`));
     if (filesInstalled.length > 0) {
       console.log(chalk.dim("\n  Files added:"));
       filesInstalled.forEach((f) => {
@@ -159,11 +257,11 @@ program.command("add <component>").description("Add a component from ZeroZeeker
         console.log(chalk.cyan(`    ${d}`));
       });
     }
-    console.log(chalk.dim("\n  Now go make something beautiful. \u2728\n"));
+    console.log(chalk.dim("\n  Now go make something beautiful.\n"));
   } catch (error) {
     spinner.stop();
     console.error(chalk.red(`
-\u2717 Failed to install ${component}`));
+[x] Failed to install ${component}`));
     if (error instanceof Error) {
       if (error.message.includes("package.json")) {
         console.log(chalk.dim("\n  Make sure you're in a React/Next.js project directory."));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zerozeeker",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Zero-config CLI for installing ZeroZeeker UI components. No shadcn required.",
   "type": "module",
   "bin": {