create-bearnie 0.4.4 → 0.6.0

package/dist/index.js

@@ -13,6 +13,39 @@ var link = (text, url) => `\x1B]8;;${url}\x07${pc.cyan(text)}\x1B]8;;\x07`;
 function parseFullArg() {
   return process.argv.includes("--full");
 }
+function parseThemeArg() {
+  const argv = process.argv;
+  for (let i = 2; i < argv.length; i++) {
+    if (argv[i].startsWith("--theme=")) {
+      return argv[i].slice("--theme=".length) || null;
+    }
+    if (argv[i] === "--theme") {
+      return argv[i + 1] && !argv[i + 1].startsWith("--") ? argv[i + 1] : null;
+    }
+  }
+  return null;
+}
+function isThemeEntry(name) {
+  return name === "styles" || name.startsWith("styles-");
+}
+function composeThemeName(base, accent) {
+  if (base === "neutral") return accent;
+  if (accent === "default") return base;
+  return `${base}-${accent}`;
+}
+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 +55,24 @@ 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\//, ""));
@@ -70,10 +112,12 @@ async function fetchRegistryIndex() {
   }
   return await response.json();
 }
-async function writeBearnieConfig(targetDir) {
-  await fs.writeJson(path.join(targetDir, "bearnie.json"), BEARNIE_CONFIG, {
-    spaces: 2
-  });
+async function writeBearnieConfig(targetDir, theme) {
+  await fs.writeJson(
+    path.join(targetDir, "bearnie.json"),
+    { ...BEARNIE_CONFIG, theme },
+    { spaces: 2 }
+  );
 }
 async function writeRegistryFiles(targetDir, entry) {
   for (const file of entry.files) {
@@ -117,6 +161,54 @@ ${fullInstall ? `  ${pc.dim("Full install: including all components")}
   }
   const finalName = projectName;
   const targetDir = path.resolve(process.cwd(), finalName);
+  let availableThemes = ["default"];
+  let themeBases = ["neutral"];
+  let themeAccents = ["default"];
+  try {
+    const index = await fetchRegistryIndex();
+    if (index.themes?.length) availableThemes = index.themes;
+    if (index.themeBases?.length) themeBases = index.themeBases;
+    if (index.themeAccents?.length) themeAccents = index.themeAccents;
+  } catch {
+  }
+  let theme = parseThemeArg();
+  if (theme && !availableThemes.includes(theme)) {
+    console.log(
+      `
+  ${pc.red("Unknown theme:")} ${theme}
+  Themes combine a base and an accent, e.g. ${pc.cyan("slate-blue")}.
+  Bases: ${themeBases.join(", ")}
+  Accents: ${themeAccents.join(", ")}
+`
+    );
+    process.exit(1);
+  }
+  if (!theme && (themeBases.length > 1 || themeAccents.length > 1) && process.stdin.isTTY) {
+    const response = await prompts([
+      {
+        type: "select",
+        name: "base",
+        message: "Base color (grays and surfaces)",
+        choices: themeBases.map((name) => ({ title: name, value: name })),
+        initial: 0
+      },
+      {
+        type: "select",
+        name: "accent",
+        message: "Accent color (buttons, focus rings)",
+        choices: themeAccents.map((name) => ({
+          title: name === "default" ? "default (neutral)" : name,
+          value: name
+        })),
+        initial: 0
+      }
+    ]);
+    theme = composeThemeName(
+      response.base ?? "neutral",
+      response.accent ?? "default"
+    );
+  }
+  theme = theme ?? "default";
   if (fs.existsSync(targetDir)) {
     const { overwrite } = await prompts({
       type: "confirm",
@@ -141,39 +233,45 @@ ${fullInstall ? `  ${pc.dim("Full install: including all components")}
   const pkg = await fs.readJson(pkgPath);
   pkg.name = finalName;
   await fs.writeJson(pkgPath, pkg, { spaces: 2 });
-  await writeBearnieConfig(targetDir);
+  await writeBearnieConfig(targetDir, theme);
+  if (theme !== "default") {
+    const themeEntry = await fetchRegistryEntry(`styles-${theme}`);
+    if (themeEntry?.files) {
+      await writeRegistryFiles(targetDir, themeEntry);
+      console.log(`  ${pc.green("\u2713")} Applied ${theme} theme`);
+    } else {
+      console.log(
+        `  ${pc.yellow("!")} Couldn't fetch the ${theme} theme \u2014 using default`
+      );
+    }
+  }
   if (fullInstall) {
     console.log(`
   ${pc.dim("Fetching components from registry...")}
 `);
     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");
+    const componentNames = registryIndex.components.map((component) => component.name).filter((name) => !isThemeEntry(name) && name !== "barrel");
     let installed = 0;
     let failed = 0;
     for (const componentName of componentNames) {
       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 +293,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 +331,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 +339,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 +356,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.6.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",