@electroplix/components 0.2.1 → 0.3.0

package/cli.cjs

@@ -173,6 +173,31 @@ for (const cat of Object.keys(CATEGORIES)) {
 
 const totalCount = Object.values(CATEGORIES).reduce((sum, a) => sum + a.length, 0);
 
+/* ══════════════════════════════════════════════════════════════════ */
+/*  Package manager detection                                         */
+/* ══════════════════════════════════════════════════════════════════ */
+
+function detectPackageManager() {
+  const cwd = process.cwd();
+  
+  // Check for lockfiles in order of preference
+  if (fs.existsSync(path.join(cwd, "bun.lock"))) {
+    return { manager: "bun", command: "bun install", displayName: "Bun" };
+  }
+  if (fs.existsSync(path.join(cwd, "pnpm-lock.yaml"))) {
+    return { manager: "pnpm", command: "pnpm install", displayName: "pnpm" };
+  }
+  if (fs.existsSync(path.join(cwd, "yarn.lock"))) {
+    return { manager: "yarn", command: "yarn install", displayName: "Yarn" };
+  }
+  if (fs.existsSync(path.join(cwd, "package-lock.json"))) {
+    return { manager: "npm", command: "npm install", displayName: "npm" };
+  }
+  
+  // Default to npm if no lockfile found
+  return { manager: "npm", command: "npm install", displayName: "npm" };
+}
+
 /* ══════════════════════════════════════════════════════════════════ */
 /*  INIT command                                                      */
 /* ══════════════════════════════════════════════════════════════════ */
@@ -193,7 +218,7 @@ function init() {
   if (fs.existsSync(configPath)) {
     skipped.push(configName);
   } else {
-    const configTemplate = `import { defineConfig } from "@electroplix/components/config";
+    const configTemplate = `import { defineConfig } from "@electroplix/components";
 
 const config = defineConfig({
   // \u2500\u2500 Global overrides (applied to ALL categories) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
@@ -280,6 +305,26 @@ export function Providers({ children }: { children: React.ReactNode }) {
   console.log();
   console.log(`     ${s.gray("import { PrimaryNav, StaticHero } from \"@electroplix/components\";")}`);
   console.log();
+  console.log();
+
+  /* ── install package ── */
+  const { execSync } = require("child_process");
+  const pmInfo = detectPackageManager();
+  
+  console.log(`  ${s.white("3.")} Installing ${s.cyan("@electroplix/components")} with ${s.cyan(pmInfo.displayName)}...`);
+  console.log();
+
+  try {
+    execSync(`${pmInfo.command} @electroplix/components`, { stdio: "inherit" });
+    console.log();
+    console.log(`  ${s.green(B.check)} ${s.bold("Setup complete!")} You're ready to use Electroplix components.`);
+    console.log();
+  } catch (err) {
+    console.log();
+    console.log(`  ${s.yellow("!")} ${s.bold("Manual install required:")}`);
+    console.log(`     ${s.cyan(`${pmInfo.command} @electroplix/components`)}`);
+    console.log();
+  }
 }
 
 /* ══════════════════════════════════════════════════════════════════ */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@electroplix/components",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "description": "Parametric, config-driven UI components by Electroplix. ~154 components across 18 categories — navigation, hero, buttons, forms, content, data display, ecommerce, lists/cards, marketing, media, miscellaneous, modals, onboarding, search, site-identity, social, user-accounts, and blog.",
   "type": "module",
   "sideEffects": false,