mirror of
https://github.com/yattee/yattee.git
synced 2024-12-22 13:33:42 +00:00
Search performance improvements
This commit is contained in:
parent
fda7839527
commit
ff497cb09b
12
Backports/ScrollDismissesKeyboard+Backport.swift
Normal file
12
Backports/ScrollDismissesKeyboard+Backport.swift
Normal file
@ -0,0 +1,12 @@
|
||||
import Foundation
|
||||
import SwiftUI
|
||||
|
||||
extension Backport where Content: View {
|
||||
@ViewBuilder func scrollDismissesKeyboard() -> some View {
|
||||
if #available(iOS 16.0, macOS 13.0, tvOS 16.0, *) {
|
||||
content.scrollDismissesKeyboard(.immediately)
|
||||
} else {
|
||||
content
|
||||
}
|
||||
}
|
||||
}
|
@ -1,4 +1,5 @@
|
||||
import Defaults
|
||||
import Repeat
|
||||
import Siesta
|
||||
import SwiftUI
|
||||
|
||||
@ -9,9 +10,9 @@ final class SearchModel: ObservableObject {
|
||||
@Published var query = SearchQuery()
|
||||
@Published var queryText = ""
|
||||
@Published var suggestionsText = ""
|
||||
@Published var suggestionSelection = ""
|
||||
|
||||
@Published var querySuggestions = Store<[String]>()
|
||||
@Published var querySuggestions = [String]()
|
||||
private var suggestionsDebouncer = Debouncer(.milliseconds(200))
|
||||
|
||||
var accounts = AccountsModel()
|
||||
private var resource: Resource!
|
||||
@ -74,36 +75,29 @@ final class SearchModel: ObservableObject {
|
||||
}
|
||||
|
||||
var suggestionsResource: Resource? { didSet {
|
||||
oldValue?.removeObservers(ownedBy: querySuggestions)
|
||||
oldValue?.cancelLoadIfUnobserved()
|
||||
|
||||
objectWillChange.send()
|
||||
}}
|
||||
|
||||
func loadSuggestions(_ query: String) {
|
||||
guard !query.isEmpty else {
|
||||
querySuggestions.replace([])
|
||||
return
|
||||
}
|
||||
|
||||
suggestionsDebouncer.callback = {
|
||||
guard !query.isEmpty else { return }
|
||||
DispatchQueue.main.async {
|
||||
self.suggestionsResource = self.accounts.api.searchSuggestions(query: query)
|
||||
self.suggestionsResource?.addObserver(self.querySuggestions)
|
||||
|
||||
if let request = self.suggestionsResource?.loadIfNeeded() {
|
||||
request.onSuccess { response in
|
||||
self.accounts.api.searchSuggestions(query: query).load().onSuccess { response in
|
||||
if let suggestions: [String] = response.typedContent() {
|
||||
self.querySuggestions = Store<[String]>(suggestions)
|
||||
}
|
||||
self.suggestionsText = query
|
||||
}
|
||||
self.querySuggestions = suggestions
|
||||
} else {
|
||||
self.querySuggestions = Store<[String]>(self.querySuggestions.collection)
|
||||
self.querySuggestions = []
|
||||
}
|
||||
self.suggestionsText = query
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
suggestionsDebouncer.call()
|
||||
}
|
||||
|
||||
func loadNextPage() {
|
||||
guard var pageToLoad = page, !pageToLoad.last else {
|
||||
return
|
||||
|
@ -8,16 +8,9 @@ struct SearchTextField: View {
|
||||
@EnvironmentObject<RecentsModel> private var recents
|
||||
@EnvironmentObject<SearchModel> private var state
|
||||
|
||||
@Binding var queryText: String
|
||||
@Binding var favoriteItem: FavoriteItem?
|
||||
|
||||
private var queryDebouncer = Debouncer(.milliseconds(800))
|
||||
|
||||
init(
|
||||
queryText: Binding<String>,
|
||||
favoriteItem: Binding<FavoriteItem?>? = nil
|
||||
) {
|
||||
_queryText = queryText
|
||||
init(favoriteItem: Binding<FavoriteItem?>? = nil) {
|
||||
_favoriteItem = favoriteItem ?? .constant(nil)
|
||||
}
|
||||
|
||||
@ -36,7 +29,7 @@ struct SearchTextField: View {
|
||||
.padding(.horizontal, 8)
|
||||
.opacity(0.8)
|
||||
#endif
|
||||
TextField("Search...", text: $queryText) {
|
||||
TextField("Search...", text: $state.queryText) {
|
||||
state.changeQuery { query in
|
||||
query.query = state.queryText
|
||||
navigation.hideKeyboard()
|
||||
@ -44,17 +37,6 @@ struct SearchTextField: View {
|
||||
recents.addQuery(state.queryText, navigation: navigation)
|
||||
}
|
||||
.disableAutocorrection(true)
|
||||
.onChange(of: state.suggestionSelection) { newValue in
|
||||
self.queryText = newValue
|
||||
}
|
||||
.onChange(of: queryText) { newValue in
|
||||
queryDebouncer.callback = {
|
||||
DispatchQueue.main.async {
|
||||
state.queryText = newValue
|
||||
}
|
||||
}
|
||||
queryDebouncer.call()
|
||||
}
|
||||
#if os(macOS)
|
||||
.frame(maxWidth: 190)
|
||||
.textFieldStyle(.plain)
|
||||
@ -64,13 +46,16 @@ struct SearchTextField: View {
|
||||
.padding(.trailing, 15)
|
||||
#endif
|
||||
|
||||
if !self.state.queryText.isEmpty {
|
||||
if let favoriteItem = favoriteItem {
|
||||
#if os(iOS)
|
||||
FavoriteButton(item: favoriteItem)
|
||||
.id(favoriteItem?.id)
|
||||
.id(favoriteItem.id)
|
||||
.labelStyle(.iconOnly)
|
||||
.padding(.trailing)
|
||||
#endif
|
||||
}
|
||||
|
||||
if !state.queryText.isEmpty {
|
||||
clearButton
|
||||
} else {
|
||||
#if os(macOS)
|
||||
@ -96,7 +81,6 @@ struct SearchTextField: View {
|
||||
|
||||
private var clearButton: some View {
|
||||
Button(action: {
|
||||
queryText = ""
|
||||
self.state.queryText = ""
|
||||
}) {
|
||||
Image(systemName: "xmark.circle.fill")
|
||||
|
@ -7,6 +7,7 @@ struct SearchSuggestions: View {
|
||||
|
||||
var body: some View {
|
||||
List {
|
||||
if !state.queryText.isEmpty {
|
||||
Button {
|
||||
runQueryAction(state.queryText)
|
||||
} label: {
|
||||
@ -21,6 +22,7 @@ struct SearchSuggestions: View {
|
||||
#if os(macOS)
|
||||
.onHover(perform: onHover(_:))
|
||||
#endif
|
||||
}
|
||||
|
||||
ForEach(visibleSuggestions, id: \.self) { suggestion in
|
||||
HStack {
|
||||
@ -51,7 +53,7 @@ struct SearchSuggestions: View {
|
||||
Spacer()
|
||||
|
||||
Button {
|
||||
state.suggestionSelection = suggestion
|
||||
state.queryText = suggestion
|
||||
} label: {
|
||||
Image(systemName: "arrow.up.left.circle")
|
||||
.foregroundColor(.secondary)
|
||||
@ -65,14 +67,16 @@ struct SearchSuggestions: View {
|
||||
#endif
|
||||
}
|
||||
}
|
||||
.id(UUID())
|
||||
#if os(iOS)
|
||||
.padding(.bottom, 90)
|
||||
#endif
|
||||
#if os(macOS)
|
||||
.buttonStyle(.link)
|
||||
#endif
|
||||
}
|
||||
|
||||
private func runQueryAction(_ queryText: String) {
|
||||
state.suggestionSelection = queryText
|
||||
state.queryText = queryText
|
||||
|
||||
state.changeQuery { query in
|
||||
query.query = queryText
|
||||
@ -83,7 +87,7 @@ struct SearchSuggestions: View {
|
||||
}
|
||||
|
||||
private var visibleSuggestions: [String] {
|
||||
state.querySuggestions.collection.filter {
|
||||
state.querySuggestions.filter {
|
||||
$0.compare(state.queryText, options: .caseInsensitive) != .orderedSame
|
||||
}
|
||||
}
|
||||
|
@ -17,7 +17,6 @@ struct SearchView: View {
|
||||
#endif
|
||||
|
||||
@State private var favoriteItem: FavoriteItem?
|
||||
@State private var queryText = ""
|
||||
|
||||
@Environment(\.navigationStyle) private var navigationStyle
|
||||
|
||||
@ -61,25 +60,29 @@ struct SearchView: View {
|
||||
}) {
|
||||
#if os(iOS)
|
||||
VStack {
|
||||
SearchTextField(queryText: $queryText, favoriteItem: $favoriteItem)
|
||||
SearchTextField(favoriteItem: $favoriteItem)
|
||||
|
||||
if state.query.query != queryText, !queryText.isEmpty, !state.querySuggestions.collection.isEmpty {
|
||||
if state.query.query != state.queryText {
|
||||
SearchSuggestions()
|
||||
.opacity(state.queryText.isEmpty ? 0 : 1)
|
||||
} else {
|
||||
results
|
||||
}
|
||||
}
|
||||
.backport
|
||||
.scrollDismissesKeyboard()
|
||||
#else
|
||||
ZStack {
|
||||
results
|
||||
|
||||
#if os(macOS)
|
||||
if state.query.query != queryText, !queryText.isEmpty, !state.querySuggestions.collection.isEmpty {
|
||||
if state.query.query != state.queryText {
|
||||
HStack {
|
||||
Spacer()
|
||||
SearchSuggestions()
|
||||
.borderLeading(width: 1, color: Color("ControlsBorderColor"))
|
||||
.frame(maxWidth: 280)
|
||||
.opacity(state.queryText.isEmpty ? 0 : 1)
|
||||
}
|
||||
}
|
||||
#endif
|
||||
@ -108,13 +111,12 @@ struct SearchView: View {
|
||||
filtersMenu
|
||||
}
|
||||
|
||||
SearchTextField(queryText: $queryText)
|
||||
SearchTextField(favoriteItem: $favoriteItem)
|
||||
}
|
||||
#endif
|
||||
}
|
||||
.onAppear {
|
||||
if let query = query {
|
||||
queryText = query.query
|
||||
state.queryText = query.query
|
||||
state.resetQuery(query)
|
||||
updateFavoriteItem()
|
||||
@ -125,10 +127,6 @@ struct SearchView: View {
|
||||
}
|
||||
}
|
||||
.onChange(of: state.queryText) { newQuery in
|
||||
if queryText.isEmpty, queryText != newQuery {
|
||||
queryText = newQuery
|
||||
}
|
||||
|
||||
if newQuery.isEmpty {
|
||||
favoriteItem = nil
|
||||
state.resetQuery()
|
||||
@ -136,9 +134,7 @@ struct SearchView: View {
|
||||
updateFavoriteItem()
|
||||
}
|
||||
|
||||
if state.query.query != queryText {
|
||||
state.loadSuggestions(newQuery)
|
||||
}
|
||||
|
||||
#if os(tvOS)
|
||||
searchDebounce.invalidate()
|
||||
@ -147,7 +143,6 @@ struct SearchView: View {
|
||||
searchDebounce.debouncing(2) {
|
||||
state.changeQuery { query in
|
||||
query.query = newQuery
|
||||
updateFavoriteItem()
|
||||
}
|
||||
}
|
||||
|
||||
@ -176,11 +171,13 @@ struct SearchView: View {
|
||||
}
|
||||
#if os(tvOS)
|
||||
.searchable(text: $state.queryText) {
|
||||
ForEach(state.querySuggestions.collection, id: \.self) { suggestion in
|
||||
if !state.queryText.isEmpty {
|
||||
ForEach(state.querySuggestions, id: \.self) { suggestion in
|
||||
Text(suggestion)
|
||||
.searchCompletion(suggestion)
|
||||
}
|
||||
}
|
||||
}
|
||||
#else
|
||||
.ignoresSafeArea(.keyboard, edges: .bottom)
|
||||
.navigationTitle("Search")
|
||||
@ -224,6 +221,9 @@ struct SearchView: View {
|
||||
VStack {
|
||||
if showRecentQueries {
|
||||
recentQueries
|
||||
#if os(iOS)
|
||||
.padding(.bottom, 90)
|
||||
#endif
|
||||
} else {
|
||||
#if os(tvOS)
|
||||
ScrollView(.vertical, showsIndicators: false) {
|
||||
@ -311,12 +311,9 @@ struct SearchView: View {
|
||||
Button {
|
||||
switch item.type {
|
||||
case .query:
|
||||
#if os(tvOS)
|
||||
state.queryText = item.title
|
||||
#else
|
||||
queryText = item.title
|
||||
#endif
|
||||
state.changeQuery { query in query.query = item.title }
|
||||
navigation.hideKeyboard()
|
||||
|
||||
updateFavoriteItem()
|
||||
recents.add(item)
|
||||
@ -493,10 +490,10 @@ struct SearchView: View {
|
||||
|
||||
private func updateFavoriteItem() {
|
||||
favoriteItem = FavoriteItem(section: .searchQuery(
|
||||
state.query.query,
|
||||
state.query.date?.rawValue ?? "",
|
||||
state.query.duration?.rawValue ?? "",
|
||||
state.query.sortBy.rawValue
|
||||
state.queryText,
|
||||
searchDate.rawValue,
|
||||
searchDuration.rawValue,
|
||||
searchSortOrder.rawValue
|
||||
))
|
||||
}
|
||||
}
|
||||
|
@ -399,6 +399,7 @@
|
||||
376CD21626FBE18D001E1AC1 /* Instance+Fixtures.swift in Sources */ = {isa = PBXBuildFile; fileRef = 376CD21526FBE18D001E1AC1 /* Instance+Fixtures.swift */; };
|
||||
376CD21726FBE18D001E1AC1 /* Instance+Fixtures.swift in Sources */ = {isa = PBXBuildFile; fileRef = 376CD21526FBE18D001E1AC1 /* Instance+Fixtures.swift */; };
|
||||
376CD21826FBE18D001E1AC1 /* Instance+Fixtures.swift in Sources */ = {isa = PBXBuildFile; fileRef = 376CD21526FBE18D001E1AC1 /* Instance+Fixtures.swift */; };
|
||||
376E331228AD3B320070E30C /* ScrollDismissesKeyboard+Backport.swift in Sources */ = {isa = PBXBuildFile; fileRef = 376E331128AD3B320070E30C /* ScrollDismissesKeyboard+Backport.swift */; };
|
||||
3772003827E8EEB100CB2475 /* AudioToolbox.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 3772003227E8EEA100CB2475 /* AudioToolbox.framework */; };
|
||||
3772003927E8EEB700CB2475 /* AVFoundation.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 3772003427E8EEA100CB2475 /* AVFoundation.framework */; };
|
||||
3772003A27E8EEBE00CB2475 /* CoreMedia.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = 3772003527E8EEA100CB2475 /* CoreMedia.framework */; };
|
||||
@ -1078,6 +1079,7 @@
|
||||
376BE50627347B57009AD608 /* SettingsHeader.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SettingsHeader.swift; sourceTree = "<group>"; };
|
||||
376BE50A27349108009AD608 /* BrowsingSettings.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BrowsingSettings.swift; sourceTree = "<group>"; };
|
||||
376CD21526FBE18D001E1AC1 /* Instance+Fixtures.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Instance+Fixtures.swift"; sourceTree = "<group>"; };
|
||||
376E331128AD3B320070E30C /* ScrollDismissesKeyboard+Backport.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "ScrollDismissesKeyboard+Backport.swift"; sourceTree = "<group>"; };
|
||||
3772002527E8ED2600CB2475 /* BridgingHeader.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = BridgingHeader.h; sourceTree = "<group>"; };
|
||||
3772003127E8EEA100CB2475 /* libz.tbd */ = {isa = PBXFileReference; lastKnownFileType = "sourcecode.text-based-dylib-definition"; name = libz.tbd; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS15.4.sdk/usr/lib/libz.tbd; sourceTree = DEVELOPER_DIR; };
|
||||
3772003227E8EEA100CB2475 /* AudioToolbox.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = AudioToolbox.framework; path = Platforms/AppleTVOS.platform/Developer/SDKs/AppleTVOS15.4.sdk/System/Library/Frameworks/AudioToolbox.framework; sourceTree = DEVELOPER_DIR; };
|
||||
@ -1613,6 +1615,7 @@
|
||||
3722AEBF274DAEB8005EA4D6 /* Tint+Backport.swift */,
|
||||
3727B74927872A920021C15E /* VisualEffectBlur-iOS.swift */,
|
||||
3727B74727872A500021C15E /* VisualEffectBlur-macOS.swift */,
|
||||
376E331128AD3B320070E30C /* ScrollDismissesKeyboard+Backport.swift */,
|
||||
);
|
||||
path = Backports;
|
||||
sourceTree = "<group>";
|
||||
@ -2812,6 +2815,7 @@
|
||||
373C8FE4275B955100CB5936 /* CommentsPage.swift in Sources */,
|
||||
3700155B271B0D4D0049C794 /* PipedAPI.swift in Sources */,
|
||||
373031F32838388A000CFD59 /* PlayerLayerView.swift in Sources */,
|
||||
376E331228AD3B320070E30C /* ScrollDismissesKeyboard+Backport.swift in Sources */,
|
||||
37B044B726F7AB9000E1419D /* SettingsView.swift in Sources */,
|
||||
377FC7E3267A084A00A6BBAF /* VideoCell.swift in Sources */,
|
||||
37C3A251272366440087A57A /* ChannelPlaylistView.swift in Sources */,
|
||||
|
Loading…
Reference in New Issue
Block a user