ScarriffleandClaude Opus 5
6373566d1c
Das Backend konnte die Suche längst; es fehlte die Oberfläche. **`.searchable`, keine eigene Tastatur.** tvOS macht daraus einen eigenen Bildschirm mit Rastertastatur oben und Ergebnissen darunter — die Bedienung, die jeder von Apples Apps kennt. Etwas Eigenes zu bauen hiesse, sie nachzuahmen und dabei die Diktierfunktion zu verlieren. **Herausgelöst statt kopiert**, wie schon bei Start und Mediathek: `SearchFeed` trägt das Entprellen, die Mindestlänge und die zuletzt gesuchten Begriffe. Drei Stellen, an denen es nicht offensichtlich ist — und die dritte ist die wichtigste: geprüft wird auf `Task.isCancelled` und nicht auf `CancellationError`, weil eine abgebrochene Netzanfrage als Übertragungsfehler zurückkommt. Die naheliegende Prüfung lief ins Leere, und jeder Tastendruck leerte kurz die Liste. **Und erst jetzt eine Reiterleiste.** Bis hierher gab es genau einen Bildschirm, und eine Leiste mit einem Eintrag wäre Zierrat gewesen. Der Suchreiter trägt `role: .search`: tvOS stellt ihn dadurch ans Ende und gibt ihm die Lupe, dieselbe Stelle wie überall sonst. Keinen dritten Reiter für die Mediatheken — die stehen als Reihe auf der Startseite, und ein Reiter verspräche einen eigenen Bereich, hinter dem dasselbe Raster läge. Der offene Reiter wird ausdrücklich gehalten, nicht dem System überlassen: ein Link aus dem Regal über der App führt zur Startseite, und stünde gerade die Suche offen, passierte sichtbar nichts. Nebenbei bekommt die iOS-Suche einen Knopf zum Vergessen des Verlaufs. Wischen zum Löschen gab es dort, am Fernseher gibt es das nicht — und eine Liste, die sich nur auf einer Plattform leeren lässt, ist keine. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
82 lines
2.7 KiB
Swift
82 lines
2.7 KiB
Swift
import SwiftUI
|
|
import FlixyDesign
|
|
import MediaKit
|
|
|
|
/// Sucht über alle Mediatheken des Servers.
|
|
///
|
|
/// **Nur noch Darstellung.** Entprellen, fragen und merken liegen in
|
|
/// `SearchFeed`, weil der Fernseher dieselben Fragen an denselben Server
|
|
/// stellt. Siehe dort, warum das kein Beiwerk ist.
|
|
struct SearchView: View {
|
|
@Environment(FlixySession.self) private var session
|
|
|
|
@State private var text = ""
|
|
@State private var feed = SearchFeed()
|
|
|
|
var body: some View {
|
|
Group {
|
|
if text.isEmpty {
|
|
recentSearches
|
|
} else if feed.hubs.isEmpty && !feed.isSearching {
|
|
ContentUnavailableView.search(text: text)
|
|
} else {
|
|
results
|
|
}
|
|
}
|
|
.background(Color.flixyCanvas)
|
|
.navigationTitle(Text("search.title"))
|
|
.flixyInlineTitle()
|
|
.searchable(text: $text)
|
|
// Jeder Tastendruck löst eine Anfrage aus — aber erst nach einer
|
|
// kurzen Pause. Ohne sie schickt „Blade Runner" zwölf Anfragen los,
|
|
// von denen elf verworfen werden.
|
|
.task(id: text) { await feed.search(text, from: session.backend) }
|
|
}
|
|
|
|
private var results: some View {
|
|
ScrollView {
|
|
LazyVStack(alignment: .leading, spacing: FlixySpacing.section) {
|
|
ForEach(feed.hubs) { hub in
|
|
MediaRow(row: hub)
|
|
}
|
|
}
|
|
.padding(.vertical, FlixySpacing.loose)
|
|
}
|
|
.flixyRevealsTopChrome()
|
|
}
|
|
|
|
@ViewBuilder
|
|
private var recentSearches: some View {
|
|
if feed.recent.isEmpty {
|
|
ContentUnavailableView {
|
|
Label("search.title", systemImage: "magnifyingglass")
|
|
} description: {
|
|
Text("search.hint")
|
|
}
|
|
} else {
|
|
List {
|
|
Section {
|
|
ForEach(feed.recent, id: \.self) { entry in
|
|
Button {
|
|
text = entry
|
|
} label: {
|
|
Label(entry, systemImage: "clock.arrow.circlepath")
|
|
.foregroundStyle(Color.flixyTextSecondary)
|
|
}
|
|
}
|
|
} header: {
|
|
Text("search.recent")
|
|
} footer: {
|
|
Button("search.forgetRecent", role: .destructive) {
|
|
feed.forgetRecent()
|
|
}
|
|
.font(.flixyCaption)
|
|
}
|
|
.listRowBackground(Color.flixySurface)
|
|
}
|
|
.scrollContentBackground(.hidden)
|
|
.flixyRevealsTopChrome()
|
|
}
|
|
}
|
|
}
|