From ed2f0f2d35e7e507f019494787358178a0f1237c Mon Sep 17 00:00:00 2001
From: Chris <chris@gurucomputing.com.au>
Date: Sat, 15 Nov 2025 01:03:00 +0000
Subject: [PATCH] switchable registration and login window

---
 .../components/login/auth-functions.svelte    | 17 +++++++
 src/routes/+layout.svelte                     |  2 +-
 src/routes/login.html/+page.svelte            | 44 ++++++++++++++-----
 3 files changed, 52 insertions(+), 11 deletions(-)
 create mode 100644 src/lib/components/login/auth-functions.svelte

diff --git a/src/lib/components/login/auth-functions.svelte b/src/lib/components/login/auth-functions.svelte
new file mode 100644
index 0000000..d534e38
--- /dev/null
+++ b/src/lib/components/login/auth-functions.svelte
@@ -0,0 +1,17 @@
+<script module lang="ts">
+	import { appSettings } from '../common/state.svelte';
+
+	export async function loginOrRegister() {
+		try {
+			let authData = await appSettings.pb.collection('_superusers').authWithPassword('superadmin@breakglass.local', 'firsttimepasswordchangeme');
+			if (authData) {
+				appSettings.pb.authStore.clear();
+				return 'registration';
+			}
+		} catch (error) {
+			return 'login';
+		}
+
+		return 'none';
+	}
+</script>
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index a800d20..148f4b0 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -35,7 +35,7 @@
 		}
 
 		// do an initial authentication check
-		checkAuth();
+		await checkAuth();
 
 		// delay load until page is hydrated
 		appSettings.appLoaded = true;
diff --git a/src/routes/login.html/+page.svelte b/src/routes/login.html/+page.svelte
index 8e0b9f0..7b0ddf2 100644
--- a/src/routes/login.html/+page.svelte
+++ b/src/routes/login.html/+page.svelte
@@ -1,20 +1,44 @@
 <script lang="ts">
 	import { appSettings } from '$lib/components/common/state.svelte';
+	import { fade } from 'svelte/transition';
+	import { loginOrRegister } from '$lib/components/login/auth-functions.svelte';
 
 	appSettings.navbarTitle = 'Login';
 	appSettings.sidebarDrawerOpen = false;
+
+	let loginType = $state('none');
+	loginOrRegister().then(function (loginResult) {
+		loginType = loginResult;
+	});
 </script>
 
-<div class="flex items-center justify-center">
-  <fieldset class="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4">
-  <legend class="fieldset-legend">Login</legend>
+{#if loginType == 'login'}
+	<div in:fade class="flex items-center justify-center">
+		<fieldset class="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4">
+			<legend class="fieldset-legend">Login</legend>
 
-  <label class="label" for="email">Email</label>
-  <input type="email" class="input" id="email" placeholder="Email" />
+			<label class="label" for="email">Email</label>
+			<input type="email" class="input" id="email" placeholder="Email" />
 
-  <label class="label" for="password">Password</label>
-  <input type="password" class="input" id="password" placeholder="Password" />
+			<label class="label" for="password">Password</label>
+			<input type="password" class="input" id="password" placeholder="Password" />
 
-  <button class="btn btn-neutral mt-4">Login</button>
-</fieldset>
-</div>
\ No newline at end of file
+			<button class="btn btn-neutral mt-4">Login</button>
+		</fieldset>
+	</div>
+{/if}
+
+{#if loginType == 'registration'}
+	<div in:fade class="flex items-center justify-center">
+		<fieldset class="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4">
+			<legend class="fieldset-legend">First Time Registration</legend>
+
+			<label class="label" for="email">Email</label>
+			<input type="email" required class="input validator" id="email" placeholder="Email" />
+			<label class="label" for="password">New Password</label>
+			<input type="password" class="input" id="password" placeholder="Password" />
+
+			<button class="btn btn-neutral mt-4" type="submit">Register Admin Account</button>
+		</fieldset>
+	</div>
+{/if}