From f39ff00b3b641b2ee56fd34b16b36af781ec4ccb Mon Sep 17 00:00:00 2001
From: SauceyRed <saucey@saucey.red>
Date: Fri, 30 May 2025 00:15:01 +0200
Subject: [PATCH] feat: implement checking if email verification is enabled or
 not, change appearance of auth

---
 pages/login.vue     | 16 +++++++++++++++-
 pages/register.vue  | 18 ++++++++++++++++--
 types/interfaces.ts |  9 +++++++++
 3 files changed, 40 insertions(+), 3 deletions(-)

diff --git a/pages/login.vue b/pages/login.vue
index 4ae6de3..1972bea 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -15,13 +15,15 @@
 				<button type="submit">Login</button>
 			</div>
 		</form>
-		<div>
+		<div v-if="registrationEnabled">
 			Don't have an account? <NuxtLink :href="registerUrl">Register</NuxtLink> one!
 		</div>
 	</NuxtLayout>
 </template>
 
 <script lang="ts" setup>
+import type { StatsResponse } from '~/types/interfaces';
+
 
 definePageMeta({
 	layout: "auth"
@@ -36,6 +38,18 @@ const form = reactive({
 
 const query = useRoute().query as Record<string, string>;
 const searchParams = new URLSearchParams(query);
+
+const instanceUrl = useCookie("instance_url").value;
+const registrationEnabled = ref<boolean>(true);
+
+if (instanceUrl) {
+	const statsUrl = new URL("/stats", instanceUrl).href;
+	const { status, data } = await useFetch<StatsResponse>(statsUrl);
+	if (status.value == "success" && data.value) {
+		registrationEnabled.value = data.value.registration_enabled;
+	}
+}
+
 const registerUrl = `/register?${searchParams}`
 
 const { login } = useAuth();
diff --git a/pages/register.vue b/pages/register.vue
index 73d0920..8c457df 100644
--- a/pages/register.vue
+++ b/pages/register.vue
@@ -1,6 +1,6 @@
 <template>
   <NuxtLayout>
-    <form @submit="register">
+    <form v-if="registrationEnabled" @submit="register">
       <div>
         <!--
         <span class="form-error" v-if="errors.username.length > 0">
@@ -32,6 +32,9 @@
         <button type="submit">Register</button>
       </div>
     </form>
+    <div v-else>
+      <h3>This instance has disabled registration.</h3>
+    </div>
     <div>
       Already have an account? <NuxtLink :href="loginUrl">Log in</NuxtLink>!
     </div>
@@ -39,11 +42,22 @@
 </template>
 
 <script lang="ts" setup>
-
+import type { StatsResponse } from '~/types/interfaces';
 definePageMeta({
   layout: "auth"
 })
 
+const instanceUrl = useCookie("instance_url").value;
+const registrationEnabled = ref<boolean>(false);
+
+if (instanceUrl) {
+	const statsUrl = new URL("/stats", instanceUrl).href;
+	const { status, data, error } = await useFetch<StatsResponse>(statsUrl);
+	if (status.value == "success" && data.value) {
+		registrationEnabled.value = data.value.registration_enabled;
+	}
+}
+
 const form = reactive({
   username: "",
   email: "",
diff --git a/types/interfaces.ts b/types/interfaces.ts
index c0c87a9..c840a68 100644
--- a/types/interfaces.ts
+++ b/types/interfaces.ts
@@ -53,3 +53,12 @@ export interface UserResponse {
 	email?: string,
 	email_verified?: boolean
   }
+
+export interface StatsResponse {
+	accounts: number,
+    uptime: number,
+    version: string,
+    registration_enabled: boolean,
+    email_verification_required: boolean,
+    build_number: string
+}