{greet(guest)}
diff --git a/web/src/lib/vitest-examples/Welcome.svelte.spec.ts b/web/src/lib/vitest-examples/Welcome.svelte.spec.ts new file mode 100644 index 0000000..e6e648c --- /dev/null +++ b/web/src/lib/vitest-examples/Welcome.svelte.spec.ts @@ -0,0 +1,15 @@ +import { page } from 'vitest/browser'; +import { describe, expect, it } from 'vitest'; +import { render } from 'vitest-browser-svelte'; +import Welcome from './Welcome.svelte'; + +describe('Welcome.svelte', () => { + it('renders greetings for host and guest', async () => { + render(Welcome, { host: 'SvelteKit', guest: 'Vitest' }); + + await expect + .element(page.getByRole('heading', { level: 1 })) + .toHaveTextContent('Hello, SvelteKit!'); + await expect.element(page.getByText('Hello, Vitest!')).toBeInTheDocument(); + }); +}); diff --git a/web/src/lib/vitest-examples/greet.spec.ts b/web/src/lib/vitest-examples/greet.spec.ts new file mode 100644 index 0000000..f2d6b12 --- /dev/null +++ b/web/src/lib/vitest-examples/greet.spec.ts @@ -0,0 +1,8 @@ +import { describe, it, expect } from 'vitest'; +import { greet } from './greet'; + +describe('greet', () => { + it('returns a greeting', () => { + expect(greet('Svelte')).toBe('Hello, Svelte!'); + }); +}); diff --git a/web/src/lib/vitest-examples/greet.ts b/web/src/lib/vitest-examples/greet.ts new file mode 100644 index 0000000..304b482 --- /dev/null +++ b/web/src/lib/vitest-examples/greet.ts @@ -0,0 +1,3 @@ +export function greet(name: string): string { + return 'Hello, ' + name + '!'; +} diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte new file mode 100644 index 0000000..38f7da8 --- /dev/null +++ b/web/src/routes/+layout.svelte @@ -0,0 +1,19 @@ + + +Visit svelte.dev/docs/kit to read the documentation
diff --git a/web/src/routes/demo/+page.svelte b/web/src/routes/demo/+page.svelte new file mode 100644 index 0000000..a32f1ff --- /dev/null +++ b/web/src/routes/demo/+page.svelte @@ -0,0 +1,6 @@ + + +better-auth +playwright diff --git a/web/src/routes/demo/better-auth/+page.server.ts b/web/src/routes/demo/better-auth/+page.server.ts new file mode 100644 index 0000000..92a1f2e --- /dev/null +++ b/web/src/routes/demo/better-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, '/demo/better-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, '/demo/better-auth/login'); + } +}; diff --git a/web/src/routes/demo/better-auth/+page.svelte b/web/src/routes/demo/better-auth/+page.svelte new file mode 100644 index 0000000..f25310a --- /dev/null +++ b/web/src/routes/demo/better-auth/+page.svelte @@ -0,0 +1,14 @@ + + +Your user ID is {data.user.id}.
+ diff --git a/web/src/routes/demo/better-auth/login/+page.server.ts b/web/src/routes/demo/better-auth/login/+page.server.ts new file mode 100644 index 0000000..36c51b8 --- /dev/null +++ b/web/src/routes/demo/better-auth/login/+page.server.ts @@ -0,0 +1,61 @@ +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/better-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/better-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/better-auth'); + } +}; diff --git a/web/src/routes/demo/better-auth/login/+page.svelte b/web/src/routes/demo/better-auth/login/+page.svelte new file mode 100644 index 0000000..267b86a --- /dev/null +++ b/web/src/routes/demo/better-auth/login/+page.svelte @@ -0,0 +1,42 @@ + + +{form?.message ?? ''}
diff --git a/web/src/routes/demo/playwright/+page.svelte b/web/src/routes/demo/playwright/+page.svelte new file mode 100644 index 0000000..5f0f2c9 --- /dev/null +++ b/web/src/routes/demo/playwright/+page.svelte @@ -0,0 +1 @@ +