GuidoandClaude Opus 5
ac0c27c026
iPad meldete sich nie an Die Ursache ist unangenehm speziell: Wer im Browser schon bei Plex angemeldet ist, wird von app.plex.tv/auth sofort auf watch.plex.tv weitergeschickt — OHNE dass der Code verknüpft wird. Man sieht sich angemeldet, die App wartet vergeblich, und es gibt keinerlei Hinweis. Jetzt wird plex.tv/link mit eingetragenem Code geöffnet. Diese Seite tut nur eine Sache: den Code bestätigen. Die Gerätekennung steckt ohnehin schon im PIN. Dazu ein Ausweg: bleibt es nach fünfzehn Sekunden ohne Token, erscheint der Code im Anmeldebildschirm zum Abtippen. Schließt man das Fenster ohne Erfolg, bleibt er stehen statt abzumelden — er gilt weiter. Download fragte nicht nach der Qualität Jetzt Original, Full HD, HD oder Sparsam, jeweils mit geschätzter Größe. Die Größe ist das eigentliche Entscheidungskriterium — „Full HD" allein sagt nicht, ob es aufs Telefon passt. Die komprimierten Stufen laufen über den Universal-Transcoder und sind weiterhin NICHT am Server geprüft; steht so im Quelltext. Schwarzes Bild ohne Anzeige Der Player kannte nur „spielt" und „spielt nicht". Wartete er auf Daten, stand man vor einem Standbild ohne Hinweis. Es gibt jetzt einen eigenen Pufferzustand mit Anzeige. Aufmacher war beschnitten Er stand auf 3:4, Plex liefert als `art` aber 16:9 — mit scaledToFill ging links und rechts je ein Viertel verloren, ohne dass man es dem Bild ansah. Die Seitenverhältnisse liegen jetzt an einer Stelle in FlixyAspectRatio. Schwarze Leiste über dem Aufmacher .ultraThinMaterial statt undurchsichtigem Grund: das Bild läuft unscharf hinter der Leiste weiter, statt an einer harten Kante zu enden. Weichgezeichnet, nicht abgedunkelt. 139 Tests. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
90 lines
3.3 KiB
Swift
90 lines
3.3 KiB
Swift
import SwiftUI
|
|
import FlixyDesign
|
|
import PlexKit
|
|
|
|
/// Die Startseite: Aufmacher oben, darunter die Reihen vom Server.
|
|
struct HomeView: View {
|
|
@Environment(FlixySession.self) private var session
|
|
@Environment(HomeLayoutSettings.self) private var layout
|
|
@State private var state: LoadState<[PlexHub]> = .loading
|
|
|
|
var body: some View {
|
|
Group {
|
|
switch state {
|
|
case .loading:
|
|
ProgressView().frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
|
|
case .failed(let message):
|
|
ContentUnavailableView {
|
|
Label("error.title", systemImage: "exclamationmark.triangle")
|
|
} description: {
|
|
Text(message)
|
|
} actions: {
|
|
Button("action.retry") { Task { await load() } }
|
|
}
|
|
|
|
case .loaded(let allHubs):
|
|
let hubs = layout.apply(to: allHubs)
|
|
if hubs.isEmpty {
|
|
ContentUnavailableView {
|
|
Label("home.empty.title", systemImage: "film.stack")
|
|
} description: {
|
|
Text("home.empty.description")
|
|
}
|
|
} else {
|
|
content(hubs: hubs)
|
|
}
|
|
}
|
|
}
|
|
.background(Color.flixyCanvas)
|
|
.navigationTitle(Branding.appName)
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
// Unscharf statt schwarz: der Aufmacher läuft hinter der Leiste
|
|
// weiter, statt an einer harten Kante zu enden. `.ultraThinMaterial`
|
|
// macht genau das — es weichzeichnet, was darunter liegt, ohne es
|
|
// zusätzlich abzudunkeln.
|
|
.toolbarBackground(.ultraThinMaterial, for: .navigationBar)
|
|
.toolbarBackground(.visible, for: .navigationBar)
|
|
// Helle Symbole und Schrift, weil darunter ein Bild liegt und kein
|
|
// heller Grund.
|
|
.toolbarColorScheme(.dark, for: .navigationBar)
|
|
.toolbar { SearchToolbarItem() }
|
|
.navigationDestination(for: MediaRoute.self) { MediaDetailView(route: $0) }
|
|
.task(id: session.server?.name) { await load() }
|
|
.refreshable { await load() }
|
|
}
|
|
|
|
private func content(hubs: [PlexHub]) -> some View {
|
|
ScrollView {
|
|
LazyVStack(alignment: .leading, spacing: FlixySpacing.section) {
|
|
if let featured = heroItem(in: hubs) {
|
|
HeroSection(item: featured)
|
|
}
|
|
|
|
ForEach(hubs) { hub in
|
|
MediaRow(hub: hub)
|
|
}
|
|
}
|
|
.padding(.bottom, FlixySpacing.section)
|
|
}
|
|
.scrollIndicators(.hidden)
|
|
}
|
|
|
|
/// Was oben groß gezeigt wird.
|
|
///
|
|
/// Erste Wahl ist etwas Angefangenes — wer die App öffnet, will meistens
|
|
/// weiterschauen. Erst wenn es nichts Angefangenes gibt, tritt der
|
|
/// Neuzugang an die Stelle.
|
|
private func heroItem(in hubs: [PlexHub]) -> PlexItem? {
|
|
let continuing = hubs.first { $0.hubIdentifier.contains("continue") }
|
|
return continuing?.items.first ?? hubs.first?.items.first
|
|
}
|
|
|
|
private func load() async {
|
|
guard let server = session.server else { return }
|
|
state = await LoadState.load(keepingPrevious: state) {
|
|
try await server.homeHubs()
|
|
}
|
|
}
|
|
}
|