GuidoandClaude Opus 5
9a69df4635
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>
94 lines
3.1 KiB
Swift
94 lines
3.1 KiB
Swift
import SwiftUI
|
|
import FlixyDesign
|
|
import PlexKit
|
|
|
|
/// Während ein Weg zum Server gesucht wird.
|
|
struct ConnectingView: View {
|
|
let serverName: String
|
|
|
|
var body: some View {
|
|
VStack(spacing: FlixySpacing.loose) {
|
|
ProgressView()
|
|
Text(serverName.isEmpty
|
|
? String(localized: "connecting.searching")
|
|
: String(localized: "connecting.to \(serverName)"))
|
|
.font(.flixyBody)
|
|
.foregroundStyle(Color.flixyTextSecondary)
|
|
}
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
.background(Color.flixyCanvas)
|
|
}
|
|
}
|
|
|
|
/// Wenn am Konto mehrere Server hängen.
|
|
struct ServerPickerView: View {
|
|
let servers: [PlexResource]
|
|
let onSelect: (PlexResource) -> Void
|
|
|
|
@Environment(\.flixyAccent) private var accent
|
|
|
|
var body: some View {
|
|
List(servers) { server in
|
|
Button {
|
|
onSelect(server)
|
|
} label: {
|
|
HStack(spacing: FlixySpacing.regular) {
|
|
Image(systemName: server.owned ? "server.rack" : "person.2")
|
|
.foregroundStyle(accent)
|
|
.frame(width: 28)
|
|
|
|
VStack(alignment: .leading, spacing: 2) {
|
|
Text(server.name)
|
|
.font(.flixyCardTitle)
|
|
.foregroundStyle(Color.flixyTextPrimary)
|
|
Text(subtitle(for: server))
|
|
.font(.flixyCaption)
|
|
.foregroundStyle(Color.flixyTextMuted)
|
|
}
|
|
|
|
Spacer()
|
|
Image(systemName: "chevron.right")
|
|
.font(.flixyCaption)
|
|
.foregroundStyle(Color.flixyTextMuted)
|
|
}
|
|
.contentShape(.rect)
|
|
}
|
|
.buttonStyle(.plain)
|
|
.listRowBackground(Color.flixySurface)
|
|
}
|
|
.scrollContentBackground(.hidden)
|
|
.background(Color.flixyCanvas)
|
|
.navigationTitle(Text("serverPicker.title"))
|
|
}
|
|
|
|
private func subtitle(for server: PlexResource) -> String {
|
|
var pieces: [String] = []
|
|
pieces.append(server.owned
|
|
? String(localized: "serverPicker.owned")
|
|
: String(localized: "serverPicker.shared"))
|
|
if let platform = server.platform { pieces.append(platform) }
|
|
if let version = server.productVersion { pieces.append(version) }
|
|
return pieces.joined(separator: " · ")
|
|
}
|
|
}
|
|
|
|
/// Wenn etwas schiefgegangen ist.
|
|
struct ConnectionFailureView: View {
|
|
let message: String
|
|
let onRetry: () -> Void
|
|
let onSignOut: () -> Void
|
|
|
|
var body: some View {
|
|
ContentUnavailableView {
|
|
Label("error.title", systemImage: "exclamationmark.triangle")
|
|
} description: {
|
|
Text(message)
|
|
} actions: {
|
|
Button("action.retry", action: onRetry).buttonStyle(.borderedProminent)
|
|
Button("action.signOut", action: onSignOut)
|
|
.foregroundStyle(Color.flixyTextSecondary)
|
|
}
|
|
.background(Color.flixyCanvas)
|
|
}
|
|
}
|