bearnie 0.1.5 → 0.1.7

package/README.md

@@ -14,13 +14,15 @@ npx bearnie init
 # 3. Add components
 npx bearnie add button card input
 
-# 4. Use in your Astro pages
+# 4. Optional: add barrel export for named imports
+npx bearnie add barrel
+
+# 5. Use in your Astro pages
 ```
 
 ```astro
 ---
-import Button from "@/components/ui/button/Button.astro";
-import { Card, CardHeader, CardTitle, CardContent } from "@/components/ui/card";
+import { Button, Card, CardHeader, CardTitle, CardContent } from "@/components/bearnie";
 ---
 
 <Card>
@@ -60,6 +62,8 @@ This will:
 - Create the `cn()` utility function
 - Install `clsx`, `tailwind-merge`, and `tailwindcss` dependencies
 
+Projects created with `create-bearnie` already include `bearnie.json` and can skip init.
+
 **Options:**
 
 - `-y, --yes` - Skip confirmation prompts and use defaults
@@ -79,6 +83,9 @@ npx bearnie add button card input
 # Add all available components
 npx bearnie add --all
 
+# Add barrel export (after components are installed)
+npx bearnie add barrel
+
 # Interactive component selection
 npx bearnie add
 ```
@@ -101,6 +108,8 @@ npx bearnie list
 npx bearnie list --json
 ```
 
+Components are grouped by category, including **Theme** (`styles`) and **Meta** (`barrel`).
+
 **Options:**
 
 - `--json` - Output as JSON
@@ -113,6 +122,7 @@ After running `init`, a `bearnie.json` file is created in your project root:
 {
   "componentsDir": "src/components/bearnie",
   "utilsDir": "src/utils",
+  "stylesDir": "src/styles",
   "typescript": true
 }
 ```
@@ -123,6 +133,7 @@ After running `init`, a `bearnie.json` file is created in your project root:
 | --------------- | --------- | --------------------- | -------------------------------------------- |
 | `componentsDir` | `string`  | `"src/components/bearnie"` | Directory where components will be installed |
 | `utilsDir`      | `string`  | `"src/utils"`         | Directory for utility functions              |
+| `stylesDir`     | `string`  | `"src/styles"`        | Directory for theme styles                   |
 | `typescript`    | `boolean` | `true`                | Whether to use TypeScript                    |
 
 ## Environment Variables
@@ -141,15 +152,14 @@ For local development and testing:
 git clone https://github.com/michael-andreuzza/bearnie.git
 cd bearnie
 
-# Install CLI dependencies
-cd packages/cli
+# Install dependencies (npm workspaces)
 npm install
 
-# Build the CLI
-npm run build
+# Build packages
+npm run build:packages
 
-# Link for local testing
-npm link
+# Link CLI for local testing
+npm run cli:link
 
 # Now you can use it
 bearnie add button
@@ -195,7 +205,7 @@ BEARNIE_REGISTRY_URL=http://localhost:4321/registry bearnie add button
 
 ```astro
 ---
-import Button from "@/components/ui/button/Button.astro";
+import Button from "@/components/bearnie/button/Button.astro";
 ---
 
 <Button>Default</Button>
@@ -210,9 +220,9 @@ import Button from "@/components/ui/button/Button.astro";
 
 ```astro
 ---
-import Input from "@/components/ui/input/Input.astro";
-import Label from "@/components/ui/label/Label.astro";
-import Button from "@/components/ui/button/Button.astro";
+import Input from "@/components/bearnie/input/Input.astro";
+import Label from "@/components/bearnie/label/Label.astro";
+import Button from "@/components/bearnie/button/Button.astro";
 ---
 
 <form class="space-y-4">
@@ -232,13 +242,13 @@ import Button from "@/components/ui/button/Button.astro";
 
 ```astro
 ---
