bosia 0.2.3 → 0.3.1

package/src/core/types.ts

@@ -1,37 +1,42 @@
 // ─── Bosia Core Types ────────────────────────────────────
 
+/** Canonicalization mode for trailing slashes. Set per-page or per-layout. */
+export type TrailingSlash = "never" | "always" | "ignore";
+
 /** A page route discovered from the file system */
 export interface PageRoute {
-    /** URL pattern, e.g. "/" or "/blog/[slug]" or "/[...rest]" */
-    pattern: string;
-    /** Path to +page.svelte, relative to src/routes/ */
-    page: string;
-    /** Chain of +layout.svelte paths root → leaf, relative to src/routes/ */
-    layouts: string[];
-    /** Path to +page.server.ts if exists, relative to src/routes/ */
-    pageServer: string | null;
-    /** Chain of +layout.server.ts files root → leaf, with their layout depth */
-    layoutServers: { path: string; depth: number }[];
+	/** URL pattern, e.g. "/" or "/blog/[slug]" or "/[...rest]" */
+	pattern: string;
+	/** Path to +page.svelte, relative to src/routes/ */
+	page: string;
+	/** Chain of +layout.svelte paths root → leaf, relative to src/routes/ */
+	layouts: string[];
+	/** Path to +page.server.ts if exists, relative to src/routes/ */
+	pageServer: string | null;
+	/** Chain of +layout.server.ts files root → leaf, with their layout depth */
+	layoutServers: { path: string; depth: number }[];
+	/** Effective trailing-slash mode (page wins over layout chain). Defaults to "never". */
+	trailingSlash: TrailingSlash;
 }
 
 /** An API route discovered from the file system */
 export interface ApiRoute {
-    /** URL pattern, e.g. "/api/hello" or "/api/users/[id]" */
-    pattern: string;
-    /** Path to +server.ts, relative to src/routes/ */
-    server: string;
+	/** URL pattern, e.g. "/api/hello" or "/api/users/[id]" */
+	pattern: string;
+	/** Path to +server.ts, relative to src/routes/ */
+	server: string;
 }
 
 /** The full route manifest produced by the scanner */
 export interface RouteManifest {
-    pages: PageRoute[];
-    apis: ApiRoute[];
-    /** Path to root +error.svelte if it exists, relative to src/routes/ */
-    errorPage: string | null;
+	pages: PageRoute[];
+	apis: ApiRoute[];
+	/** Path to root +error.svelte if it exists, relative to src/routes/ */
+	errorPage: string | null;
 }
 
 /** Result of matching a URL against a route */
 export interface RouteMatch<T> {
-    route: T;
-    params: Record<string, string>;
+	route: T;
+	params: Record<string, string>;
 }

package/src/lib/index.ts

@@ -8,14 +8,14 @@ export { sequence } from "../core/hooks.ts";
 export { error, redirect, fail } from "../core/errors.ts";
 export type { HttpError, Redirect, RedirectOptions, ActionFailure } from "../core/errors.ts";
 export type {
-    RequestEvent,
-    LoadEvent,
-    MetadataEvent,
-    Metadata,
-    Handle,
-    ResolveFunction,
-    Cookies,
-    CookieOptions,
+	RequestEvent,
+	LoadEvent,
+	MetadataEvent,
+	Metadata,
+	Handle,
+	ResolveFunction,
+	Cookies,
+	CookieOptions,
 } from "../core/hooks.ts";
 export type { CsrfConfig } from "../core/csrf.ts";
 export type { CorsConfig } from "../core/cors.ts";

package/src/lib/utils.ts

@@ -2,45 +2,59 @@ import { twMerge } from "tailwind-merge";
 
 type ClassDictionary = Record<string, any>;
 type ClassArray = ClassValue[];
