bosia 0.6.21 → 0.6.23

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

@@ -0,0 +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/(private)/dashboard/+page.svelte

@@ -0,0 +1,11 @@
+<!-- EDIT THIS FILE: add cards, KPIs, recent orders, sales charts, etc. -->
+<svelte:head>
+	<title>Dashboard</title>
+</svelte:head>
+
+<div class="flex flex-col gap-4">
+	<h1 class="text-2xl font-bold tracking-tight">Dashboard</h1>
+	<p class="text-muted-foreground text-sm">
+		This is your admin home. Add widgets, KPI cards, and recent activity here.
+	</p>
+</div>

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

@@ -0,0 +1,13 @@
+<script lang="ts">
+	import { page } from "bosia/client";
+	import PublicNavbar from "$lib/components/PublicNavbar.svelte";
+
+	let { data, children }: { data: { user: any }; children: any } = $props();
+</script>
+
+<div class="flex min-h-screen flex-col">
+	<PublicNavbar currentPath={page.url.pathname} user={data.user} />
+	<div class="flex-1">
+		{@render children()}
+	</div>
+</div>

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

@@ -0,0 +1,38 @@
+<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" />
+		<h1 class="text-4xl font-bold tracking-tight">Welcome to your shop</h1>
+		<p class="text-muted-foreground text-lg">
+			A Bosia shop starter — auth, RBAC, S3 uploads, products & cart.
+		</p>
+	</div>
+
+	<div class="mt-4 flex gap-3">
+		<a
+			href="/products"
+			class="bg-primary text-primary-foreground hover:bg-primary/90 rounded-md px-4 py-2 text-sm font-medium transition-colors"
+		>
+			Browse products
+		</a>
+		<a
+			href="/login"
+			class="border-border bg-secondary text-secondary-foreground hover:bg-secondary/80 rounded-md border px-4 py-2 text-sm font-medium transition-colors"
+		>
+			Sign in
+		</a>
+	</div>
+
+	<p class="text-muted-foreground mt-6 text-sm">
+		Edit <code class="bg-muted rounded px-1 py-0.5 font-mono text-xs"
+			>src/routes/(public)/+page.svelte</code
+		> to get started
+	</p>
+</main>

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

@@ -0,0 +1,19 @@
+<script lang="ts">
+	import type { ErrorProps } from "./$types";
+	let { error }: ErrorProps = $props();
+</script>
+
+<svelte:head>
+	<title>{error.status} — {error.message}</title>
+</svelte:head>
+
+<div class="min-h-screen flex flex-col items-center justify-center gap-4 text-center px-4">
+	<p class="text-8xl font-bold text-gray-200">{error.status}</p>
+	<p class="text-2xl font-semibold text-gray-700">{error.message}</p>
+	<a
+		href="/"
+		class="mt-4 px-5 py-2 rounded-lg bg-gray-900 text-white text-sm hover:bg-gray-700 transition-colors"
+	>
+		Go home
+	</a>
+</div>

package/templates/shop/src/routes/+layout.server.ts

@@ -0,0 +1,9 @@
+import type { LoadEvent } from "bosia";
+
+export async function load({ locals }: LoadEvent) {
+	return {
+		appName: "Bosia Shop",
+		requestTime: (locals.requestTime as number | null) ?? null,
+		user: locals.user ?? null,
+	};
+}

package/templates/shop/src/routes/+layout.svelte

@@ -0,0 +1,6 @@
+<script lang="ts">
+	import "../app.css";
+	let { children }: { children: any } = $props();
+</script>
+
+{@render children()}

package/templates/shop/template.json

@@ -0,0 +1,10 @@
+{
+	"features": ["auth", "rbac", "file-upload", "shop"],
+	"featureOptions": {
+		"drizzle.dialect": "postgres",
+		"auth.dialect": "postgres",
+		"rbac.dialect": "postgres",
+		"file-upload.dialect": "postgres",
+		"shop.dialect": "postgres"
+	}
+}

package/templates/shop/tsconfig.json

@@ -0,0 +1,22 @@
+{
+	"compilerOptions": {
+		"target": "ESNext",
+		"module": "ESNext",
+		"moduleResolution": "bundler",
+		"strict": true,
+		"allowJs": true,
+		"skipLibCheck": true,
+		"allowImportingTsExtensions": true,
+		"noEmit": true,
+		"verbatimModuleSyntax": true,
+		"types": ["bun-types"],
+		"lib": ["dom", "dom.iterable", "esnext"],
+		"rootDirs": [".", ".bosia/types"],
+		"paths": {
+			"$lib": ["./src/lib"],
+			"$lib/*": ["./src/lib/*"]
+		}
+	},
+	"include": ["src/**/*", ".bosia/types/**/*.d.ts"],
+	"exclude": ["node_modules", "dist"]
+}

package/templates/todo/.prettierignore

@@ -4,3 +4,4 @@ build
 .bosia
 bun.lock
 public/bosia-tw.css
+bosia.json

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.

package/templates/todo/template.json

@@ -1,3 +1,6 @@
 {
-	"features": ["todo"]
+	"features": ["todo"],
+	"featureOptions": {
+		"drizzle.dialect": "postgres"
+	}
 }