pjdev2d-cli 1.0.0 → 1.0.1

package/README.md

@@ -0,0 +1,5 @@
+# To add components 
+
+```bash
+npx pjdev2d-cli add <name>
+```

package/bin/pjdev2d-cli.js

@@ -0,0 +1,59 @@
+#!/usr/bin/env node
+
+import { Command } from "commander";
+import fs from "fs-extra";
+import path from "path";
+import { fileURLToPath } from "url";
+import registry from "../registry.json" assert { type: "json" };
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+
+const program = new Command();
+
+program
+  .command("add <name>")
+  .description("Add a template")
+  .action(async (name) => {
+    try {
+      const cwd = process.cwd();
+
+      const item = registry[name];
+
+      if (!item) {
+        console.log(`❌ "${name}" not found in registry`);
+        return;
+      }
+
+      const sourcePath = path.join(__dirname, "..", item.path);
+
+      if (!fs.existsSync(sourcePath)) {
+        console.log(`❌ Missing template: ${item.path}`);
+        return;
+      }
+
+      const outputDir = path.join(cwd, "src/pjdev2d-cli");
+      await fs.ensureDir(outputDir);
+
+      const stats = await fs.stat(sourcePath);
+
+      if (stats.isDirectory()) {
+        const outputPath = path.join(outputDir, path.basename(sourcePath));
+
+        await fs.copy(sourcePath, outputPath);
+
+        console.log(`✅ Added folder ${path.basename(sourcePath)}`);
+      } else {
+        const outputPath = path.join(outputDir, path.basename(sourcePath));
+
+        await fs.copy(sourcePath, outputPath);
+
+        console.log(`✅ Added file ${path.basename(sourcePath)}`);
+      }
+    } catch (error) {
+      console.error("❌ Failed");
+      console.error(error);
+    }
+  });
+
+program.parse();

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "pjdev2d-cli",
-  "version": "1.0.0",
+  "version": "1.0.1",
+  "type": "module",
   "description": "CLI to install reusable React components like shadcn/ui",
-  "main": "bin/index.js",
+  "main": "bin/cli.js",
   "bin": {
-    "pjdev2d-cli": "./bin/index.js"
+    "pjdev2d-cli": "./bin/pjdev2d-cli.js"
   },
   "files": [
     "bin",
@@ -21,7 +22,7 @@
   "dependencies": {
     "@babel/core": "^7.29.0",
     "@babel/preset-react": "^7.28.5",
-    "@babel/preset-typescript": "^7.28.5",
+    "@babel/preset-typescript": "^7.29.7",
     "@types/react": "^19.2.14",
     "clsx": "^2.1.1",
     "commander": "^14.0.3",
@@ -30,4 +31,4 @@
     "react": "^19.2.6",
     "tailwind-merge": "^3.6.0"
   }
-}
+}

package/registry.json

@@ -5,3 +5,4 @@
     "files": ["templates/tasks/README.md"]
   }
 }
+  

package/bin/index.js

