bosbun 0.0.1

package/src/lib/utils.ts

@@ -0,0 +1,24 @@
+import { clsx, type ClassValue } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+export function cn(...inputs: ClassValue[]) {
+    return twMerge(clsx(inputs));
+}
+
+export function getServerTime() {
+    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')}`;
+
+    // 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 };
+}

package/templates/default/.env.example

@@ -0,0 +1,34 @@
+# ─── Bunia Environment Variables ───────────────────────────────────────────────
+#
+# Copy this file to .env and fill in your values.
+# .env.local overrides .env (gitignored — for local secrets).
+# .env.development / .env.production for mode-specific values.
+#
+# Prefix convention:
+#
+#   PUBLIC_STATIC_*   Client + server, inlined at build time (e.g. app name)
+#   PUBLIC_*          Client + server, injected at runtime via window.__BUNIA_ENV__
+#   STATIC_*          Server only, inlined at build time
+#   (no prefix)       Server only, read from process.env at runtime (secrets, DB creds)
+#
+# Import in your code:
+#   import { PUBLIC_STATIC_APP_NAME, DB_PASSWORD } from 'bunia:env';
+#
+# Framework vars (PORT, NODE_ENV, BODY_SIZE_LIMIT, CSRF_ALLOWED_ORIGINS) are
+# NOT exposed via bunia:env — access them via process.env directly.
+# ────────────────────────────────────────────────────────────────────────────────
+
+# Public build-time constant (safe to expose to client)
+PUBLIC_STATIC_APP_NAME=My Bunia App
+
+# Framework vars — access via process.env directly (not via bunia:env)
+# PORT=9000
+
+# Public runtime var (safe to expose to client, can change without rebuild)
+# PUBLIC_API_URL=https://api.example.com
+
+# Server-only build-time constant
+# STATIC_DB_HOST=localhost
+
+# Server-only runtime secret (never sent to client)
+# DATABASE_URL=postgres://user:password@localhost:5432/mydb

package/templates/default/README.md

