@neoskola/auto-play 0.3.7 → 0.3.8

package/ios/templates/NowPlayingTemplate.swift

@@ -37,14 +37,16 @@ class NowPlayingTemplate: AutoPlayTemplate {
         let titleText = Parser.parseText(text: config.title) ?? "Now Playing"
         let subtitleText = config.subtitle.flatMap { Parser.parseText(text: $0) } ?? ""
 
-        // Section 1: Bilgi — ders ve kurs adi
+        // Section 1: Bilgi — ders ve kurs adi + progress bar accessory
         let infoItem = CPListItem(
             text: titleText,
             detailText: subtitleText,
-            image: UIImage(systemName: "music.note"),
+            image: UIImage(systemName: "music.note")?
+                .withTintColor(.systemPurple, renderingMode: .alwaysOriginal),
             accessoryImage: nil,
             accessoryType: .none
         )
+        infoItem.isEnabled = false
         let infoSection = CPListSection(
             items: [infoItem],
             header: "Şimdi Oynatılıyor",
@@ -55,35 +57,40 @@ class NowPlayingTemplate: AutoPlayTemplate {
         let timeItem = CPListItem(
             text: "Yükleniyor...",
             detailText: nil,
-            image: UIImage(systemName: "clock"),
+            image: UIImage(systemName: "clock")?
+                .withTintColor(.systemGray, renderingMode: .alwaysOriginal),
             accessoryImage: nil,
             accessoryType: .none
         )
+        timeItem.isEnabled = false
         let timeSection = CPListSection(
             items: [timeItem],
             header: nil,
             sectionIndexTitle: nil
         )
 
-        // Section 3: Kontroller — onceki, oynat/duraklat, sonraki
+        // Section 3: Kontroller — renkli ikonlar
         let prevItem = CPListItem(
             text: "Önceki Bölüm",
             detailText: nil,
-            image: UIImage(systemName: "backward.end.fill"),
+            image: UIImage(systemName: "backward.end.fill")?
+                .withTintColor(.systemBlue, renderingMode: .alwaysOriginal),
             accessoryImage: nil,
             accessoryType: .none
         )
         let playPauseItem = CPListItem(
             text: "Oynat",
             detailText: nil,
-            image: UIImage(systemName: "play.circle.fill"),
+            image: UIImage(systemName: "play.circle.fill")?
+                .withTintColor(.systemGreen, renderingMode: .alwaysOriginal),
             accessoryImage: nil,
             accessoryType: .none
         )
         let nextItem = CPListItem(
             text: "Sonraki Bölüm",
             detailText: nil,
-            image: UIImage(systemName: "forward.end.fill"),
+            image: UIImage(systemName: "forward.end.fill")?
+                .withTintColor(.systemBlue, renderingMode: .alwaysOriginal),
             accessoryImage: nil,
             accessoryType: .none
         )
@@ -94,7 +101,7 @@ class NowPlayingTemplate: AutoPlayTemplate {
         )
 
         template = CPListTemplate(
-            title: "Now Playing",
+            title: titleText,
             sections: [infoSection, timeSection, controlSection],
             assistantCellConfiguration: nil,
             id: config.id
@@ -150,60 +157,79 @@ class NowPlayingTemplate: AutoPlayTemplate {
         let titleText = Parser.parseText(text: config.title) ?? "Now Playing"
         let subtitleText = config.subtitle.flatMap { Parser.parseText(text: $0) } ?? ""
 
-        // Section 1: Bilgi
+        // Progress hesapla
+        let progress = currentDuration > 0 ? currentElapsedTime / currentDuration : 0
+
+        // Section 1: Bilgi + progress bar accessory
         let infoItem = CPListItem(
             text: titleText,
             detailText: subtitleText,
-            image: loadedImage ?? UIImage(systemName: "music.note"),
-            accessoryImage: nil,
+            image: loadedImage ?? UIImage(systemName: "music.note")?
+                .withTintColor(.systemPurple, renderingMode: .alwaysOriginal),
+            accessoryImage: drawProgressBarImage(progress: progress),
             accessoryType: .none
         )
+        infoItem.isEnabled = false
         let infoSection = CPListSection(
             items: [infoItem],
             header: "Şimdi Oynatılıyor",
             sectionIndexTitle: nil
         )
 
-        // Section 2: Sure
+        // Section 2: Sure + yuzde detay
         let elapsed = formatTime(currentElapsedTime)
         let total = currentDuration > 0 ? formatTime(currentDuration) : "--:--"
         let timeText: String
-        let timeIcon: String
+        let timeIcon: UIImage?
         if config.isPlaying {
             timeText = "\(elapsed) / \(total)"
-            timeIcon = "waveform"
+            timeIcon = UIImage(systemName: "waveform")?
+                .withTintColor(.systemGreen, renderingMode: .alwaysOriginal)
         } else {
             timeText = "Duraklatıldı  \(elapsed) / \(total)"
-            timeIcon = "pause.circle"
+            timeIcon = UIImage(systemName: "pause.circle")?
+                .withTintColor(.systemGray, renderingMode: .alwaysOriginal)
         }
+
+        let progressPercent = currentDuration > 0
+            ? Int((currentElapsedTime / currentDuration) * 100)
+            : 0
+        let timeDetailText: String? = currentDuration > 0 ? "%\(progressPercent) tamamlandı" : nil
+
         let timeItem = CPListItem(
             text: timeText,
-            detailText: nil,
-            image: UIImage(systemName: timeIcon),
+            detailText: timeDetailText,
+            image: timeIcon,
             accessoryImage: nil,
             accessoryType: .none
         )
+        timeItem.isEnabled = false
         let timeSection = CPListSection(
             items: [timeItem],
             header: nil,
             sectionIndexTitle: nil
         )
 
-        // Section 3: Kontroller
+        // Section 3: Kontroller — renkli ikonlar
         let prevItem = CPListItem(
             text: "Önceki Bölüm",
             detailText: nil,
-            image: UIImage(systemName: "backward.end.fill"),
+            image: UIImage(systemName: "backward.end.fill")?
+                .withTintColor(.systemBlue, renderingMode: .alwaysOriginal),
             accessoryImage: nil,
             accessoryType: .none
         )
 
         let playPauseText = config.isPlaying ? "Duraklat" : "Oynat"
-        let playPauseIcon = config.isPlaying ? "pause.circle.fill" : "play.circle.fill"
+        let playPauseIcon: UIImage? = config.isPlaying
+            ? UIImage(systemName: "pause.circle.fill")?
+                .withTintColor(.systemOrange, renderingMode: .alwaysOriginal)
+            : UIImage(systemName: "play.circle.fill")?
+                .withTintColor(.systemGreen, renderingMode: .alwaysOriginal)
         let playPauseItem = CPListItem(
             text: playPauseText,
             detailText: nil,
-            image: UIImage(systemName: playPauseIcon),
+            image: playPauseIcon,
             accessoryImage: nil,
             accessoryType: .none
         )
@@ -211,7 +237,8 @@ class NowPlayingTemplate: AutoPlayTemplate {
         let nextItem = CPListItem(
             text: "Sonraki Bölüm",
             detailText: nil,
-            image: UIImage(systemName: "forward.end.fill"),
+            image: UIImage(systemName: "forward.end.fill")?
+                .withTintColor(.systemBlue, renderingMode: .alwaysOriginal),
             accessoryImage: nil,
             accessoryType: .none
         )
@@ -234,6 +261,35 @@ class NowPlayingTemplate: AutoPlayTemplate {
         return String(format: "%d:%02d", mins, secs)
     }
 
+    private func drawProgressBarImage(progress: Double) -> UIImage? {
+        let size = CPListItem.maximumImageSize
+        let renderer = UIGraphicsImageRenderer(size: size)
+        return renderer.image { _ in
+            let barHeight: CGFloat = 6
+            let barY = (size.height - barHeight) / 2
+            let cornerRadius = barHeight / 2
+
+            // Arka plan (gri track)
+            let trackPath = UIBezierPath(
+                roundedRect: CGRect(x: 2, y: barY, width: size.width - 4, height: barHeight),
+                cornerRadius: cornerRadius
+            )
+            UIColor.systemGray4.setFill()
+            trackPath.fill()
+
+            // Ilerleme (yesil fill)
+            let progressWidth = max(0, (size.width - 4) * CGFloat(min(progress, 1.0)))
+            if progressWidth > 0 {
+                let progressPath = UIBezierPath(
+                    roundedRect: CGRect(x: 2, y: barY, width: progressWidth, height: barHeight),
+                    cornerRadius: cornerRadius
+                )
+                UIColor.systemGreen.setFill()
+                progressPath.fill()
+            }
+        }
+    }
+
     // MARK: - Native Audio Playback
 
     @MainActor

package/package.json

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