vela 0.10.0 → 0.10.2

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "vela",
-	"version": "0.10.0",
+	"version": "0.10.2",
 	"type": "module",
 	"description": "A CLI for creating and updating SvelteKit projects",
 	"license": "MIT",

package/templates/minimal/package.template.json

@@ -26,8 +26,8 @@
 		"@tailwindcss/typography": "^0.5.19",
 		"@tailwindcss/vite": "^4.3.0",
 		"@types/supertest": "^6.0.3",
-		"@velastack/kit": "^0.1.0",
-		"@velastack/pocketbase": "^0.2.0",
+		"@velastack/kit": "^0.2.0",
+		"@velastack/pocketbase": "^0.2.2",
 		"clsx": "^2.1.1",
 		"formsnap": "^2.0.1",
 		"mode-watcher": "^1.1.0",

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

@@ -17,24 +17,27 @@
 			</a>
 
 			<h1 class="mt-6 text-4xl font-semibold tracking-tight sm:text-5xl">
-				A modern way to get things done
+				{data.meta.appName} is running on VelaStack
 			</h1>
 			<p class="text-muted-foreground mt-4 text-lg">
-				Everything you need to launch faster, collaborate better, and stay focused.
+				A SvelteKit app with a PocketBase backend already migrated behind it, and types synced from
+				your schema as it changes. This page is
+				<code class="bg-muted rounded px-1.5 py-0.5 font-mono text-base">src/routes/(public)/+page.svelte</code>,
+				and it is yours to delete.
 			</p>
 
 			<div class="mt-8 flex items-center justify-center gap-3">
 				<a
-					href="/signup"
+					href="https://docs.velastack.dev"
 					class="bg-primary text-primary-foreground inline-flex items-center rounded-md px-5 py-2.5"
 				>
-					Get started
+					Read the docs
 				</a>
 				<a
-					href="/login"
+					href="https://velastack.dev/patterns"
 					class="border border-border text-foreground inline-flex items-center rounded-md px-5 py-2.5"
 				>
-					Sign in
+					Browse patterns
 				</a>
 			</div>
 		</div>
@@ -43,22 +46,35 @@
 	<section class="px-6 pb-16 md:pb-24">
 		<div class="mx-auto grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3">
 			<div class="bg-card text-card-foreground rounded-lg border p-6">
-				<h3 class="font-medium">Fast</h3>
+				<h3 class="font-medium">Your data</h3>
 				<p class="text-muted-foreground mt-2">
-					Simple workflows that help you move from idea to done.
+					Describe a model once. The collection, migration, forms and CRUD pages come with it.
 				</p>
+				<code
+					class="bg-muted text-muted-foreground mt-4 block overflow-x-auto rounded-md px-3 py-2 font-mono text-xs"
+					>vela generate scaffold post title:text body:editor</code
+				>
 			</div>
 			<div class="bg-card text-card-foreground rounded-lg border p-6">
-				<h3 class="font-medium">Flexible</h3>
+				<h3 class="font-medium">Your users</h3>
 				<p class="text-muted-foreground mt-2">
-					Works for teams of any size and adapts to your process.
+					Sign-in, sessions and OAuth, generated into your project as code you own.
 				</p>
+				<code
+					class="bg-muted text-muted-foreground mt-4 block overflow-x-auto rounded-md px-3 py-2 font-mono text-xs"
+					>vela enable auth</code
+				>
 			</div>
 			<div class="bg-card text-card-foreground rounded-lg border p-6">
-				<h3 class="font-medium">Secure</h3>
+				<h3 class="font-medium">Your interface</h3>
 				<p class="text-muted-foreground mt-2">
-					Built with best practices and modern standards in mind.
+					shadcn components, copied into your project. Yours to restyle, with no dependency
+					to fight.
 				</p>
+				<code
+					class="bg-muted text-muted-foreground mt-4 block overflow-x-auto rounded-md px-3 py-2 font-mono text-xs"
+					>vela ui add button card dialog</code
+				>
 			</div>
 		</div>
 	</section>

package/templates/minimal/src/routes/(public)/root-layout.svelte

@@ -39,6 +39,7 @@
 				<Button onclick={toggleMode} variant="ghost" size="icon">
 					<Navbar.Mode />
 				</Button>
+				<!-- Neither route exists yet: `vela legal privacy` and `vela legal terms` generate them. -->
 				<a href="/privacy" class="underline-offset-4 hover:underline">Privacy</a>
 				<a href="/terms" class="underline-offset-4 hover:underline">Terms</a>
 			</nav>

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

