bosia 0.1.0 → 0.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bosia",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "description": "A fast, batteries-included fullstack framework — SSR · Svelte 5 Runes · Bun · ElysiaJS. File-based routing inspired by SvelteKit. No Node.js, no Vite, no adapters.",
   "keywords": [
@@ -44,6 +44,7 @@
     "typescript": "^5"
   },
   "dependencies": {
+    "@clack/prompts": "^1.1.0",
     "@tailwindcss/cli": "^4.2.1",
     "bun-plugin-svelte": "^0.0.6",
     "clsx": "^2.1.1",

package/src/cli/add.ts

@@ -1,12 +1,12 @@
 import { join, dirname } from "path";
-import { mkdirSync, writeFileSync } from "fs";
+import { mkdirSync, writeFileSync, readFileSync, existsSync } from "fs";
 import { spawn } from "bun";
 
 // ─── bosia add <component> ────────────────────────────────
-// Fetches a component from the GitHub registry and copies it
-// into the user's src/lib/components/ui/<name>/ directory.
+// Fetches a component from the GitHub registry (or local registry
+// with --local) and copies it into src/lib/components/ui/<name>/.
 
-const REGISTRY_BASE = "https://raw.githubusercontent.com/bosapi/bosia/main/registry";
+const REMOTE_BASE = "https://raw.githubusercontent.com/bosapi/bosia/main/registry";
 
 interface ComponentMeta {
     name: string;
@@ -19,11 +19,22 @@ interface ComponentMeta {
 // Track already-installed components within a session to avoid re-running deps
 const installed = new Set<string>();
 
-export async function runAdd(name: string | undefined) {
+// Resolved once in runAdd, used by addComponent
+let registryRoot: string | null = null;
+
+export async function runAdd(name: string | undefined, flags: string[] = []) {
     if (!name) {
-        console.error("❌ Please provide a component name.\n   Usage: bosia add <component>");
+        console.error("❌ Please provide a component name.\n   Usage: bosia add <component> [--local]");
         process.exit(1);
     }
+
+    if (flags.includes("--local")) {
+        // Walk up from this file to find the repo's registry/ directory
+        registryRoot = resolveLocalRegistry();
+        console.log(`⬡ Using local registry: ${registryRoot}\n`);
+    }
+
+    ensureUtils();
     await addComponent(name, true);
 }
 
@@ -33,19 +44,19 @@ export async function addComponent(name: string, root = false) {
 
     console.log(root ? `⬡ Installing component: ${name}\n` : `   📦 Dependency: ${name}`);
 
-    const meta = await fetchJSON<ComponentMeta>(`${REGISTRY_BASE}/components/${name}/meta.json`);
+    const meta = await readMeta(name);
 
     // Install component dependencies first (recursive)
     for (const dep of meta.dependencies) {
         await addComponent(dep, false);
     }
 
-    // Download component files into src/lib/components/ui/<name>/
+    // Download/copy component files into src/lib/components/ui/<name>/
     const destDir = join(process.cwd(), "src", "lib", "components", "ui", name);
     mkdirSync(destDir, { recursive: true });
 
     for (const file of meta.files) {
-        const content = await fetchText(`${REGISTRY_BASE}/components/${name}/${file}`);
+        const content = await readFile(name, file);
         const dest = join(destDir, file);
         mkdirSync(dirname(dest), { recursive: true });
         writeFileSync(dest, content, "utf-8");
@@ -70,6 +81,63 @@ export async function addComponent(name: string, root = false) {
     if (root) console.log(`\n✅ ${name} installed at src/lib/components/ui/${name}/`);
 }
 
+// ─── Ensure $lib/utils.ts exists ─────────────────────────────
+
+const UTILS_CONTENT = `import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+    return twMerge(clsx(inputs));
+}
+`;
+
+function ensureUtils() {
+    const utilsPath = join(process.cwd(), "src", "lib", "utils.ts");
+    if (!existsSync(utilsPath)) {
+        mkdirSync(dirname(utilsPath), { recursive: true });
+        writeFileSync(utilsPath, UTILS_CONTENT, "utf-8");
+        console.log("   ✍️  src/lib/utils.ts (cn utility)\n");
+    }
+}
+
+// ─── Registry resolvers ──────────────────────────────────────
+
+function resolveLocalRegistry(): string {
+    // Walk up from this file's directory to find registry/
+    let dir = dirname(new URL(import.meta.url).pathname);
+    for (let i = 0; i < 10; i++) {
+        const candidate = join(dir, "registry");
+        if (existsSync(join(candidate, "index.json"))) return candidate;
+        const parent = dirname(dir);
+        if (parent === dir) break;
+        dir = parent;
+    }
+    console.error("❌ Could not find local registry/ directory.");
+    process.exit(1);
+}
+
+async function readMeta(name: string): Promise<ComponentMeta> {
+    if (registryRoot) {
+        const path = join(registryRoot, "components", name, "meta.json");
+        if (!existsSync(path)) {
+            throw new Error(`Component "${name}" not found in local registry`);
+        }
+        return JSON.parse(readFileSync(path, "utf-8"));
+    }
+    return fetchJSON<ComponentMeta>(`${REMOTE_BASE}/components/${name}/meta.json`);
+}
+
+async function readFile(name: string, file: string): Promise<string> {
+    if (registryRoot) {
+        const path = join(registryRoot, "components", name, file);
+        if (!existsSync(path)) {
+            throw new Error(`File "${file}" not found for component "${name}" in local registry`);
+        }
+        return readFileSync(path, "utf-8");
+    }
+    return fetchText(`${REMOTE_BASE}/components/${name}/${file}`);
+}
+
 async function fetchJSON<T>(url: string): Promise<T> {
     const res = await fetch(url);
     if (!res.ok) throw new Error(`Failed to fetch ${url} (${res.status})`);

package/src/cli/create.ts

@@ -1,7 +1,7 @@
 import { resolve, join, basename } from "path";
-import { existsSync, mkdirSync, readdirSync, statSync, readFileSync, writeFileSync } from "fs";
+import { existsSync, mkdirSync, readdirSync, readFileSync, writeFileSync } from "fs";
 import { spawn } from "bun";
-import * as readline from "readline";
+import * as p from "@clack/prompts";
 
 // ─── bosia create <name> [--template <name>] ──────────────
 
@@ -79,26 +79,21 @@ async function promptTemplate(): Promise<string> {
 
     if (templates.length === 1) return templates[0];
 
-    console.log("\n? Which template?\n");
-    templates.forEach((t, i) => {
-        const desc = TEMPLATE_DESCRIPTIONS[t] ?? "";
-        const marker = i === 0 ? "❯" : " ";
-        console.log(`  ${marker} ${t}${desc ? `  — ${desc}` : ""}`);
+    const selected = await p.select({
+        message: "Which template?",
+        options: templates.map((t) => ({
+            value: t,
+            label: t,
+            hint: TEMPLATE_DESCRIPTIONS[t],
+        })),
     });
-    console.log();
 
-    const rl = readline.createInterface({
-        input: process.stdin,
-        output: process.stdout,
-    });
+    if (p.isCancel(selected)) {
+        p.cancel("Operation cancelled.");
+        process.exit(0);
+    }
 
-    return new Promise<string>((resolvePromise) => {
-        rl.question(`  Template name (default): `, (answer) => {
-            rl.close();
-            const trimmed = answer.trim();
-            resolvePromise(trimmed || "default");
-        });
-    });
+    return selected as string;
 }
 
 function copyDir(src: string, dest: string, projectName: string) {

package/src/cli/index.ts

@@ -33,7 +33,9 @@ async function main() {
         }
         case "add": {
             const { runAdd } = await import("./add.ts");
-            await runAdd(args[0]);
+            const addName = args.find((a) => !a.startsWith("--"));
+            const addFlags = args.filter((a) => a.startsWith("--"));
+            await runAdd(addName, addFlags);
             break;
         }
         case "feat": {