GuidoandClaude Opus 5
1756ed11cc
Kein Code mehr zum Abtippen. Die Anmeldemaske kommt von Plex und öffnet sich über ASWebAuthenticationSession in einem Fenster innerhalb der App; nach dem Anmelden schickt Plex über forwardUrl auf ein eigenes Schema zurück, das Fenster schließt sich von selbst. Der PIN steckt weiterhin darunter — er ist der einzige Weg, auf dem Plex einen Token herausgibt. Sichtbar ist er nicht mehr. Was das bringt: - Kein Fernseher-Gefühl mehr. - Zwei-Faktor läuft mit, weil Plex die Seite selbst ausliefert. - Das Passwort erreicht Flixy nie. Steht auch so unter dem Knopf. - prefersEphemeralWebBrowserSession = false: wer in Safari schon bei Plex angemeldet ist, braucht nur zu bestätigen. Zwei Details, die sonst still scheitern: - Die Rückadresse wird strenger kodiert als die übrigen Werte. `:` und `/` lässt urlQueryAllowed durch, und für Plex endete der Wert dann beim ersten Schrägstrich — der Rücksprung käme nie. - Das Schema muss in CFBundleURLTypes stehen, sonst kennt iOS es nicht und das Fenster bliebe offen stehen. Als Schema die Bundle-Kennung statt eines kurzen Worts wie „flixy": ein kurzes könnte eine andere App beanspruchen und die Anmeldung abfangen. 132 Tests. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
72 lines
2.3 KiB
Swift
72 lines
2.3 KiB
Swift
import SwiftUI
|
|
import FlixyDesign
|
|
import PlexKit
|
|
|
|
/// Der Anmeldebildschirm.
|
|
///
|
|
/// Ein Knopf, mehr nicht. Die Anmeldemaske kommt von Plex und öffnet sich in
|
|
/// einem Fenster innerhalb der App; das Passwort wird dort eingegeben und
|
|
/// erreicht Flixy nie. Nach dem Anmelden schließt sich das Fenster von selbst.
|
|
struct SignInView: View {
|
|
let phase: FlixySession.Phase
|
|
let onSignIn: () -> Void
|
|
|
|
@Environment(\.flixyAccent) private var accent
|
|
|
|
private var isAuthenticating: Bool {
|
|
if case .authenticating = phase { return true }
|
|
return false
|
|
}
|
|
|
|
var body: some View {
|
|
VStack(spacing: FlixySpacing.section) {
|
|
Spacer()
|
|
|
|
VStack(spacing: FlixySpacing.regular) {
|
|
Image(systemName: "play.rectangle.on.rectangle")
|
|
.font(.system(size: 52))
|
|
.foregroundStyle(accent)
|
|
|
|
Text(Branding.appName)
|
|
.font(.flixyHero)
|
|
.foregroundStyle(Color.flixyTextPrimary)
|
|
|
|
Text("signIn.tagline")
|
|
.font(.flixyBody)
|
|
.foregroundStyle(Color.flixyTextSecondary)
|
|
.multilineTextAlignment(.center)
|
|
}
|
|
|
|
Spacer()
|
|
|
|
VStack(spacing: FlixySpacing.regular) {
|
|
Button(action: onSignIn) {
|
|
Group {
|
|
if isAuthenticating {
|
|
ProgressView().tint(Color.flixyCanvas)
|
|
} else {
|
|
Text("signIn.action").font(.flixyRowHeader)
|
|
}
|
|
}
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, FlixySpacing.regular)
|
|
}
|
|
.buttonStyle(.borderedProminent)
|
|
.tint(accent)
|
|
.disabled(isAuthenticating)
|
|
|
|
Text("signIn.privacy")
|
|
.font(.flixyCaption)
|
|
.foregroundStyle(Color.flixyTextMuted)
|
|
.multilineTextAlignment(.center)
|
|
}
|
|
|
|
Spacer().frame(height: FlixySpacing.section)
|
|
}
|
|
.padding(.horizontal, FlixySpacing.section)
|
|
.frame(maxWidth: 420)
|
|
.frame(maxWidth: .infinity, maxHeight: .infinity)
|
|
.background(Color.flixyCanvas)
|
|
}
|
|
}
|