bosia 0.3.2 → 0.3.3

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bosia",
-	"version": "0.3.2",
+	"version": "0.3.3",
 	"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": [

package/src/cli/add.ts

@@ -11,13 +11,13 @@ import {
 	bunAdd,
 } from "./registry.ts";
 
-// ─── bosia add <component> ────────────────────────────────
+// ─── bun x bosia@latest add <component> ──────────────────
 // Fetches a component from the GitHub registry (or local registry
 // with --local) and copies it into src/lib/components/<path>/.
 //
 // Path-based names:
-//   bosia add button       → src/lib/components/ui/button/
-//   bosia add shop/cart    → src/lib/components/shop/cart/
+//   bun x bosia@latest add button       → src/lib/components/ui/button/
+//   bun x bosia@latest add shop/cart    → src/lib/components/shop/cart/
 
 interface ComponentMeta {
 	name: string;
@@ -48,7 +48,7 @@ export async function initAddRegistry(root: string | null) {
 export async function runAdd(name: string | undefined, flags: string[] = []) {
 	if (!name) {
 		console.error(
-			"❌ Please provide a component name.\n   Usage: bosia add <component> [--local]",
+			"❌ Please provide a component name.\n   Usage: bun x bosia@latest add <component> [--local]",
 		);
 		process.exit(1);
 	}

package/src/cli/create.ts

@@ -5,7 +5,7 @@ import * as p from "@clack/prompts";
 import { installFeature, initFeatRegistry, resolveLocalRegistry } from "./feat.ts";
 import { initAddRegistry } from "./add.ts";
 
-// ─── bosia create <name> [--template <name>] ──────────────
+// ─── bun x bosia@latest create <name> [--template <name>] ─
 
 const TEMPLATES_DIR = resolve(import.meta.dir, "../../templates");
 const BOSIA_PKG = JSON.parse(readFileSync(resolve(import.meta.dir, "../../package.json"), "utf-8"));
@@ -19,7 +19,9 @@ const TEMPLATE_DESCRIPTIONS: Record<string, string> = {
 
 export async function runCreate(name: string | undefined, args: string[] = []) {
 	if (!name) {
-		console.error("❌ Please provide a project name.\n   Usage: bosia create my-app");
+		console.error(
+			"❌ Please provide a project name.\n   Usage: bun x bosia@latest create my-app",
+		);
 		process.exit(1);
 	}
 

package/src/cli/feat.ts

@@ -11,7 +11,7 @@ import {
 	bunAdd,
 } from "./registry.ts";
 
-// ─── bosia feat <feature> [--local] ──────────────────────
+// ─── bun x bosia@latest feat <feature> [--local] ─────────
 // Fetches a feature scaffold from the GitHub registry (or local
 // registry with --local) and copies route/lib files, installs npm deps.
 // Supports nested feature dependencies (e.g. todo → drizzle).
@@ -34,7 +34,7 @@ interface FeatureMeta {
 	name: string;
 	description: string;
 	features?: string[]; // other bosia features required
-	components: string[]; // bosia components to install via `bosia add`
+	components: string[]; // bosia components to install via `bun x bosia@latest add`
 	files: FileEntry[]; // file entries with per-file strategy
 	npmDeps: Record<string, string>;
 	npmDevDeps?: Record<string, string>;
@@ -50,7 +50,7 @@ const installedFeats = new Set<string>();
 export async function runFeat(name: string | undefined, flags: string[] = []) {
 	if (!name) {
 		console.error(
-			"❌ Please provide a feature name.\n   Usage: bosia feat <feature> [--local]",
+			"❌ Please provide a feature name.\n   Usage: bun x bosia@latest feat <feature> [--local]",
 		);
 		process.exit(1);
 	}

package/src/cli/index.ts

@@ -1,11 +1,11 @@
 #!/usr/bin/env bun
 // ─── Bosia CLI ────────────────────────────────────────────
-//   bosia create <name>   scaffold a new project
-//   bosia dev             start the development server
-//   bosia build           build for production
-//   bosia start           run the production server
-//   bosia add <name>      add a UI component from the registry
-//   bosia feat <name>     add a feature scaffold from the registry
+//   bun x bosia@latest create <name>   scaffold a new project
+//   bun x bosia dev                       start the development server
+//   bun x bosia build                     build for production
+//   bun x bosia start                     run the production server
+//   bun x bosia@latest add <name>         add a UI component from the registry
+//   bun x bosia@latest feat <name>        add a feature scaffold from the registry
 
 const [, , command, ...args] = process.argv;
 
@@ -67,17 +67,17 @@ Commands:
   feat <feature>      Add a feature scaffold from the registry [--local]
 
 Examples:
-  bosia create my-app
-  bosia create my-app --template todo
-  bosia dev
-  bosia build
-  bosia start
-  bosia test
-  bosia test --watch
-  bosia test --coverage
-  bosia add button              → src/lib/components/ui/button/
-  bosia add shop/cart           → src/lib/components/shop/cart/
-  bosia feat login
+  bun x bosia@latest create my-app
+  bun x bosia@latest create my-app --template todo
+  bun x bosia dev
+  bun x bosia build
+  bun x bosia start
+  bun x bosia test
+  bun x bosia test --watch
+  bun x bosia test --coverage
+  bun x bosia@latest add button              → src/lib/components/ui/button/
+  bun x bosia@latest add shop/cart           → src/lib/components/shop/cart/
+  bun x bosia@latest feat login
 `);
 			break;
 		}

package/src/core/plugin.ts

@@ -1,4 +1,5 @@
 import { join, dirname } from "path";
+import { existsSync } from "fs";
 
 // ─── Bun Build Plugin ─────────────────────────────────────
 // Resolves:
@@ -9,11 +10,18 @@ import { join, dirname } from "path";
 let cachedTsconfigPaths: Record<string, string[]> | null = null;
 async function getTsconfigPaths() {
 	if (cachedTsconfigPaths !== null) return cachedTsconfigPaths;
+	const tsconfigPath = join(process.cwd(), "tsconfig.json");
+	if (!existsSync(tsconfigPath)) {
+		cachedTsconfigPaths = {};
+		return cachedTsconfigPaths;
+	}
 	try {
-		const tsconfig = await Bun.file(join(process.cwd(), "tsconfig.json")).json();
+		const tsconfig = await Bun.file(tsconfigPath).json();
 		cachedTsconfigPaths = tsconfig?.compilerOptions?.paths || {};
-	} catch {
-		cachedTsconfigPaths = {};
+	} catch (err) {
+		throw new Error(
+			`tsconfig.json at ${tsconfigPath} is invalid JSON: ${(err as Error).message}. Fix the file and re-run.`,
+		);
 	}
 	return cachedTsconfigPaths!;
 }

package/src/core/routeTypes.ts

@@ -50,6 +50,8 @@ export function generateRouteTypes(manifest: RouteManifest): void {
 		}
 	}
 
+	if (manifest.errorPage && !dirs.has(".")) dirs.set(".", {});
+
 	for (const [dir, info] of dirs) {
 		// Path segments of the route dir (empty array for root ".")
 		const segments = dir === "." ? [] : dir.split("/").filter(Boolean);
@@ -96,6 +98,12 @@ export function generateRouteTypes(manifest: RouteManifest): void {
 		}
 		lines.push(`export type PageProps = { data: PageData };`);
 
+		if (dir === "." && manifest.errorPage) {
+			lines.push(``);
+			lines.push(`export type PageError = { status: number; message: string };`);
+			lines.push(`export type ErrorProps = { error: PageError };`);
+		}
+
 		// ActionData — union of all action return types, unwrapping ActionFailure
 		if (info.pageServer) {
 			lines.push(``);
@@ -144,12 +152,10 @@ export function ensureRootDirs(): void {
 	let tsconfig: any;
 	try {
 		tsconfig = JSON.parse(readFileSync(tsconfigPath, "utf-8"));
-	} catch {
-		console.warn(
-			"⚠️  Could not parse tsconfig.json — add rootDirs manually:\n" +
-				'   "rootDirs": [".", ".bosia/types"]',
+	} catch (err) {
+		throw new Error(
+			`tsconfig.json at ${tsconfigPath} is invalid JSON: ${(err as Error).message}. Fix the file and re-run.`,
 		);
-		return;
 	}
 
 	const rootDirs: string[] = tsconfig.compilerOptions?.rootDirs ?? [];

package/src/core/server.ts

@@ -404,7 +404,7 @@ async function resolve(event: RequestEvent): Promise<Response> {
 								{ status: result.status },
 							);
 						}
-						return renderPageWithFormData(
+						return await renderPageWithFormData(
 							url,
 							locals,
 							request,
@@ -422,7 +422,7 @@ async function resolve(event: RequestEvent): Promise<Response> {
 							data: result ?? null,
 						});
 					}
-					return renderPageWithFormData(
+					return await renderPageWithFormData(
 						url,
 						locals,
 						request,

package/templates/default/src/routes/+error.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	let { error }: { error: { status: number; message: string } } = $props();
+	import type { ErrorProps } from "./$types";
+	let { error }: ErrorProps = $props();
 </script>
 
 <svelte:head>

package/templates/demo/src/routes/(public)/+page.svelte

@@ -26,7 +26,7 @@
 		{
 			icon: "🧩",
 			label: "Component registry",
-			desc: "bosia add button — shadcn-style, code you own",
+			desc: "bun x bosia@latest add button — shadcn-style, code you own",
 		},
 		{
 			icon: "✨",

package/templates/demo/src/routes/(public)/about/+page.svelte

@@ -9,7 +9,7 @@
 	</p>
 
 	<ul class="space-y-2 text-foreground">
-		{#each ["Bun runtime — fast builds, native TypeScript", "ElysiaJS — HTTP server with type-safe routing", "Svelte 5 Runes — fine-grained reactivity", "Isomorphic SSR with client hydration", "File-based routing (SvelteKit-compatible conventions)", "Nested layouts and route groups (public), (auth), (admin)", "Dynamic params [slug] and catch-all [...rest]", "Server loaders with parent() data threading", "Hooks — sequence() middleware for auth, logging, etc.", "Component registry — bosia add button", "Feature registry — bosia feat login"] as item}
+		{#each ["Bun runtime — fast builds, native TypeScript", "ElysiaJS — HTTP server with type-safe routing", "Svelte 5 Runes — fine-grained reactivity", "Isomorphic SSR with client hydration", "File-based routing (SvelteKit-compatible conventions)", "Nested layouts and route groups (public), (auth), (admin)", "Dynamic params [slug] and catch-all [...rest]", "Server loaders with parent() data threading", "Hooks — sequence() middleware for auth, logging, etc.", "Component registry — bun x bosia@latest add button", "Feature registry — bosia feat login"] as item}
 			<li class="flex items-start gap-2">
 				<span class="text-primary mt-0.5">✓</span>
 				<span>{item}</span>

package/templates/demo/src/routes/+error.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	let { error }: { error: { status: number; message: string } } = $props();
+	import type { ErrorProps } from "./$types";
+	let { error }: ErrorProps = $props();
 </script>
 
 <svelte:head>

package/templates/todo/src/routes/+error.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	let { error }: { error: { status: number; message: string } } = $props();
+	import type { ErrorProps } from "./$types";
+	let { error }: ErrorProps = $props();
 </script>
 
 <svelte:head>