Phase 1: Anmeldung, Bibliothek, Detailseiten, Hybrid-Player

Die Datenschicht: - plex.tv-Anmeldung über das PIN-Verfahren, Token im Schlüsselbund - Serversuche und Verbindungsauswahl nach Rang (lokal vor direkt vor Vermittlung), mit Abgleich der Server-Kennung gegen veraltete plex.direct-Adressen - PlexServer als einzige Stelle, an der die App Endpunkte kennt: Mediatheken, Hubs, seitenweises Blättern mit Filtern, Metadaten, Staffeln/Folgen, Suche Die Oberfläche: - Startseite mit Aufmacher und den Reihen vom Server - Mediathek als Raster oder Liste, mit Filter- und Sortierblatt - Detailseiten für Filme, Folgen, Serien und Staffeln inkl. Besetzung, Fassungsauswahl und aufklappbaren technischen Angaben - Suche mit gemerkten Anfragen - Vollbildplayer mit eigenem Chrome Der Player: - AVPlayerEngine und VLCPlayerEngine hinter einem gemeinsamen Protokoll - VLCKit liegt in einem eigenen Package (FlixyVLC), damit `swift test` in FlixyKit nicht das 920-MB-Binärpaket mitzieht Am echten plex.tv geprüft: der Anmeldecode kommt an. Dabei fiel auf, dass `strong=true` einen dreißigstelligen Code liefert, der sich bei plex.tv/link nicht eintippen lässt — jetzt der kurze. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2026-09-11 16:46:28 +02:00
parent 1ed64bf166
commit 9a69df4635
44 changed files with 6311 additions and 138 deletions
@@ -0,0 +1,73 @@
+import SwiftUI
+import FlixyDesign
+import PlexKit
+
+/// Eine waagerechte Reihe von Titeln.
+struct MediaRow: View {
+    let hub: PlexHub
+
+    @Environment(FlixySession.self) private var session
+
+    /// Breit genug, dass die übernächste Kachel angeschnitten ist — das zeigt,
+    /// dass es weitergeht, ohne einen Pfeil dafür zu brauchen.
+    private let cardWidth: CGFloat = 220
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: FlixySpacing.regular) {
+            Text(hub.title)
+                .font(.flixyRowHeader)
+                .foregroundStyle(Color.flixyTextPrimary)
+                .padding(.horizontal, FlixySpacing.screenMargin)
+
+            ScrollView(.horizontal) {
+                LazyHStack(spacing: FlixySpacing.regular) {
+                    ForEach(hub.items) { item in
+                        NavigationLink(value: MediaRoute(ratingKey: item.ratingKey, title: item.title)) {
+                            LandscapeCard(
+                                title: item.rowTitle,
+                                subtitle: item.cardSubtitle,
+                                artworkURL: session.server?.artworkURL(
+                                    path: item.rowArtworkPath,
+                                    width: 440,
+                                    height: 248
+                                ),
+                                progress: item.watchProgress
+                            )
+                            .frame(width: cardWidth)
+                        }
+                        .buttonStyle(.plain)
+                    }
+                }
+                .padding(.horizontal, FlixySpacing.screenMargin)
+                // Ohne dieses Ziel rasten die Kacheln nicht ein und die Reihe
+                // bleibt an beliebiger Stelle stehen.
+                .scrollTargetLayout()
+            }
+            .scrollTargetBehavior(.viewAligned)
+            .scrollIndicators(.hidden)
+        }
+    }
+}
+
+extension PlexItem {
+    /// Der Titel auf einer Kachel in einer Reihe.
+    ///
+    /// Bei Folgen der Serientitel: in „Weiterschauen" stehen Folgen
+    /// verschiedener Serien nebeneinander, und der Folgentitel allein sagt
+    /// nicht, worum es geht.
+    var rowTitle: String {
+        kind == .episode ? (grandparentTitle ?? title) : title
+    }
+
+    /// Welches Bild auf die Querformat-Kachel gehört.
+    ///
+    /// Bei Folgen ist `thumb` das Szenenbild der Folge — genau richtig. Bei
+    /// Filmen ist `thumb` das Hochkant-Plakat, das im Querformat beschnitten
+    /// würde; dort ist `art` (das Hintergrundbild) die bessere Wahl.
+    var rowArtworkPath: String? {
+        switch kind {
+        case .episode: thumb ?? grandparentThumb
+        default: art ?? thumb
+        }
+    }
+}