From 2c021db505b13b7538aa49c956ccb5d04dec6bbf Mon Sep 17 00:00:00 2001
From: Artemiy Solopov <a.solopov.001@gmail.com>
Date: Sat, 3 Jan 2026 00:44:49 +0200
Subject: [PATCH] Saving user to localstorage

---
 src/components/LoginForm.vue                |  2 +-
 src/components/scripts/user_store.js        | 17 +++++++++++++++++
 src/components/{users.js => stores/user.js} |  2 +-
 src/layouts/Layout.astro                    |  1 +
 src/pages/login.astro                       |  2 +-
 5 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 src/components/scripts/user_store.js
 rename src/components/{users.js => stores/user.js} (52%)
diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue
index 6ff7359..32e934e 100644
--- a/src/components/LoginForm.vue
+++ b/src/components/LoginForm.vue
@@ -1,6 +1,6 @@
 <script setup>
 import {ref} from "vue";
-import {$user} from "./users.js";
+import {$user} from "./stores/user.js";
 
 const formData = ref({username: '', password: ''})
 
diff --git a/src/components/scripts/user_store.js b/src/components/scripts/user_store.js
new file mode 100644
index 0000000..eee75e1
--- /dev/null
+++ b/src/components/scripts/user_store.js
@@ -0,0 +1,17 @@
+import {$user} from "../stores/user.js";
+
+const LOCAL_STORAGE_KEY="user"
+
+$user.subscribe(value => {
+    if(value == null) return;
+    localStorage[LOCAL_STORAGE_KEY] = JSON.stringify(value)
+})
+
+window.addEventListener('load', () => {
+    let data = localStorage[LOCAL_STORAGE_KEY]
+    if (data == null) { return }
+    data = JSON.parse(data)
+    if (data == null || data.token == null) { return }
+    if(Date.parse(data.expiresAt) < Date()) { return } // TODO: this should probably have more logic
+    $user.set(data)
+})
\ No newline at end of file
diff --git a/src/components/users.js b/src/components/stores/user.js
similarity index 52%
rename from src/components/users.js
rename to src/components/stores/user.js
index ceccfeb..01f30b4 100644
--- a/src/components/users.js
+++ b/src/components/stores/user.js
@@ -1,3 +1,3 @@
 import { atom } from 'nanostores'
 
-export const $user = atom(null)
\ No newline at end of file
+export const $user = atom(null)
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index 20f39f2..cfb7656 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -12,6 +12,7 @@ const {title} = Astro.props
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
 		<title>Subtle Storm</title>
+		<script src="../components/scripts/user_store.js"></script>
 	</head>
 	<body>
 		<h1>{title}</h1>
diff --git a/src/pages/login.astro b/src/pages/login.astro
index af0b31c..3276456 100644
--- a/src/pages/login.astro
+++ b/src/pages/login.astro
@@ -10,7 +10,7 @@ import LoginForm from '../components/LoginForm.vue';
 {import.meta.env.DEV &&
     <script>
         import { logger } from '@nanostores/logger'
-        import {$user} from "../components/users";
+        import {$user} from "../components/stores/user";
 
         let _destroy = logger({user: $user})
         </script>
