move better-auth demo to auth dir

src/routes/auth/+page.server.ts

@@ -0,0 +1,20 @@
+import { redirect } from '@sveltejs/kit';
+import type { Actions } from './$types';
+import type { PageServerLoad } from './$types';
+import { auth } from '$lib/server/auth';
+
+export const load: PageServerLoad = (event) => {
+  if (!event.locals.user) {
+    return redirect(302, '/auth/login');
+  }
+  return { user: event.locals.user };
+};
+
+export const actions: Actions = {
+  signOut: async (event) => {
+    await auth.api.signOut({
+      headers: event.request.headers
+    });
+    return redirect(302, '/auth/login');
+  }
+};

src/routes/auth/+page.svelte

@@ -0,0 +1,14 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import type { PageServerData } from './$types';
+
+	let { data }: { data: PageServerData } = $props();
+</script>
+
+<h1>Hi, {data.user.name}!</h1>
+<p>Your user ID is {data.user.id}.</p>
+<form method="post" action="?/signOut" use:enhance>
+	<button class="rounded-md bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700"
+		>Sign out</button
+	>
+</form>

src/routes/auth/login/+page.server.ts

@@ -0,0 +1,78 @@
+import { fail, redirect } from '@sveltejs/kit';
+import type { Actions } from './$types';
+import type { PageServerLoad } from './$types';
+import { auth } from '$lib/server/auth';
+import { APIError } from 'better-auth/api';
+
+export const load: PageServerLoad = (event) => {
+  if (event.locals.user) {
+    return redirect(302, '/demo/auth');
+  }
+  return {};
+};
+
+export const actions: Actions = {
+  signInEmail: async (event) => {
+    const formData = await event.request.formData();
+    const email = formData.get('email')?.toString() ?? '';
+    const password = formData.get('password')?.toString() ?? '';
+
+    try {
+      await auth.api.signInEmail({
+        body: {
+          email,
+          password,
+          callbackURL: '/auth/verification-success'
+        }
+      });
+    } catch (error) {
+      if (error instanceof APIError) {
+        return fail(400, { message: error.message || 'Signin failed' });
+      }
+      return fail(500, { message: 'Unexpected error' });
+    }
+
+    return redirect(302, '/demo/auth');
+  },
+  signUpEmail: async (event) => {
+    const formData = await event.request.formData();
+    const email = formData.get('email')?.toString() ?? '';
+    const password = formData.get('password')?.toString() ?? '';
+    const name = formData.get('name')?.toString() ?? '';
+
+    try {
+      await auth.api.signUpEmail({
+        body: {
+          email,
+          password,
+          name,
+          callbackURL: '/auth/verification-success'
+        }
+      });
+    } catch (error) {
+      if (error instanceof APIError) {
+        return fail(400, { message: error.message || 'Registration failed' });
+      }
+      return fail(500, { message: 'Unexpected error' });
+    }
+
+    return redirect(302, '/demo/auth');
+  },
+  signInSocial: async (event) => {
+    const formData = await event.request.formData();
+    const provider = formData.get('provider')?.toString() ?? 'github';
+    const callbackURL = formData.get('callbackURL')?.toString() ?? '/demo/auth';
+
+    const result = await auth.api.signInSocial({
+      body: {
+        provider: provider as 'github',
+        callbackURL
+      }
+    });
+
+    if (result.url) {
+      return redirect(302, result.url);
+    }
+    return fail(400, { message: 'Social sign-in failed' });
+  }
+};

src/routes/auth/login/+page.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+	import { enhance } from '$app/forms';
+	import type { ActionData } from './$types';
+
+	let { form }: { form: ActionData } = $props();
+</script>
+
+<h1>Login</h1>
+<form method="post" action="?/signInEmail" use:enhance>
+	<label>
+		Email
+		<input
+			type="email"
+			name="email"
+			class="mt-1 rounded-md border border-gray-300 bg-white px-3 py-2 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none"
+		/>
+	</label>
+	<label>
+		Password
+		<input
+			type="password"
+			name="password"
+			class="mt-1 rounded-md border border-gray-300 bg-white px-3 py-2 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none"
+		/>
+	</label>
+	<label>
+		Name (for registration)
+		<input
+			name="name"
+			class="mt-1 rounded-md border border-gray-300 bg-white px-3 py-2 shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none"
+		/>
+	</label>
+	<button class="rounded-md bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700"
+		>Login</button
+	>
+	<button
+		formaction="?/signUpEmail"
+		class="rounded-md bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700"
+		>Register</button
+	>
+</form>
+<p class="text-red-500">{form?.message ?? ''}</p>
+
+<hr class="my-4" />
+
+<form method="post" action="?/signInSocial" use:enhance>
+	<input type="hidden" name="provider" value="github" />
+	<input type="hidden" name="callbackURL" value="/demo/better-auth" />
+	<button class="rounded-md bg-blue-600 px-4 py-2 text-white transition hover:bg-blue-700"
+		>Sign in with GitHub</button
+	>
+</form>