@neoskola/auto-play 0.3.13 → 0.3.14

package/ios/templates/NowPlayingTemplate.swift

@@ -57,23 +57,25 @@ class NowPlayingTemplate: NSObject, AutoPlayTemplate, CPMapTemplateDelegate {
         }
     }
 
-    // MARK: - CPMapButton Controls (transparent touch handlers)
+    // MARK: - CPMapButton Controls
 
     private static func buildMapButtons(isPlaying: Bool, owner: NowPlayingTemplate) -> [CPMapButton] {
-        // 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))
-        }
+        let buttonSize = CPButtonMaximumImageSize
 
         // Previous track button
-        let prevButton = CPMapButton(image: clearImage) { [weak owner] _ in
+        let prevImage = UIImage(systemName: "backward.end.fill")?
+            .withTintColor(.white, renderingMode: .alwaysOriginal)
+            .resized(to: buttonSize)
+        let prevButton = CPMapButton(image: prevImage ?? UIImage()) { [weak owner] _ in
             owner?.config.onPreviousTrack?()
         }
 
         // Play/Pause button
-        let playPauseButton = CPMapButton(image: clearImage) { [weak owner] _ in
+        let playPauseIconName = isPlaying ? "pause.circle.fill" : "play.circle.fill"
+        let playPauseImage = UIImage(systemName: playPauseIconName)?
+            .withTintColor(.white, renderingMode: .alwaysOriginal)
+            .resized(to: buttonSize)
+        let playPauseButton = CPMapButton(image: playPauseImage ?? UIImage()) { [weak owner] _ in
             guard let owner = owner else { return }
             DispatchQueue.main.async {
                 if owner.config.isPlaying {
@@ -87,7 +89,10 @@ class NowPlayingTemplate: NSObject, AutoPlayTemplate, CPMapTemplateDelegate {
         }
 
         // Next track button
-        let nextButton = CPMapButton(image: clearImage) { [weak owner] _ in
+        let nextImage = UIImage(systemName: "forward.end.fill")?
+            .withTintColor(.white, renderingMode: .alwaysOriginal)
+            .resized(to: buttonSize)
+        let nextButton = CPMapButton(image: nextImage ?? UIImage()) { [weak owner] _ in
             owner?.config.onNextTrack?()
         }
 

package/ios/views/NeoSkolaNowPlayingViewController.swift

@@ -12,12 +12,6 @@ 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() {
@@ -72,45 +66,6 @@ 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
@@ -137,14 +92,6 @@ 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)
     }
 
@@ -170,14 +117,6 @@ 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) {

package/package.json

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