@neoskola/auto-play 0.3.8 → 0.3.10

package/ios/hybrid/HybridAutoPlay.swift

@@ -188,6 +188,13 @@ class HybridAutoPlay: HybridAutoPlaySpec {
                     )
                 }
 
+                // NowPlayingTemplate: inject custom UIKit view into CPWindow
+                if let nowPlaying = template as? NowPlayingTemplate {
+                    try await MainActor.run {
+                        try nowPlaying.injectCustomView()
+                    }
+                }
+
                 if let autoDismissMs = TemplateStore.getTemplate(
                     templateId: templateId
                 )?.autoDismissMs {

package/ios/templates/NowPlayingTemplate.swift

@@ -2,14 +2,18 @@ import CarPlay
 import MediaPlayer
 import AVFoundation
 
-class NowPlayingTemplate: AutoPlayTemplate {
-    var template: CPListTemplate
+class NowPlayingTemplate: NSObject, AutoPlayTemplate, CPMapTemplateDelegate, NowPlayingViewDelegate {
+    var template: CPMapTemplate
     var config: NowPlayingTemplateConfig
     private var loadedImage: UIImage?
     private var isSetupComplete = false
     private var currentElapsedTime: Double = 0
     private var currentDuration: Double = 0
 
+    // Custom UIKit view
+    private var customViewController: NeoSkolaNowPlayingViewController?
+    private var previousRootVC: UIViewController?
+
     // Native audio player
     private var player: AVPlayer?
     private var playerItem: AVPlayerItem?
@@ -33,82 +37,12 @@ class NowPlayingTemplate: AutoPlayTemplate {
 
     init(config: NowPlayingTemplateConfig) {
         self.config = config
+        template = CPMapTemplate(id: config.id)
 
-        let titleText = Parser.parseText(text: config.title) ?? "Now Playing"
-        let subtitleText = config.subtitle.flatMap { Parser.parseText(text: $0) } ?? ""
+        super.init()
 
-        // Section 1: Bilgi — ders ve kurs adi + progress bar accessory
-        let infoItem = CPListItem(
-            text: titleText,
-            detailText: subtitleText,
-            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",
-            sectionIndexTitle: nil
-        )
-
-        // Section 2: Sure bilgisi
-        let timeItem = CPListItem(
-            text: "Yükleniyor...",
-            detailText: nil,
-            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 — renkli ikonlar
-        let prevItem = CPListItem(
-            text: "Önceki Bölüm",
-            detailText: nil,
-            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")?
-                .withTintColor(.systemGreen, renderingMode: .alwaysOriginal),
-            accessoryImage: nil,
-            accessoryType: .none
-        )
-        let nextItem = CPListItem(
-            text: "Sonraki Bölüm",
-            detailText: nil,
-            image: UIImage(systemName: "forward.end.fill")?
-                .withTintColor(.systemBlue, renderingMode: .alwaysOriginal),
-            accessoryImage: nil,
-            accessoryType: .none
-        )
-        let controlSection = CPListSection(
-            items: [prevItem, playPauseItem, nextItem],
-            header: nil,
-            sectionIndexTitle: nil
-        )
-
-        template = CPListTemplate(
-            title: titleText,
-            sections: [infoSection, timeSection, controlSection],
-            assistantCellConfiguration: nil,
-            id: config.id
-        )
-
-        // Handler'lari ayarla
-        setupListItemHandlers(prevItem: prevItem, playPauseItem: playPauseItem, nextItem: nextItem)
+        template.mapDelegate = self
+        template.mapButtons = []
 
         DispatchQueue.main.async { [weak self] in
             guard let self = self else { return }
@@ -123,173 +57,83 @@ class NowPlayingTemplate: AutoPlayTemplate {
         }
     }
 
-    // MARK: - List Item Handlers
+    // MARK: - Custom View Injection
 
-    private func setupListItemHandlers(prevItem: CPListItem, playPauseItem: CPListItem, nextItem: CPListItem) {
-        prevItem.handler = { [weak self] _, completion in
-            self?.config.onPreviousTrack?()
-            completion()
-        }
-
-        playPauseItem.handler = { [weak self] _, completion in
-            DispatchQueue.main.async {
-                guard let self = self else { completion(); return }
-                if self.config.isPlaying {
-                    self.pauseAudio()
-                    self.config.onPause?()
-                } else {
-                    self.resumeAudio()
-                    self.config.onPlay?()
-                }
-                completion()
-            }
+    @MainActor
+    func injectCustomView() throws {
+        guard let scene = SceneStore.getRootScene(),
+              let window = scene.window else {
+            throw AutoPlayError.noUiWindow("NowPlaying: window nil")
         }
 
-        nextItem.handler = { [weak self] _, completion in
-            self?.config.onNextTrack?()
-            completion()
-        }
-    }
+        previousRootVC = window.rootViewController
 
-    // MARK: - Player UI
+        let customVC = NeoSkolaNowPlayingViewController()
+        customVC.delegate = self
 
-    private func updatePlayerUI() {
         let titleText = Parser.parseText(text: config.title) ?? "Now Playing"
         let subtitleText = config.subtitle.flatMap { Parser.parseText(text: $0) } ?? ""
+        customVC.updateInfo(courseName: subtitleText, lessonName: titleText)
+        customVC.updatePlaybackState(isPlaying: config.isPlaying)
+
+        if let loadedImage = loadedImage {
+            customVC.updateArtwork(image: loadedImage)
+        }
+
+        window.rootViewController = customVC
+        window.makeKeyAndVisible()
 
-        // 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")?
-                .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 + yuzde detay
-        let elapsed = formatTime(currentElapsedTime)
-        let total = currentDuration > 0 ? formatTime(currentDuration) : "--:--"
-        let timeText: String
-        let timeIcon: UIImage?
-        if config.isPlaying {
-            timeText = "\(elapsed) / \(total)"
-            timeIcon = UIImage(systemName: "waveform")?
-                .withTintColor(.systemGreen, renderingMode: .alwaysOriginal)
-        } else {
-            timeText = "Duraklatıldı  \(elapsed) / \(total)"
-            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: timeDetailText,
-            image: timeIcon,
-            accessoryImage: nil,
-            accessoryType: .none
-        )
-        timeItem.isEnabled = false
-        let timeSection = CPListSection(
-            items: [timeItem],
-            header: nil,
-            sectionIndexTitle: nil
-        )
-
-        // Section 3: Kontroller — renkli ikonlar
-        let prevItem = CPListItem(
-            text: "Önceki Bölüm",
-            detailText: nil,
-            image: UIImage(systemName: "backward.end.fill")?
-                .withTintColor(.systemBlue, renderingMode: .alwaysOriginal),
-            accessoryImage: nil,
-            accessoryType: .none
-        )
-
-        let playPauseText = config.isPlaying ? "Duraklat" : "Oynat"
-        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: playPauseIcon,
-            accessoryImage: nil,
-            accessoryType: .none
-        )
-
-        let nextItem = CPListItem(
-            text: "Sonraki Bölüm",
-            detailText: nil,
-            image: UIImage(systemName: "forward.end.fill")?
-                .withTintColor(.systemBlue, renderingMode: .alwaysOriginal),
-            accessoryImage: nil,
-            accessoryType: .none
-        )
-
-        setupListItemHandlers(prevItem: prevItem, playPauseItem: playPauseItem, nextItem: nextItem)
-
-        let controlSection = CPListSection(
-            items: [prevItem, playPauseItem, nextItem],
-            header: nil,
-            sectionIndexTitle: nil
-        )
-
-        template.updateSections([infoSection, timeSection, controlSection])
-    }
-
-    private func formatTime(_ seconds: Double) -> String {
-        guard !seconds.isNaN && !seconds.isInfinite && seconds >= 0 else { return "0:00" }
-        let mins = Int(seconds) / 60
-        let secs = Int(seconds) % 60
-        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()
+        self.customViewController = customVC
+    }
+
+    @MainActor
+    private func restoreOriginalView() {
+        guard let scene = SceneStore.getRootScene(),
+              let window = scene.window else { return }
+
+        if let previousRootVC = previousRootVC {
+            window.rootViewController = previousRootVC
+            window.makeKeyAndVisible()
+        }
+        self.previousRootVC = nil
+        self.customViewController = nil
+    }
+
+    // MARK: - NowPlayingViewDelegate
+
+    func didTapPlayPause() {
+        DispatchQueue.main.async { [weak self] in
+            guard let self = self else { return }
+            if self.config.isPlaying {
+                self.pauseAudio()
+                self.config.onPause?()
+            } else {
+                self.resumeAudio()
+                self.config.onPlay?()
             }
         }
     }
 
+    func didTapPrevious() {
+        config.onPreviousTrack?()
+    }
+
+    func didTapNext() {
+        config.onNextTrack?()
+    }
+
+    // MARK: - Player UI
+
+    private func updatePlayerUI() {
+        guard let customVC = customViewController else { return }
+
+        let titleText = Parser.parseText(text: config.title) ?? ""
+        let subtitleText = config.subtitle.flatMap { Parser.parseText(text: $0) } ?? ""
+        customVC.updateInfo(courseName: subtitleText, lessonName: titleText)
+        customVC.updatePlaybackState(isPlaying: config.isPlaying)
+        customVC.updateTime(elapsed: currentElapsedTime, duration: currentDuration)
+    }
+
     // MARK: - Native Audio Playback
 
     @MainActor
@@ -436,7 +280,6 @@ class NowPlayingTemplate: AutoPlayTemplate {
         nowPlayingInfo[MPNowPlayingInfoPropertyPlaybackRate] = config.isPlaying ? 1.0 : 0.0
         MPNowPlayingInfoCenter.default().nowPlayingInfo = nowPlayingInfo
 
-        // Update custom player UI
         updatePlayerUI()
 
         // 95% completion check
@@ -596,7 +439,6 @@ class NowPlayingTemplate: AutoPlayTemplate {
             return .success
         }
 
-        // Sonraki bolum
         commandCenter.nextTrackCommand.isEnabled = true
         commandCenter.nextTrackCommand.removeTarget(nil)
         commandCenter.nextTrackCommand.addTarget { [weak self] _ in
@@ -604,7 +446,6 @@ class NowPlayingTemplate: AutoPlayTemplate {
             return .success
         }
 
-        // Onceki bolum
         commandCenter.previousTrackCommand.isEnabled = true
         commandCenter.previousTrackCommand.removeTarget(nil)
         commandCenter.previousTrackCommand.addTarget { [weak self] _ in
@@ -639,7 +480,7 @@ class NowPlayingTemplate: AutoPlayTemplate {
                 DispatchQueue.main.async {
                     self.loadedImage = uiImage
                     self.updateNowPlayingInfo()
-                    self.updatePlayerUI()
+                    self.customViewController?.updateArtwork(image: uiImage)
                 }
             }.resume()
         }
@@ -676,6 +517,7 @@ class NowPlayingTemplate: AutoPlayTemplate {
     func onPopped() {
         config.onPopped?()
         cleanupPlayer()
+        restoreOriginalView()
 
         let commandCenter = MPRemoteCommandCenter.shared()
         commandCenter.playCommand.removeTarget(nil)
@@ -748,4 +590,8 @@ class NowPlayingTemplate: AutoPlayTemplate {
 
         updatePlayerUI()
     }
+
+    // MARK: - CPMapTemplateDelegate
+
+    func mapTemplate(_ mapTemplate: CPMapTemplate, panWith direction: CPMapTemplate.PanDirection) {}
 }

package/ios/views/NeoSkolaNowPlayingViewController.swift

@@ -0,0 +1,269 @@
+import UIKit
+
+protocol NowPlayingViewDelegate: AnyObject {
+    func didTapPlayPause()
+    func didTapPrevious()
+    func didTapNext()
+}
+
+class NeoSkolaNowPlayingViewController: UIViewController {
+    weak var delegate: NowPlayingViewDelegate?
+
+    // MARK: - UI Elements
+    // Left side: artwork + info
+    private let leftColumn = UIView()
+    private let artworkImageView = UIImageView()
+    private let courseNameLabel = UILabel()
+    private let lessonNameLabel = UILabel()
+
+    // Right side: controls + progress
+    private let rightColumn = UIView()
+    private let statusLabel = UILabel()
+    private let controlsStack = UIStackView()
+    private let prevButton = UIButton(type: .system)
+    private let playPauseButton = UIButton(type: .system)
+    private let nextButton = UIButton(type: .system)
+    private let progressView = UIProgressView(progressViewStyle: .default)
+    private let currentTimeLabel = UILabel()
+    private let durationLabel = UILabel()
+    private let timeStack = UIStackView()
+
+    private var isPlaying = false
+
+    // MARK: - Lifecycle
+
+    override func viewDidLoad() {
+        super.viewDidLoad()
+        view.backgroundColor = UIColor(red: 0.06, green: 0.06, blue: 0.10, alpha: 1.0)
+        setupUI()
+        setupConstraints()
+    }
+
+    // MARK: - Setup
+
+    private func setupUI() {
+        // Left Column
+        leftColumn.translatesAutoresizingMaskIntoConstraints = false
+        view.addSubview(leftColumn)
+
+        // Artwork
+        artworkImageView.contentMode = .scaleAspectFill
+        artworkImageView.clipsToBounds = true
+        artworkImageView.layer.cornerRadius = 10
+        artworkImageView.backgroundColor = UIColor(white: 0.15, alpha: 1.0)
+        artworkImageView.translatesAutoresizingMaskIntoConstraints = false
+        leftColumn.addSubview(artworkImageView)
+
+        let placeholderConfig = UIImage.SymbolConfiguration(pointSize: 28, weight: .light)
+        artworkImageView.image = UIImage(systemName: "music.note", withConfiguration: placeholderConfig)
+        artworkImageView.tintColor = UIColor(white: 0.3, alpha: 1.0)
+
+        // Course Name
+        courseNameLabel.font = .systemFont(ofSize: 11, weight: .medium)
+        courseNameLabel.textColor = UIColor(white: 0.5, alpha: 1.0)
+        courseNameLabel.textAlignment = .center
+        courseNameLabel.numberOfLines = 1
+        courseNameLabel.adjustsFontSizeToFitWidth = true
+        courseNameLabel.minimumScaleFactor = 0.8
+        courseNameLabel.translatesAutoresizingMaskIntoConstraints = false
+        leftColumn.addSubview(courseNameLabel)
+
+        // Lesson Name
+        lessonNameLabel.font = .systemFont(ofSize: 13, weight: .bold)
+        lessonNameLabel.textColor = .white
+        lessonNameLabel.textAlignment = .center
+        lessonNameLabel.numberOfLines = 2
+        lessonNameLabel.adjustsFontSizeToFitWidth = true
+        lessonNameLabel.minimumScaleFactor = 0.7
+        lessonNameLabel.translatesAutoresizingMaskIntoConstraints = false
+        leftColumn.addSubview(lessonNameLabel)
+
+        // Right Column
+        rightColumn.translatesAutoresizingMaskIntoConstraints = false
+        view.addSubview(rightColumn)
+
+        // Status Label
+        statusLabel.font = .systemFont(ofSize: 10, weight: .semibold)
+        statusLabel.textColor = UIColor.systemGreen
+        statusLabel.textAlignment = .center
+        statusLabel.text = "OYNATILIYOR"
+        statusLabel.translatesAutoresizingMaskIntoConstraints = false
+        rightColumn.addSubview(statusLabel)
+
+        // Controls
+        setupControls()
+
+        // Progress Bar
+        progressView.progressTintColor = UIColor.systemGreen
+        progressView.trackTintColor = UIColor(white: 0.2, alpha: 1.0)
+        progressView.progress = 0
+        progressView.translatesAutoresizingMaskIntoConstraints = false
+        rightColumn.addSubview(progressView)
+
+        // Time Labels
+        currentTimeLabel.font = .monospacedDigitSystemFont(ofSize: 10, weight: .medium)
+        currentTimeLabel.textColor = UIColor(white: 0.45, alpha: 1.0)
+        currentTimeLabel.text = "0:00"
+        currentTimeLabel.translatesAutoresizingMaskIntoConstraints = false
+
+        durationLabel.font = .monospacedDigitSystemFont(ofSize: 10, weight: .medium)
+        durationLabel.textColor = UIColor(white: 0.45, alpha: 1.0)
+        durationLabel.text = "--:--"
+        durationLabel.textAlignment = .right
+        durationLabel.translatesAutoresizingMaskIntoConstraints = false
+
+        timeStack.axis = .horizontal
+        timeStack.distribution = .equalSpacing
+        timeStack.addArrangedSubview(currentTimeLabel)
+        timeStack.addArrangedSubview(durationLabel)
+        timeStack.translatesAutoresizingMaskIntoConstraints = false
+        rightColumn.addSubview(timeStack)
+    }
+
+    private func setupControls() {
+        let prevConfig = UIImage.SymbolConfiguration(pointSize: 20, weight: .medium)
+        prevButton.setImage(UIImage(systemName: "backward.end.fill", withConfiguration: prevConfig), for: .normal)
+        prevButton.tintColor = .white
+        prevButton.addTarget(self, action: #selector(prevTapped), for: .touchUpInside)
+        prevButton.translatesAutoresizingMaskIntoConstraints = false
+
+        let playConfig = UIImage.SymbolConfiguration(pointSize: 36, weight: .medium)
+        playPauseButton.setImage(UIImage(systemName: "play.circle.fill", withConfiguration: playConfig), for: .normal)
+        playPauseButton.tintColor = UIColor.systemGreen
+        playPauseButton.addTarget(self, action: #selector(playPauseTapped), for: .touchUpInside)
+        playPauseButton.translatesAutoresizingMaskIntoConstraints = false
+
+        let nextConfig = UIImage.SymbolConfiguration(pointSize: 20, weight: .medium)
+        nextButton.setImage(UIImage(systemName: "forward.end.fill", withConfiguration: nextConfig), for: .normal)
+        nextButton.tintColor = .white
+        nextButton.addTarget(self, action: #selector(nextTapped), for: .touchUpInside)
+        nextButton.translatesAutoresizingMaskIntoConstraints = false
+
+        controlsStack.axis = .horizontal
+        controlsStack.alignment = .center
+        controlsStack.distribution = .equalCentering
+        controlsStack.spacing = 28
+        controlsStack.addArrangedSubview(prevButton)
+        controlsStack.addArrangedSubview(playPauseButton)
+        controlsStack.addArrangedSubview(nextButton)
+        controlsStack.translatesAutoresizingMaskIntoConstraints = false
+        rightColumn.addSubview(controlsStack)
+    }
+
+    private func setupConstraints() {
+        let safeArea = view.safeAreaLayoutGuide
+
+        NSLayoutConstraint.activate([
+            // Left Column — sol taraf, artwork + text
+            leftColumn.topAnchor.constraint(equalTo: safeArea.topAnchor, constant: 8),
+            leftColumn.leadingAnchor.constraint(equalTo: safeArea.leadingAnchor, constant: 16),
+            leftColumn.bottomAnchor.constraint(lessThanOrEqualTo: safeArea.bottomAnchor, constant: -8),
+            leftColumn.widthAnchor.constraint(equalTo: safeArea.widthAnchor, multiplier: 0.35),
+
+            // Artwork — sol column ustunde, kare
+            artworkImageView.topAnchor.constraint(equalTo: leftColumn.topAnchor),
+            artworkImageView.centerXAnchor.constraint(equalTo: leftColumn.centerXAnchor),
+            artworkImageView.widthAnchor.constraint(equalTo: leftColumn.widthAnchor, constant: -8),
+            artworkImageView.heightAnchor.constraint(equalTo: artworkImageView.widthAnchor),
+
+            // Course Name — artwork altinda
+            courseNameLabel.topAnchor.constraint(equalTo: artworkImageView.bottomAnchor, constant: 6),
+            courseNameLabel.leadingAnchor.constraint(equalTo: leftColumn.leadingAnchor),
+            courseNameLabel.trailingAnchor.constraint(equalTo: leftColumn.trailingAnchor),
+
+            // Lesson Name — course altinda
+            lessonNameLabel.topAnchor.constraint(equalTo: courseNameLabel.bottomAnchor, constant: 2),
+            lessonNameLabel.leadingAnchor.constraint(equalTo: leftColumn.leadingAnchor),
+            lessonNameLabel.trailingAnchor.constraint(equalTo: leftColumn.trailingAnchor),
+
+            // Right Column — sag taraf, kontroller + progress
+            rightColumn.topAnchor.constraint(equalTo: safeArea.topAnchor, constant: 8),
+            rightColumn.leadingAnchor.constraint(equalTo: leftColumn.trailingAnchor, constant: 12),
+            rightColumn.trailingAnchor.constraint(equalTo: safeArea.trailingAnchor, constant: -16),
+            rightColumn.bottomAnchor.constraint(lessThanOrEqualTo: safeArea.bottomAnchor, constant: -8),
+
+            // Status — sag column ust
+            statusLabel.topAnchor.constraint(equalTo: rightColumn.topAnchor, constant: 8),
+            statusLabel.centerXAnchor.constraint(equalTo: rightColumn.centerXAnchor),
+
+            // Controls — dikey merkez
+            controlsStack.centerYAnchor.constraint(equalTo: rightColumn.centerYAnchor, constant: -4),
+            controlsStack.centerXAnchor.constraint(equalTo: rightColumn.centerXAnchor),
+
+            prevButton.widthAnchor.constraint(greaterThanOrEqualToConstant: 40),
+            prevButton.heightAnchor.constraint(greaterThanOrEqualToConstant: 40),
+            playPauseButton.widthAnchor.constraint(greaterThanOrEqualToConstant: 48),
+            playPauseButton.heightAnchor.constraint(greaterThanOrEqualToConstant: 48),
+            nextButton.widthAnchor.constraint(greaterThanOrEqualToConstant: 40),
+            nextButton.heightAnchor.constraint(greaterThanOrEqualToConstant: 40),
+
+            // Progress Bar — controls altinda
+            progressView.topAnchor.constraint(equalTo: controlsStack.bottomAnchor, constant: 10),
+            progressView.leadingAnchor.constraint(equalTo: rightColumn.leadingAnchor),
+            progressView.trailingAnchor.constraint(equalTo: rightColumn.trailingAnchor),
+            progressView.heightAnchor.constraint(equalToConstant: 3),
+
+            // Time Stack — progress altinda
+            timeStack.topAnchor.constraint(equalTo: progressView.bottomAnchor, constant: 3),
+            timeStack.leadingAnchor.constraint(equalTo: rightColumn.leadingAnchor),
+            timeStack.trailingAnchor.constraint(equalTo: rightColumn.trailingAnchor),
+        ])
+    }
+
+    // MARK: - Public Update Methods
+
+    func updateInfo(courseName: String, lessonName: String) {
+        courseNameLabel.text = courseName
+        lessonNameLabel.text = lessonName
+    }
+
+    func updatePlaybackState(isPlaying: Bool) {
+        self.isPlaying = isPlaying
+
+        let config = UIImage.SymbolConfiguration(pointSize: 36, weight: .medium)
+        let iconName = isPlaying ? "pause.circle.fill" : "play.circle.fill"
+        playPauseButton.setImage(UIImage(systemName: iconName, withConfiguration: config), for: .normal)
+        playPauseButton.tintColor = isPlaying ? UIColor.systemOrange : UIColor.systemGreen
+
+        statusLabel.text = isPlaying ? "OYNATILIYOR" : "DURAKLATILDI"
+        statusLabel.textColor = isPlaying ? UIColor.systemGreen : UIColor.systemGray
+    }
+
+    func updateTime(elapsed: Double, duration: Double) {
+        currentTimeLabel.text = formatTime(elapsed)
+        durationLabel.text = duration > 0 ? formatTime(duration) : "--:--"
+
+        if duration > 0 {
+            let progress = Float(min(elapsed / duration, 1.0))
+            progressView.setProgress(progress, animated: true)
+        }
+    }
+
+    func updateArtwork(image: UIImage) {
+        artworkImageView.image = image
+        artworkImageView.contentMode = .scaleAspectFill
+    }
+
+    // MARK: - Helpers
+
+    private func formatTime(_ seconds: Double) -> String {
+        guard !seconds.isNaN && !seconds.isInfinite && seconds >= 0 else { return "0:00" }
+        let mins = Int(seconds) / 60
+        let secs = Int(seconds) % 60
+        return String(format: "%d:%02d", mins, secs)
+    }
+
+    // MARK: - Actions
+
+    @objc private func prevTapped() {
+        delegate?.didTapPrevious()
+    }
+
+    @objc private func playPauseTapped() {
+        delegate?.didTapPlayPause()
+    }
+
+    @objc private func nextTapped() {
+        delegate?.didTapNext()
+    }
+}

package/package.json

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