@@ -1,291 +0,0 @@
-#!/usr/bin/env node
-
-const { Command } = require("commander");
-const fs = require("fs-extra");
-const path = require("path");
-const babel = require("@babel/core");
-const presetTypescript = require("@babel/preset-typescript");
-const { execSync } = require("child_process");
-const registry = require("../registry.json");
-
-const program = new Command();
-
-/* -----------------------------
-   INQUIRER (FIXED SAFE WRAPPER)
-------------------------------*/
-const prompt = async (questions) => {
-  const inquirer = await import("inquirer");
-  return inquirer.default.prompt(questions);
-};
-
-/* =============================
-   ADD COMMAND
-============================= */
-program
-  .command("add <name>")
-  .description("Add components or utilities")
-  .action(async (name) => {
-    try {
-      const cwd = process.cwd();
-      console.log("\n🚀 Starting installation...\n");
-
-      const isTsProject = fs.existsSync(path.join(cwd, "tsconfig.json"));
-
-      let templatePath = "";
-      let outputDir = "";
-      let extension = "tsx";
-
-      /* ---------------- COMPONENTS ---------------- */
-      if (!name.startsWith("utils/")) {
-        templatePath = path.join(__dirname, `../templates/${name}.tsx`);
-        outputDir = path.join(cwd, "src/components/pejay-ui");
-        extension = "tsx";
-      } else {
-
-      /* ---------------- UTILITIES ---------------- */
-        const utilName = name.split("/")[1];
-        templatePath = path.join(__dirname, `../utils/${utilName}.ts`);
-        outputDir = path.join(cwd, "src/utils/pejay-ui");
-        extension = "ts";
-      }
-
-      if (!fs.existsSync(templatePath)) {
-        console.log(`❌ "${name}" not found`);
-        return;
-      }
-
-      const code = await fs.readFile(templatePath, "utf8");
-
-      let finalCode = code;
-      let outputExt = extension;
-
-      /* ---------------- TRANSFORM ---------------- */
-      if (!isTsProject) {
-        const transformed = babel.transformSync(code, {
-          presets: [presetTypescript],
-          filename: `file.${extension}`,
-        });
-
-        if (!transformed?.code) {
-          throw new Error("Babel transform failed");
-        }
-
-        finalCode = transformed.code;
-        outputExt = extension === "tsx" ? "jsx" : "js";
-      }
-
-      await fs.ensureDir(outputDir);
-
-      const itemName = name.includes("/") ? name.split("/")[1] : name;
-      const outputPath = path.join(outputDir, `${itemName}.${outputExt}`);
-
-      await fs.writeFile(outputPath, finalCode);
-      console.log(`✅ Created ${itemName}.${outputExt}`);
-
-      /* ---------------- DEPENDENCIES ---------------- */
-      const itemRegistry = registry[name];
-
-      if (itemRegistry?.dependencies?.length) {
-        for (const dependency of itemRegistry.dependencies) {
-          const depName = dependency.includes("/")
-            ? dependency.split("/")[1]
-            : dependency;
-
-          const depPath = path.join(__dirname, `../utils/${depName}.ts`);
-
-          if (!fs.existsSync(depPath)) continue;
-
-          let depCode = await fs.readFile(depPath, "utf8");
-
-          if (!isTsProject) {
-            const transformed = babel.transformSync(depCode, {
-              presets: [presetTypescript],
-              filename: `${depName}.ts`,
-            });
-
-            depCode = transformed.code;
-          }
-
-          const utilDir = path.join(cwd, "src/utils/pejay-ui");
-          await fs.ensureDir(utilDir);
-
-          const ext = isTsProject ? "ts" : "js";
-          const outPath = path.join(utilDir, `${depName}.${ext}`);
-
-          if (!fs.existsSync(outPath)) {
-            await fs.writeFile(outPath, depCode);
-            console.log(`📦 Added dependency ${depName}`);
-          }
-        }
-      }
-
-      /* ---------------- STATE SAVE ---------------- */
-      const statePath = path.join(cwd, ".pejay-ui.json");
-
-      let state = {};
-      if (fs.existsSync(statePath)) {
-        state = JSON.parse(await fs.readFile(statePath, "utf8"));
-      }
-
-      state.installed = state.installed || {};
-
-      state.installed[name] = {
-        files: [`src/components/pejay-ui/${itemName}.${outputExt}`],
-        uses:
-          itemRegistry?.dependencies?.map((d) =>
-            d.includes("/") ? d.split("/")[1] : d,
-          ) || [],
-      };
-
-      await fs.writeFile(statePath, JSON.stringify(state, null, 2));
-
-      console.log(`\n🎉 ${name} installed successfully\n`);
-    } catch (err) {
-      console.error("\n❌ Add failed\n", err);
-    }
-  });
-
-/* =============================
-   REMOVE COMMAND (SAFE VERSION)
-============================= */
-program
-  .command("remove <name>")
-  .description("Remove components or utilities safely")
-  .action(async (name) => {
-    try {
-      const cwd = process.cwd();
-      console.log("\n🧹 Starting removal...\n");
-
-      const itemRegistry = registry[name];
-
-      if (!itemRegistry) {
-        console.log(`❌ "${name}" not found in registry`);
-        return;
-      }
-
-      const isTsProject = fs.existsSync(path.join(cwd, "tsconfig.json"));
-      const itemName = name.includes("/") ? name.split("/")[1] : name;
-
-      const componentDir = path.join(cwd, "src/components/pejay-ui");
-      const utilsDir = path.join(cwd, "src/utils/pejay-ui");
-
-      let removedAny = false;
-
-      /* ---------------- REMOVE COMPONENT ---------------- */
-      const exts = isTsProject ? ["tsx", "ts"] : ["jsx", "js"];
-
-      for (const ext of exts) {
-        const file = path.join(componentDir, `${itemName}.${ext}`);
-
-        if (fs.existsSync(file)) {
-          await fs.remove(file);
-          console.log(`🗑️ Removed ${file}`);
-          removedAny = true;
-        }
-      }
-
-      /* ---------------- LOAD STATE ---------------- */
-      const statePath = path.join(cwd, ".pejay-ui.json");
-
-      let state = {};
-      if (fs.existsSync(statePath)) {
-        state = JSON.parse(await fs.readFile(statePath, "utf8"));
-      }
-
-      state.installed = state.installed || {};
-
-      /* ---------------- BUILD USAGE MAP ---------------- */
-      const usageMap = new Map();
-
-      for (const comp of Object.values(state.installed)) {
-        for (const u of comp.uses || []) {
-          usageMap.set(u, (usageMap.get(u) || 0) + 1);
-        }
-      }
-
-      /* ---------------- SAFE UTILITY REMOVE ---------------- */
-      if (itemRegistry.dependencies?.length) {
-        for (const dep of itemRegistry.dependencies) {
-          const utilName = dep.includes("/") ? dep.split("/")[1] : dep;
-
-          const usage = usageMap.get(utilName) || 0;
-
-          if (usage > 1) {
-            console.log(`⛔ Skipping ${utilName} (used by other components)`);
-            continue;
-          }
-
-          const { confirm } = await prompt([
-            {
-              type: "confirm",
-              name: "confirm",
-              message: `Remove utility "${utilName}"?`,
-              default: false,
-            },
-          ]);
-
-          if (!confirm) continue;
-
-          for (const ext of exts) {
-            const file = path.join(utilsDir, `${utilName}.${ext}`);
-
-            if (fs.existsSync(file)) {
-              await fs.remove(file);
-              console.log(`🗑️ Removed ${file}`);
-              removedAny = true;
-            }
-          }
-        }
-      }
-
-      /* ---------------- REMOVE PACKAGES ---------------- */
-      // Only collect packages from deps that NO other component still uses
-      const pkgs = [];
-
-      for (const dep of itemRegistry.dependencies || []) {
-        const utilName = dep.includes("/") ? dep.split("/")[1] : dep;
-        const usage = usageMap.get(utilName) || 0;
-
-        // usage > 1 means another component still needs this dep → skip its packages
-        if (usage > 1) {
-          console.log(`⛔ Keeping packages for ${utilName} (used by other components)`);
-          continue;
-        }
-
-        const reg = registry[dep];
-        if (reg?.packages) pkgs.push(...reg.packages);
-      }
-
-      if (pkgs.length) {
-        const unique = [...new Set(pkgs)];
-
-        const { ok } = await prompt([
-          {
-            type: "confirm",
-            name: "ok",
-            message: `Uninstall packages: ${unique.join(", ")}?`,
-            default: false,
-          },
-        ]);
-
-        if (ok) {
-          execSync(`npm uninstall ${unique.join(" ")}`, {
-            cwd,
-            stdio: "inherit",
-          });
-        }
-      }
-
-      /* ---------------- CLEAN STATE ---------------- */
-      if (state.installed[name]) {
-        delete state.installed[name];
-        await fs.writeFile(statePath, JSON.stringify(state, null, 2));
-      }
-
-      console.log(`\n🎉 ${name} removed successfully\n`);
-    } catch (err) {
-      console.error("\n❌ Remove failed\n", err);
-    }
-  });
-
-program.parse();