till/cards
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Phase 4: Frontend-Core MVP — Decks, Cards, Study mit FSRS-Loop

Browse source 
Stack:
- Tailwind 4 via @tailwindcss/vite (oklch-Theme + Dark-Mode-Auto)
- marked + DOMPurify für Markdown (sanitized, SSR-Safe)
- Svelte 5 runes durchgängig ($state, $derived, $effect)
- @sveltejs/adapter-node für Production-Build

Infrastruktur:
- $lib/auth/dev-stub.svelte.ts: User-ID via sessionStorage (Phase 2
  ersetzt durch echtes JWT via @mana/shared-auth)
- $lib/api/{client,decks,cards,reviews}.ts: typed Fetch-Wrapper, ruft
  cards-api auf 3081 mit X-User-Id-Header
- $lib/stores/toasts.svelte.ts: Toast-Store mit info/success/warning/error
- $lib/markdown.ts: marked → DOMPurify-Pipeline
- $lib/components/{Header,ToastStack}.svelte: Layout-Shell

Routes:
- / → Dev-Login-Form oder Redirect zu /decks (wenn eingeloggt)
- /decks → Liste mit Color-Dot, Hover-Delete-Button
- /decks/new → Create-Form (Name, Beschreibung, Color-Picker)
- /decks/[id] → Detail mit Cards-Liste + dueCount + "Lernen"-Button
- /cards/new?deck=... → Type-Picker (basic|basic-reverse) +
  Side-by-Side Markdown-Editor mit Live-Preview
- /study → Übersicht aller Decks mit Due-Counts
- /study/[deckId] → Session-View mit Queue-Snapshot, Reveal/Grade,
  Hotkeys (Space/Enter=Reveal & Good, 1-4=Again/Hard/Good/Easy),
  INPUT-Skip im Keyboard-Handler

CORS auf cards-api für localhost-Origins + cardecky.mana.how.

Verifiziert:
- pnpm run type-check ✅ 4/4 packages, svelte-check 0 errors
- pnpm build (cards-web) ✅ adapter-node bundle 140 kB server,
  alle Routen bundled
- Tailwind-CSS inlined in SSR-HTML, oklch-Theme korrekt
- CORS-Preflight funktioniert (OPTIONS 204 mit korrekten Allow-*-Headers)
- Live-Smoke-Test gegen localhost:3081 (cards-api) + localhost:3082
  (cards-web): Beide laufen parallel, Web → API CORS-fetch grün

Outside scope (Phase 4):
- Card-Edit-Page (/cards/[id]/edit) — heute nur Create + Delete
- Settings/Account/Credits/DSGVO-Pages — Phase 9 (Polish)
- Anki-Import — Phase 8

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Till 2026-05-08 16:52:31 +02:00
parent e3b3a2b478
commit 89a7a9250b
22 changed files with 1582 additions and 58 deletions
Download patch file Download diff file Expand all files Collapse all files

18
apps/api/src/index.ts
View file

@ -1,4 +1,5 @@
import { Hono } from 'hono'; import { Hono } from 'hono';
import { cors } from 'hono/cors';
import { manifestRoute } from './routes/manifest.ts'; import { manifestRoute } from './routes/manifest.ts';
import { healthRoute } from './routes/health.ts'; import { healthRoute } from './routes/health.ts';
@ -8,6 +9,23 @@ import { reviewsRouter } from './routes/reviews.ts';
const app = new Hono(); const app = new Hono();
app.use(
'*',
cors({
origin: (origin) => {
if (!origin) return origin;
// Dev: localhost-Ports erlaubt. Prod: explizite Whitelist.
if (/^https?:\/\/localhost(:\d+)?$/.test(origin)) return origin;
if (/^https?:\/\/127\.0\.0\.1(:\d+)?$/.test(origin)) return origin;
if (origin === 'https://cardecky.mana.how') return origin;
return null;
},
allowHeaders: ['Content-Type', 'X-User-Id', 'Authorization', 'X-Service-Key'],
allowMethods: ['GET', 'POST', 'PATCH', 'DELETE', 'OPTIONS'],
credentials: true,
})
);
app.route('/', healthRoute); app.route('/', healthRoute);
app.route('/.well-known/mana-app.json', manifestRoute); app.route('/.well-known/mana-app.json', manifestRoute);
app.route('/api/v1/decks', decksRouter()); app.route('/api/v1/decks', decksRouter());

7
apps/web/package.json
View file

@ -15,14 +15,19 @@
"clean": "rm -rf .svelte-kit build .turbo" "clean": "rm -rf .svelte-kit build .turbo"
}, },
"dependencies": { "dependencies": {
"@cards/domain": "workspace:*" "@cards/domain": "workspace:*",
"dompurify": "^3.4.2",
"marked": "^18.0.3"
}, },
"devDependencies": { "devDependencies": {
"@sveltejs/adapter-node": "^5.2.0", "@sveltejs/adapter-node": "^5.2.0",
"@sveltejs/kit": "^2.8.0", "@sveltejs/kit": "^2.8.0",
"@sveltejs/vite-plugin-svelte": "^4.0.0", "@sveltejs/vite-plugin-svelte": "^4.0.0",
"@tailwindcss/vite": "^4.2.4",
"@types/dompurify": "^3.2.0",
"svelte": "^5.0.0", "svelte": "^5.0.0",
"svelte-check": "^4.0.0", "svelte-check": "^4.0.0",
"tailwindcss": "^4.2.4",
"vite": "^5.4.0", "vite": "^5.4.0",
"vitest": "^2.1.0" "vitest": "^2.1.0"
} }

41
apps/web/src/app.css Normal file
View file

@ -0,0 +1,41 @@
@import 'tailwindcss';
@theme {
--color-bg: oklch(0.99 0.005 240);
--color-fg: oklch(0.20 0.02 240);
--color-muted: oklch(0.55 0.02 240);
--color-border: oklch(0.92 0.01 240);
--color-card: oklch(1 0 0);
--color-primary: oklch(0.55 0.15 250);
--color-primary-fg: oklch(1 0 0);
--color-success: oklch(0.6 0.15 145);
--color-warning: oklch(0.75 0.15 75);
--color-danger: oklch(0.55 0.18 25);
--font-sans:
ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}
@layer base {
html {
background-color: var(--color-bg);
color: var(--color-fg);
font-family: var(--font-sans);
}
body {
min-height: 100dvh;
}
}
@media (prefers-color-scheme: dark) {
@theme {
--color-bg: oklch(0.18 0.02 240);
--color-fg: oklch(0.95 0.01 240);
--color-muted: oklch(0.65 0.02 240);
--color-border: oklch(0.30 0.02 240);
--color-card: oklch(0.22 0.02 240);
--color-primary: oklch(0.70 0.18 250);
--color-primary-fg: oklch(0.18 0.02 240);
}
}

23
apps/web/src/lib/api/cards.ts Normal file
View file

@ -0,0 +1,23 @@
import type { Card, CardCreate, CardUpdate } from '@cards/domain';
import { api } from './client.ts';
export function listCards(deckId?: string) {
const qs = deckId ? `?deck_id=${encodeURIComponent(deckId)}` : '';
return api<{ cards: Card[]; total: number }>(`/api/v1/cards${qs}`);
}
export function getCard(id: string) {
return api<Card>(`/api/v1/cards/${id}`);
}
export function createCard(input: CardCreate) {
return api<Card>('/api/v1/cards', { method: 'POST', body: input });
}
export function updateCard(id: string, patch: CardUpdate) {
return api<Card>(`/api/v1/cards/${id}`, { method: 'PATCH', body: patch });
}
export function deleteCard(id: string) {
return api<{ deleted: string }>(`/api/v1/cards/${id}`, { method: 'DELETE' });
}

55
apps/web/src/lib/api/client.ts Normal file
View file

@ -0,0 +1,55 @@
/**
* Cards-API-Client. Dünner Fetch-Wrapper, der `X-User-Id`-Header aus
* dem Dev-Auth-Stub setzt. Phase 2 ersetzt das durch ein Bearer-Token
* aus @mana/shared-auth.
*/
import { devUser } from '$lib/auth/dev-stub.svelte.ts';
export const API_BASE = (() => {
if (typeof window !== 'undefined') {
return import.meta.env.PUBLIC_CARDS_API_URL ?? 'http://localhost:3081';
}
return process.env.CARDS_API_URL ?? 'http://localhost:3081';
})();
export class ApiError extends Error {
constructor(
readonly status: number,
readonly body: unknown,
message?: string
) {
super(message ?? `cards-api ${status}`);
}
}
type RequestOptions = {
method?: 'GET' | 'POST' | 'PATCH' | 'DELETE';
body?: unknown;
signal?: AbortSignal;
};
export async function api<T>(path: string, opts: RequestOptions = {}): Promise<T> {
const headers: Record<string, string> = {
'Content-Type': 'application/json',
};
if (devUser.id) {
headers['X-User-Id'] = devUser.id;
}
const res = await fetch(`${API_BASE}${path}`, {
method: opts.method ?? 'GET',
headers,
body: opts.body !== undefined ? JSON.stringify(opts.body) : undefined,
signal: opts.signal,
});
if (!res.ok) {
let body: unknown = null;
try {
body = await res.json();
} catch {
body = await res.text();
}
throw new ApiError(res.status, body);
}
return (await res.json()) as T;
}

22
apps/web/src/lib/api/decks.ts Normal file
View file