-import Card from "@/components/ui/card/Card.astro";
-import CardHeader from "@/components/ui/card/CardHeader.astro";
-import CardTitle from "@/components/ui/card/CardTitle.astro";
-import CardDescription from "@/components/ui/card/CardDescription.astro";
-import CardContent from "@/components/ui/card/CardContent.astro";
-import CardFooter from "@/components/ui/card/CardFooter.astro";
-import Button from "@/components/ui/button/Button.astro";
+import Card from "@/components/bearnie/card/Card.astro";
+import CardHeader from "@/components/bearnie/card/CardHeader.astro";
+import CardTitle from "@/components/bearnie/card/CardTitle.astro";
+import CardDescription from "@/components/bearnie/card/CardDescription.astro";
+import CardContent from "@/components/bearnie/card/CardContent.astro";
+import CardFooter from "@/components/bearnie/card/CardFooter.astro";
+import Button from "@/components/bearnie/button/Button.astro";
 ---
 
 <Card class="w-96">
@@ -259,9 +269,9 @@ import Button from "@/components/ui/button/Button.astro";
 
 ```astro
 ---
-import Alert from "@/components/ui/alert/Alert.astro";
-import AlertTitle from "@/components/ui/alert/AlertTitle.astro";
-import AlertDescription from "@/components/ui/alert/AlertDescription.astro";
+import Alert from "@/components/bearnie/alert/Alert.astro";
+import AlertTitle from "@/components/bearnie/alert/AlertTitle.astro";
+import AlertDescription from "@/components/bearnie/alert/AlertDescription.astro";
 ---
 
 <Alert>

package/dist/commands/add.d.ts

@@ -0,0 +1,7 @@
+interface AddOptions {
+    yes?: boolean;
+    all?: boolean;
+    cwd: string;
+}
+export declare function add(components: string[], options: AddOptions): Promise<void>;
+export {};

package/dist/commands/init.d.ts

@@ -0,0 +1,6 @@
+interface InitOptions {
+    yes?: boolean;
+    cwd: string;
+}
+export declare function init(options: InitOptions): Promise<void>;
+export {};

package/dist/commands/list.d.ts

@@ -0,0 +1,5 @@
+interface ListOptions {
+    json?: boolean;
+}
+export declare function list(options: ListOptions): Promise<void>;
+export {};

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,6 +1,9 @@
 #!/usr/bin/env node
 
 // src/index.ts
+import { readFileSync } from "fs";
+import { dirname, join } from "path";
+import { fileURLToPath } from "url";
 import { Command } from "commander";
 import chalk5 from "chalk";
 
@@ -18,6 +21,7 @@ import fs from "fs-extra";
 var DEFAULT_CONFIG = {
   componentsDir: "src/components/bearnie",
   utilsDir: "src/utils",
+  stylesDir: "src/styles",
   tailwindConfig: "tailwind.config.mjs",
   typescript: true
 };
@@ -26,7 +30,7 @@ async function getProjectConfig(cwd) {
   const configPath = path.join(cwd, CONFIG_FILE);
   if (await fs.pathExists(configPath)) {
     const content = await fs.readFile(configPath, "utf-8");
-    return JSON.parse(content);
+    return { ...DEFAULT_CONFIG, ...JSON.parse(content) };
   }
   return null;
 }
@@ -58,6 +62,17 @@ async function hasTailwindInstalled(cwd) {
   };
   return "tailwindcss" in deps;
 }
+function resolveInstallPath(cwd, config, filePath, componentType) {
+  const isUtilityFile = componentType === "utility" || filePath.startsWith("utils/");
+  const isStylesFile = componentType === "styles" || filePath.startsWith("styles/");
+  if (isUtilityFile) {
+    return path.join(cwd, config.utilsDir, filePath.replace(/^utils\//, ""));
+  }
+  if (isStylesFile) {
+    return path.join(cwd, config.stylesDir, filePath.replace(/^styles\//, ""));
+  }
+  return path.join(cwd, config.componentsDir, filePath);
+}
 
 // src/utils/ui.ts
 import chalk from "chalk";
@@ -249,6 +264,7 @@ async function init(options) {
   try {
     await fs2.ensureDir(path2.join(cwd, config.componentsDir));
     await fs2.ensureDir(path2.join(cwd, config.utilsDir));
+    await fs2.ensureDir(path2.join(cwd, config.stylesDir));
     spinner.text = "Creating directories...";
   } catch (error) {
     spinner.fail("Couldn't create directories");
@@ -465,10 +481,12 @@ async function add(components, options) {
       component.dependencies?.forEach((d) => npmDeps.add(d));
       component.devDependencies?.forEach((d) => npmDevDeps.add(d));
       for (const file of component.files) {
-        const isUtilityFile = component.type === "utility" || file.path.startsWith("utils/");
-        const relativePath = isUtilityFile ? file.path.replace(/^utils\//, "") : file.path;
-        const baseDir = isUtilityFile ? config.utilsDir : config.componentsDir;
-        const filePath = path4.join(cwd, baseDir, relativePath);
+        const filePath = resolveInstallPath(
+          cwd,
+          config,
+          file.path,
+          component.type
+        );
         const exists = await fs4.pathExists(filePath);
         if (exists && !options.yes) {
           skippedFiles.push(file.path);
@@ -561,6 +579,8 @@ async function list(options) {
       categories.get(cat).push(component);
     }
     const categoryConfig = {
+      theme: { emoji: "\u{1F3A8}", label: "Theme" },
+      meta: { emoji: "\u{1F4E6}", label: "Meta" },
       foundation: { emoji: "\u{1F3A8}", label: "Foundation" },
       form: { emoji: "\u{1F4DD}", label: "Form" },
       layout: { emoji: "\u{1F4D0}", label: "Layout" },
@@ -571,6 +591,8 @@ async function list(options) {
       other: { emoji: "\u{1F4E6}", label: "Other" }
     };
     const categoryOrder = [
+      "theme",
+      "meta",
       "foundation",
       "form",
       "layout",
@@ -599,6 +621,7 @@ async function list(options) {
     console.log(`  ${brand.muted("\u2192")} Add a component:    ${chalk4.cyan("npx bearnie add button")}`);
     console.log(`  ${brand.muted("\u2192")} Add everything:     ${chalk4.cyan("npx bearnie add --all")}`);
     console.log(`  ${brand.muted("\u2192")} Add CSS variables:  ${chalk4.cyan("npx bearnie add styles")}`);
+    console.log(`  ${brand.muted("\u2192")} Add barrel export:  ${chalk4.cyan("npx bearnie add barrel")}`);
     print.newline();
   } catch (error) {
     spinner.fail(messages.networkError());
@@ -608,11 +631,15 @@ async function list(options) {
 }
 
 // src/index.ts
+var __dirname = dirname(fileURLToPath(import.meta.url));
+var pkg = JSON.parse(
+  readFileSync(join(__dirname, "../package.json"), "utf-8")
+);
 var amber = chalk5.hex("#F59E0B");
 var logo2 = `${amber("\u{1F43B}")} ${chalk5.bold("bearnie")}`;
 var link = (text, url) => `\x1B]8;;${url}\x07${chalk5.cyan(text)}\x1B]8;;\x07`;
 var program = new Command();
-program.name("bearnie").description("UI components for Astro").version("0.1.0").configureOutput({
+program.name("bearnie").description("UI components for Astro").version(pkg.version).configureOutput({
   writeOut: (str) => process.stdout.write(str),
   writeErr: (str) => process.stdout.write(str),
   outputError: (str, write) => {

package/dist/utils/config.d.ts

@@ -0,0 +1,22 @@
+export interface ProjectConfig {
+    componentsDir: string;
+    utilsDir: string;
+    stylesDir: string;
+    tailwindConfig: string;
+    typescript: boolean;
+}
+export declare const DEFAULT_CONFIG: ProjectConfig;
+export declare const CONFIG_FILE = "bearnie.json";
+export declare function getProjectConfig(cwd: string): Promise<ProjectConfig | null>;
+export declare function saveProjectConfig(cwd: string, config: ProjectConfig): Promise<void>;
+export declare function isAstroProject(cwd: string): Promise<boolean>;
+export declare function hasTailwindInstalled(cwd: string): Promise<boolean>;
+export declare function writeComponentFile(cwd: string, config: ProjectConfig, componentPath: string, content: string, overwrite?: boolean): Promise<{
+    written: boolean;
+    path: string;
+}>;
+export declare function resolveInstallPath(cwd: string, config: ProjectConfig, filePath: string, componentType?: string): string;
+export declare function writeUtilFile(cwd: string, config: ProjectConfig, utilPath: string, content: string, overwrite?: boolean): Promise<{
+    written: boolean;
+    path: string;
+}>;

package/dist/utils/registry.d.ts

@@ -0,0 +1,30 @@
+export declare const REGISTRY_URL: string;
+export declare const REGISTRY_PATH: string | undefined;
+export declare const REGISTRY_INDEX_URL: string;
+export interface RegistryComponent {
+    name: string;
+    type?: "component" | "utility" | "styles";
+    description: string;
+    category: string;
+    dependencies?: string[];
+    devDependencies?: string[];
+    registryDependencies?: string[];
+    files: RegistryFile[];
+}
+export interface RegistryFile {
+    name: string;
+    path: string;
+    content: string;
+}
+export interface RegistryIndex {
+    name: string;
+    version: string;
+    components: {
+        name: string;
+        description: string;
+        category: string;
+    }[];
+}
+export declare function getRegistryIndex(): Promise<RegistryIndex>;
+export declare function getComponent(name: string): Promise<RegistryComponent>;
+export declare function resolveComponentDependencies(names: string[], resolved?: Set<string>): Promise<string[]>;

package/dist/utils/ui.d.ts

@@ -0,0 +1,57 @@
+export declare const brand: {
+    primary: import("chalk").ChalkInstance;
+    secondary: import("chalk").ChalkInstance;
+    accent: import("chalk").ChalkInstance;
+    muted: import("chalk").ChalkInstance;
+    success: import("chalk").ChalkInstance;
+    warning: import("chalk").ChalkInstance;
+    error: import("chalk").ChalkInstance;
+    info: import("chalk").ChalkInstance;
+};
+export declare const banner: string;
+export declare const logo: string;
+export declare const messages: {
+    greeting: () => string;
+    initStart: () => string;
+    initSuccess: () => string;
+    alreadyInit: () => string;
+    addStart: () => string;
+    fetching: () => string;
+    foundComponents: (count: number) => string;
+    resolving: () => string;
+    installing: (name: string) => string;
+    installed: (name: string) => string;
+    installingDeps: () => string;
+    listHeader: (version: string) => string;
+    listFooter: (count: number) => string;
+    success: () => string;
+    notAstro: () => string;
+    notAstroHelp: () => string;
+    networkError: () => string;
+    networkErrorHelp: () => string;
+    unknownComponent: (names: string[]) => string;
+    hint: (text: string) => string;
+    nextStep: (step: string) => string;
+};
+export declare function box(content: string, title?: string): string;
+export declare const newline: () => void;
+export declare const space: (n?: number) => void;
+export declare const print: {
+    banner: () => void;
+    logo: () => void;
+    greeting: () => void;
+    success: () => void;
+    newline: () => void;
+    step: (text: string) => void;
+    hint: (text: string) => void;
+    error: (text: string) => void;
+    warning: (text: string) => void;
+    info: (text: string) => void;
+    nextSteps: (steps: string[]) => void;
+    footer: () => void;
+};
+export declare const promptsTheme: {
+    prefix: string;
+    highlight: import("chalk").ChalkInstance;
+    submit: string;
+};

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "bearnie",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "CLI for installing Bearnie UI components",
   "type": "module",
   "license": "MIT",
   "bin": "dist/index.js",
+  "types": "dist/index.d.ts",
   "files": [
     "dist"
   ],
   "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",
     "typecheck": "tsc --noEmit"
   },
@@ -27,7 +28,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"