yattee/Shared/Channels/ChannelPlaylistView.swift

208 lines
6.3 KiB
Swift
Raw Normal View History

2022-12-12 00:18:29 +00:00
import Defaults
2021-10-22 23:04:03 +00:00
import Siesta
import SwiftUI
struct ChannelPlaylistView: View {
2022-05-29 19:09:57 +00:00
var playlist: ChannelPlaylist?
var showCloseButton = false
2021-10-22 23:04:03 +00:00
2021-10-26 22:59:59 +00:00
@State private var presentingShareSheet = false
2021-11-13 15:45:47 +00:00
@State private var shareURL: URL?
2021-10-26 22:59:59 +00:00
2021-10-22 23:04:03 +00:00
@StateObject private var store = Store<ChannelPlaylist>()
@Environment(\.colorScheme) private var colorScheme
2022-05-29 19:09:57 +00:00
@Environment(\.navigationStyle) private var navigationStyle
2022-12-12 00:18:29 +00:00
@Default(.channelPlaylistListingStyle) private var channelPlaylistListingStyle
2023-02-25 15:42:18 +00:00
@Default(.hideShorts) private var hideShorts
2021-10-22 23:04:03 +00:00
@ObservedObject private var accounts = AccountsModel.shared
var player = PlayerModel.shared
@ObservedObject private var recents = RecentsModel.shared
2021-10-22 23:04:03 +00:00
2022-05-29 19:09:57 +00:00
private var items: [ContentItem] {
2021-10-22 23:04:03 +00:00
ContentItem.array(of: store.item?.videos ?? [])
}
2022-05-29 19:09:57 +00:00
private var presentedPlaylist: ChannelPlaylist? {
2022-05-29 20:12:59 +00:00
playlist ?? recents.presentedPlaylist
2022-05-29 19:09:57 +00:00
}
private var resource: Resource? {
guard let playlist = presentedPlaylist else {
return nil
}
let resource = accounts.api.channelPlaylist(playlist.id)
resource?.addObserver(store)
return resource
2021-10-22 23:04:03 +00:00
}
var body: some View {
VStack(alignment: .leading) {
#if os(tvOS)
2021-11-01 21:56:18 +00:00
HStack {
2022-05-29 20:30:00 +00:00
if let playlist = presentedPlaylist {
ThumbnailView(url: store.item?.thumbnailURL ?? playlist.thumbnailURL)
.frame(width: 140, height: 80)
.clipShape(RoundedRectangle(cornerRadius: 2))
2022-05-29 20:30:00 +00:00
Text(playlist.title)
.font(.headline)
2022-05-29 20:30:00 +00:00
.frame(alignment: .leading)
.lineLimit(1)
2021-11-01 21:56:18 +00:00
2022-05-29 20:30:00 +00:00
Spacer()
2021-11-01 21:56:18 +00:00
FavoriteButton(item: FavoriteItem(section: .channelPlaylist(accounts.app.appType.rawValue, playlist.id, playlist.title)))
2022-05-29 20:30:00 +00:00
.labelStyle(.iconOnly)
}
2022-12-15 22:03:04 +00:00
playButtons
.labelStyle(.iconOnly)
2021-11-01 21:56:18 +00:00
}
2021-10-22 23:04:03 +00:00
#endif
VerticalCells(items: items)
.environment(\.inChannelPlaylistView, true)
2021-10-22 23:04:03 +00:00
}
2022-12-12 00:18:29 +00:00
.environment(\.listingStyle, channelPlaylistListingStyle)
2021-10-22 23:04:03 +00:00
.onAppear {
2022-12-16 11:31:43 +00:00
if let playlist = presentedPlaylist,
2022-12-16 19:37:05 +00:00
let cache = ChannelPlaylistsCacheModel.shared.retrievePlaylist(playlist)
2022-12-16 11:31:43 +00:00
{
store.replace(cache)
}
resource?.loadIfNeeded()?.onSuccess { response in
if let playlist: ChannelPlaylist = response.typedContent() {
ChannelPlaylistsCacheModel.shared.storePlaylist(playlist: playlist)
}
}
2021-10-22 23:04:03 +00:00
}
#if os(tvOS)
.background(Color.background(scheme: colorScheme))
2022-12-12 00:18:29 +00:00
#endif
#if os(iOS)
.toolbar {
ToolbarItem(placement: .principal) {
playlistMenu
}
}
#endif
#if os(macOS)
2021-11-08 16:29:35 +00:00
.toolbar {
ToolbarItem(placement: .cancellationAction) {
if showCloseButton {
Button {
NavigationModel.shared.presentingPlaylist = false
} label: {
Label("Close", systemImage: "xmark")
2022-05-29 19:09:57 +00:00
}
.buttonStyle(.plain)
2022-05-29 19:09:57 +00:00
}
2021-11-08 16:29:35 +00:00
}
2021-10-26 22:59:59 +00:00
ToolbarItem(placement: playlistButtonsPlacement) {
HStack {
2022-12-12 00:18:29 +00:00
ListingStyleButtons(listingStyle: $channelPlaylistListingStyle)
2023-02-25 15:42:18 +00:00
HideShortsButtons(hide: $hideShorts)
ShareButton(contentItem: contentItem)
2022-05-29 19:09:57 +00:00
2022-12-12 00:18:29 +00:00
favoriteButton
2022-12-15 22:03:04 +00:00
playButtons
}
2021-10-22 23:04:03 +00:00
}
2021-11-08 16:29:35 +00:00
}
2022-12-12 00:18:29 +00:00
.navigationTitle(label)
#endif
}
2022-12-12 00:18:29 +00:00
@ViewBuilder private var favoriteButton: some View {
if let playlist = presentedPlaylist {
FavoriteButton(item: FavoriteItem(section: .channelPlaylist(accounts.app.appType.rawValue, playlist.id, playlist.title)))
}
}
#if os(iOS)
private var playlistMenu: some View {
Menu {
2022-12-15 22:03:04 +00:00
playButtons
2022-12-12 00:18:29 +00:00
favoriteButton
ListingStyleButtons(listingStyle: $channelPlaylistListingStyle)
2023-02-25 15:42:18 +00:00
Section {
HideShortsButtons(hide: $hideShorts)
}
2022-12-12 00:18:29 +00:00
Section {
SettingsButtons()
}
} label: {
HStack(spacing: 12) {
if let url = store.item?.thumbnailURL ?? playlist?.thumbnailURL {
ThumbnailView(url: url)
.frame(width: 60, height: 30)
.clipShape(RoundedRectangle(cornerRadius: 2))
}
2022-12-12 00:18:29 +00:00
Text(label)
.font(.headline)
.foregroundColor(.primary)
Image(systemName: "chevron.down.circle.fill")
.foregroundColor(.accentColor)
.imageScale(.small)
}
.frame(maxWidth: 320)
.transaction { t in t.animation = nil }
}
}
#endif
private var label: String {
presentedPlaylist?.title ?? ""
}
private var playlistButtonsPlacement: ToolbarItemPlacement {
#if os(iOS)
.navigationBarTrailing
2021-10-22 23:04:03 +00:00
#else
.automatic
2021-10-22 23:04:03 +00:00
#endif
}
2021-10-26 22:59:59 +00:00
2022-12-15 22:03:04 +00:00
private var playButtons: some View {
Group {
Button {
player.play(videos)
} label: {
Label("Play All", systemImage: "play")
}
2022-09-04 15:23:02 +00:00
Button {
player.play(videos, shuffling: true)
} label: {
Label("Shuffle All", systemImage: "shuffle")
}
}
}
private var videos: [Video] {
items.compactMap(\.video)
}
2021-10-26 22:59:59 +00:00
private var contentItem: ContentItem {
ContentItem(playlist: playlist)
}
2021-10-22 23:04:03 +00:00
}
struct ChannelPlaylistView_Previews: PreviewProvider {
static var previews: some View {
2022-12-12 00:18:29 +00:00
NavigationView {
ChannelPlaylistView(playlist: ChannelPlaylist.fixture)
}
2021-10-22 23:04:03 +00:00
}
}