From 51d9899b844cf7b1415e0f240c5a868471bd0dfc Mon Sep 17 00:00:00 2001
From: mavrag <vadim.psc@gmail.com>
Date: Sun, 22 Jun 2025 14:46:14 +0400
Subject: [PATCH] Add custom site title feature with database migration

---
 src/app/app.vue                                        | 8 +++++++-
 src/app/pages/admin/general.vue                        | 8 ++++++++
 src/i18n/locales/en.json                               | 2 ++
 src/server/database/migrations/0002_add_site_title.sql | 1 +
 src/server/database/migrations/meta/_journal.json      | 7 +++++++
 src/server/database/repositories/general/schema.ts     | 2 ++
 src/server/database/repositories/general/service.ts    | 1 +
 src/server/database/repositories/general/types.ts      | 6 ++++++
 8 files changed, 34 insertions(+), 1 deletion(-)
 create mode 100644 src/server/database/migrations/0002_add_site_title.sql

diff --git a/src/app/app.vue b/src/app/app.vue
index 9991e288..2aad7c3b 100644
--- a/src/app/app.vue
+++ b/src/app/app.vue
@@ -19,6 +19,12 @@ toast.setToast(toastRef);
 // make sure to fetch release early
 useGlobalStore();
 
+// Fetch site title from general configuration with a key for refreshing
+const { data: generalConfig } = await useFetch('/api/admin/general', { key: 'site-title' });
+
+// Compute the title with fallback
+const siteTitle = computed(() => generalConfig.value?.siteTitle || 'WireGuard');
+
 useHead({
   bodyAttrs: {
     class: 'bg-gray-50 dark:bg-neutral-800',
@@ -52,6 +58,6 @@ useHead({
       content: 'black-translucent',
     },
   ],
-  title: 'WireGuard',
+  title: siteTitle,
 });
 </script>
diff --git a/src/app/pages/admin/general.vue b/src/app/pages/admin/general.vue
index 9515e456..4fabf0c6 100644
--- a/src/app/pages/admin/general.vue
+++ b/src/app/pages/admin/general.vue
@@ -1,6 +1,14 @@
 <template>
   <main v-if="data">
     <FormElement @submit.prevent="submit">
+      <FormGroup>
+        <FormNullTextField
+          id="site-title"
+          v-model="data.siteTitle"
+          label="Site Title"
+          description="Custom title for browser tabs. Leave empty to use the default 'WireGuard' title."
+        />
+      </FormGroup>
       <FormGroup>
         <FormNumberField
           id="session"
diff --git a/src/i18n/locales/en.json b/src/i18n/locales/en.json
index 060f4f91..b892157e 100644
--- a/src/i18n/locales/en.json
+++ b/src/i18n/locales/en.json
@@ -137,6 +137,8 @@
   },
   "admin": {
     "general": {
+      "siteTitle": "Site Title",
+      "siteTitleDesc": "Custom title for the web interface",
       "sessionTimeout": "Session Timeout",
       "sessionTimeoutDesc": "Session duration for Remember Me (seconds)",
       "metrics": "Metrics",
diff --git a/src/server/database/migrations/0002_add_site_title.sql b/src/server/database/migrations/0002_add_site_title.sql
new file mode 100644
index 00000000..2b28d57f
--- /dev/null
+++ b/src/server/database/migrations/0002_add_site_title.sql
@@ -0,0 +1 @@
+ALTER TABLE general_table ADD COLUMN site_title text;
diff --git a/src/server/database/migrations/meta/_journal.json b/src/server/database/migrations/meta/_journal.json
index b3ee612d..34f46041 100644
--- a/src/server/database/migrations/meta/_journal.json
+++ b/src/server/database/migrations/meta/_journal.json
@@ -15,6 +15,13 @@
       "when": 1748427001203,
       "tag": "0001_classy_the_stranger",
       "breakpoints": true
+    },
+    {
+      "idx": 2,
+      "version": "6",
+      "when": 1748427002000,
+      "tag": "0002_add_site_title",
+      "breakpoints": true
     }
   ]
 }
\ No newline at end of file
diff --git a/src/server/database/repositories/general/schema.ts b/src/server/database/repositories/general/schema.ts
index e1f4932e..d50c8052 100644
--- a/src/server/database/repositories/general/schema.ts
+++ b/src/server/database/repositories/general/schema.ts
@@ -12,6 +12,8 @@ export const general = sqliteTable('general_table', {
   metricsPrometheus: int('metrics_prometheus', { mode: 'boolean' }).notNull(),
   metricsJson: int('metrics_json', { mode: 'boolean' }).notNull(),
   metricsPassword: text('metrics_password'),
+  
+  siteTitle: text('site_title'),
 
   createdAt: text('created_at')
     .notNull()
diff --git a/src/server/database/repositories/general/service.ts b/src/server/database/repositories/general/service.ts
index ef629fd8..6a7714a6 100644
--- a/src/server/database/repositories/general/service.ts
+++ b/src/server/database/repositories/general/service.ts
@@ -36,6 +36,7 @@ function createPreparedStatement(db: DBType) {
           metricsPrometheus: true,
           metricsJson: true,
           metricsPassword: true,
+          siteTitle: true,
         },
       })
       .prepare(),
diff --git a/src/server/database/repositories/general/types.ts b/src/server/database/repositories/general/types.ts
index e16bc4c6..f40505db 100644
--- a/src/server/database/repositories/general/types.ts
+++ b/src/server/database/repositories/general/types.ts
@@ -13,11 +13,17 @@ const metricsPassword = z
   .min(1, { message: t('zod.general.metricsPassword') })
   .nullable();
 
+const siteTitle = z
+  .string({ message: 'Site Title' })
+  .nullable();
+
+
 export const GeneralUpdateSchema = z.object({
   sessionTimeout: sessionTimeout,
   metricsPrometheus: metricsEnabled,
   metricsJson: metricsEnabled,
   metricsPassword: metricsPassword,
+  siteTitle: siteTitle,
 });
 
 export type GeneralUpdateType = z.infer<typeof GeneralUpdateSchema>;