create-bearnie 0.4.1 → 0.4.3

package/README.md

@@ -22,19 +22,22 @@ Include all components from the start:
 npx create-bearnie my-app --full
 ```
 
-This fetches all components from the registry and installs them in your project.
+This fetches all components from the registry, installs them in `src/components/bearnie/`, and adds a barrel export at `src/components/bearnie/index.ts`.
 
 ## What's included
 
-- Astro 5 with TypeScript
+- Astro 7 with TypeScript
 - Tailwind CSS v4 (via `@tailwindcss/vite`)
 - Bearnie CSS variables and theme
+- `bearnie.json` CLI config at the project root
 - Simple landing page to get started
 - Ready for components via `npx bearnie add`
 
 With `--full` flag:
-- All Bearnie UI components
-- Utility functions (`cn`, `focus-trap`)
+
+- All Bearnie UI components in `src/components/bearnie/`
+- Barrel export (`src/components/bearnie/index.ts`) for named imports
+- Utility functions (`cn`, runtime helpers, `focus-trap`)
 - Additional dependencies (`clsx`, `tailwind-merge`)
 
 ## After creating your project
@@ -49,6 +52,15 @@ Without `--full`, add components as needed:
 
 ```bash
 npx bearnie add button card dialog
+npx bearnie add barrel
+```
+
+Import from the barrel after adding it:
+
+```astro
+---
+import { Button, Card } from "@/components/bearnie";
+---
 ```
 
 ## Learn more

package/dist/index.d.ts

@@ -1 +1,2 @@
 #!/usr/bin/env node
+export {};

package/dist/index.js

@@ -13,67 +13,42 @@ var link = (text, url) => `\x1B]8;;${url}\x07${pc.cyan(text)}\x1B]8;;\x07`;
 function parseFullArg() {
   return process.argv.includes("--full");
 }
-var REGISTRY_URL = "https://bearnie.dev/registry";
-var COMPONENT_NAMES = [
-  "accordion",
-  "alert",
-  "alert-dialog",
-  "aspect-ratio",
-  "avatar",
-  "badge",
-  "breadcrumb",
-  "button",
-  "button-group",
-  "card",
-  "carousel",
-  "checkbox",
-  "collapsible",
-  "command",
-  "context-menu",
-  "dialog",
-  "dropdown-menu",
-  "empty",
-  "file-upload",
-  "hover-card",
-  "input",
-  "input-group",
-  "input-otp",
-  "kbd",
-  "label",
-  "menubar",
-  "pagination",
-  "popover",
-  "progress",
-  "radio",
-  "scroll-area",
-  "select",
-  "separator",
-  "sheet",
-  "sidebar",
-  "skeleton",
-  "slider",
-  "spinner",
-  "stepper",
-  "switch",
-  "table",
-  "tabs",
-  "textarea",
-  "toast",
-  "toggle",
-  "tooltip",
-  "tree"
+var REGISTRY_URL = process.env.BEARNIE_REGISTRY_URL || "https://bearnie.dev/registry";
+var REGISTRY_PATH = process.env.BEARNIE_REGISTRY_PATH;
+var BEARNIE_CONFIG = {
+  componentsDir: "src/components/bearnie",
+  utilsDir: "src/utils",
+  stylesDir: "src/styles",
+  tailwindConfig: "tailwind.config.mjs",
+  typescript: true
+};
+var UTILITY_NAMES = [
+  "focus-trap",
+  "ui-runtime-loader",
+  "ui-runtime-boot",
+  "ui-runtime-disclosure-triggers",
+  "ui-runtime-popover",
+  "ui-runtime-command",
+  "ui-runtime-combobox"
 ];
-async function fetchComponent(name) {
-  try {
-    const response = await fetch(`${REGISTRY_URL}/${name}.json`);
-    if (!response.ok) return null;
-    return await response.json();
-  } catch {
-    return null;
+function resolveInstallPath(targetDir, filePath, type) {
+  if (type === "utility" || filePath.startsWith("utils/")) {
+    return path.join(targetDir, "src/utils", filePath.replace(/^utils\//, ""));
+  }
+  if (type === "styles" || filePath.startsWith("styles/")) {
+    return path.join(targetDir, "src/styles", filePath.replace(/^styles\//, ""));
   }
+  return path.join(targetDir, "src/components/bearnie", filePath);
 }
-async function fetchUtility(name) {
+async function fetchRegistryEntry(name) {
   try {
+    if (REGISTRY_PATH) {
+      const entryPath = path.join(REGISTRY_PATH, `${name}.json`);
+      if (await fs.pathExists(entryPath)) {
+        return await fs.readJson(entryPath);
+      }
+      return null;
+    }
     const response = await fetch(`${REGISTRY_URL}/${name}.json`);
     if (!response.ok) return null;
     return await response.json();
@@ -81,6 +56,32 @@ async function fetchUtility(name) {
     return null;
   }
 }
+async function fetchRegistryIndex() {
+  if (REGISTRY_PATH) {
+    const indexPath = path.join(REGISTRY_PATH, "index.json");
+    if (await fs.pathExists(indexPath)) {
+      return await fs.readJson(indexPath);
+    }
+    throw new Error(`Failed to fetch registry index at ${indexPath}`);
+  }
+  const response = await fetch(`${REGISTRY_URL}/index.json`);
+  if (!response.ok) {
+    throw new Error("Failed to fetch registry index");
+  }
+  return await response.json();
+}
+async function writeBearnieConfig(targetDir) {
+  await fs.writeJson(path.join(targetDir, "bearnie.json"), BEARNIE_CONFIG, {
+    spaces: 2
+  });
+}
+async function writeRegistryFiles(targetDir, entry) {
+  for (const file of entry.files) {
+    const filePath = resolveInstallPath(targetDir, file.path, entry.type);
+    await fs.ensureDir(path.dirname(filePath));
+    await fs.writeFile(filePath, file.content);
+  }
+}
 async function main() {
   const fullInstall = parseFullArg();
   console.log(`
