From 9f3aca5a8de22dca667d6d034bb7e50ef07ddfc5 Mon Sep 17 00:00:00 2001
From: Daniel Subiabre <daniel.subiabre@platoniq.net>
Date: Thu, 26 Feb 2026 15:21:34 +0100
Subject: [PATCH] feat: share oauth access token with svelte via LocalStorage
 component

---
 src/components/LocalStorage.svelte       | 19 +++++++++++++++++++
 src/pages/[...lang]/login/callback.astro |  5 +++--
 2 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 src/components/LocalStorage.svelte

diff --git a/src/components/LocalStorage.svelte b/src/components/LocalStorage.svelte
new file mode 100644
index 00000000..574b2f64
--- /dev/null
+++ b/src/components/LocalStorage.svelte
@@ -0,0 +1,19 @@
+<script lang="ts">
+    let { set, remove }: { set: any; remove: any } = $props();
+
+    $effect(() => {
+        const toSet = Object.entries(set);
+
+        for (const [key, value] of toSet) {
+            localStorage.setItem(key, JSON.stringify(value));
+        }
+    });
+
+    $effect(() => {
+        const toRemove = Object.entries(remove);
+
+        for (const [key] of toRemove) {
+            localStorage.removeItem(key);
+        }
+    });
+</script>
diff --git a/src/pages/[...lang]/login/callback.astro b/src/pages/[...lang]/login/callback.astro
index e9422672..e6da8f6e 100644
--- a/src/pages/[...lang]/login/callback.astro
+++ b/src/pages/[...lang]/login/callback.astro
@@ -1,5 +1,6 @@
 ---
 import CSRF from "csrf";
+import LocalStorage from "../../../components/LocalStorage.svelte";
 
 const code = Astro.url.searchParams.get("code");
 if (code === null) {
@@ -37,6 +38,6 @@ const accessToken = await fetch(oauth2Token, {
     body: params,
     headers: { "Content-Type": "application/x-www-form-urlencoded" },
 }).then((res) => res.json());
-
-console.log(accessToken);
 ---
+
+<LocalStorage set={{ oauth2: accessToken }} client:load />