@@ -0,0 +1,102 @@
+# {{PROJECT_NAME}}
+
+A [Bunia](https://github.com/bosapi/bunia) project — SSR · Svelte 5 · Bun · ElysiaJS.
+
+## Getting Started
+
+```bash
+bun run dev     # start development server at http://localhost:9000
+bun run build   # build for production
+bun run start   # run the production server
+```
+
+## Project Structure
+
+```
+src/
+├── app.css              # Global styles and Tailwind design tokens
+├── hooks.server.ts      # Optional request middleware (auth, logging)
+├── lib/                 # Shared utilities — import via $lib
+└── routes/              # Pages and API endpoints
+    ├── +layout.svelte   # Root layout
+    └── +page.svelte     # Home page (/)
+public/                  # Static assets
+```
+
+## Routes
+
+Add pages by creating `+page.svelte` files under `src/routes/`:
+
+```
+src/routes/
+├── +page.svelte              # /
+├── about/
+│   └── +page.svelte          # /about
+└── blog/
+    ├── +page.svelte          # /blog
+    └── [slug]/
+        ├── +page.server.ts   # server loader
+        └── +page.svelte      # /blog/:slug
+```
+
+### Server Loaders
+
+Fetch data on the server before rendering:
+
+```typescript
+// src/routes/blog/[slug]/+page.server.ts
+import type { LoadEvent } from "bunia";
+
+export async function load({ params }: LoadEvent) {
+    return { post: await getPost(params.slug) };
+}
+```
+
+### API Endpoints
+
+```typescript
+// src/routes/api/hello/+server.ts
+export function GET() {
+    return Response.json({ message: "hello" });
+}
+```
+
+### Route Groups
+
+Group routes under a shared layout without changing the URL:
+
+```
+src/routes/
+└── (app)/
+    ├── +layout.svelte   # shared layout for the group
+    └── dashboard/
+        └── +page.svelte  # /dashboard
+```
+
+## Styling
+
+`src/app.css` imports Tailwind v4 and defines shadcn-inspired design tokens. Use the semantic color classes anywhere:
+
+```svelte
+<div class="bg-background text-foreground">
+  <p class="text-muted-foreground">Muted text</p>
+  <button class="bg-primary text-primary-foreground">Click</button>
+</div>
+```
+
+Dark mode is supported via the `.dark` class on any parent element.
+
+## Utilities
+
+```typescript
+import { cn } from "$lib/utils";
+
+// Merges Tailwind classes safely
+cn("px-4 py-2", isActive && "bg-primary")
+```
+
+## Learn More
+
+- [Bunia documentation](https://github.com/bosapi/bunia)
+- [Svelte 5 docs](https://svelte.dev)
+- [Tailwind CSS v4](https://tailwindcss.com)

package/templates/default/package.json

@@ -0,0 +1,21 @@
+{
+  "name": "{{PROJECT_NAME}}",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "bunia dev",
+    "build": "bunia build",
+    "start": "bunia start",
+    "check": "tsc --noEmit"
+  },
+  "dependencies": {
+    "bunia": "*",
+    "svelte": "^5.20.0",
+    "clsx": "^2.1.1",
+    "tailwind-merge": "^3.5.0"
+  },
+  "devDependencies": {
+    "@types/bun": "latest",
+    "typescript": "^5"
+  }
+}

package/templates/default/src/app.css

@@ -0,0 +1,132 @@
+@import "tailwindcss";
+@source "../src";
+
+/*
+ * ─── shadcn-inspired Design Tokens ──────────────────────
+ * CSS custom properties for light & dark themes.
+ * Uses HSL values so Tailwind can apply opacity modifiers.
+ */
+
+@theme {
+  --color-background: hsl(var(--background));
+  --color-foreground: hsl(var(--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-primary: hsl(var(--primary));
+  --color-primary-foreground: hsl(var(--primary-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-accent: hsl(var(--accent));
+  --color-accent-foreground: hsl(var(--accent-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));
+
+  --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%;
+
+  --card: 0 0% 100%;
+  --card-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%;
+
+  --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%;
+
+  --accent: 210 40% 96.1%;
+  --accent-foreground: 222.2 47.4% 11.2%;
+
+  --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%;
+
+  --radius: 0.5rem;
+}
+
+/* ─── Dark Theme ─────────────────────────────────────────── */
+
+.dark {
+  --background: 222.2 84% 4.9%;
+  --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%;
+
+  --primary: 210 40% 98%;
+  --primary-foreground: 222.2 47.4% 11.2%;
+
+  --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%;
+
+  --accent: 217.2 32.6% 17.5%;
+  --accent-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%;
+}
+
+/* ─── 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;
+  }
+}

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

@@ -0,0 +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;
+}

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

@@ -0,0 +1,18 @@
+<script lang="ts">
+    let { data }: { data: { status: number; message: string } } = $props();
+</script>
+
+<svelte:head>
+    <title>{data.status} — {data.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">{data.status}</p>
+    <p class="text-2xl font-semibold">{data.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

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

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

@@ -0,0 +1,36 @@
+<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">
+        <p class="text-6xl">🐰</p>
+        <h1 class="text-4xl font-bold tracking-tight">{name}</h1>
+        <p class="text-muted-foreground text-lg">
+            A Bunia project — SSR + Svelte 5 + Bun + ElysiaJS
+        </p>
+    </div>
+
+    <div class="mt-4 flex gap-3">
+        <a
+            href="https://github.com/bosapi/bunia"
+            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/bunia/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>
+</main>

package/templates/default/src/routes/about/+page.server.ts

@@ -0,0 +1 @@
+export const prerender = true;

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

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

package/templates/default/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": [".", ".bunia/types"],
+    "paths": {
+      "$lib": ["./src/lib"],
+      "$lib/*": ["./src/lib/*"]
+    }
+  },
+  "include": ["src/**/*"],
+  "exclude": ["node_modules", "dist"]
+}