init

2026-06-17 00:21:00 +02:00
commit 408e48c568
41 changed files with 6617 additions and 0 deletions
@@ -0,0 +1,56 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+  import { api, ApiError } from '$lib/api';
+  import { auth } from '$lib/auth.svelte';
+
+  let email = $state('');
+  let password = $state('');
+  let error = $state('');
+  let busy = $state(false);
+
+  async function submit(e: SubmitEvent) {
+    e.preventDefault();
+    error = '';
+    busy = true;
+    try {
+      await api.post('/auth/login', { email, password });
+      await auth.refresh();
+      goto('/');
+    } catch (err) {
+      error = err instanceof ApiError ? err.message : 'something broke';
+    } finally {
+      busy = false;
+    }
+  }
+</script>
+
+<svelte:head><title>log in · //WANTLIST</title></svelte:head>
+
+<div class="mx-auto max-w-md">
+  <div class="panel p-8">
+    <p class="label">welcome back</p>
+    <h1 class="mb-6 font-display text-3xl font-bold">RE-ENTER THE PIT</h1>
+
+    <form class="space-y-4" onsubmit={submit}>
+      <div>
+        <label class="label" for="em">email</label>
+        <input id="em" class="field mt-1" type="email" bind:value={email} required autocomplete="email" />
+      </div>
+      <div>
+        <label class="label" for="pw">password</label>
+        <input id="pw" class="field mt-1" type="password" bind:value={password} required autocomplete="current-password" />
+      </div>
+
+      {#if error}
+        <p class="border-2 border-blood bg-blood/10 px-3 py-2 text-sm text-blood">{error}</p>
+      {/if}
+
+      <button class="btn w-full" disabled={busy}>{busy ? 'entering…' : 'log in'}</button>
+    </form>
+
+    <div class="mt-5 flex justify-between text-sm text-mute">
+      <a href="/register">need an account?</a>
+      <a href="/forgot">forgot password?</a>
+    </div>
+  </div>
+</div>