barebones authentication

1 files changed, 38 insertions, 0 deletions

diff --git a/web/pw-server/src/routes/register.svelte b/web/pw-server/src/routes/register.svelte
new file mode 100644
index 0000000..a21cf65
--- /dev/null
+++ b/web/pw-server/src/routes/register.svelte
@@ -0,0 +1,38 @@
+<script lang="ts">
+	let username: string | undefined;
+	let password: string | undefined;
+
+	const onSubmit = () => {
+		if (username === undefined || username.trim() === '') {
+			return;
+		}
+
+    if (password === undefined || password.trim() === '') {
+      return;
+    }
+
+		fetch('/api/register', {
+			method: 'POST',
+			headers: {
+				'Content-Type': 'application/json'
+			},
+			body: JSON.stringify({
+				username,
+				password
+			})
+		})
+			.then((resp) => resp.json())
+			.then((data) => {
+				console.log(data);
+			});
+	};
+</script>
+
+<h1>Register</h1>
+<form on:submit|preventDefault={onSubmit}>
+	<label for="username">Username</label>
+	<input name="username" bind:value={username} />
+	<label for="password">Password</label>
+	<input type="password" name="password" bind:value={password} />
+	<button type="submit">Register</button>
+</form>