@pushpak_jangela/pushpak-ui-cli 1.0.0

package/bin/index.js

@@ -0,0 +1,130 @@
+#!/usr/bin/env node
+
+const { Command } = require("commander");
+const chalk = require("chalk");
+const path = require("path");
+const fs = require("fs-extra");
+
+const program = new Command();
+
+/* -------------------------------------------------------
+   Helpers
+-------------------------------------------------------- */
+
+function isTypeScriptProject(projectRoot) {
+  return fs.existsSync(path.join(projectRoot, "tsconfig.json"));
+}
+
+function ensureReactProject(srcDir) {
+  if (!fs.existsSync(srcDir)) {
+    console.log(
+      chalk.red("❌ src folder not found. Run this inside a React project.")
+    );
+    process.exit(1);
+  }
+}
+
+/* -------------------------------------------------------
+   CLI Meta
+-------------------------------------------------------- */
+
+program
+  .name("pushpak-ui")
+  .description("Pushpak UI CLI – React component & dashboard generator")
+  .version("1.0.0");
+
+/* -------------------------------------------------------
+   INIT → Install EVERYTHING
+-------------------------------------------------------- */
+
+program
+  .command("init")
+  .description("Install all UI components & dashboard")
+  .action(() => {
+    const projectRoot = process.cwd();
+    const srcDir = path.join(projectRoot, "src");
+
+    ensureReactProject(srcDir);
+
+    const isTS = isTypeScriptProject(projectRoot);
+    const lang = isTS ? "ts" : "js";
+
+    console.log(
+      chalk.cyan(`ℹ Detected ${isTS ? "TypeScript" : "JavaScript"} project`)
+    );
+
+    const componentsSrc = path.join(
+      __dirname,
+      `../templates/components/${lang}`
+    );
+    const dashboardSrc = path.join(
+      __dirname,
+      `../templates/dashboard/${lang}`
+    );
+
+    const componentsDest = path.join(srcDir, "components/ui");
+    const dashboardDest = path.join(srcDir, "dashboard");
+
+    fs.ensureDirSync(componentsDest);
+    fs.ensureDirSync(dashboardDest);
+
+    fs.copySync(componentsSrc, componentsDest);
+    fs.copySync(dashboardSrc, dashboardDest);
+
+    console.log(chalk.green("✔ All UI components added"));
+    console.log(chalk.green("✔ Dashboard added"));
+  });
+
+/* -------------------------------------------------------
+   ADD → Install SINGLE component
+-------------------------------------------------------- */
+
+program
+  .command("add <component>")
+  .description("Install a single UI component")
+  .action((component) => {
+    const projectRoot = process.cwd();
+    const srcDir = path.join(projectRoot, "src");
+
+    ensureReactProject(srcDir);
+
+    const isTS = isTypeScriptProject(projectRoot);
+    const lang = isTS ? "ts" : "js";
+    const ext = isTS ? "tsx" : "jsx";
+
+    const componentSrc = path.join(
+      __dirname,
+      `../templates/components/${lang}/${component}.${ext}`
+    );
+
+    if (!fs.existsSync(componentSrc)) {
+      console.log(
+        chalk.red(`❌ Component "${component}" does not exist.`)
+      );
+      process.exit(1);
+    }
+
+    const destDir = path.join(srcDir, "components/ui");
+    const destFile = path.join(destDir, `${component}.${ext}`);
+
+    fs.ensureDirSync(destDir);
+
+    if (fs.existsSync(destFile)) {
+      console.log(
+        chalk.yellow(`⚠ "${component}" already exists. Skipping.`)
+      );
+      return;
+    }
+
+    fs.copySync(componentSrc, destFile);
+
+    console.log(
+      chalk.green(`✔ "${component}" component added`)
+    );
+  });
+
+/* -------------------------------------------------------
+   Parse CLI
+-------------------------------------------------------- */
+
+program.parse(process.argv);

package/package.json

@@ -0,0 +1,20 @@
+{
+  "name": "@pushpak_jangela/pushpak-ui-cli",
+  "version": "1.0.0",
+  "bin": {
+    "pushpak-ui": "bin/index.js"
+  },
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "description": "",
+  "dependencies": {
+    "chalk": "^4.1.2",
+    "commander": "^14.0.2",
+    "fs-extra": "^11.3.3"
+  }
+}

package/templates/components/js/button.jsx

@@ -0,0 +1,16 @@
+export function Button({ children }) {
+  return (
+    <button
+      style={{
+        padding: "8px 16px",
+        borderRadius: "6px",
+        backgroundColor: "#2563eb",
+        color: "#fff",
+        border: "none",
+        cursor: "pointer",
+      }}
+    >
+      {children}
+    </button>
+  );
+}

package/templates/components/ts/button.tsx

@@ -0,0 +1,31 @@
+
+// @ts-nocheck
+type ButtonProps = {
+  children: React.ReactNode;
+};
+
+export function Button({ children }: ButtonProps) {
+  return <button>{children}</button>;
+}
+import React from "react";
+
+type ButtonProps = {
+  children: React.ReactNode;
+};
+
+export function Button({ children }: ButtonProps) {
+  return (
+    <button
+      style={{
+        padding: "8px 16px",
+        borderRadius: "6px",
+        backgroundColor: "#2563eb",
+        color: "#fff",
+        border: "none",
+        cursor: "pointer"
+      }}
+    >
+      {children}
+    </button>
+  );
+}

package/templates/dashboard/js/index.jsx

@@ -0,0 +1,10 @@
+import { Button } from "../components/ui/button";
+
+export default function Dashboard() {
+  return (
+    <div>
+      <h1>Dashboard</h1>
+      <Button>Click me</Button>
+    </div>
+  );
+}

package/templates/dashboard/ts/index.tsx

@@ -0,0 +1,11 @@
+// @ts-nocheck
+import { Button } from "../components/ui/button";
+
+export default function Dashboard() {
+  return (
+    <div>
+      <h1>Dashboard</h1>
+      <Button>Click me</Button>
+    </div>
+  );
+}

package/tsconfig.json

@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "allowJs": true,
+    "checkJs": false,
+    "noEmit": true
+  },
+  "exclude": ["templates", "node_modules"]
+}