bosia 0.3.0 → 0.3.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "bosia",
-	"version": "0.3.0",
+	"version": "0.3.1",
 	"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/dev.ts

@@ -1,9 +1,7 @@
 import { spawn } from "bun";
 import { resolve } from "path";
-import { loadEnv } from "../core/env.ts";
 
 export async function runDev() {
-	loadEnv("development");
 	const devScript = resolve(import.meta.dir, "../core/dev.ts");
 	const proc = spawn(["bun", "run", devScript], {
 		stdout: "inherit",

package/src/core/dev.ts

@@ -1,6 +1,23 @@
 import { spawn, type Subprocess } from "bun";
 import { watch } from "fs";
 import { join } from "path";
+import { loadEnv, resetDeclaredKeys } from "./env.ts";
+
+// Snapshot pure shell env BEFORE any loadEnv call pollutes process.env.
+// On `.env*` change we restore from this snapshot, then re-run loadEnv,
+// so removed/renamed keys no longer linger in the dev process.
+const SHELL_ENV_SNAPSHOT: Record<string, string | undefined> = { ...process.env };
+
+loadEnv("development");
+
+function reloadEnv() {
+	for (const k of Object.keys(process.env)) delete process.env[k];
+	for (const [k, v] of Object.entries(SHELL_ENV_SNAPSHOT)) {
+		if (v !== undefined) process.env[k] = v;
+	}
+	resetDeclaredKeys();
+	loadEnv("development");
+}
 
 console.log("⬡ Bosia dev server starting...\n");
 
@@ -234,4 +251,18 @@ watch(join(process.cwd(), "src"), { recursive: true }, (_event, filename) => {
 	scheduleBuild();
 });
 
+// ─── .env Watcher ─────────────────────────────────────────
+// Reset to shell-env snapshot and re-run loadEnv so removed/renamed
+// keys don't linger across hot-reloads. The respawn at startAppServer
+// already spreads `...process.env`, so the child picks up the fresh state.
+
+const ENV_FILES = new Set([".env", ".env.local", ".env.development", ".env.development.local"]);
+
+watch(process.cwd(), { recursive: false }, (_event, filename) => {
+	if (!filename || !ENV_FILES.has(filename)) return;
+	console.log(`[watch] env changed: ${filename}`);
+	reloadEnv();
+	scheduleBuild();
+});
+
 console.log("👀 Watching src/ for changes...\n");

package/src/core/env.ts

@@ -175,6 +175,11 @@ export function getDeclaredEnvKeys(): ReadonlySet<string> {
 	return _declaredKeys;
 }
 
+/** Clear the declared-keys set. Call before re-running `loadEnv` on hot-reload so removed PUBLIC_* keys stop leaking to the client. */
+export function resetDeclaredKeys(): void {
+	_declaredKeys.clear();
+}
+
 // ─── Classifier ──────────────────────────────────────────
 
 export interface ClassifiedEnv {

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

@@ -1,11 +1,7 @@
-<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>
+		<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>

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

@@ -1,5 +1,5 @@
 <svelte:head>
-	<title>About | {{ PROJECT_NAME }}</title>
+	<title>About | Bosia</title>
 </svelte:head>
 
 <div>

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

@@ -8,7 +8,7 @@
 	<header class="sticky top-0 z-10 border-b bg-background/80 backdrop-blur">
 		<nav class="mx-auto flex max-w-4xl items-center gap-6 px-4 py-3">
 			<a href="/" class="font-bold tracking-tight flex items-center gap-2"
-				><img src="/favicon.svg" alt="" class="size-5" /> {{ PROJECT_NAME }}</a
+				><img src="/favicon.svg" alt="" class="size-5" /> {data.appName}</a
 			>
 			<a
 				href="/"

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

@@ -37,8 +37,8 @@
 </script>
 
 <svelte:head>
-	<title>{{ PROJECT_NAME }}</title>
-	<meta name="description" content="{{ PROJECT_NAME }} — SSR + Svelte 5 + Bun + ElysiaJS" />
+	<title>Bosia Demo</title>
+	<meta name="description" content="Bosia Demo — SSR + Svelte 5 + Bun + ElysiaJS" />
 </svelte:head>
 
 <div class="space-y-12">
@@ -46,7 +46,7 @@
 	<div class="space-y-3 pt-4">
 		<h1 class="text-5xl font-bold tracking-tight flex items-center gap-3">
 			<img src="/favicon.svg" alt="" class="size-10" />
-			{{ PROJECT_NAME }}
+			Bosia Demo
 		</h1>
 		<p class="text-xl text-muted-foreground max-w-xl">
 			A minimalist fullstack framework — SSR, Svelte 5 Runes, Bun, and ElysiaJS.

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

@@ -1,9 +1,9 @@
 <svelte:head>
-	<title>About | {{ PROJECT_NAME }}</title>
+	<title>About | Bosia Demo</title>
 </svelte:head>
 
 <div class="space-y-6 max-w-2xl">
-	<h1 class="text-4xl font-bold tracking-tight">About {{ PROJECT_NAME }}</h1>
+	<h1 class="text-4xl font-bold tracking-tight">About Bosia Demo</h1>
 	<p class="text-muted-foreground text-lg">
 		A minimalist fullstack framework built on Bun, ElysiaJS, and Svelte 5.
 	</p>

package/templates/demo/src/routes/(public)/all/[...catchall]/+page.svelte

@@ -4,7 +4,7 @@
 </script>
 
 <svelte:head>
-	<title>Catch-all Demo | {{ PROJECT_NAME }}</title>
+	<title>Catch-all Demo | Bosia Demo</title>
 </svelte:head>
 
 <div class="flex flex-col items-center justify-center py-24 text-center space-y-6">

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

@@ -26,7 +26,7 @@
 </script>
 
 <svelte:head>
-	<title>Blog | {{ PROJECT_NAME }}</title>
+	<title>Blog | Bosia Demo</title>
 </svelte:head>
 
 <div class="space-y-8">

package/templates/demo/src/routes/(public)/blog/[slug]/+page.svelte

@@ -8,7 +8,7 @@
 </script>
 
 <svelte:head>
-	<title>{post ? post.title : "Post Not Found"} | {{ PROJECT_NAME }}</title>
+	<title>{post ? post.title : "Post Not Found"} | Bosia Demo</title>
 </svelte:head>
 
 {#if post}

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

@@ -4,7 +4,7 @@ import type { LoadEvent } from "bosia";
 // and to all layouts via the `data` prop.
 export async function load({ locals }: LoadEvent) {
 	return {
-		appName: "{{PROJECT_NAME}}",
+		appName: "Bosia Demo",
 		requestTime: (locals.requestTime as number | null) ?? null,
 	};
 }

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

@@ -2,7 +2,7 @@ import type { LoadEvent } from "bosia";
 
 export async function load({ locals }: LoadEvent) {
 	return {
-		appName: "{{PROJECT_NAME}}",
+		appName: "Bosia Todo",
 		requestTime: (locals.requestTime as number | null) ?? null,
 	};
 }