create-better-t-stack 3.13.1 → 3.13.2

package/dist/cli.mjs

@@ -1,5 +1,5 @@
 #!/usr/bin/env node
-import { r as createBtsCli } from "./src-BpuxNIy_.mjs";
+import { r as createBtsCli } from "./src-kvJQuDe_.mjs";
 
 //#region src/cli.ts
 createBtsCli().run();

package/dist/index.mjs

@@ -1,4 +1,4 @@
 #!/usr/bin/env node
-import { a as router, i as docs, n as create, o as sponsors, r as createBtsCli, t as builder } from "./src-BpuxNIy_.mjs";
+import { a as router, i as docs, n as create, o as sponsors, r as createBtsCli, t as builder } from "./src-kvJQuDe_.mjs";
 
 export { builder, create, createBtsCli, docs, router, sponsors };

package/dist/{src-BpuxNIy_.mjs → src-kvJQuDe_.mjs}

@@ -4376,11 +4376,11 @@ async function setupAIDependencies(config) {
 	const hasSvelte = frontend.includes("svelte");
 	const hasReactNative = frontend.includes("native-bare") || frontend.includes("native-uniwind") || frontend.includes("native-unistyles");
 	if (backend === "convex" && convexBackendDirExists) await addPackageDependency({
-		dependencies: [
-			"@convex-dev/agent",
-			"ai",
-			"@ai-sdk/google"
-		],
+		dependencies: ["@convex-dev/agent"],
+		customDependencies: {
+			ai: "^5.0.117",
+			"@ai-sdk/google": "^2.0.52"
+		},
 		projectDir: convexBackendDir
 	});
 	else if (backend === "self" && webClientDirExists) await addPackageDependency({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-better-t-stack",
-  "version": "3.13.1",
+  "version": "3.13.2",
   "description": "A modern CLI tool for scaffolding end-to-end type-safe TypeScript projects with best practices and customizable configurations",
   "keywords": [
     "better-auth",
@@ -67,7 +67,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@better-t-stack/types": "^3.13.1",
+    "@better-t-stack/types": "^3.13.2",
     "@clack/core": "^0.5.0",
     "@clack/prompts": "^1.0.0-alpha.8",
     "@orpc/server": "^1.13.0",

package/templates/auth/better-auth/web/svelte/src/components/SignInForm.svelte.hbs

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { createForm } from '@tanstack/svelte-form';
-	import z from 'zod';
+	import { z } from 'zod';
 	import { authClient } from '$lib/auth-client';
 	import { goto } from '$app/navigation';
 
@@ -53,10 +53,11 @@
 						class="w-full border"
 						onblur={field.handleBlur}
 						value={field.state.value}
-        oninput={(e: Event) => {
-            const target = e.target as HTMLInputElement
-            field.handleChange(target.value)
-          }}					/>
+						oninput={(e: Event) => {
+							const target = e.target as HTMLInputElement;
+							field.handleChange(target.value);
+						}}
+					/>
 					{#if field.state.meta.isTouched}
 						{#each field.state.meta.errors as error}
 							<p class="text-sm text-red-500" role="alert">{error}</p>
@@ -76,11 +77,11 @@
 						type="password"
 						class="w-full border"
 						onblur={field.handleBlur}
-					 value={field.state.value}
-      oninput={(e: Event) => {
-            const target = e.target as HTMLInputElement
-            field.handleChange(target.value)
-          }}
+						value={field.state.value}
+						oninput={(e: Event) => {
+							const target = e.target as HTMLInputElement;
+							field.handleChange(target.value);
+						}}
 					/>
 					{#if field.state.meta.isTouched}
 						{#each field.state.meta.errors as error}

package/templates/auth/better-auth/web/svelte/src/components/SignUpForm.svelte.hbs

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { createForm } from '@tanstack/svelte-form';
-	import z from 'zod';
+	import { z } from 'zod';
 	import { authClient } from '$lib/auth-client';
 	import { goto } from '$app/navigation';
 
@@ -60,11 +60,11 @@
 						name={field.name}
 						class="w-full border"
 						onblur={field.handleBlur}
-					 value={field.state.value}
-      oninput={(e: Event) => {
-            const target = e.target as HTMLInputElement
-            field.handleChange(target.value)
-          }}
+						value={field.state.value}
+						oninput={(e: Event) => {
+							const target = e.target as HTMLInputElement;
+							field.handleChange(target.value);
+						}}
 					/>
 					{#if field.state.meta.isTouched}
 						{#each field.state.meta.errors as error}
@@ -85,11 +85,11 @@
 						type="email"
 						class="w-full border"
 						onblur={field.handleBlur}
-      value={field.state.value}
-      oninput={(e: Event) => {
-            const target = e.target as HTMLInputElement
-            field.handleChange(target.value)
-          }}
+						value={field.state.value}
+						oninput={(e: Event) => {
+							const target = e.target as HTMLInputElement;
+							field.handleChange(target.value);
+						}}
 					/>
 					{#if field.state.meta.isTouched}
 						{#each field.state.meta.errors as error}
@@ -110,13 +110,13 @@
 						type="password"
 						class="w-full border"
 						onblur={field.handleBlur}
-					 value={field.state.value}
-      oninput={(e: Event) => {
-            const target = e.target as HTMLInputElement
-            field.handleChange(target.value)
-          }}
+						value={field.state.value}
+						oninput={(e: Event) => {
+							const target = e.target as HTMLInputElement;
+							field.handleChange(target.value);
+						}}
 					/>
-					{#if field.state.meta.errors}
+					{#if field.state.meta.isTouched}
 						{#each field.state.meta.errors as error}
 							<p class="text-sm text-red-500" role="alert">{error}</p>
 						{/each}

package/templates/auth/better-auth/web/svelte/src/routes/dashboard/+page.svelte.hbs

@@ -1,5 +1,4 @@
 <script lang="ts">
-	import { onMount } from 'svelte';
 	import { goto } from '$app/navigation';
 	import { authClient } from '$lib/auth-client';
 	{{#if (eq api "orpc")}}
@@ -7,33 +6,36 @@
 	import { createQuery } from '@tanstack/svelte-query';
 	{{/if}}
 	{{#if (eq payments "polar")}}
-	let customerState: any = null;
+	let customerState = $state<{ activeSubscriptions?: unknown[] } | null>(null);
 	{{/if}}
 
 	const sessionQuery = authClient.useSession();
 
 	{{#if (eq api "orpc")}}
 	const privateDataQuery = createQuery(orpc.privateData.queryOptions());
-    {{/if}}
+	{{/if}}
 
-	onMount(() => {
-		const { data: session, isPending } = $sessionQuery;
-		if (!session && !isPending) {
+	$effect(() => {
+		if (!$sessionQuery.isPending && !$sessionQuery.data) {
 			goto('/login');
 		}
-		{{#if (eq payments "polar")}}
-		if (session) {
+	});
+
+	{{#if (eq payments "polar")}}
+	$effect(() => {
+		if ($sessionQuery.data) {
 			authClient.customer.state().then(({ data }) => {
 				customerState = data;
 			});
 		}
-		{{/if}}
 	});
+	{{/if}}
 </script>
 
 {#if $sessionQuery.isPending}
 	<div>Loading...</div>
 {:else if !$sessionQuery.data}
+	<div>Redirecting to login...</div>
 {:else}
 	<div>
 		<h1>Dashboard</h1>

package/templates/examples/ai/web/svelte/src/routes/ai/+page.svelte.hbs

@@ -10,7 +10,7 @@
 		}),
 	});
 
-	let messagesEndElement: HTMLDivElement | null = null;
+	let messagesEndElement: HTMLDivElement | null = $state(null);
 
 	$effect(() => {
 		if (chat.messages.length > 0) {

package/templates/frontend/svelte/src/components/Header.svelte.hbs

@@ -24,7 +24,7 @@
 			{#each links as link (link.to)}
 				<a
 					href={link.to}
-					class=""
+					class="hover:text-neutral-400 transition-colors"
 				>
 					{link.label}
 				</a>

package/templates/frontend/svelte/src/routes/+layout.svelte.hbs

@@ -24,7 +24,7 @@
     import { queryClient } from '$lib/orpc';
     import Header from '../components/Header.svelte';
 
-	let { children } = $props();
+	const { children } = $props();
 </script>
 
 <QueryClientProvider client={queryClient}>
@@ -41,7 +41,7 @@
 	import '../app.css';
     import Header from '../components/Header.svelte';
 
-	let { children } = $props();
+	const { children } = $props();
 </script>
 
 <div class="grid h-svh grid-rows-[auto_1fr]">

package/templates/payments/polar/web/svelte/src/routes/success/+page.svelte.hbs

@@ -1,7 +1,7 @@
 <script lang="ts">
-	import { page } from '$app/stores';
+	import { page } from '$app/state';
 	
-	const checkout_id = $page.url.searchParams.get('checkout_id');
+	const checkout_id = $derived(page.url.searchParams.get('checkout_id'));
 </script>
 
 <div class="container mx-auto px-4 py-8">