GlobalSearchSheet.swift 6.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. import SwiftData
  2. import SwiftUI
  3. /// Global search across all playlists — find any track by artist, title, or album.
  4. struct GlobalSearchSheet: View {
  5. let playlists: [Playlist]
  6. @Environment(PlayerViewModel.self) private var playerVM
  7. @Environment(PlaylistViewModel.self) private var playlistVM
  8. @EnvironmentObject private var theme: AppTheme
  9. @Environment(\.modelContext) private var modelContext
  10. @Environment(\.dismiss) private var dismiss
  11. @State private var searchText = ""
  12. private var results: [(playlist: Playlist, entry: PlaylistEntry, track: Track)] {
  13. guard searchText.count >= 2 else { return [] }
  14. let query = searchText.lowercased()
  15. var matches: [(Playlist, PlaylistEntry, Track)] = []
  16. for playlist in playlists {
  17. for entry in playlist.sortedEntries {
  18. guard let track = entry.track else { continue }
  19. if track.title.lowercased().contains(query) ||
  20. track.artist.lowercased().contains(query) ||
  21. track.album.lowercased().contains(query) {
  22. matches.append((playlist, entry, track))
  23. }
  24. }
  25. }
  26. return matches
  27. }
  28. var body: some View {
  29. VStack(spacing: 0) {
  30. // Header
  31. HStack {
  32. Image(systemName: "magnifyingglass")
  33. .foregroundStyle(theme.secondaryText)
  34. TextField("Search all playlists...", text: $searchText)
  35. .textFieldStyle(.plain)
  36. .font(.system(size: 14))
  37. if !searchText.isEmpty {
  38. Button {
  39. searchText = ""
  40. } label: {
  41. Image(systemName: "xmark.circle.fill")
  42. .foregroundStyle(theme.tertiaryText)
  43. }
  44. .buttonStyle(.plain)
  45. }
  46. Button("Done") { dismiss() }
  47. .keyboardShortcut(.cancelAction)
  48. }
  49. .padding(12)
  50. Divider()
  51. // Results
  52. if searchText.count < 2 {
  53. VStack {
  54. Spacer()
  55. Text("Type at least 2 characters to search")
  56. .font(.system(size: 12))
  57. .foregroundStyle(theme.tertiaryText)
  58. Spacer()
  59. }
  60. } else if results.isEmpty {
  61. VStack {
  62. Spacer()
  63. Text("No results for \"\(searchText)\"")
  64. .font(.system(size: 12))
  65. .foregroundStyle(theme.tertiaryText)
  66. Spacer()
  67. }
  68. } else {
  69. List {
  70. ForEach(results, id: \.entry.id) { item in
  71. SearchResultRow(
  72. track: item.track,
  73. playlistName: item.playlist.name,
  74. onPlay: {
  75. playerVM.loadAndPlay(item.track, entryID: item.entry.id, playlist: item.playlist)
  76. dismiss()
  77. },
  78. onAddToMix: { slot in
  79. _ = playlistVM.quickAddToMix(slot: slot, track: item.track, context: modelContext)
  80. }
  81. )
  82. }
  83. }
  84. .listStyle(.inset)
  85. }
  86. // Footer
  87. HStack {
  88. Text("\(results.count) results")
  89. .font(.system(size: 11))
  90. .foregroundStyle(theme.tertiaryText)
  91. Spacer()
  92. }
  93. .padding(.horizontal, 12)
  94. .padding(.vertical, 6)
  95. }
  96. .frame(width: 600, height: 450)
  97. }
  98. }
  99. // MARK: - Search Result Row
  100. private struct SearchResultRow: View {
  101. let track: Track
  102. let playlistName: String
  103. let onPlay: () -> Void
  104. let onAddToMix: (Int) -> Void
  105. @EnvironmentObject private var theme: AppTheme
  106. @Environment(PlaylistViewModel.self) private var playlistVM
  107. var body: some View {
  108. HStack(spacing: 8) {
  109. VStack(alignment: .leading, spacing: 2) {
  110. HStack(spacing: 4) {
  111. if !track.artist.isEmpty {
  112. Text(track.artist)
  113. .font(.system(size: 12))
  114. .foregroundStyle(theme.secondaryText)
  115. Text("–")
  116. .font(.system(size: 12))
  117. .foregroundStyle(theme.tertiaryText)
  118. }
  119. Text(track.title)
  120. .font(.system(size: 12, weight: .medium))
  121. .foregroundStyle(theme.primaryText)
  122. }
  123. HStack(spacing: 8) {
  124. Text("in \(playlistName)")
  125. .font(.system(size: 10))
  126. .foregroundStyle(theme.tertiaryText)
  127. if !track.album.isEmpty {
  128. Text("· \(track.album)")
  129. .font(.system(size: 10))
  130. .foregroundStyle(theme.tertiaryText)
  131. }
  132. Text("· \(track.formattedDuration)")
  133. .font(.system(size: 10, design: .monospaced))
  134. .foregroundStyle(theme.tertiaryText)
  135. }
  136. }
  137. Spacer()
  138. Button("Play") { onPlay() }
  139. .controlSize(.small)
  140. // Mix target buttons
  141. HStack(spacing: 3) {
  142. ForEach(0..<3, id: \.self) { slot in
  143. let hasTarget = playlistVM.mixTargets[slot] != nil
  144. Button {
  145. onAddToMix(slot)
  146. } label: {
  147. Text("\(slot + 1)")
  148. .font(.system(size: 10, weight: .bold, design: .rounded))
  149. .frame(width: 20, height: 20)
  150. .foregroundStyle(hasTarget ? mixTargetColors[slot] : theme.tertiaryText)
  151. .background(hasTarget ? mixTargetColors[slot].opacity(0.15) : theme.tertiaryText.opacity(0.08))
  152. .clipShape(RoundedRectangle(cornerRadius: 4))
  153. }
  154. .buttonStyle(.plain)
  155. .help("Add to \(playlistVM.mixTargetName(slot))")
  156. }
  157. }
  158. }
  159. .padding(.vertical, 2)
  160. }
  161. }