highlight current chapter

Model/Player/PlayerModel.swift

@@ -131,6 +131,9 @@ final class PlayerModel: ObservableObject {
         @Default(.rotateToLandscapeOnEnterFullScreen) private var rotateToLandscapeOnEnterFullScreen
     #endif
 
+    @Published var playedChapters: [Int] = []
+    @Published var currentChapterIndex: Int?
+
     var accounts: AccountsModel { .shared }
     var comments: CommentsModel { .shared }
     var controls: PlayerControlsModel { .shared }

Shared/Player/Video Details/ChapterView.swift

@@ -1,16 +1,27 @@
+import CoreMedia
 import Foundation
 import SDWebImageSwiftUI
 import SwiftUI
 
 struct ChapterView: View {
     var chapter: Chapter
+    var nextChapterStart: Double?
 
-    var player = PlayerModel.shared
+    var chapterIndex: Int
+    @ObservedObject private var player = PlayerModel.shared
+
+    var isCurrentChapter: Bool {
+        player.currentChapterIndex == chapterIndex
+    }
+
+    var hasBeenPlayed: Bool {
+        player.playedChapters.contains(chapterIndex)
+    }
 
     var body: some View {
-        Button {
+        Button(action: {
             player.backend.seek(to: chapter.start, seekType: .userInteracted)
-        } label: {
+        }) {
             Group {
                 #if os(tvOS)
                     horizontalChapter
@@ -21,6 +32,15 @@ struct ChapterView: View {
             .contentShape(Rectangle())
         }
         .buttonStyle(.plain)
+        .onReceive(PlayerTimeModel.shared.$currentTime) { cmTime in
+            let time = CMTimeGetSeconds(cmTime)
+            if time >= self.chapter.start, self.nextChapterStart == nil || time < self.nextChapterStart! {
+                player.currentChapterIndex = self.chapterIndex
+                if !player.playedChapters.contains(self.chapterIndex) {
+                    player.playedChapters.append(self.chapterIndex)
+                }
+            }
+        }
     }
 
     #if os(tvOS)
@@ -52,6 +72,7 @@ struct ChapterView: View {
                         .lineLimit(3)
                         .multilineTextAlignment(.leading)
                         .font(.headline)
+                        .foregroundColor(isCurrentChapter ? .detailBadgeOutstandingStyleBackground : .primary)
                     Text(chapter.start.formattedAsPlaybackTime(allowZero: true) ?? "")
                         .font(.system(.subheadline).monospacedDigit())
                         .foregroundColor(.secondary)
@@ -87,7 +108,7 @@ struct ChapterView: View {
 
 struct ChapterView_Preview: PreviewProvider {
     static var previews: some View {
-        ChapterView(chapter: .init(title: "Chapter", start: 30))
+        ChapterView(chapter: .init(title: "Chapter", start: 30), chapterIndex: 0)
             .injectFixtureEnvironmentObjects()
     }
 }

Shared/Player/Video Details/ChaptersView.swift

@@ -30,8 +30,10 @@ struct ChaptersView: View {
                 #else
                     ScrollView(.horizontal) {
                         LazyHStack(spacing: 20) {
-                            ForEach(chapters) { chapter in
+                            ForEach(Array(chapters.indices), id: \.self) { index in
-                                ChapterView(chapter: chapter)
+                                let chapter = chapters[index]
+                                let nextChapterStart: Double? = index < chapters.count - 1 ? chapters[index + 1].start : nil
+                                ChapterView(chapter: chapter, nextChapterStart: nextChapterStart, chapterIndex: index)
                             }
                         }
                         .padding(.horizontal, 15)
@@ -39,8 +41,10 @@ struct ChaptersView: View {
                 #endif
             } else if expand {
                 Section {
-                    ForEach(chapters) { chapter in
+                    ForEach(Array(chapters.indices), id: \.self) { index in
-                        ChapterView(chapter: chapter)
+                        let chapter = chapters[index]
+                        let nextChapterStart: Double? = index < chapters.count - 1 ? chapters[index + 1].start : nil
+                        ChapterView(chapter: chapter, nextChapterStart: nextChapterStart, chapterIndex: index)
                     }
                 }
                 .padding(.horizontal)
@@ -60,8 +64,10 @@ struct ChaptersView: View {
 
     var contents: some View {
         Section {
-            ForEach(chapters.prefix(3).indices, id: \.self) { index in
+            ForEach(Array(chapters.prefix(3).indices), id: \.self) { index in
-                ChapterView(chapter: chapters[index])
+                let chapter = chapters[index]
+                let nextChapterStart: Double? = index < chapters.count - 1 ? chapters[index + 1].start : nil
+                ChapterView(chapter: chapter, nextChapterStart: nextChapterStart, chapterIndex: index)
                     .allowsHitTesting(expand)
                     .opacity(index == 0 ? 1.0 : 0.3)
             }