From e03247754084cdb2419b8c1c59497a542f740b66 Mon Sep 17 00:00:00 2001
From: Jonas_Jones <me@jonasjones.dev>
Date: Fri, 7 Mar 2025 19:14:05 +0100
Subject: [PATCH] added logout functionality

---
 src/lib/session.js             |  5 +++++
 src/routes/Header.svelte       |  3 +++
 src/routes/logout/+page.svelte | 12 ++++++++++++
 3 files changed, 20 insertions(+)
 create mode 100644 src/routes/logout/+page.svelte

diff --git a/src/lib/session.js b/src/lib/session.js
index 282cff2..f45be20 100644
--- a/src/lib/session.js
+++ b/src/lib/session.js
@@ -12,6 +12,11 @@ export function redirectToLogin() {
     window.location.href = `/login?returnUrl=${currentPath}`;
 }
 
+export function resetSession() {
+    document.cookie = `sessionKey=; path=/; max-age=0`;
+    window.location.href = '/login';
+}
+
 export function ensureAuthenticated() {
     if (!getSessionKey()) {
         redirectToLogin();
diff --git a/src/routes/Header.svelte b/src/routes/Header.svelte
index fd49cc8..ba8a233 100644
--- a/src/routes/Header.svelte
+++ b/src/routes/Header.svelte
@@ -29,6 +29,9 @@
 				<li aria-current={page.url.pathname === '/about' ? 'page' : undefined}>
 					<a href="/about">About</a>
 				</li>
+				<li aria-current={page.url.pathname === '/logout' ? 'page' : undefined}>
+					<a href="/logout">Logout</a>
+				</li>
 				{/if}
 		</ul>
 		<svg viewBox="0 0 2 3" aria-hidden="true">
diff --git a/src/routes/logout/+page.svelte b/src/routes/logout/+page.svelte
new file mode 100644
index 0000000..3dbfff0
--- /dev/null
+++ b/src/routes/logout/+page.svelte
@@ -0,0 +1,12 @@
+<script>
+    import { goto } from '$app/navigation';
+    import { resetSession } from '$lib/session.js';
+
+    resetSession();
+    goto('/login');
+</script>
+
+<div>
+    <h1>Logging out...</h1>
+    <p>Redirecting to the login page...</p>
+</div>
\ No newline at end of file