-type ClassValue = ClassArray | ClassDictionary | string | number | bigint | null | boolean | undefined;
+type ClassValue =
+	| ClassArray
+	| ClassDictionary
+	| string
+	| number
+	| bigint
+	| null
+	| boolean
+	| undefined;
 
 function clsx(...inputs: ClassValue[]): string {
-    let str = '';
-    for (const input of inputs) {
-        if (!input) continue;
-        if (typeof input === 'string' || typeof input === 'number') {
-            str && (str += ' ');
-            str += input;
-        } else if (Array.isArray(input)) {
-            const inner = clsx(...input);
-            if (inner) { str && (str += ' '); str += inner; }
-        } else if (typeof input === 'object') {
-            for (const k in input) {
-                if ((input as ClassDictionary)[k]) { str && (str += ' '); str += k; }
-            }
-        }
-    }
-    return str;
+	let str = "";
+	for (const input of inputs) {
+		if (!input) continue;
+		if (typeof input === "string" || typeof input === "number") {
+			str && (str += " ");
+			str += input;
+		} else if (Array.isArray(input)) {
+			const inner = clsx(...input);
+			if (inner) {
+				str && (str += " ");
+				str += inner;
+			}
+		} else if (typeof input === "object") {
+			for (const k in input) {
+				if ((input as ClassDictionary)[k]) {
+					str && (str += " ");
+					str += k;
+				}
+			}
+		}
+	}
+	return str;
 }
 
 export function cn(...inputs: ClassValue[]) {
-    return twMerge(clsx(inputs));
+	return twMerge(clsx(inputs));
 }
 
 export function getServerTime() {
-    const now = new Date();
-    const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
+	const now = new Date();
+	const timeZone = Intl.DateTimeFormat().resolvedOptions().timeZone;
 
-    // Get timezone offset in minutes and convert to ±HH:MM format
-    const offsetMinutes = -now.getTimezoneOffset();
-    const offsetHours = Math.floor(Math.abs(offsetMinutes) / 60);
-    const offsetMins = Math.abs(offsetMinutes) % 60;
-    const sign = offsetMinutes >= 0 ? '+' : '-';
-    const offsetStr = `${sign}${String(offsetHours).padStart(2, '0')}:${String(offsetMins).padStart(2, '0')}`;
+	// Get timezone offset in minutes and convert to ±HH:MM format
+	const offsetMinutes = -now.getTimezoneOffset();
+	const offsetHours = Math.floor(Math.abs(offsetMinutes) / 60);
+	const offsetMins = Math.abs(offsetMinutes) % 60;
+	const sign = offsetMinutes >= 0 ? "+" : "-";
+	const offsetStr = `${sign}${String(offsetHours).padStart(2, "0")}:${String(offsetMins).padStart(2, "0")}`;
 
-    // Convert UTC time to local time by adding the offset
-    const localTime = new Date(now.getTime() + offsetMinutes * 60 * 1000);
-    const timestamp = localTime.toISOString().slice(0, -1) + offsetStr;
+	// Convert UTC time to local time by adding the offset
+	const localTime = new Date(now.getTime() + offsetMinutes * 60 * 1000);
+	const timestamp = localTime.toISOString().slice(0, -1) + offsetStr;
 
-    return { timestamp, timezone: timeZone };
+	return { timestamp, timezone: timeZone };
 }

package/templates/default/.prettierignore

@@ -0,0 +1,5 @@
+node_modules
+dist
+build
+.bosia
+bun.lock

package/templates/default/.prettierrc.json

