ProgressControls.svelte renders typ-spezifische Fortschritts-UI:
- book → range slider + page input + "Fertig"-Button; auto-completes
the entry (status=completed, times++) when current == total
- series → collapsible season/episode grid; each episode is a toggleable
pill that writes into details.watched with a watchedAt stamp;
auto-completes once watched.length == totalEpisodes
- comic → ±1 issue bumper; auto-completes on issueCount reach
- movie → atomic, no progress widget
libraryEntriesStore.restartEntry: flips a completed entry back to active,
stamps startedAt=today, clears completedAt. Preserves the per-episode
watched list so users keep the history of the previous run-through; they
can reset individual episodes via the tracker if they want a fresh pass.
DetailView embeds <ProgressControls {entry}> below the status row and
renders a "↻ Nochmal lesen/sehen" button whenever status === 'completed'.
docs/plans/library-module.md: M1 + M2 + M3 marked DONE with commit IDs.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
13 KiB
Library — Module Plan
Status (2026-04-17)
M1 Skelett: DONE (commit 8c6502d0f) — Modul registriert, Dexie v26, Encryption-Registry, Route mountet, Guest-Seed (Dune, Arrival, Severance, Saga).
M2 CRUD / Grid / Detail: DONE (commit 364178496) — KindTabs, StatusFilter, RatingStars, EntryCard, EntryForm (Create + Edit, typ-spezifische Details-Accordion), GridView, DetailView, /library/entry/[id]-Route.
M3 Fortschritt: DONE — ProgressControls.svelte: Seiten-Slider für Bücher (auto-completes bei 100%), Episode-Tracker für Serien (abhakbare Folgen pro Staffel), Issue-Bumper für Comics. libraryEntriesStore.restartEntry + "Nochmal"-Button im DetailView für abgeschlossene Einträge.
Nächster Schritt: M4 (Cover-Upload via uload) oder M6 (AI-Tools).
Vor M2 entschieden:
- Audiobooks:
kind='book'mitdetails.format='audio'(nicht eigenerkind). - Manga: in
kind='comic'ohne Sub-Typ (bis Bedarf für Chapters vs. Issues auftaucht). - Metadata-Lookup (M7): Endpoint in
apps/api(/api/v1/library/lookup?kind=...&q=...), kein eigener Service — Extraktion erst bei Crawler-artigem Bedarf.
Ziel
Ziel
Ein einziges Modul, mit dem der Nutzer konsumierte Medien festhält: Bücher, Filme, Serien, Comics. Kernfrage: "Habe ich das schon gesehen/gelesen? Wann? Wie fand ich's?"
Nicht im Scope: Streaming-Integration, Kauf-Tracking, Leseplan-Automatisierung. Kein Ersatz für Goodreads/Letterboxd — eher privates Log mit Rating und Fortschritt.
Abgrenzung
- Kein
inventory: dort geht's um Besitz (Seriennummer, Garantie, Standort). Hier geht's um Konsum — ein Buch, das man aus der Bibliothek ausgeliehen und gelesen hat, gehört hierher, nicht ininventory. - Kein
music: Musik hat eigene Primitive (Playlists, Projekte). Soundtracks landen weiter inmusic/. - Kein
photos/picture: Fotos und AI-Bilder bleiben getrennt. - Cross-Link zu
goals: "Lese 20 Bücher 2026" bleibt im Ziel-Modul, liest aberlibrary.completedAtüber die bestehende Cross-Module-Mechanik.
Entscheidung: ein Modul, vier Typen
Ein Modul library mit Diskriminator kind: 'book' | 'movie' | 'series' | 'comic'. Geteiltes Kern-Schema; typ-spezifische Felder in details: jsonb. Begründung:
- Ein Sync-Endpoint, eine Encryption-Registry-Zeile, eine Route, ein Settings-Panel
- Quer-Abfragen ("Jahresrückblick über alles") fallen gratis ab
- Konsistenz mit
inventory(auch ein Typ-übergreifendes "Sammlung"-Modul) - UI kann trotzdem Tabs pro Typ zeigen und typ-spezifische Listenansichten/Detail-Views laden
Der Tradeoff: pro Typ hat man kein eigenes Launcher-Icon. Falls das später wichtig wird, kann ein Typ als eigenes Modul mit Alias auf dieselbe Tabelle ausgegliedert werden — das Schema muss dafür nicht brechen.
Modul-Struktur
apps/mana/apps/web/src/lib/modules/library/
├── types.ts # LocalLibraryEntry, LibraryEntry, Kind, Status, kind-spezifische Detail-Typen
├── collections.ts # libraryEntries-Table + Guest-Seed (1 Buch, 1 Film, 1 Serie, 1 Comic)
├── queries.ts # useAllEntries, useEntriesByKind, useEntry(id), useStats
├── stores/
│ └── entries.svelte.ts # createEntry, updateEntry, setStatus, rate, bumpProgress, deleteEntry
├── components/
│ ├── EntryCard.svelte # kompakter Listeneintrag (Cover + Titel + Rating + Status-Badge)
│ ├── EntryForm.svelte # Create/Edit — rendert typ-spezifische Felder aus details
│ ├── KindTabs.svelte # Filter-Tabs (Alle | Bücher | Filme | Serien | Comics)
│ ├── RatingStars.svelte # 0–5 Sterne
│ ├── StatusBadge.svelte # geplant / läuft / fertig / abgebrochen
│ ├── EpisodeTracker.svelte # nur für kind='series': Staffel/Episode checkliste
│ └── CoverImage.svelte # lazy-load, Fallback-Platzhalter pro Typ
├── views/
│ ├── GridView.svelte # Cover-Grid (Default)
│ ├── ListView.svelte # Kompakte Liste mit Filterung
│ └── DetailView.svelte # Einzelansicht inkl. Review + Re-Watches/Re-Reads
├── tools.ts # AI-Tools (später — siehe AI-Integration)
├── constants.ts # KIND_LABELS, STATUS_LABELS, DEFAULT_TAGS
├── ListView.svelte # Modul-Root-View (komponiert KindTabs + GridView)
├── module.config.ts # { appId: 'library', tables: [{ name: 'libraryEntries' }] }
└── index.ts # Re-Exports
Daten-Schema
LocalLibraryEntry (Dexie)
export type LibraryKind = 'book' | 'movie' | 'series' | 'comic';
export type LibraryStatus = 'planned' | 'active' | 'completed' | 'dropped' | 'paused';
export interface LocalLibraryEntry extends BaseRecord {
kind: LibraryKind; // plaintext — Discriminator, filterbar
status: LibraryStatus; // plaintext — filterbar
title: string; // encrypted
originalTitle?: string | null; // encrypted (z.B. engl. Original)
creators: string[]; // encrypted — Autor / Regie / Showrunner / Zeichner
year?: number | null; // plaintext
coverUrl?: string | null; // plaintext (externe URL) ODER
coverMediaId?: string | null; // plaintext (Referenz in uload/media)
rating?: number | null; // plaintext — 0..5, Schritt 0.5
review?: string | null; // encrypted — Freitext
tags: string[]; // encrypted
genres: string[]; // plaintext — "Sci-Fi", "Thriller"...
startedAt?: string | null; // plaintext ISO-Datum
completedAt?: string | null; // plaintext — für Jahresrückblick / Ziele
isFavorite: boolean; // plaintext
times: number; // plaintext — Zähler "Re-Reads / Re-Watches"
externalIds?: { // plaintext — für spätere Metadata-Sync
isbn?: string;
tmdbId?: string;
openLibraryId?: string;
comicVineId?: string;
} | null;
details: LibraryDetails; // typ-spezifische Felder — siehe unten
}
details pro kind
Diskriminierte Union, damit TypeScript Typ-Sicherheit gibt:
export type LibraryDetails =
| { kind: 'book'; pages?: number; currentPage?: number; format?: 'hardcover' | 'paperback' | 'ebook' | 'audio' }
| { kind: 'movie'; runtimeMin?: number; director?: string }
| { kind: 'series'; totalSeasons?: number; totalEpisodes?: number; watched?: Array<{ season: number; episode: number; watchedAt?: string }> }
| { kind: 'comic'; issueCount?: number; currentIssue?: number; publisher?: string; isOngoing?: boolean };
Die details bleiben plaintext — keine sensiblen Daten drin (Seiten-Zahlen, Episoden-Zähler). Falls sich das ändert (z.B. Spoiler-lastige Episoden-Notizen), Feld nachziehen.
Encryption-Registry
apps/mana/apps/web/src/lib/data/crypto/registry.ts — neuer Eintrag:
libraryEntries: {
fields: ['title', 'originalTitle', 'creators', 'review', 'tags'],
version: 1,
},
Routing
apps/mana/apps/web/src/routes/(app)/library/
├── +page.svelte # Grid mit KindTabs
├── [kind]/+page.svelte # Deep-Link: /library/books, /library/movies, ...
└── entry/[id]/+page.svelte # DetailView
UI-Konzept
Landing (/library)
- Top:
KindTabs(Alle | Bücher | Filme | Serien | Comics) mit Count-Badges - Sekundärleiste: Status-Filter-Chips (Geplant | Läuft | Fertig), Sort (Zuletzt fertig | Rating | Titel), Favoriten-Toggle
- Grid: Cover-Kacheln mit Titel + Rating + Status-Badge; Click → DetailView
- FAB: "+" öffnet
EntryFormmit Typ-Vorauswahl basierend auf aktivem Tab
EntryForm
- Zuerst
kindwählen (wenn nicht vorgegeben) - Kern-Felder (Titel, Jahr, Creators, Cover, Status, Rating, Tags, Review) sind identisch
- Unter "Details"-Accordion erscheinen typ-spezifische Felder aus
details - Cover: entweder URL einfügen oder Upload via bestehende
uload-Infrastruktur →coverMediaId - Optional (Phase 2): "Vorschlag abrufen" → OpenLibrary/TMDB lookup → füllt Metadaten + Cover vor
DetailView
- Cover links, Metadaten rechts
- Unten: Review (Markdown, encrypted), Tags, Status-Verlauf
- Für
kind='series': eingebetteterEpisodeTracker(Staffeln ausklappbar, Episoden abhakbar, Fortschritts-Balken) - Für
kind='book': Seiten-Slider zum Fortschritt, "Buch fertig"-Button setztcompletedAt+times++ - Unten: "Nochmal gelesen/gesehen"-Button →
times++undstartedAt/completedAtreset (alte Instanz innotesim Activity-Log)
Stats / Jahresrückblick
queries.ts liefert:
useStats()→{ totalByKind, completedThisYear, avgRating, topGenres, currentlyActive }useStreak(kind)→ "X Bücher in Folge fertig gemacht" (optional)
Diese Daten kann der Dashboard-Widget-Grid anzeigen (vgl. drink/habits).
Registrierung (Checklist)
apps/mana/apps/web/src/lib/modules/library/module.config.tsanlegen- Config in
apps/mana/apps/web/src/lib/data/module-registry.tsimportieren + inMODULE_CONFIGSaufnehmen - Dexie-Schema-Migration: in
apps/mana/apps/web/src/lib/data/database.tsneuedb.version(N+1).stores({ libraryEntries: 'id, kind, status, userId, completedAt' })hinzufügen (NICHT bestehende Versionen ändern) - Encryption-Registry-Eintrag (siehe oben)
- Routes unter
(app)/library/anlegen - App-Eintrag in
packages/shared-branding/src/mana-apps.ts:{ id: 'library', name: 'Bibliothek', description: {...}, icon: APP_ICONS.library, color: '#a855f7', status: 'development', requiredTier: 'guest' } - Icon in
packages/shared-branding/src/app-icons.ts(SVG as data URL) docs/MODULE_REGISTRY.mdunter "Kreativität & Medien" ergänzen- Guest-Seed in
collections.ts(1 Eintrag prokind, damit neue Nutzer sofort was sehen) - Vitest-Tests für store-Mutationen + encryption roundtrip
AI-Integration (Phase 2)
Nachdem das Modul steht, Tools in tools.ts registrieren und in @mana/shared-ai/src/policy/proposable-tools.ts aufnehmen:
| Tool | Policy | Beschreibung |
|---|---|---|
list_library_entries |
auto | Liefert Einträge gefiltert nach kind/status, read-only |
create_library_entry |
propose | User muss jeden neuen Eintrag bestätigen |
complete_library_entry |
propose | Status → completed, completedAt = heute |
rate_library_entry |
propose | Rating setzen |
Missionen wie "Trage meine letzten 5 gesehenen Filme ein" können dann über den Runner laufen.
Offene Fragen
- Externe Metadata-Quellen: OpenLibrary (Bücher, frei) + TMDB (Filme/Serien, API-Key nötig) + Comic Vine (Comics, API-Key nötig). Lohnt sich ein neuer
services/mana-metadata-Service, der die Quellen proxyed, oder reicht ein Endpoint inapps/api? Vorschlag: Endpoint inapps/apizuerst (/api/v1/library/lookup?kind=...&q=...), service-Extraktion nur wenn's Crawler-artig wird. - Goodreads/Letterboxd-Import: Phase 3. CSV-Upload reicht fürs erste, später GoodReads-API (sobald die offen ist) oder Screen-Scraping via mana-crawler.
- Serien-Episoden: in
details.watchedals flaches Array reicht für die meisten Fälle. Falls detaillierte Episoden-Metadaten (Titel, Runtime) benötigt werden, TMDB-Sync in Phase 2 nachziehen. - Audiobooks: als
kind='book'mitdetails.format='audio'oder als eigenerkind='audiobook'? Vorschlag: format-Feld. Kernlogik bleibt "Buch". - Manga: in
kind='comic'einordnen oder separat? Vorschlag: comic. Falls Manga-spezifische Features (Chapters statt Issues) wichtig werden,detailsum ein Manga-Variant erweitern.
Reihenfolge (Milestones)
- M1 — Skelett [DONE 2026-04-17]: types, collections, module.config, Registry-Eintrag, Dexie-Migration (v26), leere Route. Ziel: App zeigt leeres Modul an, nichts crasht.
- M2 — CRUD [DONE 2026-04-17]: entries-Store, EntryForm, GridView, DetailView. Manuelles Anlegen/Editieren funktioniert für alle 4
kinds. Cover via URL. - M3 — Fortschritt [DONE 2026-04-17]: Status-Wechsel, Rating, times-Counter, Episode-Tracker für Serien, Seiten-Slider für Bücher, Issue-Bumper für Comics, Nochmal-Button.
- M4 — Cover-Upload: Integration mit
uload. Encryption-Registry final. - M5 — Stats + Dashboard-Widget: useStats, kleiner Widget für Dashboard.
- M6 — AI-Tools: list/create/complete/rate Tools, Shared-AI-Policy.
- M7 — Metadata-Lookup:
/api/v1/library/lookupgegen OpenLibrary + TMDB. - M8 — Import: CSV-Upload (Goodreads/Letterboxd-Export-Formate).