@ -0,0 +1,22 @@
import type { Deck, DeckCreate, DeckUpdate } from '@cards/domain';
import { api } from './client.ts';
export function listDecks() {
return api<{ decks: Deck[]; total: number }>('/api/v1/decks');
}
export function getDeck(id: string) {
return api<Deck>(`/api/v1/decks/${id}`);
}
export function createDeck(input: DeckCreate) {
return api<Deck>('/api/v1/decks', { method: 'POST', body: input });
}
export function updateDeck(id: string, patch: DeckUpdate) {
return api<Deck>(`/api/v1/decks/${id}`, { method: 'PATCH', body: patch });
}
export function deleteDeck(id: string) {
return api<{ deleted: string }>(`/api/v1/decks/${id}`, { method: 'DELETE' });
}

23
apps/web/src/lib/api/reviews.ts Normal file
View file

@ -0,0 +1,23 @@
import type { Card, Rating, Review } from '@cards/domain';
import { api } from './client.ts';
export type DueReview = Review & {
card?: Pick<Card, 'id' | 'deck_id' | 'type' | 'fields'>;
};
export function listDueReviews(opts: { deckId?: string; limit?: number } = {}) {
const params = new URLSearchParams();
if (opts.deckId) params.set('deck_id', opts.deckId);
if (opts.limit) params.set('limit', String(opts.limit));
const qs = params.toString();
return api<{ reviews: DueReview[]; total: number }>(
`/api/v1/reviews/due${qs ? `?${qs}` : ''}`
);
}
export function gradeReview(cardId: string, subIndex: number, rating: Rating) {
return api<Review>(`/api/v1/reviews/${cardId}/${subIndex}/grade`, {
method: 'POST',
body: { rating },
});
}

35
apps/web/src/lib/auth/dev-stub.svelte.ts Normal file
View file

@ -0,0 +1,35 @@
/**
* Dev-Auth-Stub. Phase 2 ersetzt diesen Layer durch echtes JWT-
* Handling via @mana/shared-auth gegen mana-auth.
*
* Für jetzt: User-ID lebt in sessionStorage und wird als
* `X-User-Id`-Header an cards-api geschickt.
*/
class DevUser {
id = $state<string | null>(null);
constructor() {
if (typeof window !== 'undefined') {
this.id = sessionStorage.getItem('cards.dev.userId');
}
}
set(userId: string) {
const trimmed = userId.trim();
if (!trimmed) return;
this.id = trimmed;
if (typeof window !== 'undefined') {
sessionStorage.setItem('cards.dev.userId', trimmed);
}
}
clear() {
this.id = null;
if (typeof window !== 'undefined') {
sessionStorage.removeItem('cards.dev.userId');
}
}
}
export const devUser = new DevUser();

53
apps/web/src/lib/components/Header.svelte Normal file
View file