@@ -0,0 +1,9 @@
+{
+	"useTabs": true,
+	"tabWidth": 4,
+	"singleQuote": false,
+	"trailingComma": "all",
+	"printWidth": 100,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

package/templates/default/README.md

@@ -48,7 +48,7 @@ Fetch data on the server before rendering:
 import type { LoadEvent } from "bosia";
 
 export async function load({ params }: LoadEvent) {
-    return { post: await getPost(params.slug) };
+	return { post: await getPost(params.slug) };
 }
 ```
 
@@ -57,7 +57,7 @@ export async function load({ params }: LoadEvent) {
 ```typescript
 // src/routes/api/hello/+server.ts
 export function GET() {
-    return Response.json({ message: "hello" });
+	return Response.json({ message: "hello" });
 }
 ```
 
@@ -79,8 +79,8 @@ src/routes/
 
 ```svelte
 <div class="bg-background text-foreground">
-  <p class="text-muted-foreground">Muted text</p>
-  <button class="bg-primary text-primary-foreground">Click</button>
+	<p class="text-muted-foreground">Muted text</p>
+	<button class="bg-primary text-primary-foreground">Click</button>
 </div>
 ```
 
@@ -92,7 +92,7 @@ Dark mode is supported via the `.dark` class on any parent element.
 import { cn } from "$lib/utils";
 
 // Merges Tailwind classes safely
-cn("px-4 py-2", isActive && "bg-primary")
+cn("px-4 py-2", isActive && "bg-primary");
 ```
 
 ## Learn More

package/templates/default/package.json

@@ -1,20 +1,24 @@
 {
-  "name": "{{PROJECT_NAME}}",
-  "private": true,
-  "type": "module",
-  "scripts": {
-    "dev": "bosia dev",
-    "build": "bosia build",
-    "start": "bosia start",
-    "check": "tsc --noEmit"
-  },
-  "dependencies": {
-    "bosia": "^{{BOSIA_VERSION}}",
-    "svelte": "^5.20.0",
-    "tailwind-merge": "^3.5.0"
-  },
-  "devDependencies": {
-    "@types/bun": "latest",
-    "typescript": "^5"
-  }
+	"name": "{{PROJECT_NAME}}",
+	"private": true,
+	"type": "module",
+	"scripts": {
+		"dev": "bosia dev",
+		"build": "bosia build",
+		"start": "bosia start",
+		"check": "tsc --noEmit && prettier --check .",
+		"format": "prettier --write .",
+		"format:check": "prettier --check ."
+	},
+	"dependencies": {
+		"bosia": "^{{BOSIA_VERSION}}",
+		"svelte": "^5.20.0",
+		"tailwind-merge": "^3.5.0"
+	},
+	"devDependencies": {
+		"@types/bun": "latest",
+		"prettier": "^3.3.0",
+		"prettier-plugin-svelte": "^3.2.0",
+		"typescript": "^5"
+	}
 }

package/templates/default/src/app.css

@@ -8,125 +8,125 @@
  */
 
 @theme {
-  --color-background: hsl(var(--background));
-  --color-foreground: hsl(var(--foreground));
+	--color-background: hsl(var(--background));
+	--color-foreground: hsl(var(--foreground));
 
-  --color-card: hsl(var(--card));
-  --color-card-foreground: hsl(var(--card-foreground));
+	--color-card: hsl(var(--card));
+	--color-card-foreground: hsl(var(--card-foreground));
 
-  --color-popover: hsl(var(--popover));
-  --color-popover-foreground: hsl(var(--popover-foreground));
+	--color-popover: hsl(var(--popover));
+	--color-popover-foreground: hsl(var(--popover-foreground));
 
-  --color-primary: hsl(var(--primary));
-  --color-primary-foreground: hsl(var(--primary-foreground));
+	--color-primary: hsl(var(--primary));
+	--color-primary-foreground: hsl(var(--primary-foreground));
 
-  --color-secondary: hsl(var(--secondary));
-  --color-secondary-foreground: hsl(var(--secondary-foreground));
+	--color-secondary: hsl(var(--secondary));
+	--color-secondary-foreground: hsl(var(--secondary-foreground));
 
-  --color-muted: hsl(var(--muted));
-  --color-muted-foreground: hsl(var(--muted-foreground));
+	--color-muted: hsl(var(--muted));
+	--color-muted-foreground: hsl(var(--muted-foreground));
 
-  --color-accent: hsl(var(--accent));
-  --color-accent-foreground: hsl(var(--accent-foreground));
+	--color-accent: hsl(var(--accent));
+	--color-accent-foreground: hsl(var(--accent-foreground));
 
-  --color-destructive: hsl(var(--destructive));
-  --color-destructive-foreground: hsl(var(--destructive-foreground));
+	--color-destructive: hsl(var(--destructive));
+	--color-destructive-foreground: hsl(var(--destructive-foreground));
 
-  --color-border: hsl(var(--border));
-  --color-input: hsl(var(--input));
-  --color-ring: hsl(var(--ring));
+	--color-border: hsl(var(--border));
+	--color-input: hsl(var(--input));
+	--color-ring: hsl(var(--ring));
 
-  --radius-sm: calc(var(--radius) - 4px);
-  --radius-md: calc(var(--radius) - 2px);
-  --radius-lg: var(--radius);
-  --radius-xl: calc(var(--radius) + 4px);
+	--radius-sm: calc(var(--radius) - 4px);
+	--radius-md: calc(var(--radius) - 2px);
+	--radius-lg: var(--radius);
+	--radius-xl: calc(var(--radius) + 4px);
 }
 
 /* ─── Light Theme (Default) ─────────────────────────────── */
 
 :root {
-  --background: 0 0% 100%;
-  --foreground: 222.2 84% 4.9%;
+	--background: 0 0% 100%;
+	--foreground: 222.2 84% 4.9%;
 
-  --card: 0 0% 100%;
-  --card-foreground: 222.2 84% 4.9%;
+	--card: 0 0% 100%;
+	--card-foreground: 222.2 84% 4.9%;
 
-  --popover: 0 0% 100%;
-  --popover-foreground: 222.2 84% 4.9%;
+	--popover: 0 0% 100%;
+	--popover-foreground: 222.2 84% 4.9%;
 
-  --primary: 222.2 47.4% 11.2%;
-  --primary-foreground: 210 40% 98%;
+	--primary: 222.2 47.4% 11.2%;
+	--primary-foreground: 210 40% 98%;
 
-  --secondary: 210 40% 96.1%;
-  --secondary-foreground: 222.2 47.4% 11.2%;
+	--secondary: 210 40% 96.1%;
+	--secondary-foreground: 222.2 47.4% 11.2%;
 
-  --muted: 210 40% 96.1%;
-  --muted-foreground: 215.4 16.3% 46.9%;
+	--muted: 210 40% 96.1%;
+	--muted-foreground: 215.4 16.3% 46.9%;
 
-  --accent: 210 40% 96.1%;
-  --accent-foreground: 222.2 47.4% 11.2%;
+	--accent: 210 40% 96.1%;
+	--accent-foreground: 222.2 47.4% 11.2%;
 
-  --destructive: 0 84.2% 60.2%;
-  --destructive-foreground: 210 40% 98%;
+	--destructive: 0 84.2% 60.2%;
+	--destructive-foreground: 210 40% 98%;
 
-  --border: 214.3 31.8% 91.4%;
-  --input: 214.3 31.8% 91.4%;
-  --ring: 222.2 84% 4.9%;
+	--border: 214.3 31.8% 91.4%;
+	--input: 214.3 31.8% 91.4%;
+	--ring: 222.2 84% 4.9%;
 
-  --radius: 0.5rem;
+	--radius: 0.5rem;
 }
 
 /* ─── Dark Theme ─────────────────────────────────────────── */
 
 .dark {
-  --background: 222.2 84% 4.9%;
-  --foreground: 210 40% 98%;
+	--background: 222.2 84% 4.9%;
+	--foreground: 210 40% 98%;
 
-  --card: 222.2 84% 4.9%;
-  --card-foreground: 210 40% 98%;
+	--card: 222.2 84% 4.9%;
+	--card-foreground: 210 40% 98%;
 
-  --popover: 222.2 84% 4.9%;
-  --popover-foreground: 210 40% 98%;
+	--popover: 222.2 84% 4.9%;
+	--popover-foreground: 210 40% 98%;
 
-  --primary: 210 40% 98%;
-  --primary-foreground: 222.2 47.4% 11.2%;
+	--primary: 210 40% 98%;
+	--primary-foreground: 222.2 47.4% 11.2%;
 
-  --secondary: 217.2 32.6% 17.5%;
-  --secondary-foreground: 210 40% 98%;
+	--secondary: 217.2 32.6% 17.5%;
+	--secondary-foreground: 210 40% 98%;
 
-  --muted: 217.2 32.6% 17.5%;
-  --muted-foreground: 215 20.2% 65.1%;
+	--muted: 217.2 32.6% 17.5%;
+	--muted-foreground: 215 20.2% 65.1%;
 
-  --accent: 217.2 32.6% 17.5%;
-  --accent-foreground: 210 40% 98%;
+	--accent: 217.2 32.6% 17.5%;
+	--accent-foreground: 210 40% 98%;
 
-  --destructive: 0 62.8% 30.6%;
-  --destructive-foreground: 210 40% 98%;
+	--destructive: 0 62.8% 30.6%;
+	--destructive-foreground: 210 40% 98%;
 
-  --border: 217.2 32.6% 17.5%;
-  --input: 217.2 32.6% 17.5%;
-  --ring: 212.7 26.8% 83.9%;
+	--border: 217.2 32.6% 17.5%;
+	--input: 217.2 32.6% 17.5%;
+	--ring: 212.7 26.8% 83.9%;
 }
 
 /* ─── Base Styles ────────────────────────────────────────── */
 
 @layer base {
-  * {
-    border-color: theme(--color-border);
-  }
-
-  body {
-    background-color: theme(--color-background);
-    color: theme(--color-foreground);
-    font-family:
-      "Inter",
-      system-ui,
-      -apple-system,
-      BlinkMacSystemFont,
-      "Segoe UI",
-      Roboto,
-      "Helvetica Neue",
-      Arial,
-      sans-serif;
-  }
+	* {
+		border-color: theme(--color-border);
+	}
+
+	body {
+		background-color: theme(--color-background);
+		color: theme(--color-foreground);
+		font-family:
+			"Inter",
+			system-ui,
+			-apple-system,
+			BlinkMacSystemFont,
+			"Segoe UI",
+			Roboto,
+			"Helvetica Neue",
+			Arial,
+			sans-serif;
+	}
 }

package/templates/default/src/app.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="svelte" />
 
 declare module "*.svelte" {
-    import type { Component } from "svelte";
-    const component: Component<Record<string, any>, Record<string, any>, any>;
-    export default component;
+	import type { Component } from "svelte";
+	const component: Component<Record<string, any>, Record<string, any>, any>;
+	export default component;
 }

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

@@ -1,18 +1,15 @@
 <script lang="ts">
-    let { error }: { error: { status: number; message: string } } = $props();
+	let { error }: { error: { status: number; message: string } } = $props();
 </script>
 
 <svelte:head>
-    <title>{error.status} — {error.message}</title>
+	<title>{error.status} — {error.message}</title>
 </svelte:head>
 
 <main class="flex min-h-screen 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">{error.message}</p>
-    <a
-        href="/"
-        class="mt-4 rounded-md border px-4 py-2 text-sm hover:bg-muted transition-colors"
-    >
-        Go home
-    </a>
+	<p class="text-8xl font-bold text-gray-200">{error.status}</p>
+	<p class="text-2xl font-semibold">{error.message}</p>
+	<a href="/" class="mt-4 rounded-md border px-4 py-2 text-sm hover:bg-muted transition-colors">
+		Go home
+	</a>
 </main>

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

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

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

@@ -1,36 +1,34 @@
-<script lang="ts">
-    const name = "{{PROJECT_NAME}}";
-</script>
-
 <main class="flex min-h-screen 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">{name}</h1>
-        <p class="text-muted-foreground text-lg">
-            A Bosia project — SSR + Svelte 5 + Bun + ElysiaJS
-        </p>
-    </div>
+	<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 Bosia</h1>
+		<p class="text-muted-foreground text-lg">
+			A Bosia project — SSR + Svelte 5 + Bun + ElysiaJS
+		</p>
+	</div>
 
-    <div class="mt-4 flex gap-3">
-        <a
-            href="https://github.com/bosapi/bosia"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="bg-primary text-primary-foreground hover:bg-primary/90 rounded-md px-4 py-2 text-sm font-medium transition-colors"
-        >
-            Docs
-        </a>
-        <a
-            href="https://github.com/bosapi/bosia/tree/main/registry"
-            target="_blank"
-            rel="noopener noreferrer"
-            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"
-        >
-            Components
-        </a>
-    </div>
+	<div class="mt-4 flex gap-3">
+		<a
+			href="https://github.com/bosapi/bosia"
+			target="_blank"
+			rel="noopener noreferrer"
+			class="bg-primary text-primary-foreground hover:bg-primary/90 rounded-md px-4 py-2 text-sm font-medium transition-colors"
+		>
+			Docs
+		</a>
+		<a
+			href="https://github.com/bosapi/bosia/tree/main/registry"
+			target="_blank"
+			rel="noopener noreferrer"
+			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"
+		>
+			Components
+		</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/+page.svelte</code> to get started
-    </p>
+	<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/+page.svelte</code
+		> to get started
+	</p>
 </main>

package/templates/default/src/routes/about/+page.svelte

@@ -1,8 +1,8 @@
 <svelte:head>
-    <title>About | {{PROJECT_NAME}}</title>
+	<title>About | Bosia</title>
 </svelte:head>
 
 <div>
-    <h1>About</h1>
-    <p>This page is prerendered at build time — no server work per request.</p>
+	<h1>About</h1>
+	<p>This page is prerendered at build time — no server work per request.</p>
 </div>