@@ -4,6 +4,14 @@
 	import RootLayout from './(public)/root-layout.svelte';
 
 	let { data } = $props();
+
+	let notFound = $derived(page.status === 404);
+	let heading = $derived(notFound ? 'Page not found' : 'Something went wrong');
+	let detail = $derived(
+		notFound
+			? 'That page does not exist. The link may be wrong, or the page may have moved.'
+			: (page.error?.message ?? 'The request could not be completed.')
+	);
 </script>
 
 <RootLayout {data}>
@@ -14,15 +22,14 @@
 			</div>
 			<div class="relative">
 				<h1 class="text-4xl font-bold relative inline-block bg-background">
-					Oops! Something went wrong
+					{heading}
 				</h1>
 			</div>
 			<p class="text-xl text-muted-foreground max-w-lg mx-auto">
-				{page.error?.message ||
-					"We couldn't find what you were looking for. Let's get you back on track!"}
+				{detail}
 			</p>
 			<div>
-				<Button href="/" variant="default" size="lg">Take me home</Button>
+				<Button href="/" variant="default" size="lg">Back to home</Button>
 			</div>
 		</div>
 	</main>

package/templates/static/package.template.json

@@ -7,9 +7,9 @@
 		"node": "^20.19.0 || >=22.12.0"
 	},
 	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build",
-		"preview": "vite preview",
+		"dev": "vela dev",
+		"build": "vela build",
+		"preview": "vela preview",
 		"prepare": "svelte-kit sync || echo \"\"",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
 		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
@@ -24,6 +24,7 @@
 		"@tailwindcss/forms": "^0.5.11",
 		"@tailwindcss/typography": "^0.5.19",
 		"@tailwindcss/vite": "^4.3.0",
+		"@velastack/kit": "^0.2.0",
 		"clsx": "^2.1.1",
 		"mode-watcher": "^1.1.0",
 		"prettier": "^3.9.6",

package/templates/static/src/hooks.server.ts

@@ -1,26 +1,10 @@
-import { dev } from '$app/environment';
-import { error, type Handle } from '@sveltejs/kit';
-
-/** Pages a `vela` command generates, and the command that generates them. */
-const GENERATED_PAGES: Record<string, string> = {
-	'/privacy': 'vela legal privacy',
-	'/terms': 'vela legal terms'
-};
+import { handleStatic } from '@velastack/kit';
 
 /**
- * The footer links to these before they exist. In dev, say which command creates
- * the page instead of showing a bare 404.
+ * The footer links to `/privacy` and `/terms` before they exist. In dev, this
+ * answers a 404 there with the `vela legal` command that creates the page
+ * instead of a bare "page not found".
  *
- * Server hooks run in dev and at prerender time; a static build has no server, so
- * the `dev` guard also keeps this out of the prerendered output.
+ * A static build has no server, so nothing here reaches the deployed site.
  */
-export const handle: Handle = async ({ event, resolve }) => {
-	const response = await resolve(event);
-
-	if (dev && response.status === 404) {
-		const command = GENERATED_PAGES[event.url.pathname];
-		if (command) error(404, `Run \`${command}\` to create this page.`);
-	}
-
-	return response;
-};
+export const handle = handleStatic();

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

@@ -17,48 +17,65 @@
 			</a>
 
 			<h1 class="mt-6 text-4xl font-semibold tracking-tight sm:text-5xl">
-				A modern way to get things done
+				{data.meta.appName} is running on VelaStack
 			</h1>
 			<p class="text-muted-foreground mt-4 text-lg">
-				Everything you need to launch faster, collaborate better, and stay focused.
+				A SvelteKit site that prerenders to static HTML, so there is no server to run and nothing to
+				keep alive. This page is
+				<code class="bg-muted rounded px-1.5 py-0.5 font-mono text-base">src/routes/(public)/+page.svelte</code>,
+				and it is yours to delete.
 			</p>
 
 			<div class="mt-8 flex items-center justify-center gap-3">
 				<a
-					href="#features"
+					href="https://docs.velastack.dev"
 					class="bg-primary text-primary-foreground inline-flex items-center rounded-md px-5 py-2.5"
 				>
-					Get started
+					Read the docs
 				</a>
 				<a
-					href="https://svelte.dev/docs/kit"
+					href="https://velastack.dev/templates"
 					class="border border-border text-foreground inline-flex items-center rounded-md px-5 py-2.5"
 				>
