create-bearnie 0.4.4 → 0.5.0

package/dist/index.js

@@ -13,6 +13,19 @@ var link = (text, url) => `\x1B]8;;${url}\x07${pc.cyan(text)}\x1B]8;;\x07`;
 function parseFullArg() {
   return process.argv.includes("--full");
 }
+function detectPackageManager() {
+  const userAgent = process.env.npm_config_user_agent ?? "";
+  if (userAgent.startsWith("pnpm")) return "pnpm";
+  if (userAgent.startsWith("yarn")) return "yarn";
+  if (userAgent.startsWith("bun")) return "bun";
+  return "npm";
+}
+var PM_COMMANDS = {
+  npm: { install: "npm install", dev: "npm run dev", dlx: "npx" },
+  pnpm: { install: "pnpm install", dev: "pnpm dev", dlx: "pnpm dlx" },
+  yarn: { install: "yarn", dev: "yarn dev", dlx: "yarn dlx" },
+  bun: { install: "bun install", dev: "bun run dev", dlx: "bunx" }
+};
 var REGISTRY_URL = process.env.BEARNIE_REGISTRY_URL || "https://bearnie.dev/registry";
 var REGISTRY_PATH = process.env.BEARNIE_REGISTRY_PATH;
 var BEARNIE_CONFIG = {
@@ -22,15 +35,25 @@ var BEARNIE_CONFIG = {
   tailwindConfig: "tailwind.config.mjs",
   typescript: true
 };
-var UTILITY_NAMES = [
+var FALLBACK_UTILITY_NAMES = [
+  "cn",
   "focus-trap",
   "ui-runtime-loader",
   "ui-runtime-boot",
+  "ui-runtime-dialog",
   "ui-runtime-disclosure-triggers",
+  "ui-runtime-dropdown-menu",
   "ui-runtime-popover",
   "ui-runtime-command",
-  "ui-runtime-combobox"
+  "ui-runtime-combobox",
+  "ui-runtime-tabs"
 ];
+var DEP_VERSIONS = {
+  clsx: "^2.1.1",
+  "tailwind-merge": "^3.6.0",
+  "keen-slider": "^6.8.6",
+  "@hugeicons/core-free-icons": "^4.2.3"
+};
 function resolveInstallPath(targetDir, filePath, type) {
   if (type === "utility" || filePath.startsWith("utils/")) {
     return path.join(targetDir, "src/utils", filePath.replace(/^utils\//, ""));
@@ -148,25 +171,19 @@ ${fullInstall ? `  ${pc.dim("Full install: including all components")}
 `);
     await fs.ensureDir(path.join(targetDir, "src", "components", "bearnie"));
     await fs.ensureDir(path.join(targetDir, "src", "utils"));
-    for (const utilityName of UTILITY_NAMES) {
+    const registryIndex = await fetchRegistryIndex();
+    const npmDependencies = /* @__PURE__ */ new Set(["clsx", "tailwind-merge"]);
+    const utilityNames = registryIndex.utilities?.length ? registryIndex.utilities.map((utility) => utility.name) : FALLBACK_UTILITY_NAMES;
+    for (const utilityName of utilityNames) {
       const utility = await fetchRegistryEntry(utilityName);
       if (utility?.files) {
         await writeRegistryFiles(targetDir, utility);
+        utility.dependencies?.forEach((dep) => npmDependencies.add(dep));
         console.log(`  ${pc.green("\u2713")} Added ${utilityName} utility`);
       } else {
         console.log(`  ${pc.yellow("!")} Failed to fetch ${utilityName} utility`);
       }
     }
-    const cnContent = `import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-`;
-    await fs.writeFile(path.join(targetDir, "src", "utils", "cn.ts"), cnContent);
-    console.log(`  ${pc.green("\u2713")} Added cn utility`);
-    const registryIndex = await fetchRegistryIndex();
     const componentNames = registryIndex.components.map((component) => component.name).filter((name) => name !== "styles" && name !== "barrel");
     let installed = 0;
     let failed = 0;
@@ -174,6 +191,7 @@ export function cn(...inputs: ClassValue[]) {
       const component = await fetchRegistryEntry(componentName);
       if (component?.files) {
         await writeRegistryFiles(targetDir, component);
+        component.dependencies?.forEach((dep) => npmDependencies.add(dep));
         installed++;
         process.stdout.write(
           `\r  ${pc.green("\u2713")} Installed ${installed}/${componentNames.length} components`
@@ -195,13 +213,17 @@ export function cn(...inputs: ClassValue[]) {
     }
     const pkgPath2 = path.join(targetDir, "package.json");
     const pkg2 = await fs.readJson(pkgPath2);
+    const addedDeps = Object.fromEntries(
+      [...npmDependencies].sort().map((dep) => [dep, DEP_VERSIONS[dep] ?? "latest"])
+    );
     pkg2.dependencies = {
       ...pkg2.dependencies,
-      clsx: "^2.1.1",
-      "tailwind-merge": "^3.3.0"
+      ...addedDeps
     };
     await fs.writeJson(pkgPath2, pkg2, { spaces: 2 });
-    console.log(`  ${pc.green("\u2713")} Added component dependencies`);
+    console.log(
+      `  ${pc.green("\u2713")} Added ${Object.keys(addedDeps).length} npm dependencies (${Object.keys(addedDeps).join(", ")})`
+    );
   }
   await fs.writeFile(
     path.join(targetDir, ".gitignore"),
@@ -229,6 +251,7 @@ Thumbs.db
 `
   );
   console.log(`  ${pc.green("\u2713")} Created project files`);
+  const pmCommands = PM_COMMANDS[detectPackageManager()];
   if (fullInstall) {
     console.log(`
   ${pc.green("Done!")} Your Bearnie project is ready with all components.
@@ -236,8 +259,8 @@ Thumbs.db
   ${pc.bold("Next steps:")}
 
     ${pc.dim("1.")} cd ${pc.cyan(finalName)}
-    ${pc.dim("2.")} npm install
-    ${pc.dim("3.")} npm run dev
+    ${pc.dim("2.")} ${pmCommands.install}
+    ${pc.dim("3.")} ${pmCommands.dev}
 
   ${pc.dim("All components are in")} ${pc.cyan("src/components/bearnie/")}
   ${pc.dim("Import from")} ${pc.cyan("@/components/bearnie")} ${pc.dim("via")} ${pc.cyan("index.ts")}
@@ -253,12 +276,12 @@ Thumbs.db
   ${pc.bold("Next steps:")}
 
     ${pc.dim("1.")} cd ${pc.cyan(finalName)}
-    ${pc.dim("2.")} npm install
-    ${pc.dim("3.")} npx bearnie add button card
-    ${pc.dim("4.")} npm run dev
+    ${pc.dim("2.")} ${pmCommands.install}
+    ${pc.dim("3.")} ${pmCommands.dlx} bearnie add button card
+    ${pc.dim("4.")} ${pmCommands.dev}
 
   ${pc.dim("Or use")} ${pc.cyan("--full")} ${pc.dim("to include all components:")}
-    npx create-bearnie my-app --full
+    ${pmCommands.dlx} create-bearnie my-app --full
 
   ${pc.dim("Browse components at")} ${link("bearnie.dev/docs/components", "https://bearnie.dev/docs/components")}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-bearnie",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "description": "Create a new Astro project with Bearnie UI components",
   "type": "module",
   "license": "MIT",
@@ -23,13 +23,13 @@
   },
   "devDependencies": {
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.14.9",
+    "@types/node": "^22.10.0",
     "@types/prompts": "^2.4.9",
     "tsup": "^8.1.0",
     "typescript": "^5.7.3"
   },
   "engines": {
-    "node": ">=18"
+    "node": ">=22.12.0"
   },
   "author": "Michael Andreuzza",
   "repository": {
@@ -37,6 +37,10 @@
     "url": "https://github.com/michael-andreuzza/bearnie.git",
     "directory": "packages/create-bearnie"
   },
+  "homepage": "https://bearnie.dev",
+  "bugs": {
+    "url": "https://github.com/michael-andreuzza/bearnie/issues"
+  },
   "keywords": [
     "create",
     "bearnie",