bearnie 0.1.5 → 0.1.6

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>
@@ -79,6 +81,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
 ```
@@ -113,6 +118,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 +129,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 +148,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 +201,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 +216,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 +238,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 +265,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/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);
@@ -608,11 +626,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bearnie",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "CLI for installing Bearnie UI components",
   "type": "module",
   "license": "MIT",
@@ -9,7 +9,7 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsup src/index.ts --format esm --dts --clean",
+    "build": "tsup src/index.ts --format esm --clean",
     "dev": "tsup src/index.ts --format esm --watch",
     "typecheck": "tsc --noEmit"
   },
@@ -27,7 +27,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/dist/index.d.ts

@@ -1 +0,0 @@
-#!/usr/bin/env node