From 53aed96a05ff047f67b8bc07b86a4eb8f11284e1 Mon Sep 17 00:00:00 2001
From: Artemiy Solopov <a.solopov.001@gmail.com>
Date: Sun, 11 Jan 2026 16:07:15 +0200
Subject: [PATCH] Extracted gateway for requests

---
 package.json                  |  1 +
 pnpm-lock.yaml                | 24 ++++++++++++++++++++++++
 src/components/LoginForm.vue  | 11 +++++------
 src/components/lib/gateway.js | 27 +++++++++++++++++++++++++++
 src/layouts/Layout.astro      | 11 ++++++++++-
 src/pages/login.astro         | 11 +----------
 6 files changed, 68 insertions(+), 17 deletions(-)
 create mode 100644 src/components/lib/gateway.js

diff --git a/package.json b/package.json
index a8c94f5..d578774 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
   },
   "dependencies": {
     "@astrojs/vue": "^5.1.3",
+    "@nanostores/vue": "^1.0.1",
     "astro": "^5.16.6",
     "nanostores": "^1.1.0",
     "vue": "^3.5.26"
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 30cd4c8..297c797 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ importers:
       '@astrojs/vue':
         specifier: ^5.1.3
         version: 5.1.3(@types/node@25.0.3)(astro@5.16.6(@types/node@25.0.3)(rollup@4.54.0)(typescript@5.9.3))(rollup@4.54.0)(vue@3.5.26(typescript@5.9.3))
+      '@nanostores/vue':
+        specifier: ^1.0.1
+        version: 1.0.1(@nanostores/logger@1.0.0(nanostores@1.1.0))(nanostores@1.1.0)(vue@3.5.26(typescript@5.9.3))
       astro:
         specifier: ^5.16.6
         version: 5.16.6(@types/node@25.0.3)(rollup@4.54.0)(typescript@5.9.3)
@@ -516,6 +519,20 @@ packages:
     peerDependencies:
       nanostores: ^0.10.0 || ^0.11.0 || ^1.0.0
 
+  '@nanostores/vue@1.0.1':
+    resolution: {integrity: sha512-0VwubMTMvEdWQhVN4BAvDZ+vHQH3O1G9BaOfgrjfF4erqBsWScoK/zyaBeRfFjptNOb25947EFPHBZwEf9JcMg==}
+    engines: {node: ^20.0.0 || >=22.0.0}
+    peerDependencies:
+      '@nanostores/logger': ^0.4.0 || ^1.0.0
+      '@vue/devtools-api': '>=7.6.2'
+      nanostores: ^0.11.3 || ^1.0.0
+      vue: '>=3.3.1'
+    peerDependenciesMeta:
+      '@nanostores/logger':
+        optional: true
+      '@vue/devtools-api':
+        optional: true
+
   '@oslojs/encoding@1.1.0':
     resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==}
 
@@ -2499,6 +2516,13 @@ snapshots:
     dependencies:
       nanostores: 1.1.0
 
+  '@nanostores/vue@1.0.1(@nanostores/logger@1.0.0(nanostores@1.1.0))(nanostores@1.1.0)(vue@3.5.26(typescript@5.9.3))':
+    dependencies:
+      nanostores: 1.1.0
+      vue: 3.5.26(typescript@5.9.3)
+    optionalDependencies:
+      '@nanostores/logger': 1.0.0(nanostores@1.1.0)
+
   '@oslojs/encoding@1.1.0': {}
 
   '@polka/url@1.0.0-next.29': {}
diff --git a/src/components/LoginForm.vue b/src/components/LoginForm.vue
index 32e934e..ef8d732 100644
--- a/src/components/LoginForm.vue
+++ b/src/components/LoginForm.vue
@@ -1,18 +1,17 @@
 <script setup>
 import {ref} from "vue";
 import {$user} from "./stores/user.js";
+import * as gateway from "./lib/gateway.js";
 
 const formData = ref({username: '', password: ''})
 
 async function formSubmit() {
-  const url = `${import.meta.env.PUBLIC_SERVER_URL}/login`
-  const response = await fetch(
-      url,
+  const response = await gateway.request(
+      '/login',
       {
         method: 'POST',
-        mode: 'cors',
-        body: JSON.stringify(formData.value),
-        headers: {'Content-Type': 'application/json'}
+        cors: true,
+        body: JSON.stringify(formData.value)
       }
   )
   if(response.status === 200) {
diff --git a/src/components/lib/gateway.js b/src/components/lib/gateway.js
new file mode 100644
index 0000000..3cd4a15
--- /dev/null
+++ b/src/components/lib/gateway.js
@@ -0,0 +1,27 @@
+export async function request(path, options) {
+    options ||= {}
+    if(path.startsWith('/')) {
+        path = path.slice(1)
+    }
+
+    let url = new URL(path, import.meta.env.PUBLIC_SERVER_URL)
+    let searchParams = new URLSearchParams(options.searchParams)
+    searchParams.forEach((v, k) => url.searchParams.append(k, v))
+
+    const safeFetch = (options.method === 'GET') || (options.method === 'HEAD')
+    const authorization = (options.token) ? `Bearer ${options.token}` : null
+
+    const fetchInit = {
+        method: options.method || 'GET',
+        body: options.body,
+        mode: options.cors ? 'cors' : undefined,
+        credentials: options.cors ? 'include' : undefined,
+        headers: {
+            'Content-Type': options.contentType ||
+                (safeFetch ? null : 'application/json'),
+            'Authorization': authorization
+        }
+    }
+
+    return await fetch(url, fetchInit)
+}
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index cfb7656..acad1ff 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -11,11 +11,20 @@ const {title} = Astro.props
 		<meta name="viewport" content="width=device-width" />
 		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 		<meta name="generator" content={Astro.generator} />
-		<title>Subtle Storm</title>
+		<title>Neon Vertigo</title>
 		<script src="../components/scripts/user_store.js"></script>
 	</head>
 	<body>
 		<h1>{title}</h1>
 		<slot />
+
+		{import.meta.env.DEV &&
+			<script>
+				import { logger } from '@nanostores/logger'
+				import {$user} from "../components/stores/user";
+
+				let _destroy = logger({user: $user})
+				</script>
+		}
 	</body>
 </html>
diff --git a/src/pages/login.astro b/src/pages/login.astro
index 3276456..d1a3e42 100644
--- a/src/pages/login.astro
+++ b/src/pages/login.astro
@@ -5,13 +5,4 @@ import LoginForm from '../components/LoginForm.vue';
 
 <Layout title="Login">
     <LoginForm client:load />
-</Layout>
-
-{import.meta.env.DEV &&
-    <script>
-        import { logger } from '@nanostores/logger'
-        import {$user} from "../components/stores/user";
-
-        let _destroy = logger({user: $user})
-        </script>
-}
\ No newline at end of file
+</Layout>
\ No newline at end of file