feat: fix errors (#377)

* add

* add

* add

* add

* add

* Update login_form.svelte

* add

* add

* add

* add

* Update login_form.svelte

* add

* add

* ad

* add

* Update config.ts

* add

* add

* Update +page.svelte

Author: baseplate-admin

src/frontend/src/lib/queries/auth.ts

@@ -1,15 +1,16 @@
 import { ADMIN_USER_UPDATE_URL, USER_URL } from '#consts/backend';
 import { browser } from '$app/environment';
+import { user_store } from '$lib/store/user.svelte';
 import { createQuery, useQueryClient } from '@tanstack/svelte-query';
-
+const { is_authenticated } = user_store();
 const queryKey = ['auth-user'];
 
 const fetchUser = async ({
 	fetch = globalThis.window.fetch
 }: {
 	fetch?: typeof globalThis.window.fetch;
 }) => {
-	if (!browser) return null;
+	if (!is_authenticated) return null;
 	const res = await fetch(USER_URL, {
 		credentials: 'include'
 	});

src/frontend/src/lib/store/user.svelte.ts

@@ -2,6 +2,9 @@ let authenticated: null | boolean = null;
 
 export const user_store = () => {
 	return {
+		unauthenticate() {
+			authenticated = false;
+		},
 		authenticate() {
 			authenticated = true;
 		},

src/frontend/src/routes/(needs_onboarding)/login/+page.server.ts

@@ -1,6 +1,6 @@
 import { LOGIN_URL } from '#consts/backend';
 import { fail } from '@sveltejs/kit';
-import { message, superValidate } from 'sveltekit-superforms';
+import { message, setError, superValidate } from 'sveltekit-superforms';
 import { zod4 } from 'sveltekit-superforms/adapters';
 import { schema } from './schema';
 
@@ -22,7 +22,7 @@ export const actions = {
 		});
 
 		if (!res.ok) {
-			throw new Error('Invalid username or password');
+			return setError(form, '', 'Invalid username or password');
 		}
 
 		const data = await res.json();

src/frontend/src/routes/(needs_onboarding)/login/login_form.svelte

@@ -9,7 +9,6 @@
 	import { Button } from '$lib/components/ui/button';
 	import { untrack } from 'svelte';
 	import { goto } from '$app/navigation';
-	import { useAuth } from '#queries/auth';
 	import { toast } from 'svelte-sonner';
 
 	let showPassword = $state(false);
@@ -25,7 +24,13 @@
 				if (form.valid) {
 					goto(next_url);
 				} else {
-					toast.error('Please fix the errors in the form.');
+					const globalErrors = form.errors._errors;
+
+					if (globalErrors && globalErrors.length > 0) {
+						toast.error(globalErrors[0]);
+					} else {
+						toast.error('Please check your credentials.');
+					}
 				}
 			}
 		}

src/frontend/src/routes/(needs_onboarding)/logout/+page.svelte

@@ -0,0 +1,20 @@
+<script>
+	import { user_store } from '$lib/store/user.svelte';
+	import { page } from '$app/state';
+	import { onMount } from 'svelte';
+
+	const { unauthenticate } = user_store();
+
+	const next = $derived.by(() => {
+		const url = page.url.searchParams.get('next') ?? '/';
+		if (url.startsWith('/admin')) {
+			return '/';
+		}
+		return url;
+	});
+
+	onMount(() => {
+		unauthenticate();
+		window.location.href = next;
+	});
+</script>