@@ -140,20 +141,21 @@ ${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);
   if (fullInstall) {
     console.log(`
   ${pc.dim("Fetching components from registry...")}
 `);
-    await fs.ensureDir(path.join(targetDir, "src", "components", "ui"));
+    await fs.ensureDir(path.join(targetDir, "src", "components", "bearnie"));
     await fs.ensureDir(path.join(targetDir, "src", "utils"));
-    const focusTrap = await fetchUtility("focus-trap");
-    if (focusTrap?.files) {
-      for (const file of focusTrap.files) {
-        const filePath = path.join(targetDir, "src", file.name);
-        await fs.ensureDir(path.dirname(filePath));
-        await fs.writeFile(filePath, file.content);
+    for (const utilityName of UTILITY_NAMES) {
+      const utility = await fetchRegistryEntry(utilityName);
+      if (utility?.files) {
+        await writeRegistryFiles(targetDir, utility);
+        console.log(`  ${pc.green("\u2713")} Added ${utilityName} utility`);
+      } else {
+        console.log(`  ${pc.yellow("!")} Failed to fetch ${utilityName} utility`);
       }
-      console.log(`  ${pc.green("\u2713")} Added focus-trap utility`);
     }
     const cnContent = `import { clsx, type ClassValue } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -164,23 +166,30 @@ export function cn(...inputs: ClassValue[]) {
 `;
     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;
-    for (const componentName of COMPONENT_NAMES) {
-      const component = await fetchComponent(componentName);
+    for (const componentName of componentNames) {
+      const component = await fetchRegistryEntry(componentName);
       if (component?.files) {
-        for (const file of component.files) {
-          const filePath = path.join(targetDir, "src", file.name);
-          await fs.ensureDir(path.dirname(filePath));
-          await fs.writeFile(filePath, file.content);
-        }
+        await writeRegistryFiles(targetDir, component);
         installed++;
-        process.stdout.write(`\r  ${pc.green("\u2713")} Installed ${installed}/${COMPONENT_NAMES.length} components`);
+        process.stdout.write(
+          `\r  ${pc.green("\u2713")} Installed ${installed}/${componentNames.length} components`
+        );
       } else {
         failed++;
       }
     }
     console.log("");
+    const barrel = await fetchRegistryEntry("barrel");
+    if (barrel?.files) {
+      await writeRegistryFiles(targetDir, barrel);
+      console.log(`  ${pc.green("\u2713")} Added barrel export`);
+    } else {
+      console.log(`  ${pc.yellow("!")} Failed to fetch barrel export`);
+    }
     if (failed > 0) {
       console.log(`  ${pc.yellow("!")} ${failed} components failed to fetch`);
     }
@@ -188,7 +197,7 @@ export function cn(...inputs: ClassValue[]) {
     const pkg2 = await fs.readJson(pkgPath2);
     pkg2.dependencies = {
       ...pkg2.dependencies,
-      "clsx": "^2.1.1",
+      clsx: "^2.1.1",
       "tailwind-merge": "^3.3.0"
     };
     await fs.writeJson(pkgPath2, pkg2, { spaces: 2 });
@@ -230,7 +239,8 @@ Thumbs.db
     ${pc.dim("2.")} npm install
     ${pc.dim("3.")} npm run dev
 
-  ${pc.dim("All components are in")} ${pc.cyan("src/components/ui/")}
+  ${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")}
 
   ${pc.dim("Browse components at")} ${link("bearnie.dev/docs/components", "https://bearnie.dev/docs/components")}
 

package/package.json

@@ -1,18 +1,19 @@
 {
   "name": "create-bearnie",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "Create a new Astro project with Bearnie UI components",
   "type": "module",
   "license": "MIT",
   "bin": {
     "create-bearnie": "dist/index.js"
   },
+  "types": "dist/index.d.ts",
   "files": [
     "dist",
     "template"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean",
+    "build": "tsup src/index.ts --format esm --clean && tsc --emitDeclarationOnly",
     "dev": "tsup src/index.ts --format esm --watch"
   },
   "dependencies": {
@@ -25,7 +26,7 @@
     "@types/node": "^20.14.9",
     "@types/prompts": "^2.4.9",
     "tsup": "^8.1.0",
-    "typescript": "^5.5.3"
+    "typescript": "^5.7.3"
   },
   "engines": {
     "node": ">=18"

package/template/package.json

@@ -8,11 +8,11 @@
     "preview": "astro preview"
   },
   "dependencies": {
-    "astro": "^5.16.15"
+    "astro": "^7.1.6"
   },
   "devDependencies": {
-    "@tailwindcss/vite": "^4.1.18",
+    "@tailwindcss/vite": "^4.3.3",
     "@tailwindcss/forms": "^0.5.11",
-    "tailwindcss": "^4.1.18"
+    "tailwindcss": "^4.3.3"
   }
 }