@neoskola/auto-play 0.3.11 → 0.3.13

package/ios/templates/NowPlayingTemplate.swift

@@ -57,26 +57,23 @@ class NowPlayingTemplate: NSObject, AutoPlayTemplate, CPMapTemplateDelegate {
         }
     }
 
-    // MARK: - CPMapButton Controls
+    // MARK: - CPMapButton Controls (transparent touch handlers)
 
     private static func buildMapButtons(isPlaying: Bool, owner: NowPlayingTemplate) -> [CPMapButton] {
-        let buttonSize = CPButtonMaximumImageSize
+        // 1x1 transparent image for invisible buttons
+        let renderer = UIGraphicsImageRenderer(size: CGSize(width: 1, height: 1))
+        let clearImage = renderer.image { ctx in
+            UIColor.clear.setFill()
+            ctx.fill(CGRect(x: 0, y: 0, width: 1, height: 1))
+        }
 
         // Previous track button
-        let prevImage = UIImage(systemName: "backward.end.fill")?
-            .withTintColor(.systemBlue, renderingMode: .alwaysOriginal)
-            .resized(to: buttonSize)
-        let prevButton = CPMapButton(image: prevImage ?? UIImage()) { [weak owner] _ in
+        let prevButton = CPMapButton(image: clearImage) { [weak owner] _ in
             owner?.config.onPreviousTrack?()
         }
 
         // Play/Pause button
-        let playPauseIconName = isPlaying ? "pause.circle.fill" : "play.circle.fill"
-        let playPauseColor: UIColor = isPlaying ? .systemOrange : .systemGreen
-        let playPauseImage = UIImage(systemName: playPauseIconName)?
-            .withTintColor(playPauseColor, renderingMode: .alwaysOriginal)
-            .resized(to: buttonSize)
-        let playPauseButton = CPMapButton(image: playPauseImage ?? UIImage()) { [weak owner] _ in
+        let playPauseButton = CPMapButton(image: clearImage) { [weak owner] _ in
             guard let owner = owner else { return }
             DispatchQueue.main.async {
                 if owner.config.isPlaying {
@@ -90,10 +87,7 @@ class NowPlayingTemplate: NSObject, AutoPlayTemplate, CPMapTemplateDelegate {
         }
 
         // Next track button
-        let nextImage = UIImage(systemName: "forward.end.fill")?
-            .withTintColor(.systemBlue, renderingMode: .alwaysOriginal)
-            .resized(to: buttonSize)
-        let nextButton = CPMapButton(image: nextImage ?? UIImage()) { [weak owner] _ in
+        let nextButton = CPMapButton(image: clearImage) { [weak owner] _ in
             owner?.config.onNextTrack?()
         }
 

package/ios/views/NeoSkolaNowPlayingViewController.swift

@@ -2,7 +2,7 @@ import UIKit
 
 class NeoSkolaNowPlayingViewController: UIViewController {
 
-    // MARK: - UI Elements (info-only, no buttons)
+    // MARK: - UI Elements
     private let containerStack = UIStackView()
     private let courseNameLabel = UILabel()
     private let lessonNameLabel = UILabel()
@@ -12,6 +12,12 @@ class NeoSkolaNowPlayingViewController: UIViewController {
     private let durationLabel = UILabel()
     private let timeStack = UIStackView()
 
+    // MARK: - Button Controls (visual only, touch handled by CPMapButton)
+    private let buttonStack = UIStackView()
+    private let previousButton = UIButton(type: .custom)
+    private let playPauseButton = UIButton(type: .custom)
+    private let nextButton = UIButton(type: .custom)
+
     // MARK: - Lifecycle
 
     override func viewDidLoad() {
@@ -66,6 +72,45 @@ class NeoSkolaNowPlayingViewController: UIViewController {
         timeStack.addArrangedSubview(currentTimeLabel)
         timeStack.addArrangedSubview(durationLabel)
 
+        // Previous Button
+        previousButton.setImage(
+            UIImage(systemName: "backward.end.fill",
+                    withConfiguration: UIImage.SymbolConfiguration(pointSize: 28, weight: .medium))?
+                .withTintColor(.white, renderingMode: .alwaysOriginal),
+            for: .normal
+        )
+        previousButton.backgroundColor = .clear
+        previousButton.isUserInteractionEnabled = false
+
+        // Play/Pause Button
+        playPauseButton.setImage(
+            UIImage(systemName: "play.circle.fill",
+                    withConfiguration: UIImage.SymbolConfiguration(pointSize: 44, weight: .medium))?
+                .withTintColor(.white, renderingMode: .alwaysOriginal),
+            for: .normal
+        )
+        playPauseButton.backgroundColor = .clear
+        playPauseButton.isUserInteractionEnabled = false
+
+        // Next Button
+        nextButton.setImage(
+            UIImage(systemName: "forward.end.fill",
+                    withConfiguration: UIImage.SymbolConfiguration(pointSize: 28, weight: .medium))?
+                .withTintColor(.white, renderingMode: .alwaysOriginal),
+            for: .normal
+        )
+        nextButton.backgroundColor = .clear
+        nextButton.isUserInteractionEnabled = false
+
+        // Button Stack (horizontal)
+        buttonStack.axis = .horizontal
+        buttonStack.alignment = .center
+        buttonStack.distribution = .equalSpacing
+        buttonStack.spacing = 40
+        buttonStack.addArrangedSubview(previousButton)
+        buttonStack.addArrangedSubview(playPauseButton)
+        buttonStack.addArrangedSubview(nextButton)
+
         // Main container stack (vertical)
         containerStack.axis = .vertical
         containerStack.alignment = .fill
@@ -92,6 +137,14 @@ class NeoSkolaNowPlayingViewController: UIViewController {
         containerStack.addArrangedSubview(progressView)
         containerStack.addArrangedSubview(timeStack)
 
+        // Spacer between time and buttons
+        let spacer3 = UIView()
+        spacer3.translatesAutoresizingMaskIntoConstraints = false
+        spacer3.heightAnchor.constraint(equalToConstant: 16).isActive = true
+        containerStack.addArrangedSubview(spacer3)
+
+        containerStack.addArrangedSubview(buttonStack)
+
         view.addSubview(containerStack)
     }
 
@@ -117,6 +170,14 @@ class NeoSkolaNowPlayingViewController: UIViewController {
     func updatePlaybackState(isPlaying: Bool) {
         statusLabel.text = isPlaying ? "OYNATILIYOR" : "DURAKLATILDI"
         statusLabel.textColor = isPlaying ? UIColor.systemGreen : UIColor.systemGray
+
+        let iconName = isPlaying ? "pause.circle.fill" : "play.circle.fill"
+        playPauseButton.setImage(
+            UIImage(systemName: iconName,
+                    withConfiguration: UIImage.SymbolConfiguration(pointSize: 44, weight: .medium))?
+                .withTintColor(.white, renderingMode: .alwaysOriginal),
+            for: .normal
+        )
     }
 
     func updateTime(elapsed: Double, duration: Double) {
@@ -137,4 +198,5 @@ class NeoSkolaNowPlayingViewController: UIViewController {
         let secs = Int(seconds) % 60
         return String(format: "%d:%02d", mins, secs)
     }
+
 }

package/package.json

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