zerozeeker 2.1.0 → 2.2.1

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,8 +3,9 @@
 // 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 readline from "readline";
 import ora from "ora";
 import chalk from "chalk";
 var REGISTRY_URL = "https://www.zerozeeker.com/r";
@@ -92,10 +93,163 @@ 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"));
+      async function askYesNo(question, defaultYes = false) {
+        const rl = readline.createInterface({ input: process.stdin, output: process.stdout });
+        return new Promise((resolve) => {
+          rl.question(`${question} (${defaultYes ? "Y/n" : "y/N"}): `, (answer) => {
+            rl.close();
+            const a = answer.trim().toLowerCase();
+            if (a === "") return resolve(defaultYes);
+            if (["y", "yes"].includes(a)) return resolve(true);
+            return resolve(false);
+          });
+        });
+      }
+      const needsTypeScript = !checks.find((c) => c.name === "TypeScript" || c.name === "TypeScript paths" || c.name === "TypeScript config")?.passed;
+      const tsPathsMissing = checks.find((c) => c.name === "TypeScript paths" && !c.passed) !== void 0;
+      const needsTailwind = !checks.find((c) => c.name === "Tailwind CSS")?.passed;
+      const doAuto = await askYesNo("Would you like ZeroZeeker to try to automatically fix these issues now?", true);
+      if (!doAuto) process.exit(1);
+      spinner.start();
+      try {
+        if (needsTypeScript) {
+          spinner.text = "Installing TypeScript and types...";
+          execSync("npm install -D typescript @types/node @types/react", { stdio: "inherit" });
+        }
+        const tsconfigPath2 = join(projectRoot, "tsconfig.json");
+        let tsconfig = {};
+        if (existsSync(tsconfigPath2)) {
+          try {
+            tsconfig = JSON.parse(readFileSync(tsconfigPath2, "utf-8"));
+          } catch {
+            tsconfig = {};
+          }
+        } else {
+          spinner.text = "Creating tsconfig.json...";
+          tsconfig = { compilerOptions: {} };
+          writeFileSync(tsconfigPath2, JSON.stringify(tsconfig, null, 2), "utf-8");
+        }
+        tsconfig.compilerOptions = tsconfig.compilerOptions || {};
+        tsconfig.compilerOptions.baseUrl = tsconfig.compilerOptions.baseUrl || ".";
+        tsconfig.compilerOptions.paths = tsconfig.compilerOptions.paths || {};
+        tsconfig.compilerOptions.paths["@/components/*"] = ["components/*"];
+        tsconfig.compilerOptions.paths["@/lib/*"] = ["lib/*"];
+        writeFileSync(tsconfigPath2, JSON.stringify(tsconfig, null, 2), "utf-8");
+        if (needsTailwind) {
+          spinner.text = "Installing Tailwind CSS...";
+          execSync("npm install -D tailwindcss postcss autoprefixer", { stdio: "inherit" });
+          spinner.text = "Initializing Tailwind config...";
+          execSync("npx tailwindcss init -p", { stdio: "inherit" });
+        }
+        spinner.stop();
+        console.log(chalk.green("\n\u2705 Auto-fix complete. Re-run `npx zerozeeker init` to re-check, or proceed to install components."));
+        process.exit(0);
+      } catch (err) {
+        spinner.stop();
+        console.error(chalk.red("\n\u2717 Auto-fix failed. See errors above."));
+        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 +282,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 +300,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 +313,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.1",
   "description": "Zero-config CLI for installing ZeroZeeker UI components. No shadcn required.",
   "type": "module",
   "bin": {