wordeck

till/wordeck

Fork 0

Commit graph

Author	SHA1	Message	Date
Till JS	fd86d968a4	Phase 9h: A11y-Pass Globaler :focus-visible-Outline (var(--color-primary), 2px) — Tailwind 4 strippt die Browser-Defaults, ohne Fokus-Ring sind Tastatur-Nutzer blind. .sr-only-Utility (Standard-Rezept) und .skip-link in app.css. prefers- reduced-motion: schaltet alle Transitions/Animationen auf 0.01ms. Layout: Skip-Link "Zum Inhalt springen" → #main, main bekommt tabindex="-1" und id, html-lang wird via $effect reaktiv mit i18n.current synchronisiert (Initial-SSR rendert "de", Browser zieht nach). Header: nav-aria-label aus i18n (common.main_nav), Locale-Switcher-Label aus common.language_switcher. ToastStack: role=region + aria-live=polite, einzelne Toasts role=alert (error) bzw. status (success/warning), Schließen- Button-Label i18n-konform. Hover-only Delete-Buttons (Decks-Liste, Deck-Detail-Karten) bekommen focus-visible:opacity-100 — bisher waren sie für Tastatur-Nutzer unsichtbar. opacity-0 statt hidden, damit Tab-Order intakt bleibt. svelte-check 379 files 0 errors, prod-Build sauber. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	2026-05-08 18:24:33 +02:00
Till	89a7a9250b	Phase 4: Frontend-Core MVP — Decks, Cards, Study mit FSRS-Loop 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>	2026-05-08 16:52:31 +02:00

Author

SHA1

Message

Date

Till JS

fd86d968a4

Phase 9h: A11y-Pass

Globaler :focus-visible-Outline (var(--color-primary), 2px) — Tailwind 4
strippt die Browser-Defaults, ohne Fokus-Ring sind Tastatur-Nutzer blind.
.sr-only-Utility (Standard-Rezept) und .skip-link in app.css. prefers-
reduced-motion: schaltet alle Transitions/Animationen auf 0.01ms.

Layout: Skip-Link "Zum Inhalt springen" → #main, main bekommt tabindex="-1"
und id, html-lang wird via $effect reaktiv mit i18n.current synchronisiert
(Initial-SSR rendert "de", Browser zieht nach).

Header: nav-aria-label aus i18n (common.main_nav), Locale-Switcher-Label
aus common.language_switcher. ToastStack: role=region + aria-live=polite,
einzelne Toasts role=alert (error) bzw. status (success/warning), Schließen-
Button-Label i18n-konform.

Hover-only Delete-Buttons (Decks-Liste, Deck-Detail-Karten) bekommen
focus-visible:opacity-100 — bisher waren sie für Tastatur-Nutzer
unsichtbar. opacity-0 statt hidden, damit Tab-Order intakt bleibt.

svelte-check 379 files 0 errors, prod-Build sauber.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-05-08 18:24:33 +02:00

Till

89a7a9250b

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

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>

2026-05-08 16:52:31 +02:00

2 commits