@neoskola/auto-play 0.3.19 → 0.3.20

package/ios/templates/NowPlayingTemplate.swift

@@ -34,35 +34,28 @@ class NowPlayingTemplate: AutoPlayTemplate {
     init(config: NowPlayingTemplateConfig) {
         self.config = config
 
-        // Custom player screen using CPListTemplate instead of CPNowPlayingTemplate.shared
+        // CarPlay-safe custom player screen using CPListTemplate.
         let titleText = Parser.parseText(text: config.title) ?? "Now Playing"
         let subtitleText = config.subtitle.flatMap { Parser.parseText(text: $0) } ?? ""
 
-        let infoItem = CPListItem(
+        let initialInfoItem = CPListItem(
             text: titleText,
             detailText: subtitleText,
             image: UIImage(systemName: "music.note"),
             accessoryImage: nil,
             accessoryType: .none
         )
+        initialInfoItem.isEnabled = false
 
-        let statusItem = CPListItem(
-            text: "Yükleniyor...",
-            detailText: nil,
-            image: UIImage(systemName: "arrow.down.circle"),
-            accessoryImage: nil,
-            accessoryType: .none
-        )
-
-        let section = CPListSection(
-            items: [infoItem, statusItem],
+        let initialSection = CPListSection(
+            items: [initialInfoItem],
             header: nil,
             sectionIndexTitle: nil
         )
 
         template = CPListTemplate(
             title: "Now Playing",
-            sections: [section],
+            sections: [initialSection],
             assistantCellConfiguration: nil,
             id: config.id
         )
@@ -71,6 +64,7 @@ class NowPlayingTemplate: AutoPlayTemplate {
             guard let self = self else { return }
             NowPlayingSessionManager.shared.ensureSessionActive()
             self.setupRemoteCommandCenter()
+            self.updatePlayerUI()
             self.updateNowPlayingInfo()
             self.isSetupComplete = true
 
@@ -85,6 +79,10 @@ class NowPlayingTemplate: AutoPlayTemplate {
     private func updatePlayerUI() {
         let titleText = Parser.parseText(text: config.title) ?? "Now Playing"
         let subtitleText = config.subtitle.flatMap { Parser.parseText(text: $0) } ?? ""
+        let elapsedText = formatTime(currentElapsedTime)
+        let totalText = currentDuration > 0 ? formatTime(currentDuration) : "--:--"
+        let stateText = config.isPlaying ? "Playing" : "Paused"
+        let stateIcon = config.isPlaying ? "play.circle.fill" : "pause.circle.fill"
 
         let infoItem = CPListItem(
             text: titleText,
@@ -93,34 +91,101 @@ class NowPlayingTemplate: AutoPlayTemplate {
             accessoryImage: nil,
             accessoryType: .none
         )
+        infoItem.isEnabled = false
+
+        let timingItem = CPListItem(
+            text: "\(elapsedText) / \(totalText)",
+            detailText: stateText,
+            image: UIImage(systemName: stateIcon),
+            accessoryImage: nil,
+            accessoryType: .none
+        )
+        timingItem.isEnabled = false
 
-        let statusText: String
-        let statusIcon: String
-        if config.isPlaying {
-            let elapsed = formatTime(currentElapsedTime)
-            let total = currentDuration > 0 ? formatTime(currentDuration) : "--:--"
-            statusText = "Playing  \(elapsed) / \(total)"
-            statusIcon = "play.circle.fill"
+        let progressPercent: Int
+        if currentDuration > 0 {
+            let ratio = max(0.0, min(currentElapsedTime / currentDuration, 1.0))
+            progressPercent = Int(ratio * 100.0)
         } else {
-            statusText = "Paused"
-            statusIcon = "pause.circle.fill"
+            progressPercent = 0
+        }
+        let progressItem = CPListItem(
+            text: "Progress \(progressPercent)%",
+            detailText: progressBarText(elapsed: currentElapsedTime, duration: currentDuration),
+            image: UIImage(systemName: "waveform.path.ecg"),
+            accessoryImage: nil,
+            accessoryType: .none
+        )
+        progressItem.isEnabled = false
+
+        let previousItem = CPListItem(
+            text: "Previous Lesson",
+            detailText: nil,
+            image: UIImage(systemName: "backward.fill"),
+            accessoryImage: nil,
+            accessoryType: .none
+        )
+        previousItem.isEnabled = config.onPreviousTrack != nil
+        previousItem.handler = { [weak self] _, completion in
+            self?.config.onPreviousTrack?()
+            completion()
+        }
+
+        let playPauseItem = CPListItem(
+            text: config.isPlaying ? "Pause" : "Play",
+            detailText: nil,
+            image: UIImage(systemName: config.isPlaying ? "pause.fill" : "play.fill"),
+            accessoryImage: nil,
+            accessoryType: .none
+        )
+        playPauseItem.handler = { [weak self] _, completion in
+            guard let self = self else {
+                completion()
+                return
+            }
+
+            if self.config.isPlaying {
+                self.pauseAudio()
+                self.config.onPause?()
+            } else {
+                self.resumeAudio()
+                self.config.onPlay?()
+            }
+            completion()
         }
 
-        let statusItem = CPListItem(
-            text: statusText,
+        let nextItem = CPListItem(
+            text: "Next Lesson",
             detailText: nil,
-            image: UIImage(systemName: statusIcon),
+            image: UIImage(systemName: "forward.fill"),
             accessoryImage: nil,
             accessoryType: .none
         )
+        nextItem.isEnabled = config.onNextTrack != nil
+        nextItem.handler = { [weak self] _, completion in
+            self?.config.onNextTrack?()
+            completion()
+        }
 
-        let section = CPListSection(
-            items: [infoItem, statusItem],
+        let infoSection = CPListSection(
+            items: [infoItem],
             header: nil,
             sectionIndexTitle: nil
         )
 
-        template.updateSections([section])
+        let timelineSection = CPListSection(
+            items: [timingItem, progressItem],
+            header: nil,
+            sectionIndexTitle: nil
+        )
+
+        let controlSection = CPListSection(
+            items: [previousItem, playPauseItem, nextItem],
+            header: nil,
+            sectionIndexTitle: nil
+        )
+
+        template.updateSections([infoSection, timelineSection, controlSection])
     }
 
     private func formatTime(_ seconds: Double) -> String {
@@ -130,6 +195,19 @@ class NowPlayingTemplate: AutoPlayTemplate {
         return String(format: "%d:%02d", mins, secs)
     }
 
+    private func progressBarText(elapsed: Double, duration: Double) -> String {
+        let totalBars = 16
+        guard duration > 0, !duration.isNaN, !duration.isInfinite else {
+            return "[----------------]"
+        }
+
+        let clamped = max(0.0, min(elapsed / duration, 1.0))
+        let filledCount = Int((clamped * Double(totalBars)).rounded(.towardZero))
+        let filled = String(repeating: "#", count: filledCount)
+        let empty = String(repeating: "-", count: max(totalBars - filledCount, 0))
+        return "[\(filled)\(empty)]"
+    }
+
     // MARK: - Native Audio Playback
 
     @MainActor

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neoskola/auto-play",
-  "version": "0.3.19",
+  "version": "0.3.20",
   "description": "Android Auto and Apple CarPlay for react-native",
   "main": "lib/index",
   "module": "lib/index",