3 |
3 | 7 | An Open-Source AI Chatbot Template Built With SvelteKit and the AI SDK by Vercel. 8 |
9 | 10 |11 | Features · 12 | Model Providers · 13 | Deploy Your Own · 14 | Running locally 15 |
16 |
20 | {@render children?.()}
21 |
22 | {:else}
23 |
27 | {@render children?.()}
28 |
29 |
10 |
15 | This is an
16 |
21 | open source
22 |
23 | chatbot template built with SvelteKit and the AI SDK by Vercel. It uses the
24 | streamText
25 | function in the server and the
26 | useChat hook on the client to create a seamless
27 | chat experience.
28 |
30 | You can learn more about the AI SDK by visiting the 31 | 36 | docs 37 | 38 | . 39 |
40 |
35 | {user?.email}
36 | 18 | Use your email and password to {signInSignUp.toLowerCase()} 19 |
20 |57 | {question} 58 | 59 | {cta} 60 | 61 | {postscript} 62 |
63 | {/snippet} 64 | -------------------------------------------------------------------------------- /src/routes/(auth)/signout/+page.server.ts: -------------------------------------------------------------------------------- 1 | import { deleteSessionTokenCookie, invalidateSession } from '$lib/server/auth/index.js'; 2 | import { redirect } from '@sveltejs/kit'; 3 | 4 | export function load({ locals, cookies }) { 5 | if (locals.session) { 6 | invalidateSession(locals.session.id); 7 | deleteSessionTokenCookie(cookies); 8 | } 9 | 10 | redirect(307, '/signin'); 11 | } 12 | -------------------------------------------------------------------------------- /src/routes/(chat)/+layout.server.ts: -------------------------------------------------------------------------------- 1 | import { chatModels, DEFAULT_CHAT_MODEL } from '$lib/ai/models'; 2 | import { SelectedModel } from '$lib/hooks/selected-model.svelte.js'; 3 | 4 | export async function load({ cookies, locals }) { 5 | const { user } = locals; 6 | const sidebarCollapsed = cookies.get('sidebar:state') !== 'true'; 7 | 8 | let modelId = cookies.get('selected-model'); 9 | if (!modelId || !chatModels.find((model) => model.id === modelId)) { 10 | modelId = DEFAULT_CHAT_MODEL; 11 | cookies.set('selected-model', modelId, { 12 | path: '/', 13 | expires: new Date(Date.now() + 1000 * 60 * 60 * 24 * 30), 14 | httpOnly: true, 15 | sameSite: 'lax' 16 | }); 17 | } 18 | 19 | return { 20 | user, 21 | sidebarCollapsed, 22 | selectedChatModel: new SelectedModel(modelId) 23 | }; 24 | } 25 | -------------------------------------------------------------------------------- /src/routes/(chat)/+layout.svelte: -------------------------------------------------------------------------------- 1 | 12 | 13 |