@connectycube/react-ui-kit 0.0.1 → 0.0.3

package/bin/cli.js

@@ -4,7 +4,7 @@ import path from 'path';
 import { fileURLToPath } from 'url';
 
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
-const commandsDir = path.resolve(__dirname, '../commands');
+const commandsDir = path.resolve(__dirname, '../cmd');
 const args = process.argv.slice(2);
 const cmd = args[0];
 

package/cmd/add.js

@@ -0,0 +1,93 @@
+import path from "path";
+import fs from "fs-extra";
+import prompts from "prompts";
+import { fileURLToPath } from "url";
+import { execa } from "execa";
+
+const cwd = process.cwd();
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+async function promptIsTypeScript() {
+  const response = await prompts({
+    type: "select",
+    name: "isTypeScript",
+    message: "What language does your project use?",
+    choices: [
+      { title: "👉 TypeScript (🟦 *.{ts,tsx})", value: true },
+      { title: "👉 JavaScript (🟨 *.{js,jsx})", value: false }
+    ],
+    initial: 0
+  });
+
+  return response.isTypeScript;
+}
+
+export async function installDependencies(component) {
+  const input = path.join(__dirname, "..", "configs", "dependencies.json");
+
+  if (await fs.pathExists(input)) return;
+
+  try {
+    const allDeps = await fs.readJSON(input);
+    const cmpDeps = allDeps && allDeps[component];
+
+    if (cmpDeps && typeof cmpDeps === "object") {
+      const deps = Object.entries(cmpDeps).map(([pkg, ver]) => (ver ? `${pkg}@${ver}` : pkg));
+
+      if (deps.length) {
+        const pm = fs.existsSync(path.join(cwd, "pnpm-lock.yaml"))
+          ? "pnpm" : fs.existsSync(path.join(cwd, "yarn.lock"))
+            ? "yarn" : "npm";
+
+        if (!pm || !deps || deps.length === 0) return;
+
+        console.log(`ℹ️ Installing dependencies for ${component}: ${deps.join(", ")}`);
+
+        const cmd = pm === "yarn" || pm === "pnpm" ? "add" : "install";
+        const flags = pm === "npm" ? ["--save"] : [];
+        const opts = { cwd, stdio: "inherit" };
+
+        await execa(pm, [cmd, ...flags, ...deps], opts);
+        console.log("✅ Dependencies installed.");
+      }
+    }
+  } catch (err) {
+    console.warn(`⚠️ Failed to read '${input}':`, err.message);
+  }
+}
+
+export async function add(component) {
+  if (!component) {
+    console.warn(`⚠️ Usage: npx @connectycube/react-ui-kit add [component-name]`);
+    process.exit(1);
+  }
+
+  const isTypeScript = await promptIsTypeScript();
+
+  if (isTypeScript === undefined) {
+    console.error("️⛔ Aborted.");
+    process.exit(0);
+  }
+
+  const filename = `${component}${isTypeScript ? ".tsx" : ".jsx"}`;
+  const base = path.join(__dirname, "..", isTypeScript ? "src" : "gen");
+  const input = path.join(base, "templates", filename);
+  const utils = path.join(base, "lib");
+
+  if (!(await fs.pathExists(input))) {
+    console.warn(`⚠️ Component "${component}" does not exist.`);
+    process.exit(1);
+  }
+
+  const baseDest = path.join(cwd, "src", "components", "connectycube-ui");
+  const libDest = path.join(baseDest, "lib");
+  const output = path.join(baseDest, filename);
+
+  await fs.ensureDir(baseDest);
+  await fs.copyFile(input, output);
+  console.log(`✅ Added file "${output}"`);
+  await fs.ensureDir(libDest);
+  await fs.copy(utils, libDest);
+  console.log(`✅ Added "${libDest}/*.${isTypeScript ? "ts" : "js"}" folder.`);
+  await installDependencies(component);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@connectycube/react-ui-kit",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "Simple React UI Kit generator with TSX/JSX",
   "homepage": "https://github.com/ConnectyCube/react-ui-kit#readme",
   "bugs": {
@@ -33,8 +33,9 @@
   "module": "dist/index.js",
   "types": "dist/types/index.d.ts",
   "files": [
-    "dist",
     "bin",
+    "cmd",
+    "dist",
     "src",
     "gen"
   ],
@@ -70,7 +71,7 @@
     "@rollup/plugin-commonjs": "^28.0.8",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.4",
+    "@rollup/plugin-typescript": "^12.2.0",
     "@stylistic/eslint-plugin": "^5.5.0",
     "@types/node": "^24.9.1",
     "@types/react": "^19.2.2",