+ {#each providers as provider}
+
+ Mit {provider.label} anmelden
+
+ {/each}
+
diff --git a/web/src/lib/components/auth/RegisterForm.svelte b/web/src/lib/components/auth/RegisterForm.svelte
new file mode 100644
index 0000000..640bbf7
--- /dev/null
+++ b/web/src/lib/components/auth/RegisterForm.svelte
@@ -0,0 +1,36 @@
+
+
+
diff --git a/web/src/lib/components/auth/TOTPSetup.svelte b/web/src/lib/components/auth/TOTPSetup.svelte
new file mode 100644
index 0000000..1e22ece
--- /dev/null
+++ b/web/src/lib/components/auth/TOTPSetup.svelte
@@ -0,0 +1,72 @@
+
+
+{#if error}
+
+
+{/if}
diff --git a/web/src/lib/components/layout/Footer.svelte b/web/src/lib/components/layout/Footer.svelte
new file mode 100644
index 0000000..331753a
--- /dev/null
+++ b/web/src/lib/components/layout/Footer.svelte
@@ -0,0 +1,11 @@
+
diff --git a/web/src/lib/components/layout/Header.svelte b/web/src/lib/components/layout/Header.svelte
new file mode 100644
index 0000000..71f4a7c
--- /dev/null
+++ b/web/src/lib/components/layout/Header.svelte
@@ -0,0 +1,57 @@
+
+
++ Scanne den QR-Code mit deiner Authenticator-App oder gib den Schlüssel manuell ein. +
+ +
+ })
+
+
+
+
+
+
+ Schlüssel
+{secret}
+
+
+ Marktvogt
+
+
+
+
+
+
+
+
+
+ {#if mobileOpen}
+
+ 
+
+ {/if}
+
+
+
diff --git a/web/src/lib/components/market/MarketMap.svelte b/web/src/lib/components/market/MarketMap.svelte
new file mode 100644
index 0000000..faf6a05
--- /dev/null
+++ b/web/src/lib/components/market/MarketMap.svelte
@@ -0,0 +1,81 @@
+
+
+
diff --git a/web/src/lib/components/market/Pagination.svelte b/web/src/lib/components/market/Pagination.svelte
new file mode 100644
index 0000000..80675c5
--- /dev/null
+++ b/web/src/lib/components/market/Pagination.svelte
@@ -0,0 +1,73 @@
+
+
+{#if meta.total_pages > 1}
+
+{/if}
diff --git a/web/src/lib/components/market/SearchForm.svelte b/web/src/lib/components/market/SearchForm.svelte
new file mode 100644
index 0000000..ef98639
--- /dev/null
+++ b/web/src/lib/components/market/SearchForm.svelte
@@ -0,0 +1,123 @@
+
+
+
diff --git a/web/src/lib/components/ui/Alert.svelte b/web/src/lib/components/ui/Alert.svelte
new file mode 100644
index 0000000..ca2350b
--- /dev/null
+++ b/web/src/lib/components/ui/Alert.svelte
@@ -0,0 +1,21 @@
+
+
++ {market.name} +
++ {market.city}{#if market.state}, {market.state}{/if} +
+
+
+
+ {formatDate(market.start_date)} – {formatDate(market.end_date)}
+
+ {#if market.distance !== undefined}
+
+
+ {formatDistance(market.distance)}
+
+ {/if}
+
+ {#if market.organizer_name}
+ von {market.organizer_name}
+ {/if} +
+ {@render children()}
+
diff --git a/web/src/lib/components/ui/Button.svelte b/web/src/lib/components/ui/Button.svelte
new file mode 100644
index 0000000..981be76
--- /dev/null
+++ b/web/src/lib/components/ui/Button.svelte
@@ -0,0 +1,50 @@
+
+
+
diff --git a/web/src/lib/components/ui/Input.svelte b/web/src/lib/components/ui/Input.svelte
new file mode 100644
index 0000000..bcaca5e
--- /dev/null
+++ b/web/src/lib/components/ui/Input.svelte
@@ -0,0 +1,32 @@
+
+
+
+ {#if label}
+
+ {/if}
+
+ {#if error}
+
diff --git a/web/src/lib/components/ui/Select.svelte b/web/src/lib/components/ui/Select.svelte
new file mode 100644
index 0000000..150bdf4
--- /dev/null
+++ b/web/src/lib/components/ui/Select.svelte
@@ -0,0 +1,37 @@
+
+
+{error}
+ {/if} +
+ {#if label}
+
+ {/if}
+
+ {#if error}
+
diff --git a/web/src/lib/components/ui/Spinner.svelte b/web/src/lib/components/ui/Spinner.svelte
new file mode 100644
index 0000000..e1deba5
--- /dev/null
+++ b/web/src/lib/components/ui/Spinner.svelte
@@ -0,0 +1,25 @@
+
+
+
diff --git a/web/src/lib/index.ts b/web/src/lib/index.ts
new file mode 100644
index 0000000..856f2b6
--- /dev/null
+++ b/web/src/lib/index.ts
@@ -0,0 +1 @@
+// place files you want to import through the `$lib` alias in this folder.
diff --git a/web/src/routes/+error.svelte b/web/src/routes/+error.svelte
new file mode 100644
index 0000000..478cada
--- /dev/null
+++ b/web/src/routes/+error.svelte
@@ -0,0 +1,27 @@
+
+
+{error}
+ {/if} +
+
diff --git a/web/src/routes/+layout.server.ts b/web/src/routes/+layout.server.ts
new file mode 100644
index 0000000..5d5a2ce
--- /dev/null
+++ b/web/src/routes/+layout.server.ts
@@ -0,0 +1,7 @@
+import type { LayoutServerLoad } from './$types.js';
+
+export const load: LayoutServerLoad = async ({ locals }) => {
+ return {
+ user: locals.user
+ };
+};
diff --git a/web/src/routes/+layout.svelte b/web/src/routes/+layout.svelte
new file mode 100644
index 0000000..c4b77d3
--- /dev/null
+++ b/web/src/routes/+layout.svelte
@@ -0,0 +1,26 @@
+
+
+{$page.status}
++ {#if $page.status === 404} + Die gesuchte Seite wurde nicht gefunden. + {:else} + Ein Fehler ist aufgetreten. + {/if} +
+ {#if $page.error?.message} +{$page.error.message}
+ {/if} +
+
+
+
+
+
+
+ {@render children()}
+
+
+
diff --git a/web/src/routes/+page.server.ts b/web/src/routes/+page.server.ts
new file mode 100644
index 0000000..53afc61
--- /dev/null
+++ b/web/src/routes/+page.server.ts
@@ -0,0 +1,59 @@
+import type { PageServerLoad } from './$types.js';
+import { apiFetch, buildSearchQuery } from '$lib/api/client.js';
+import type { MarketSummary, PaginationMeta } from '$lib/api/types.js';
+
+export const load: PageServerLoad = async ({ url, fetch }) => {
+ const params: Record
+
diff --git a/web/src/routes/auth/abmelden/+page.server.ts b/web/src/routes/auth/abmelden/+page.server.ts
new file mode 100644
index 0000000..9fe3098
--- /dev/null
+++ b/web/src/routes/auth/abmelden/+page.server.ts
@@ -0,0 +1,25 @@
+import type { Actions } from './$types.js';
+import { redirect } from '@sveltejs/kit';
+import { apiFetch } from '$lib/api/client.js';
+import { clearAuthCookies } from '$lib/auth/cookies.js';
+
+export const actions: Actions = {
+ default: async ({ cookies, fetch }) => {
+ const accessToken = cookies.get('access_token');
+
+ if (accessToken) {
+ try {
+ await apiFetch('/auth/logout', {
+ method: 'POST',
+ headers: { Authorization: `Bearer ${accessToken}` },
+ fetch
+ });
+ } catch {
+ // Best-effort logout
+ }
+ }
+
+ clearAuthCookies(cookies);
+ redirect(302, '/');
+ }
+};
diff --git a/web/src/routes/auth/anmelden/+page.server.ts b/web/src/routes/auth/anmelden/+page.server.ts
new file mode 100644
index 0000000..41ea7cf
--- /dev/null
+++ b/web/src/routes/auth/anmelden/+page.server.ts
@@ -0,0 +1,66 @@
+import type { Actions, PageServerLoad } from './$types.js';
+import { fail, redirect } from '@sveltejs/kit';
+import { apiFetch, ApiClientError } from '$lib/api/client.js';
+import type { AuthData, MessageData } from '$lib/api/types.js';
+import { setAuthCookies } from '$lib/auth/cookies.js';
+
+export const load: PageServerLoad = async ({ locals, url }) => {
+ if (locals.user) redirect(302, '/');
+ return {
+ redirectTo: url.searchParams.get('redirect') ?? '/'
+ };
+};
+
+export const actions: Actions = {
+ default: async ({ request, cookies, fetch }) => {
+ const form = await request.formData();
+ const email = form.get('email') as string;
+ const password = form.get('password') as string;
+ const totpCode = form.get('totp_code') as string | null;
+ const redirectTo = form.get('redirect_to') as string | '/';
+
+ try {
+ const res = await apiFetch
+
+
+ Mittelaltermärkte finden
+Entdecke Mittelaltermärkte, Ritterturniere und historische Feste in deiner Nähe.
+
+
+
+
+
+ {#if view === 'list'}
+ {#if data.markets.length > 0}
+ + {data.meta.total} {data.meta.total === 1 ? 'Markt' : 'Märkte'} gefunden +
+
+
+
+
+
+ {#each data.markets as market (market.id)}
+
+ {:else}
+
+
+ {/if}
+ {:else}
+ Keine Märkte gefunden. Versuche andere Suchkriterien.
+
+
+ {/if}
+
+
diff --git a/web/src/routes/auth/magic-link/verify/+page.server.ts b/web/src/routes/auth/magic-link/verify/+page.server.ts
new file mode 100644
index 0000000..4ffd97f
--- /dev/null
+++ b/web/src/routes/auth/magic-link/verify/+page.server.ts
@@ -0,0 +1,28 @@
+import type { PageServerLoad } from './$types.js';
+import { redirect, error } from '@sveltejs/kit';
+import { apiFetch, ApiClientError } from '$lib/api/client.js';
+import type { AuthData } from '$lib/api/types.js';
+import { setAuthCookies } from '$lib/auth/cookies.js';
+
+export const load: PageServerLoad = async ({ url, cookies, fetch }) => {
+ const token = url.searchParams.get('token');
+
+ if (!token) {
+ error(400, { message: 'Kein Token angegeben.' });
+ }
+
+ try {
+ const res = await apiFetchAnmelden
+ +
+
+
+
+
+
+
+
+ {#if tab === 'password'}
+
+
+
+
+
+
+
+ oder
+
+ + Noch kein Konto? + Registrieren +
+
+
+
+ Zurück zur Suche
+
+
+ {#if market.image_url}
+
diff --git a/web/src/routes/profile/+page.server.ts b/web/src/routes/profile/+page.server.ts
new file mode 100644
index 0000000..24bb180
--- /dev/null
+++ b/web/src/routes/profile/+page.server.ts
@@ -0,0 +1,58 @@
+import type { Actions, PageServerLoad } from './$types.js';
+import { fail } from '@sveltejs/kit';
+import { requireAuth } from '$lib/auth/guard.js';
+import { serverFetch } from '$lib/api/client.server.js';
+import { ApiClientError } from '$lib/api/client.js';
+import { clearAuthCookies } from '$lib/auth/cookies.js';
+import { redirect } from '@sveltejs/kit';
+import type { ProfileData } from '$lib/api/types.js';
+
+export const load: PageServerLoad = async (event) => {
+ requireAuth(event);
+
+ const res = await serverFetch
+
+
+ {/if}
+
+ {market.name}
+ +
+
+
+ {formatDate(market.start_date)} – {formatDate(market.end_date)}
+
+
+
+ {market.street}, {market.zip} {market.city}
+
+
+
+ {#if market.organizer_name}
+ Veranstalter: {market.organizer_name}
+ {/if} + + {#if market.description} +
+
+ {/if}
+
+ Beschreibung
+{market.description}
+
+ {#if openingHours.length > 0}
+
+
+ {#if market.website}
+
+ {/if}
+
+
+
+
+ {#each openingHours as entry}
+
+
+ {/if}
+
+ {#if admission}
+ Öffnungszeiten
+| {entry.day} | +{entry.open} – {entry.close} | +
+
+
+
+ {#if admission.notes}
+
+ {/if}
+ Eintrittspreise
+| Erwachsene | +{centsToEuro(admission.adult_cents)} | +
| Ermäßigt | +{centsToEuro(admission.reduced_cents)} | +
| Kinder | +{centsToEuro(admission.child_cents)} | +
| Frei unter | +{admission.free_under_age} Jahre | +
{admission.notes}
+ {/if} +
+
+Standort
+
+
diff --git a/web/src/routes/profile/security/+page.server.ts b/web/src/routes/profile/security/+page.server.ts
new file mode 100644
index 0000000..7e49c01
--- /dev/null
+++ b/web/src/routes/profile/security/+page.server.ts
@@ -0,0 +1,65 @@
+import type { Actions, PageServerLoad } from './$types.js';
+import { fail } from '@sveltejs/kit';
+import { requireAuth } from '$lib/auth/guard.js';
+import { serverFetch } from '$lib/api/client.server.js';
+import { ApiClientError } from '$lib/api/client.js';
+import type { TOTPSetupData, MessageData } from '$lib/api/types.js';
+
+export const load: PageServerLoad = async (event) => {
+ requireAuth(event);
+ return {};
+};
+
+export const actions: Actions = {
+ setup: async ({ cookies, fetch }) => {
+ try {
+ const res = await serverFetchProfil
+ +
+
+
+
+ {form.success}
+ {/if}
+ {#if form?.error}
+ {form.error}
+ {/if}
+
+
+
+
+
+ Kontoinformationen
+ + {#if form?.success} +
+
+
+
+ Sicherheit
+ + Zwei-Faktor-Authentifizierung verwalten + +
+
+ Konto löschen
++ Dein Konto wird deaktiviert und nach 30 Tagen endgültig gelöscht. +
+ + {#if !showDeleteConfirm} + + {:else} +
+
+ {/if}
+ + Bist du sicher? Diese Aktion kann innerhalb von 30 Tagen rückgängig gemacht werden. +
+
+
+
+
+
+
+
+
diff --git a/web/static/robots.txt b/web/static/robots.txt
new file mode 100644
index 0000000..b6dd667
--- /dev/null
+++ b/web/static/robots.txt
@@ -0,0 +1,3 @@
+# allow crawling everything by default
+User-agent: *
+Disallow:
diff --git a/web/svelte.config.js b/web/svelte.config.js
new file mode 100644
index 0000000..10c4eeb
--- /dev/null
+++ b/web/svelte.config.js
@@ -0,0 +1,13 @@
+import adapter from '@sveltejs/adapter-auto';
+
+/** @type {import('@sveltejs/kit').Config} */
+const config = {
+ kit: {
+ // adapter-auto only supports some environments, see https://svelte.dev/docs/kit/adapter-auto for a list.
+ // If your environment is not supported, or you settled on a specific environment, switch out the adapter.
+ // See https://svelte.dev/docs/kit/adapters for more information about adapters.
+ adapter: adapter()
+ }
+};
+
+export default config;
diff --git a/web/tsconfig.json b/web/tsconfig.json
new file mode 100644
index 0000000..2c2ed3c
--- /dev/null
+++ b/web/tsconfig.json
@@ -0,0 +1,20 @@
+{
+ "extends": "./.svelte-kit/tsconfig.json",
+ "compilerOptions": {
+ "rewriteRelativeImportExtensions": true,
+ "allowJs": true,
+ "checkJs": true,
+ "esModuleInterop": true,
+ "forceConsistentCasingInFileNames": true,
+ "resolveJsonModule": true,
+ "skipLibCheck": true,
+ "sourceMap": true,
+ "strict": true,
+ "moduleResolution": "bundler"
+ }
+ // Path aliases are handled by https://svelte.dev/docs/kit/configuration#alias
+ // except $lib which is handled by https://svelte.dev/docs/kit/configuration#files
+ //
+ // To make changes to top-level options such as include and exclude, we recommend extending
+ // the generated config; see https://svelte.dev/docs/kit/configuration#typescript
+}
diff --git a/web/vite.config.ts b/web/vite.config.ts
new file mode 100644
index 0000000..bf699a8
--- /dev/null
+++ b/web/vite.config.ts
@@ -0,0 +1,7 @@
+import { sveltekit } from '@sveltejs/kit/vite';
+import tailwindcss from '@tailwindcss/vite';
+import { defineConfig } from 'vite';
+
+export default defineConfig({
+ plugins: [tailwindcss(), sveltekit()]
+});
Zwei-Faktor-Authentifizierung
+ +
+ {#if form?.success}
+ {form.success}
+ {/if}
+
+ {#if form?.totpSecret}
+
+
+ {form.error}
+ {/if}
+
+ {/if}
+ + Schütze dein Konto mit einer Authenticator-App (z.B. Google Authenticator, Authy). +
+ +
+
+
+ {#if !showDisableConfirm}
+
+ {/if}
+
+
+ {#if showDisableConfirm}
+
+
+ {/if}
+
+ {#if form?.error && !form?.totpSecret}
+ + Bist du sicher? Dein Konto wird weniger sicher sein. +
+
+
+
+
+