@ -0,0 +1,53 @@
<script lang="ts">
import { page } from '$app/state';
import { devUser } from '$lib/auth/dev-stub.svelte.ts';
</script>
<header
class="sticky top-0 z-40 w-full border-b bg-[var(--color-card)] border-[var(--color-border)]"
>
<div class="mx-auto flex max-w-6xl items-center justify-between px-4 py-3">
<a href="/" class="flex items-center gap-2 font-semibold">
<span
class="inline-flex h-7 w-7 items-center justify-center rounded bg-[var(--color-primary)] text-[var(--color-primary-fg)] text-sm"
>
C
</span>
<span>Cards</span>
</a>
<nav class="flex items-center gap-6 text-sm">
<a
href="/decks"
class="hover:text-[var(--color-primary)]"
class:font-medium={page.url.pathname.startsWith('/decks')}>Decks</a
>
<a
href="/study"
class="hover:text-[var(--color-primary)]"
class:font-medium={page.url.pathname.startsWith('/study')}>Lernen</a
>
</nav>
<div class="flex items-center gap-3 text-sm">
{#if devUser.id}
<span class="text-[var(--color-muted)]"
>{devUser.id}
</span>
<button
class="rounded border px-2 py-1 text-xs hover:bg-[var(--color-border)] border-[var(--color-border)]"
onclick={() => devUser.clear()}
>
Logout (dev)
</button>
{:else}
<button
class="rounded bg-[var(--color-primary)] px-3 py-1 text-[var(--color-primary-fg)]"
onclick={() => devUser.set(prompt('User-ID (dev):') ?? '')}
>
Login (dev)
</button>
{/if}
</div>
</div>
</header>

25
apps/web/src/lib/components/ToastStack.svelte Normal file
View file

@ -0,0 +1,25 @@
<script lang="ts">
import { toasts } from '$lib/stores/toasts.svelte.ts';
</script>
{#if toasts.items.length > 0}
<div class="fixed bottom-4 right-4 z-50 flex flex-col gap-2">
{#each toasts.items as t (t.id)}
<div
class="flex items-start gap-3 rounded-lg px-4 py-3 shadow-lg max-w-sm border bg-[var(--color-card)] border-[var(--color-border)]"
class:text-[var(--color-success)]={t.kind === 'success'}
class:text-[var(--color-warning)]={t.kind === 'warning'}
class:text-[var(--color-danger)]={t.kind === 'error'}
>
<span class="flex-1 text-sm">{t.message}</span>
<button
class="text-[var(--color-muted)] hover:text-[var(--color-fg)] text-lg leading-none"
onclick={() => toasts.dismiss(t.id)}
aria-label="Schließen"
>
×
</button>
</div>
{/each}
</div>
{/if}

22
apps/web/src/lib/markdown.ts Normal file
View file

@ -0,0 +1,22 @@
import DOMPurify from 'dompurify';
import { marked } from 'marked';
marked.setOptions({
gfm: true,
breaks: true,
});
/**
* Markdown → HTML, sanitized via DOMPurify.
* Sicher gegen Stored-XSS aus User-Card-Inhalten.
*
* SSR-Hinweis: marked + DOMPurify müssen nur im Browser laufen
* (DOMPurify erwartet `window`). Aufrufer sind Card-Editor und
* Study-View, beide sind client-only.
*/
export function renderMarkdown(source: string): string {
if (!source) return '';
const html = marked.parse(source, { async: false }) as string;
if (typeof window === 'undefined') return html; // SSR-Fallback (selten Pfad)
return DOMPurify.sanitize(html);
}

44
apps/web/src/lib/stores/toasts.svelte.ts Normal file
View file

@ -0,0 +1,44 @@
/**
* Toast-Notifications. Svelte-5-Runes-Pattern: ein Modul-State,
* dessen Mutationen reaktiv von Components beobachtet werden.
*/
export type ToastKind = 'info' | 'success' | 'warning' | 'error';
export type Toast = {
id: string;
kind: ToastKind;
message: string;
expires_at: number;
};
class ToastStore {
items = $state<Toast[]>([]);
private nextId = 1;
push(kind: ToastKind, message: string, durationMs = 4000) {
const id = `t-${this.nextId++}`;
const t: Toast = { id, kind, message, expires_at: Date.now() + durationMs };
this.items.push(t);
setTimeout(() => this.dismiss(id), durationMs);
}
dismiss(id: string) {
this.items = this.items.filter((t) => t.id !== id);
}
info(msg: string) {
this.push('info', msg);
}
success(msg: string) {
this.push('success', msg);
}
warning(msg: string) {
this.push('warning', msg);
}
error(msg: string) {
this.push('error', msg);
}
}
export const toasts = new ToastStore();

21
apps/web/src/routes/+layout.svelte
View file

@ -1,20 +1,15 @@
<script lang="ts"> <script lang="ts">
import '../app.css';
import Header from '$lib/components/Header.svelte';
import ToastStack from '$lib/components/ToastStack.svelte';
let { children } = $props(); let { children } = $props();
</script> </script>
<main> <Header />
<main class="mx-auto max-w-6xl px-4 py-8">
{@render children?.()} {@render children?.()}
</main> </main>
<style> <ToastStack />
main {
font-family:
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
sans-serif;
max-width: 64rem;
margin: 0 auto;
padding: 2rem 1rem;
}
</style>

61
apps/web/src/routes/+page.svelte
View file

@ -1,16 +1,51 @@
<script lang="ts"> <script lang="ts">
// Phase-0-Skelett. Sobald Auth-Föderation steht (Phase 2), import { onMount } from 'svelte';
// redirected diese Seite zu /(app) für eingeloggte User import { goto } from '$app/navigation';
// und zu auth.mana.how/login für anonyme. import { devUser } from '$lib/auth/dev-stub.svelte.ts';
onMount(() => {
if (devUser.id) goto('/decks');
});
</script> </script>
<h1>Cards</h1> <div class="mx-auto max-w-2xl py-12 text-center">
<p> <h1 class="text-3xl font-semibold">Cards</h1>
Karteikarten-App des Vereins <strong>mana e.V.</strong> <p class="mt-2 text-[var(--color-muted)]">
— Phase 0, Repo-Skelett. Karteikarten-App des Vereins <strong>mana e.V.</strong>
</p> </p>
<p>
Plan: <a href="https://github.com/mana-ev/mana/blob/main/docs/playbooks/CARDS_GREENFIELD.md"> {#if !devUser.id}
CARDS_GREENFIELD.md <div
</a> class="mt-8 rounded-lg border bg-[var(--color-card)] border-[var(--color-border)] p-6 text-left"
</p> >
<h2 class="text-lg font-medium">Phase 0 — Dev-Login</h2>
<p class="mt-1 text-sm text-[var(--color-muted)]">
Bevor mana-auth-Föderation steht (Phase 2), schaltet ein Dev-Stub den Login frei.
Trag eine User-ID ein (z.B. <code>u-test-1</code>).
</p>
<form
class="mt-4 flex gap-2"
onsubmit={(e) => {
e.preventDefault();
const fd = new FormData(e.currentTarget as HTMLFormElement);
const id = String(fd.get('user_id') ?? '').trim();
if (id) {
devUser.set(id);
goto('/decks');
}
}}
>
<input
name="user_id"
placeholder="u-test-1"
class="flex-1 rounded border bg-[var(--color-bg)] border-[var(--color-border)] px-3 py-2 text-sm"
required
/>
<button
class="rounded bg-[var(--color-primary)] px-4 py-2 text-sm text-[var(--color-primary-fg)]"
type="submit">Weiter</button
>
</form>
</div>
{/if}
</div>

153
apps/web/src/routes/cards/new/+page.svelte Normal file
View file

@ -0,0 +1,153 @@
<script lang="ts">
import { onMount } from 'svelte';
import { goto } from '$app/navigation';
import { page } from '$app/state';
import type { CardType } from '@cards/domain';
import { createCard } from '$lib/api/cards.ts';
import { listDecks, getDeck } from '$lib/api/decks.ts';
import { devUser } from '$lib/auth/dev-stub.svelte.ts';
import { renderMarkdown } from '$lib/markdown.ts';
import { toasts } from '$lib/stores/toasts.svelte.ts';
type DeckLite = { id: string; name: string };
let deckId = $state(page.url.searchParams.get('deck') ?? '');
let decks = $state<DeckLite[]>([]);
let cardType = $state<CardType>('basic');
let front = $state('');
let back = $state('');
let saving = $state(false);
const frontHtml = $derived(renderMarkdown(front));
const backHtml = $derived(renderMarkdown(back));
onMount(async () => {
if (!devUser.id) {
goto('/');
return;
}
try {
const r = await listDecks();
decks = r.decks.map((d) => ({ id: d.id, name: d.name }));
if (!deckId && decks.length > 0) {
deckId = decks[0].id;
} else if (deckId) {
// Verify deck exists for current user
try {
await getDeck(deckId);
} catch {
deckId = decks[0]?.id ?? '';
}
}
} catch (e) {
toasts.error(`Decks konnten nicht geladen werden: ${(e as Error).message}`);
}
});
async function onSubmit(e: SubmitEvent) {
e.preventDefault();
if (!deckId || !front.trim() || !back.trim()) return;
saving = true;
try {
const card = await createCard({
deck_id: deckId,
type: cardType,
fields: { front: front.trim(), back: back.trim() },
});
toasts.success(
cardType === 'basic-reverse' ? '2 Reviews initialisiert (front→back, back→front)' : 'Karte angelegt'
);
goto(`/decks/${card.deck_id}`);
} catch (e) {
toasts.error(`Anlegen fehlgeschlagen: ${(e as Error).message}`);
saving = false;
}
}
</script>
<a href={deckId ? `/decks/${deckId}` : '/decks'} class="text-sm text-[var(--color-muted)] hover:text-[var(--color-fg)]"
>← Zurück</a
>
<h1 class="mt-2 text-2xl font-semibold">Neue Karte</h1>
<form class="mt-6 space-y-5" onsubmit={onSubmit}>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
<label class="block">
<span class="text-sm font-medium">Deck</span>
<select
bind:value={deckId}
required
class="mt-1 block w-full rounded border bg-[var(--color-card)] border-[var(--color-border)] px-3 py-2 text-sm"
>
{#each decks as d}
<option value={d.id}>{d.name}</option>
{/each}
</select>
</label>
<label class="block">
<span class="text-sm font-medium">Typ</span>
<select
bind:value={cardType}
class="mt-1 block w-full rounded border bg-[var(--color-card)] border-[var(--color-border)] px-3 py-2 text-sm"
>
<option value="basic">Basic (front → back)</option>
<option value="basic-reverse">Basic + Reverse (front ↔ back, 2 Reviews)</option>
</select>
</label>
</div>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2">
<div>
<label class="block">
<span class="text-sm font-medium">Vorderseite (Markdown)</span>
<textarea
bind:value={front}
required
rows="8"
placeholder="# Markdown ist erlaubt&#10;**fett**, _kursiv_, `code`"
class="mt-1 block w-full rounded border bg-[var(--color-card)] border-[var(--color-border)] px-3 py-2 font-mono text-sm"
></textarea>
</label>
{#if front.trim()}
<div class="mt-2 rounded border border-[var(--color-border)] bg-[var(--color-card)] p-3 text-sm">
<div class="mb-1 text-xs uppercase text-[var(--color-muted)]">Vorschau</div>
<div class="prose prose-sm max-w-none">{@html frontHtml}</div>
</div>
{/if}
</div>
<div>
<label class="block">
<span class="text-sm font-medium">Rückseite (Markdown)</span>
<textarea
bind:value={back}
required
rows="8"
placeholder="Antwort"
class="mt-1 block w-full rounded border bg-[var(--color-card)] border-[var(--color-border)] px-3 py-2 font-mono text-sm"
></textarea>
</label>
{#if back.trim()}
<div class="mt-2 rounded border border-[var(--color-border)] bg-[var(--color-card)] p-3 text-sm">
<div class="mb-1 text-xs uppercase text-[var(--color-muted)]">Vorschau</div>
<div class="prose prose-sm max-w-none">{@html backHtml}</div>
</div>
{/if}
</div>
</div>
<div class="flex items-center gap-3">
<button
type="submit"
disabled={saving || !deckId || !front.trim() || !back.trim()}
class="rounded bg-[var(--color-primary)] px-4 py-2 text-sm text-[var(--color-primary-fg)] disabled:opacity-50"
>
{saving ? 'Speichere…' : 'Karte anlegen'}
</button>
<a
href={deckId ? `/decks/${deckId}` : '/decks'}
class="text-sm text-[var(--color-muted)] hover:text-[var(--color-fg)]">Abbrechen</a
>
</div>
</form>

105
apps/web/src/routes/decks/+page.svelte Normal file
View file

@ -0,0 +1,105 @@
<script lang="ts">
import { onMount } from 'svelte';
import { goto } from '$app/navigation';
import type { Deck } from '@cards/domain';
import { listDecks, deleteDeck } from '$lib/api/decks.ts';
import { devUser } from '$lib/auth/dev-stub.svelte.ts';
import { toasts } from '$lib/stores/toasts.svelte.ts';
let decks = $state<Deck[]>([]);
let loading = $state(true);
let error = $state<string | null>(null);
onMount(async () => {
if (!devUser.id) {
goto('/');
return;
}
await refresh();
});
async function refresh() {
try {
loading = true;
const r = await listDecks();
decks = r.decks;
error = null;
} catch (e) {
error = (e as Error).message;
} finally {
loading = false;
}
}
async function onDelete(id: string, name: string) {
if (!confirm(`Deck "${name}" wirklich löschen? Alle Karten + Review-Daten gehen verloren.`)) {
return;
}
try {
await deleteDeck(id);
toasts.success(`Deck "${name}" gelöscht`);
await refresh();
} catch (e) {
toasts.error(`Löschen fehlgeschlagen: ${(e as Error).message}`);
}
}
</script>
<div class="flex items-center justify-between">
<h1 class="text-2xl font-semibold">Decks</h1>
<a
href="/decks/new"
class="rounded bg-[var(--color-primary)] px-4 py-2 text-sm text-[var(--color-primary-fg)]"
>Neues Deck</a
>
</div>
{#if loading}
<p class="mt-8 text-[var(--color-muted)]">Lade…</p>
{:else if error}
<p class="mt-8 text-[var(--color-danger)]">Fehler: {error}</p>
{:else if decks.length === 0}
<div
class="mt-8 rounded-lg border border-dashed border-[var(--color-border)] p-12 text-center"
>
<p class="text-[var(--color-muted)]">Noch keine Decks.</p>
<a href="/decks/new" class="mt-4 inline-block text-[var(--color-primary)] hover:underline"
>Erstes Deck anlegen →</a
>
</div>
{:else}
<ul class="mt-6 grid gap-3 sm:grid-cols-2 lg:grid-cols-3">
{#each decks as deck (deck.id)}
<li
class="group relative rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-4 hover:border-[var(--color-primary)]"
>
<a href="/decks/{deck.id}" class="block">
<div class="flex items-start gap-3">
{#if deck.color}
<span
class="mt-1 h-3 w-3 shrink-0 rounded-full"
style="background:{deck.color}"
></span>
{/if}
<div class="min-w-0 flex-1">
<h2 class="truncate font-medium">{deck.name}</h2>
{#if deck.description}
<p class="mt-1 line-clamp-2 text-sm text-[var(--color-muted)]">
{deck.description}
</p>
{/if}
</div>
</div>
</a>
<button
class="absolute right-2 top-2 hidden rounded p-1 text-[var(--color-muted)] hover:bg-[var(--color-border)] hover:text-[var(--color-danger)] group-hover:block"
onclick={() => onDelete(deck.id, deck.name)}
aria-label="Deck löschen"
title="Deck löschen"
>
🗑
</button>
</li>
{/each}
</ul>
{/if}

146
apps/web/src/routes/decks/[id]/+page.svelte Normal file
View file

@ -0,0 +1,146 @@
<script lang="ts">
import { onMount } from 'svelte';
import { page } from '$app/state';
import { goto } from '$app/navigation';
import type { Card, Deck } from '@cards/domain';
import { getDeck } from '$lib/api/decks.ts';
import { listCards, deleteCard } from '$lib/api/cards.ts';
import { listDueReviews } from '$lib/api/reviews.ts';
import { devUser } from '$lib/auth/dev-stub.svelte.ts';
import { toasts } from '$lib/stores/toasts.svelte.ts';
let deck = $state<Deck | null>(null);
let cards = $state<Card[]>([]);
let dueCount = $state(0);
let loading = $state(true);
let error = $state<string | null>(null);
const deckId = $derived(page.params.id ?? '');
onMount(async () => {
if (!devUser.id) {
goto('/');
return;
}
await refresh();
});
async function refresh() {
try {
loading = true;
const [d, c, due] = await Promise.all([
getDeck(deckId),
listCards(deckId),
listDueReviews({ deckId, limit: 500 }),
]);
deck = d;
cards = c.cards;
dueCount = due.total;
error = null;
} catch (e) {
error = (e as Error).message;
} finally {
loading = false;
}
}
async function onDeleteCard(id: string) {
if (!confirm('Karte wirklich löschen?')) return;
try {
await deleteCard(id);
toasts.success('Karte gelöscht');
await refresh();
} catch (e) {
toasts.error(`Löschen fehlgeschlagen: ${(e as Error).message}`);
}
}
</script>
{#if loading}
<p class="text-[var(--color-muted)]">Lade…</p>
{:else if error}
<p class="text-[var(--color-danger)]">Fehler: {error}</p>
{:else if deck}
<a href="/decks" class="text-sm text-[var(--color-muted)] hover:text-[var(--color-fg)]"
>← Decks</a
>
<div class="mt-2 flex flex-wrap items-center justify-between gap-4">
<div class="flex items-center gap-3">
{#if deck.color}
<span class="h-4 w-4 rounded-full" style="background:{deck.color}"></span>
{/if}
<h1 class="text-2xl font-semibold">{deck.name}</h1>
</div>
<div class="flex gap-2">
<a
href="/cards/new?deck={deck.id}"
class="rounded border border-[var(--color-border)] px-3 py-2 text-sm hover:border-[var(--color-primary)]"
>
+ Karte
</a>
{#if dueCount > 0}
<a
href="/study/{deck.id}"
class="rounded bg-[var(--color-primary)] px-4 py-2 text-sm text-[var(--color-primary-fg)]"
>
Lernen ({dueCount} fällig)
</a>
{:else}
<button
disabled
class="rounded bg-[var(--color-muted)] px-4 py-2 text-sm text-[var(--color-bg)] opacity-50"
title="Keine Karten fällig"
>
Lernen
</button>
{/if}
</div>
</div>
{#if deck.description}
<p class="mt-2 text-[var(--color-muted)]">{deck.description}</p>
{/if}
<div class="mt-2 text-sm text-[var(--color-muted)]">
{cards.length} Karte{cards.length === 1 ? '' : 'n'} · {dueCount} fällig
</div>
{#if cards.length === 0}
<div
class="mt-8 rounded-lg border border-dashed border-[var(--color-border)] p-12 text-center"
>
<p class="text-[var(--color-muted)]">Noch keine Karten in diesem Deck.</p>
<a
href="/cards/new?deck={deck.id}"
class="mt-4 inline-block text-[var(--color-primary)] hover:underline"
>Erste Karte anlegen →</a
>
</div>
{:else}
<ul class="mt-6 divide-y divide-[var(--color-border)] rounded-lg border border-[var(--color-border)] bg-[var(--color-card)]">
{#each cards as card (card.id)}
<li class="group flex items-start justify-between gap-4 px-4 py-3">
<div class="min-w-0 flex-1">
<div class="flex items-center gap-2">
<span
class="rounded bg-[var(--color-border)] px-2 py-0.5 text-xs text-[var(--color-muted)]"
>{card.type}</span>
</div>
<p class="mt-1 truncate text-sm">
<span class="font-medium">{card.fields.front ?? '(leer)'}</span>
<span class="text-[var(--color-muted)]"> → {card.fields.back ?? '(leer)'}</span>
</p>
</div>
<button
class="opacity-0 group-hover:opacity-100 text-sm text-[var(--color-muted)] hover:text-[var(--color-danger)]"
onclick={() => onDeleteCard(card.id)}
aria-label="Karte löschen"
>
Löschen
</button>
</li>
{/each}
</ul>
{/if}
{/if}

81
apps/web/src/routes/decks/new/+page.svelte Normal file
View file

@ -0,0 +1,81 @@
<script lang="ts">
import { goto } from '$app/navigation';
import { createDeck } from '$lib/api/decks.ts';
import { toasts } from '$lib/stores/toasts.svelte.ts';
let name = $state('');
let description = $state('');
let color = $state('#0088ff');
let saving = $state(false);
async function onSubmit(e: SubmitEvent) {
e.preventDefault();
if (!name.trim()) return;
saving = true;
try {
const deck = await createDeck({
name: name.trim(),
description: description.trim() || undefined,
color,
});
toasts.success(`Deck "${deck.name}" angelegt`);
goto(`/decks/${deck.id}`);
} catch (e) {
toasts.error(`Anlegen fehlgeschlagen: ${(e as Error).message}`);
saving = false;
}
}
</script>
<div class="mx-auto max-w-xl">
<a href="/decks" class="text-sm text-[var(--color-muted)] hover:text-[var(--color-fg)]"
>← Zurück</a
>
<h1 class="mt-2 text-2xl font-semibold">Neues Deck</h1>
<form class="mt-6 space-y-4" onsubmit={onSubmit}>
<label class="block">
<span class="text-sm font-medium">Name</span>
<input
bind:value={name}
required
maxlength="200"
placeholder="z.B. Konfuzius-Zitate"
class="mt-1 block w-full rounded border bg-[var(--color-card)] border-[var(--color-border)] px-3 py-2 text-sm"
/>
</label>
<label class="block">
<span class="text-sm font-medium">Beschreibung</span>
<textarea
bind:value={description}
maxlength="2000"
rows="3"
placeholder="Optional"
class="mt-1 block w-full rounded border bg-[var(--color-card)] border-[var(--color-border)] px-3 py-2 text-sm"
></textarea>
</label>
<label class="block">
<span class="text-sm font-medium">Farbe</span>
<input
type="color"
bind:value={color}
class="mt-1 h-10 w-20 rounded border border-[var(--color-border)] bg-transparent"
/>
</label>
<div class="flex items-center gap-3">
<button
type="submit"
disabled={saving || !name.trim()}
class="rounded bg-[var(--color-primary)] px-4 py-2 text-sm text-[var(--color-primary-fg)] disabled:opacity-50"
>
{saving ? 'Speichere…' : 'Deck anlegen'}
</button>
<a href="/decks" class="text-sm text-[var(--color-muted)] hover:text-[var(--color-fg)]"
>Abbrechen</a
>
</div>
</form>
</div>

70
apps/web/src/routes/study/+page.svelte Normal file
View file

@ -0,0 +1,70 @@
<script lang="ts">
import { onMount } from 'svelte';
import { goto } from '$app/navigation';
import type { Deck } from '@cards/domain';
import { listDecks } from '$lib/api/decks.ts';
import { listDueReviews } from '$lib/api/reviews.ts';
import { devUser } from '$lib/auth/dev-stub.svelte.ts';
type Item = { deck: Deck; due: number };
let items = $state<Item[]>([]);
let loading = $state(true);
onMount(async () => {
if (!devUser.id) {
goto('/');
return;
}
const r = await listDecks();
const counts = await Promise.all(
r.decks.map(async (d) => {
try {
const due = await listDueReviews({ deckId: d.id, limit: 1 });
// limit=1 gibt total zurück (alle fälligen, gecappt nur an results-Größe)
// für korrekte Counts müssen wir ohne Limit fragen — pragmatisch:
const all = await listDueReviews({ deckId: d.id, limit: 500 });
return { deck: d, due: all.total };
} catch {
return { deck: d, due: 0 };
}
})
);
items = counts;
loading = false;
});
</script>
<h1 class="text-2xl font-semibold">Lernen</h1>
{#if loading}
<p class="mt-8 text-[var(--color-muted)]">Lade…</p>
{:else}
<ul class="mt-6 space-y-2">
{#each items as it (it.deck.id)}
<li
class="flex items-center justify-between rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] px-4 py-3"
>
<div class="flex items-center gap-3 min-w-0">
{#if it.deck.color}
<span class="h-3 w-3 rounded-full" style="background:{it.deck.color}"></span>
{/if}
<span class="truncate font-medium">{it.deck.name}</span>
<span class="text-sm text-[var(--color-muted)]">
{it.due} fällig
</span>
</div>
{#if it.due > 0}
<a
href="/study/{it.deck.id}"
class="rounded bg-[var(--color-primary)] px-3 py-1.5 text-sm text-[var(--color-primary-fg)]"
>
Starten
</a>
{:else}
<span class="text-sm text-[var(--color-muted)]">—</span>
{/if}
</li>
{/each}
</ul>
{/if}

220
apps/web/src/routes/study/[deckId]/+page.svelte Normal file
View file

@ -0,0 +1,220 @@
<script lang="ts">
import { onMount, onDestroy } from 'svelte';
import { page } from '$app/state';
import { goto } from '$app/navigation';
import type { Rating } from '@cards/domain';
import { getDeck } from '$lib/api/decks.ts';
import { listDueReviews, gradeReview, type DueReview } from '$lib/api/reviews.ts';
import { devUser } from '$lib/auth/dev-stub.svelte.ts';
import { renderMarkdown } from '$lib/markdown.ts';
import { toasts } from '$lib/stores/toasts.svelte.ts';
const deckId = $derived(page.params.deckId ?? '');
let deckName = $state('');
let queue = $state<DueReview[]>([]);
let queueIndex = $state(0);
let revealed = $state(false);
let loading = $state(true);
let busy = $state(false);
let stats = $state({ reviewed: 0, again: 0 });
const current = $derived(queue[queueIndex]);
const isDone = $derived(!loading && queueIndex >= queue.length);
const promptMarkdown = $derived.by(() => {
const c = current;
if (!c?.card) return '';
const subIndex = c.sub_index;
const fields = c.card.fields as Record<string, string>;
switch (c.card.type) {
case 'basic':
return fields.front ?? '';
case 'basic-reverse':
return subIndex === 0 ? (fields.front ?? '') : (fields.back ?? '');
default:
return fields.front ?? '';
}
});
const answerMarkdown = $derived.by(() => {
const c = current;
if (!c?.card) return '';
const subIndex = c.sub_index;
const fields = c.card.fields as Record<string, string>;
switch (c.card.type) {
case 'basic':
return fields.back ?? '';
case 'basic-reverse':
return subIndex === 0 ? (fields.back ?? '') : (fields.front ?? '');
default:
return fields.back ?? '';
}
});
const promptHtml = $derived(renderMarkdown(promptMarkdown));
const answerHtml = $derived(renderMarkdown(answerMarkdown));
onMount(async () => {
if (!devUser.id) {
goto('/');
return;
}
try {
const [d, due] = await Promise.all([
getDeck(deckId),
listDueReviews({ deckId, limit: 200 }),
]);
deckName = d.name;
queue = due.reviews;
} catch (e) {
toasts.error(`Sitzung konnte nicht geladen werden: ${(e as Error).message}`);
goto('/study');
return;
}
loading = false;
window.addEventListener('keydown', onKey);
});
onDestroy(() => {
if (typeof window !== 'undefined') {
window.removeEventListener('keydown', onKey);
}
});
function onKey(e: KeyboardEvent) {
const target = e.target as HTMLElement | null;
if (target && (target.tagName === 'INPUT' || target.tagName === 'TEXTAREA')) return;
if (busy || isDone) return;
if (!revealed) {
if (e.key === ' ' || e.key === 'Enter') {
e.preventDefault();
revealed = true;
}
return;
}
if (e.key === '1') return grade('again');
if (e.key === '2') return grade('hard');
if (e.key === '3' || e.key === ' ' || e.key === 'Enter') return grade('good');
if (e.key === '4') return grade('easy');
}
async function grade(rating: Rating) {
const c = current;
if (!c || busy) return;
busy = true;
try {
await gradeReview(c.card_id, c.sub_index, rating);
stats.reviewed += 1;
if (rating === 'again') stats.again += 1;
queueIndex += 1;
revealed = false;
} catch (e) {
toasts.error(`Speichern fehlgeschlagen: ${(e as Error).message}`);
} finally {
busy = false;
}
}
</script>
<div class="mx-auto max-w-2xl">
<a href="/study" class="text-sm text-[var(--color-muted)] hover:text-[var(--color-fg)]">← Lernen</a>
<h1 class="mt-2 text-xl font-semibold">{deckName}</h1>
<p class="mt-1 text-sm text-[var(--color-muted)]">
{#if !loading && !isDone}
{queueIndex + 1} / {queue.length}
{/if}
</p>
{#if loading}
<p class="mt-12 text-center text-[var(--color-muted)]">Lade Sitzung…</p>
{:else if queue.length === 0}
<div class="mt-12 rounded-lg border border-dashed border-[var(--color-border)] p-12 text-center">
<p>Keine Karten fällig in diesem Deck. 🎉</p>
<a href="/decks/{deckId}" class="mt-4 inline-block text-[var(--color-primary)] hover:underline">
Zurück zum Deck →
</a>
</div>
{:else if isDone}
<div class="mt-12 rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-12 text-center">
<h2 class="text-xl">Sitzung abgeschlossen</h2>
<p class="mt-2 text-[var(--color-muted)]">
{stats.reviewed} Reviews erledigt · {stats.again}× nochmal
</p>
<div class="mt-6 flex justify-center gap-3">
<a href="/decks/{deckId}" class="rounded border border-[var(--color-border)] px-4 py-2 text-sm">
Zurück zum Deck
</a>
<a
href="/study/{deckId}"
class="rounded bg-[var(--color-primary)] px-4 py-2 text-sm text-[var(--color-primary-fg)]"
>
Erneut prüfen
</a>
</div>
</div>
{:else}
<article
class="mt-6 rounded-lg border border-[var(--color-border)] bg-[var(--color-card)] p-8"
>
<div class="prose prose-lg max-w-none">{@html promptHtml}</div>
{#if revealed}
<hr class="my-6 border-[var(--color-border)]" />
<div class="prose prose-lg max-w-none">{@html answerHtml}</div>
{/if}
</article>
{#if !revealed}
<div class="mt-6 flex justify-center">
<button
onclick={() => (revealed = true)}
class="rounded bg-[var(--color-primary)] px-6 py-3 text-sm text-[var(--color-primary-fg)]"
>
Antwort zeigen <kbd class="ml-2 text-xs opacity-70">Space</kbd>
</button>
</div>
{:else}
<div class="mt-6 grid grid-cols-4 gap-2">
<button
onclick={() => grade('again')}
disabled={busy}
class="flex flex-col items-center gap-1 rounded border border-[var(--color-danger)] bg-[var(--color-card)] px-3 py-3 text-sm disabled:opacity-50"
>
<span>Nochmal</span>
<kbd class="text-xs text-[var(--color-muted)]">1</kbd>
</button>
<button
onclick={() => grade('hard')}
disabled={busy}
class="flex flex-col items-center gap-1 rounded border border-[var(--color-border)] bg-[var(--color-card)] px-3 py-3 text-sm disabled:opacity-50"
>
<span>Schwer</span>
<kbd class="text-xs text-[var(--color-muted)]">2</kbd>
</button>
<button
onclick={() => grade('good')}
disabled={busy}
class="flex flex-col items-center gap-1 rounded border border-[var(--color-primary)] bg-[var(--color-primary)] px-3 py-3 text-sm text-[var(--color-primary-fg)] disabled:opacity-50"
>
<span>Gut</span>
<kbd class="text-xs opacity-70">3</kbd>
</button>
<button
onclick={() => grade('easy')}
disabled={busy}
class="flex flex-col items-center gap-1 rounded border border-[var(--color-success)] bg-[var(--color-card)] px-3 py-3 text-sm disabled:opacity-50"
>
<span>Leicht</span>
<kbd class="text-xs text-[var(--color-muted)]">4</kbd>
</button>
</div>
{/if}
<p class="mt-6 text-center text-xs text-[var(--color-muted)]">
Hotkeys: <kbd>Space</kbd>/<kbd>Enter</kbd> = aufdecken &amp; gut · <kbd>1</kbd>–<kbd>4</kbd> = bewerten
</p>
{/if}
</div>

3
apps/web/vite.config.ts
View file

@ -1,8 +1,9 @@
import { sveltekit } from '@sveltejs/kit/vite'; import { sveltekit } from '@sveltejs/kit/vite';
import tailwindcss from '@tailwindcss/vite';
import { defineConfig } from 'vite'; import { defineConfig } from 'vite';
export default defineConfig({ export default defineConfig({
plugins: [sveltekit()], plugins: [tailwindcss(), sveltekit()],
server: { server: {
port: Number(process.env.CARDS_WEB_PORT ?? 3082), port: Number(process.env.CARDS_WEB_PORT ?? 3082),
host: true, host: true,

412
pnpm-lock.yaml generated
View file

@ -53,35 +53,50 @@ importers:
version: 0.30.6 version: 0.30.6
vitest: vitest:
specifier: ^2.1.0 specifier: ^2.1.0
version: 2.1.9(@types/node@22.19.18) version: 2.1.9(@types/node@22.19.18)(lightningcss@1.32.0)
apps/web: apps/web:
dependencies: dependencies:
'@cards/domain': '@cards/domain':
specifier: workspace:* specifier: workspace:*
version: link:../../packages/cards-domain version: link:../../packages/cards-domain
dompurify:
specifier: ^3.4.2
version: 3.4.2
marked:
specifier: ^18.0.3
version: 18.0.3
devDependencies: devDependencies:
'@sveltejs/adapter-node': '@sveltejs/adapter-node':
specifier: ^5.2.0 specifier: ^5.2.0
version: 5.5.4(@sveltejs/kit@2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18))) version: 5.5.4(@sveltejs/kit@2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))
'@sveltejs/kit': '@sveltejs/kit':
specifier: ^2.8.0 specifier: ^2.8.0
version: 2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18)) version: 2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
'@sveltejs/vite-plugin-svelte': '@sveltejs/vite-plugin-svelte':
specifier: ^4.0.0 specifier: ^4.0.0
version: 4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)) version: 4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
'@tailwindcss/vite':
specifier: ^4.2.4
version: 4.2.4(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
'@types/dompurify':
specifier: ^3.2.0
version: 3.2.0
svelte: svelte:
specifier: ^5.0.0 specifier: ^5.0.0
version: 5.55.5 version: 5.55.5
svelte-check: svelte-check:
specifier: ^4.0.0 specifier: ^4.0.0
version: 4.4.8(picomatch@4.0.4)(svelte@5.55.5)(typescript@5.9.3) version: 4.4.8(picomatch@4.0.4)(svelte@5.55.5)(typescript@5.9.3)
tailwindcss:
specifier: ^4.2.4
version: 4.2.4
vite: vite:
specifier: ^5.4.0 specifier: ^5.4.0
version: 5.4.21(@types/node@22.19.18) version: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
vitest: vitest:
specifier: ^2.1.0 specifier: ^2.1.0
version: 2.1.9(@types/node@22.19.18) version: 2.1.9(@types/node@22.19.18)(lightningcss@1.32.0)
packages/cards-domain: packages/cards-domain:
dependencies: dependencies:
@ -94,7 +109,7 @@ importers:
devDependencies: devDependencies:
vitest: vitest:
specifier: ^2.1.0 specifier: ^2.1.0
version: 2.1.9(@types/node@22.19.18) version: 2.1.9(@types/node@22.19.18)(lightningcss@1.32.0)
packages: packages:
@ -744,6 +759,96 @@ packages:
svelte: ^5.0.0-next.96 || ^5.0.0 svelte: ^5.0.0-next.96 || ^5.0.0
vite: ^5.0.0 vite: ^5.0.0
'@tailwindcss/node@4.2.4':
resolution: {integrity: sha512-Ai7+yQPxz3ddrDQzFfBKdHEVBg0w3Zl83jnjuwxnZOsnH9pGn93QHQtpU0p/8rYWxvbFZHneni6p1BSLK4DkGA==}
'@tailwindcss/oxide-android-arm64@4.2.4':
resolution: {integrity: sha512-e7MOr1SAn9U8KlZzPi1ZXGZHeC5anY36qjNwmZv9pOJ8E4Q6jmD1vyEHkQFmNOIN7twGPEMXRHmitN4zCMN03g==}
engines: {node: '>= 20'}
cpu: [arm64]
os: [android]
'@tailwindcss/oxide-darwin-arm64@4.2.4':
resolution: {integrity: sha512-tSC/Kbqpz/5/o/C2sG7QvOxAKqyd10bq+ypZNf+9Fi2TvbVbv1zNpcEptcsU7DPROaSbVgUXmrzKhurFvo5eDg==}
engines: {node: '>= 20'}
cpu: [arm64]
os: [darwin]
'@tailwindcss/oxide-darwin-x64@4.2.4':
resolution: {integrity: sha512-yPyUXn3yO/ufR6+Kzv0t4fCg2qNr90jxXc5QqBpjlPNd0NqyDXcmQb/6weunH/MEDXW5dhyEi+agTDiqa3WsGg==}
engines: {node: '>= 20'}
cpu: [x64]
os: [darwin]
'@tailwindcss/oxide-freebsd-x64@4.2.4':
resolution: {integrity: sha512-BoMIB4vMQtZsXdGLVc2z+P9DbETkiopogfWZKbWwM8b/1Vinbs4YcUwo+kM/KeLkX3Ygrf4/PsRndKaYhS8Eiw==}
engines: {node: '>= 20'}
cpu: [x64]
os: [freebsd]
'@tailwindcss/oxide-linux-arm-gnueabihf@4.2.4':
resolution: {integrity: sha512-7pIHBLTHYRAlS7V22JNuTh33yLH4VElwKtB3bwchK/UaKUPpQ0lPQiOWcbm4V3WP2I6fNIJ23vABIvoy2izdwA==}
engines: {node: '>= 20'}
cpu: [arm]
os: [linux]
'@tailwindcss/oxide-linux-arm64-gnu@4.2.4':
resolution: {integrity: sha512-+E4wxJ0ZGOzSH325reXTWB48l42i93kQqMvDyz5gqfRzRZ7faNhnmvlV4EPGJU3QJM/3Ab5jhJ5pCRUsKn6OQw==}
engines: {node: '>= 20'}
cpu: [arm64]
os: [linux]
'@tailwindcss/oxide-linux-arm64-musl@4.2.4':
resolution: {integrity: sha512-bBADEGAbo4ASnppIziaQJelekCxdMaxisrk+fB7Thit72IBnALp9K6ffA2G4ruj90G9XRS2VQ6q2bCKbfFV82g==}
engines: {node: '>= 20'}
cpu: [arm64]
os: [linux]
'@tailwindcss/oxide-linux-x64-gnu@4.2.4':
resolution: {integrity: sha512-7Mx25E4WTfnht0TVRTyC00j3i0M+EeFe7wguMDTlX4mRxafznw0CA8WJkFjWYH5BlgELd1kSjuU2JiPnNZbJDA==}
engines: {node: '>= 20'}
cpu: [x64]
os: [linux]
'@tailwindcss/oxide-linux-x64-musl@4.2.4':
resolution: {integrity: sha512-2wwJRF7nyhOR0hhHoChc04xngV3iS+akccHTGtz965FwF0up4b2lOdo6kI1EbDaEXKgvcrFBYcYQQ/rrnWFVfA==}
engines: {node: '>= 20'}
cpu: [x64]
os: [linux]
'@tailwindcss/oxide-wasm32-wasi@4.2.4':
resolution: {integrity: sha512-FQsqApeor8Fo6gUEklzmaa9994orJZZDBAlQpK2Mq+DslRKFJeD6AjHpBQ0kZFQohVr8o85PPh8eOy86VlSCmw==}
engines: {node: '>=14.0.0'}
cpu: [wasm32]
bundledDependencies:
- '@napi-rs/wasm-runtime'
- '@emnapi/core'
- '@emnapi/runtime'
- '@tybys/wasm-util'
- '@emnapi/wasi-threads'
- tslib
'@tailwindcss/oxide-win32-arm64-msvc@4.2.4':
resolution: {integrity: sha512-L9BXqxC4ToVgwMFqj3pmZRqyHEztulpUJzCxUtLjobMCzTPsGt1Fa9enKbOpY2iIyVtaHNeNvAK8ERP/64sqGQ==}
engines: {node: '>= 20'}
cpu: [arm64]
os: [win32]
'@tailwindcss/oxide-win32-x64-msvc@4.2.4':
resolution: {integrity: sha512-ESlKG0EpVJQwRjXDDa9rLvhEAh0mhP1sF7sap9dNZT0yyl9SAG6T7gdP09EH0vIv0UNTlo6jPWyujD6559fZvw==}
engines: {node: '>= 20'}
cpu: [x64]
os: [win32]
'@tailwindcss/oxide@4.2.4':
resolution: {integrity: sha512-9El/iI069DKDSXwTvB9J4BwdO5JhRrOweGaK25taBAvBXyXqJAX+Jqdvs8r8gKpsI/1m0LeJLyQYTf/WLrBT1Q==}
engines: {node: '>= 20'}
'@tailwindcss/vite@4.2.4':
resolution: {integrity: sha512-pCvohwOCspk3ZFn6eJzrrX3g4n2JY73H6MmYC87XfGPyTty4YsCjYTMArRZm/zOI8dIt3+EcrLHAFPe5A4bgtw==}
peerDependencies:
vite: ^5.2.0 || ^6 || ^7 || ^8
'@turbo/darwin-64@2.9.10': '@turbo/darwin-64@2.9.10':
resolution: {integrity: sha512-5BVJnes8/zMPydF8ktfBBWqCCpUeWVxwZ6avYHRqLzk2PuTAsLz0TlaKdDe1nk1cz3/o0c+7CEf6zqNXdB2N7Q==} resolution: {integrity: sha512-5BVJnes8/zMPydF8ktfBBWqCCpUeWVxwZ6avYHRqLzk2PuTAsLz0TlaKdDe1nk1cz3/o0c+7CEf6zqNXdB2N7Q==}
cpu: [x64] cpu: [x64]
@ -780,6 +885,10 @@ packages:
'@types/cookie@0.6.0': '@types/cookie@0.6.0':
resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==} resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
'@types/dompurify@3.2.0':
resolution: {integrity: sha512-Fgg31wv9QbLDA0SpTOXO3MaxySc4DKGLi8sna4/Utjo4r3ZRPdCt4UQee8BWr+Q5z21yifghREPJGYaEOEIACg==}
deprecated: This is a stub types definition. dompurify provides its own type definitions, so you do not need this installed.
'@types/estree@1.0.8': '@types/estree@1.0.8':
resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==} resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
@ -891,9 +1000,16 @@ packages:
resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==} resolution: {integrity: sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A==}
engines: {node: '>=0.10.0'} engines: {node: '>=0.10.0'}
detect-libc@2.1.2:
resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
engines: {node: '>=8'}
devalue@5.8.0: devalue@5.8.0:
resolution: {integrity: sha512-2zA9pFEsnp7vWBZbXF5JAgAq0fsUIt/1XPbRiAmRV3lp/2C3upzH+sADiyy66aFCihoLEsrQHxNM5w1gIDfsBg==} resolution: {integrity: sha512-2zA9pFEsnp7vWBZbXF5JAgAq0fsUIt/1XPbRiAmRV3lp/2C3upzH+sADiyy66aFCihoLEsrQHxNM5w1gIDfsBg==}
dompurify@3.4.2:
resolution: {integrity: sha512-lHeS9SA/IKeIFFyYciHBr2n0v1VMPlSj843HdLOwjb2OxNwdq9Xykxqhk+FE42MzAdHvInbAolSE4mhahPpjXA==}
drizzle-kit@0.30.6: drizzle-kit@0.30.6:
resolution: {integrity: sha512-U4wWit0fyZuGuP7iNmRleQyK2V8wCuv57vf5l3MnG4z4fzNTjY/U13M8owyQ5RavqvqxBifWORaR3wIUzlN64g==} resolution: {integrity: sha512-U4wWit0fyZuGuP7iNmRleQyK2V8wCuv57vf5l3MnG4z4fzNTjY/U13M8owyQ5RavqvqxBifWORaR3wIUzlN64g==}
hasBin: true hasBin: true
@ -990,6 +1106,10 @@ packages:
sqlite3: sqlite3:
optional: true optional: true
enhanced-resolve@5.21.2:
resolution: {integrity: sha512-xe9vQb5kReirPUxgQrXA3ihgbCqssmTiM7cOZ+Gzu+VeGWgpV98lLZvp0dl4yriyAePcewxGUs9UpKD8PET9KQ==}
engines: {node: '>=10.13.0'}
env-paths@3.0.0: env-paths@3.0.0:
resolution: {integrity: sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==} resolution: {integrity: sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A==}
engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
@ -1067,6 +1187,9 @@ packages:
get-tsconfig@4.14.0: get-tsconfig@4.14.0:
resolution: {integrity: sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==} resolution: {integrity: sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA==}
graceful-fs@4.2.11:
resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
hasown@2.0.3: hasown@2.0.3:
resolution: {integrity: sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==} resolution: {integrity: sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==}
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
@ -1092,10 +1215,84 @@ packages:
resolution: {integrity: sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==} resolution: {integrity: sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w==}
engines: {node: '>=18'} engines: {node: '>=18'}
jiti@2.7.0:
resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
hasBin: true
kleur@4.1.5: kleur@4.1.5:
resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==} resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
engines: {node: '>=6'} engines: {node: '>=6'}
lightningcss-android-arm64@1.32.0:
resolution: {integrity: sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [android]
lightningcss-darwin-arm64@1.32.0:
resolution: {integrity: sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [darwin]
lightningcss-darwin-x64@1.32.0:
resolution: {integrity: sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [darwin]
lightningcss-freebsd-x64@1.32.0:
resolution: {integrity: sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [freebsd]
lightningcss-linux-arm-gnueabihf@1.32.0:
resolution: {integrity: sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==}
engines: {node: '>= 12.0.0'}
cpu: [arm]
os: [linux]
lightningcss-linux-arm64-gnu@1.32.0:
resolution: {integrity: sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [linux]
lightningcss-linux-arm64-musl@1.32.0:
resolution: {integrity: sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [linux]
lightningcss-linux-x64-gnu@1.32.0:
resolution: {integrity: sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [linux]
lightningcss-linux-x64-musl@1.32.0:
resolution: {integrity: sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [linux]
lightningcss-win32-arm64-msvc@1.32.0:
resolution: {integrity: sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==}
engines: {node: '>= 12.0.0'}
cpu: [arm64]
os: [win32]
lightningcss-win32-x64-msvc@1.32.0:
resolution: {integrity: sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==}
engines: {node: '>= 12.0.0'}
cpu: [x64]
os: [win32]
lightningcss@1.32.0:
resolution: {integrity: sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==}
engines: {node: '>= 12.0.0'}
locate-character@3.0.0: locate-character@3.0.0:
resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==} resolution: {integrity: sha512-SW13ws7BjaeJ6p7Q6CO2nchbYEc3X3J6WrmTTDto7yMPqVSZTUyY5Tjbid+Ab8gLnATtygYtiDIJGQRRn2ZOiA==}
@ -1105,6 +1302,11 @@ packages:
magic-string@0.30.21: magic-string@0.30.21:
resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==} resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
marked@18.0.3:
resolution: {integrity: sha512-7VT90JOkDeaRWpfjOReRGPEKn0ecdARBkDGL+tT1wZY0efPPqkUxLUSmzy/C7TIylQYJC9STISEsCHrqb/7VIA==}
engines: {node: '>= 20'}
hasBin: true
mri@1.2.0: mri@1.2.0:
resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==} resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
engines: {node: '>=4'} engines: {node: '>=4'}
@ -1230,6 +1432,13 @@ packages:
resolution: {integrity: sha512-2uCs/LZ9us+AktdzYJM8OcxQ8qnPS1kpaO7syGT/MgO+6Qr1Ybl+TqPq+97u7PHqmmMlye5ZkoyXONy5mjjAbw==} resolution: {integrity: sha512-2uCs/LZ9us+AktdzYJM8OcxQ8qnPS1kpaO7syGT/MgO+6Qr1Ybl+TqPq+97u7PHqmmMlye5ZkoyXONy5mjjAbw==}
engines: {node: '>=18'} engines: {node: '>=18'}
tailwindcss@4.2.4:
resolution: {integrity: sha512-HhKppgO81FQof5m6TEnuBWCZGgfRAWbaeOaGT00KOy/Pf/j6oUihdvBpA7ltCeAvZpFhW3j0PTclkxsd4IXYDA==}
tapable@2.3.3:
resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
engines: {node: '>=6'}
tinybench@2.9.0: tinybench@2.9.0:
resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==} resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
@ -1716,19 +1925,19 @@ snapshots:
dependencies: dependencies:
acorn: 8.16.0 acorn: 8.16.0
'@sveltejs/adapter-node@5.5.4(@sveltejs/kit@2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18)))': '@sveltejs/adapter-node@5.5.4(@sveltejs/kit@2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))':
dependencies: dependencies:
'@rollup/plugin-commonjs': 29.0.2(rollup@4.60.3) '@rollup/plugin-commonjs': 29.0.2(rollup@4.60.3)
'@rollup/plugin-json': 6.1.0(rollup@4.60.3) '@rollup/plugin-json': 6.1.0(rollup@4.60.3)
'@rollup/plugin-node-resolve': 16.0.3(rollup@4.60.3) '@rollup/plugin-node-resolve': 16.0.3(rollup@4.60.3)
'@sveltejs/kit': 2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18)) '@sveltejs/kit': 2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
rollup: 4.60.3 rollup: 4.60.3
'@sveltejs/kit@2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18))': '@sveltejs/kit@2.59.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))(svelte@5.55.5)(typescript@5.9.3)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))':
dependencies: dependencies:
'@standard-schema/spec': 1.1.0 '@standard-schema/spec': 1.1.0
'@sveltejs/acorn-typescript': 1.0.9(acorn@8.16.0) '@sveltejs/acorn-typescript': 1.0.9(acorn@8.16.0)
'@sveltejs/vite-plugin-svelte': 4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)) '@sveltejs/vite-plugin-svelte': 4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
'@types/cookie': 0.6.0 '@types/cookie': 0.6.0
acorn: 8.16.0 acorn: 8.16.0
cookie: 0.6.0 cookie: 0.6.0
@ -1740,32 +1949,100 @@ snapshots:
set-cookie-parser: 3.1.0 set-cookie-parser: 3.1.0
sirv: 3.0.2 sirv: 3.0.2
svelte: 5.55.5 svelte: 5.55.5
vite: 5.4.21(@types/node@22.19.18) vite: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
optionalDependencies: optionalDependencies:
typescript: 5.9.3 typescript: 5.9.3
'@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)))(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18))': '@sveltejs/vite-plugin-svelte-inspector@3.0.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))':
dependencies: dependencies:
'@sveltejs/vite-plugin-svelte': 4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)) '@sveltejs/vite-plugin-svelte': 4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
debug: 4.4.3 debug: 4.4.3
svelte: 5.55.5 svelte: 5.55.5
vite: 5.4.21(@types/node@22.19.18) vite: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
'@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18))': '@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))':
dependencies: dependencies:
'@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)))(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)) '@sveltejs/vite-plugin-svelte-inspector': 3.0.1(@sveltejs/vite-plugin-svelte@4.0.4(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)))(svelte@5.55.5)(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
debug: 4.4.3 debug: 4.4.3
deepmerge: 4.3.1 deepmerge: 4.3.1
kleur: 4.1.5 kleur: 4.1.5
magic-string: 0.30.21 magic-string: 0.30.21
svelte: 5.55.5 svelte: 5.55.5
vite: 5.4.21(@types/node@22.19.18) vite: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
vitefu: 1.1.3(vite@5.4.21(@types/node@22.19.18)) vitefu: 1.1.3(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
'@tailwindcss/node@4.2.4':
dependencies:
'@jridgewell/remapping': 2.3.5
enhanced-resolve: 5.21.2
jiti: 2.7.0
lightningcss: 1.32.0
magic-string: 0.30.21
source-map-js: 1.2.1
tailwindcss: 4.2.4
'@tailwindcss/oxide-android-arm64@4.2.4':
optional: true
'@tailwindcss/oxide-darwin-arm64@4.2.4':
optional: true
'@tailwindcss/oxide-darwin-x64@4.2.4':
optional: true
'@tailwindcss/oxide-freebsd-x64@4.2.4':
optional: true
'@tailwindcss/oxide-linux-arm-gnueabihf@4.2.4':
optional: true
'@tailwindcss/oxide-linux-arm64-gnu@4.2.4':
optional: true
'@tailwindcss/oxide-linux-arm64-musl@4.2.4':
optional: true
'@tailwindcss/oxide-linux-x64-gnu@4.2.4':
optional: true
'@tailwindcss/oxide-linux-x64-musl@4.2.4':
optional: true
'@tailwindcss/oxide-wasm32-wasi@4.2.4':
optional: true
'@tailwindcss/oxide-win32-arm64-msvc@4.2.4':
optional: true
'@tailwindcss/oxide-win32-x64-msvc@4.2.4':
optional: true
'@tailwindcss/oxide@4.2.4':
optionalDependencies:
'@tailwindcss/oxide-android-arm64': 4.2.4
'@tailwindcss/oxide-darwin-arm64': 4.2.4
'@tailwindcss/oxide-darwin-x64': 4.2.4
'@tailwindcss/oxide-freebsd-x64': 4.2.4
'@tailwindcss/oxide-linux-arm-gnueabihf': 4.2.4
'@tailwindcss/oxide-linux-arm64-gnu': 4.2.4
'@tailwindcss/oxide-linux-arm64-musl': 4.2.4
'@tailwindcss/oxide-linux-x64-gnu': 4.2.4
'@tailwindcss/oxide-linux-x64-musl': 4.2.4
'@tailwindcss/oxide-wasm32-wasi': 4.2.4
'@tailwindcss/oxide-win32-arm64-msvc': 4.2.4
'@tailwindcss/oxide-win32-x64-msvc': 4.2.4
'@tailwindcss/vite@4.2.4(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))':
dependencies:
'@tailwindcss/node': 4.2.4
'@tailwindcss/oxide': 4.2.4
tailwindcss: 4.2.4
vite: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
'@turbo/darwin-64@2.9.10': '@turbo/darwin-64@2.9.10':
optional: true optional: true
@ -1790,6 +2067,10 @@ snapshots:
'@types/cookie@0.6.0': {} '@types/cookie@0.6.0': {}
'@types/dompurify@3.2.0':
dependencies:
dompurify: 3.4.2
'@types/estree@1.0.8': {} '@types/estree@1.0.8': {}
'@types/estree@1.0.9': {} '@types/estree@1.0.9': {}
@ -1809,13 +2090,13 @@ snapshots:
chai: 5.3.3 chai: 5.3.3
tinyrainbow: 1.2.0 tinyrainbow: 1.2.0
'@vitest/mocker@2.1.9(vite@5.4.21(@types/node@22.19.18))': '@vitest/mocker@2.1.9(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))':
dependencies: dependencies:
'@vitest/spy': 2.1.9 '@vitest/spy': 2.1.9
estree-walker: 3.0.3 estree-walker: 3.0.3
magic-string: 0.30.21 magic-string: 0.30.21
optionalDependencies: optionalDependencies:
vite: 5.4.21(@types/node@22.19.18) vite: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
'@vitest/pretty-format@2.1.9': '@vitest/pretty-format@2.1.9':
dependencies: dependencies:
@ -1886,8 +2167,14 @@ snapshots:
deepmerge@4.3.1: {} deepmerge@4.3.1: {}
detect-libc@2.1.2: {}
devalue@5.8.0: {} devalue@5.8.0: {}
dompurify@3.4.2:
optionalDependencies:
'@types/trusted-types': 2.0.7
drizzle-kit@0.30.6: drizzle-kit@0.30.6:
dependencies: dependencies:
'@drizzle-team/brocli': 0.10.2 '@drizzle-team/brocli': 0.10.2
@ -1903,6 +2190,11 @@ snapshots:
bun-types: 1.3.13 bun-types: 1.3.13
postgres: 3.4.9 postgres: 3.4.9
enhanced-resolve@5.21.2:
dependencies:
graceful-fs: 4.2.11
tapable: 2.3.3
env-paths@3.0.0: {} env-paths@3.0.0: {}
es-errors@1.3.0: {} es-errors@1.3.0: {}
@ -2031,6 +2323,8 @@ snapshots:
dependencies: dependencies:
resolve-pkg-maps: 1.0.0 resolve-pkg-maps: 1.0.0
graceful-fs@4.2.11: {}
hasown@2.0.3: hasown@2.0.3:
dependencies: dependencies:
function-bind: 1.1.2 function-bind: 1.1.2
@ -2053,8 +2347,59 @@ snapshots:
isexe@3.1.5: {} isexe@3.1.5: {}
jiti@2.7.0: {}
kleur@4.1.5: {} kleur@4.1.5: {}
lightningcss-android-arm64@1.32.0:
optional: true
lightningcss-darwin-arm64@1.32.0:
optional: true
lightningcss-darwin-x64@1.32.0:
optional: true
lightningcss-freebsd-x64@1.32.0:
optional: true
lightningcss-linux-arm-gnueabihf@1.32.0:
optional: true
lightningcss-linux-arm64-gnu@1.32.0:
optional: true
lightningcss-linux-arm64-musl@1.32.0:
optional: true
lightningcss-linux-x64-gnu@1.32.0:
optional: true
lightningcss-linux-x64-musl@1.32.0:
optional: true
lightningcss-win32-arm64-msvc@1.32.0:
optional: true
lightningcss-win32-x64-msvc@1.32.0:
optional: true
lightningcss@1.32.0:
dependencies:
detect-libc: 2.1.2
optionalDependencies:
lightningcss-android-arm64: 1.32.0
lightningcss-darwin-arm64: 1.32.0
lightningcss-darwin-x64: 1.32.0
lightningcss-freebsd-x64: 1.32.0
lightningcss-linux-arm-gnueabihf: 1.32.0
lightningcss-linux-arm64-gnu: 1.32.0
lightningcss-linux-arm64-musl: 1.32.0
lightningcss-linux-x64-gnu: 1.32.0
lightningcss-linux-x64-musl: 1.32.0
lightningcss-win32-arm64-msvc: 1.32.0
lightningcss-win32-x64-msvc: 1.32.0
locate-character@3.0.0: {} locate-character@3.0.0: {}
loupe@3.2.1: {} loupe@3.2.1: {}
@ -2063,6 +2408,8 @@ snapshots:
dependencies: dependencies:
'@jridgewell/sourcemap-codec': 1.5.5 '@jridgewell/sourcemap-codec': 1.5.5
marked@18.0.3: {}
mri@1.2.0: {} mri@1.2.0: {}
mrmime@2.0.1: {} mrmime@2.0.1: {}
@ -2204,6 +2551,10 @@ snapshots:
transitivePeerDependencies: transitivePeerDependencies:
- '@typescript-eslint/types' - '@typescript-eslint/types'
tailwindcss@4.2.4: {}
tapable@2.3.3: {}
tinybench@2.9.0: {} tinybench@2.9.0: {}
tinyexec@0.3.2: {} tinyexec@0.3.2: {}
@ -2231,13 +2582,13 @@ snapshots:
undici-types@6.21.0: {} undici-types@6.21.0: {}
vite-node@2.1.9(@types/node@22.19.18): vite-node@2.1.9(@types/node@22.19.18)(lightningcss@1.32.0):
dependencies: dependencies:
cac: 6.7.14 cac: 6.7.14
debug: 4.4.3 debug: 4.4.3
es-module-lexer: 1.7.0 es-module-lexer: 1.7.0
pathe: 1.1.2 pathe: 1.1.2
vite: 5.4.21(@types/node@22.19.18) vite: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
transitivePeerDependencies: transitivePeerDependencies:
- '@types/node' - '@types/node'
- less - less
@ -2249,7 +2600,7 @@ snapshots:
- supports-color - supports-color
- terser - terser
vite@5.4.21(@types/node@22.19.18): vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0):
dependencies: dependencies:
esbuild: 0.21.5 esbuild: 0.21.5
postcss: 8.5.14 postcss: 8.5.14
@ -2257,15 +2608,16 @@ snapshots:
optionalDependencies: optionalDependencies:
'@types/node': 22.19.18 '@types/node': 22.19.18
fsevents: 2.3.3 fsevents: 2.3.3
lightningcss: 1.32.0
vitefu@1.1.3(vite@5.4.21(@types/node@22.19.18)): vitefu@1.1.3(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)):
optionalDependencies: optionalDependencies:
vite: 5.4.21(@types/node@22.19.18) vite: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
vitest@2.1.9(@types/node@22.19.18): vitest@2.1.9(@types/node@22.19.18)(lightningcss@1.32.0):
dependencies: dependencies:
'@vitest/expect': 2.1.9 '@vitest/expect': 2.1.9
'@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@22.19.18)) '@vitest/mocker': 2.1.9(vite@5.4.21(@types/node@22.19.18)(lightningcss@1.32.0))
'@vitest/pretty-format': 2.1.9 '@vitest/pretty-format': 2.1.9
'@vitest/runner': 2.1.9 '@vitest/runner': 2.1.9
'@vitest/snapshot': 2.1.9 '@vitest/snapshot': 2.1.9
@ -2281,8 +2633,8 @@ snapshots:
tinyexec: 0.3.2 tinyexec: 0.3.2
tinypool: 1.1.1 tinypool: 1.1.1
tinyrainbow: 1.2.0 tinyrainbow: 1.2.0
vite: 5.4.21(@types/node@22.19.18) vite: 5.4.21(@types/node@22.19.18)(lightningcss@1.32.0)
vite-node: 2.1.9(@types/node@22.19.18) vite-node: 2.1.9(@types/node@22.19.18)(lightningcss@1.32.0)
why-is-node-running: 2.3.0 why-is-node-running: 2.3.0
optionalDependencies: optionalDependencies:
'@types/node': 22.19.18 '@types/node': 22.19.18