-					Read the docs
+					Browse templates
 				</a>
 			</div>
 		</div>
 	</section>
 
-	<section id="features" class="px-6 pb-16 md:pb-24">
+	<section class="px-6 pb-16 md:pb-24">
 		<div class="mx-auto grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3">
 			<div class="bg-card text-card-foreground rounded-lg border p-6">
-				<h3 class="font-medium">Fast</h3>
+				<h3 class="font-medium">Your address</h3>
 				<p class="text-muted-foreground mt-2">
-					Simple workflows that help you move from idea to done.
+					Canonical links and Open Graph images are built from one value at prerender time. Set it
+					before you ship.
 				</p>
+				<code
+					class="bg-muted text-muted-foreground mt-4 block overflow-x-auto rounded-md px-3 py-2 font-mono text-xs"
+					>src/lib/site.ts</code
+				>
 			</div>
 			<div class="bg-card text-card-foreground rounded-lg border p-6">
-				<h3 class="font-medium">Flexible</h3>
+				<h3 class="font-medium">Your interface</h3>
 				<p class="text-muted-foreground mt-2">
-					Works for teams of any size and adapts to your process.
+					shadcn components, copied into your project. Yours to restyle, with no dependency
+					to fight.
 				</p>
+				<code
+					class="bg-muted text-muted-foreground mt-4 block overflow-x-auto rounded-md px-3 py-2 font-mono text-xs"
+					>vela ui add button card dialog</code
+				>
 			</div>
 			<div class="bg-card text-card-foreground rounded-lg border p-6">
-				<h3 class="font-medium">Secure</h3>
+				<h3 class="font-medium">Your deploy</h3>
 				<p class="text-muted-foreground mt-2">
-					Built with best practices and modern standards in mind.
+					Every route built to plain HTML, ready for any CDN or static host.
 				</p>
+				<code
+					class="bg-muted text-muted-foreground mt-4 block overflow-x-auto rounded-md px-3 py-2 font-mono text-xs"
+					>vela build &amp;&amp; vela deploy</code
+				>
 			</div>
 		</div>
 	</section>

package/templates/static/src/routes/(public)/root-layout.svelte

@@ -39,6 +39,7 @@
 				<Button onclick={toggleMode} variant="ghost" size="icon">
 					<Navbar.Mode />
 				</Button>
+				<!-- Neither route exists yet: `vela legal privacy` and `vela legal terms` generate them. -->
 				<a href="/privacy" class="underline-offset-4 hover:underline">Privacy</a>
 				<a href="/terms" class="underline-offset-4 hover:underline">Terms</a>
 			</nav>

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

@@ -4,6 +4,14 @@
 	import RootLayout from './(public)/root-layout.svelte';
 
 	let { data } = $props();
+
+	let notFound = $derived(page.status === 404);
+	let heading = $derived(notFound ? 'Page not found' : 'Something went wrong');
+	let detail = $derived(
+		notFound
+			? 'That page does not exist. The link may be wrong, or the page may have moved.'
+			: (page.error?.message ?? 'The request could not be completed.')
+	);
 </script>
 
 <RootLayout {data}>
@@ -14,15 +22,14 @@
 			</div>
 			<div class="relative">
 				<h1 class="text-4xl font-bold relative inline-block bg-background">
-					Oops! Something went wrong
+					{heading}
 				</h1>
 			</div>
 			<p class="text-xl text-muted-foreground max-w-lg mx-auto">
-				{page.error?.message ||
-					"We couldn't find what you were looking for. Let's get you back on track!"}
+				{detail}
 			</p>
 			<div>
-				<Button href="/" variant="default" size="lg">Take me home</Button>
+				<Button href="/" variant="default" size="lg">Back to home</Button>
 			</div>
 		</div>
 	</main>

package/templates/static/vite.config.ts

@@ -14,18 +14,6 @@ export default defineConfig({
 			adapter: adapter({
 				fallback: '200.html'
 			}),
-			prerender: {
-				handleHttpError: ({ path, message }) => {
-					// The footer links to these before they exist; `vela legal privacy`
-					// and `vela legal terms` generate them. Warn rather than fail the
-					// build, but keep every other broken link fatal.
-					if (path === '/privacy' || path === '/terms') {
-						console.warn(`${path} not generated yet — run \`vela legal ${path.slice(1)}\``);
-						return;
-					}
-					throw new Error(message);
-				}
-			}
 		})
 	]
 });