bosia 0.6.22 → 0.6.23

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bosia",
-	"version": "0.6.22",
+	"version": "0.6.23",
 	"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/core/server.ts

@@ -366,7 +366,7 @@ async function resolve(event: RequestEvent): Promise<Response> {
 				}
 			}
 
-			const response = await handler({
+			const handlerResult = await handler({
 				request,
 				params: apiMatch.params,
 				url,
@@ -374,6 +374,15 @@ async function resolve(event: RequestEvent): Promise<Response> {
 				cookies,
 			});
 
+			// Redirect returned (not thrown) — convert to a 303 Response.
+			if (handlerResult instanceof Redirect) {
+				return new Response(null, {
+					status: handlerResult.status,
+					headers: { Location: handlerResult.location },
+				});
+			}
+
+			const response = handlerResult as Response;
 			const responseContentType = response.headers.get("content-type") ?? "";
 			// SSE responses are long-lived pub/sub streams — caching the buffered
 			// bytes would serve a stale finite snapshot to future subscribers and
@@ -423,6 +432,17 @@ async function resolve(event: RequestEvent): Promise<Response> {
 
 			return response;
 		} catch (err) {
+			// `throw redirect(303, "/")` from a +server.ts handler — turn it into
+			// a real 303 instead of a 500. Mirrors the page-action handler below.
+			if (err instanceof Redirect) {
+				return new Response(null, {
+					status: err.status,
+					headers: { Location: err.location },
+				});
+			}
+			if (err instanceof HttpError) {
+				return Response.json({ error: err.message }, { status: err.status });
+			}
 			if (isDev) console.error("API route error:", err);
 			else console.error("API route error:", (err as Error).message ?? err);
 			if (isDev) reportDevErrorFromCatch(err);

package/templates/default/src/app.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @source "../src";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
  * ─── shadcn-inspired Design Tokens ──────────────────────
  * CSS custom properties for light & dark themes.

package/templates/demo/src/app.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @source "../src";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
  * ─── shadcn-inspired Design Tokens ──────────────────────
  * CSS custom properties for light & dark themes.

package/templates/shop/package.json

@@ -14,8 +14,7 @@
 		"bosia": "^{{BOSIA_VERSION}}",
 		"svelte": "^5.20.0",
 		"tailwind-merge": "^3.5.0",
-		"drizzle-orm": "^0.44.0",
-		"postgres": "^3.4.0"
+		"drizzle-orm": "^0.44.0"
 	},
 	"devDependencies": {
 		"@types/bun": "latest",

package/templates/shop/src/app.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @source "../src";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
  * ─── shadcn-inspired Design Tokens ──────────────────────
  * CSS custom properties for light & dark themes.

package/templates/shop/src/routes/(private)/+layout.svelte

@@ -1,14 +1,44 @@
 <script lang="ts">
 	import { page } from "bosia/client";
 	import AdminSidebar from "$lib/components/AdminSidebar.svelte";
+	import {
+		Breadcrumb,
+		BreadcrumbList,
+		BreadcrumbItem,
+		BreadcrumbLink,
+		BreadcrumbPage,
+		BreadcrumbSeparator,
+	} from "$lib/components/ui/breadcrumb";
 
 	let { data, children }: { data: { user: { id: string; email: string } }; children: any } =
 		$props();
+
+	const segments = $derived(page.url.pathname.split("/").filter(Boolean));
+	const label = (s: string) => s[0].toUpperCase() + s.slice(1);
+	const hrefAt = (i: number) => "/" + segments.slice(0, i + 1).join("/");
 </script>
 
 <div class="flex min-h-screen">
 	<AdminSidebar currentPath={page.url.pathname} user={data.user} />
 	<main class="flex-1 overflow-x-hidden p-6">
+		{#if segments.length > 0}
+			<Breadcrumb class="mb-4">
+				<BreadcrumbList>
+					{#each segments as segment, i}
+						<BreadcrumbItem>
+							{#if i === segments.length - 1}
+								<BreadcrumbPage>{label(segment)}</BreadcrumbPage>
+							{:else}
+								<BreadcrumbLink href={hrefAt(i)}>{label(segment)}</BreadcrumbLink>
+							{/if}
+						</BreadcrumbItem>
+						{#if i < segments.length - 1}
+							<BreadcrumbSeparator />
+						{/if}
+					{/each}
+				</BreadcrumbList>
+			</Breadcrumb>
+		{/if}
 		{@render children()}
 	</main>
 </div>

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

@@ -1,3 +1,11 @@
+<svelte:head>
+	<title>Welcome to your shop</title>
+	<meta
+		name="description"
+		content="A Bosia shop starter — auth, RBAC, S3 uploads, products & cart."
+	/>
+</svelte:head>
+
 <main class="flex min-h-[80vh] flex-col items-center justify-center gap-6 p-8">
 	<div class="flex flex-col items-center gap-3 text-center">
 		<img src="/favicon.svg" alt="" class="size-16" />

package/templates/todo/src/app.css

@@ -1,6 +1,8 @@
 @import "tailwindcss";
 @source "../src";
 
+@custom-variant dark (&:where(.dark, .dark *));
+
 /*
  * ─── shadcn-inspired Design Tokens ──────────────────────
  * CSS custom properties for light & dark themes.