react-native-unified-player 0.2.4 → 0.3.1

package/android/build.gradle

@@ -9,7 +9,7 @@ buildscript {
   }
 
   dependencies {
-    classpath "com.android.tools.build:gradle:7.3.1"
+    classpath "com.android.tools.build:gradle:8.1.0"
     // noinspection DifferentKotlinGradleVersion
     classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:1.8.0"
   }
@@ -68,6 +68,7 @@ android {
 repositories {
   mavenCentral()
   google()
+  maven { url "$rootDir/../node_modules/react-native/android" }
 }
 
 def kotlin_version = getExtOrDefault("kotlinVersion")

package/android/gradle.properties

@@ -3,3 +3,4 @@ UnifiedPlayer_minSdkVersion=24
 UnifiedPlayer_targetSdkVersion=34
 UnifiedPlayer_compileSdkVersion=35
 UnifiedPlayer_ndkVersion=27.1.12297006
+android.useAndroidX=true

package/android/src/main/java/com/unifiedplayer/UnifiedPlayerModule.kt

@@ -6,88 +6,171 @@ import com.facebook.react.bridge.ReactMethod
 import com.facebook.react.bridge.Promise
 import com.facebook.react.uimanager.UIManagerModule
 import android.util.Log
+import com.facebook.react.bridge.UiThreadUtil
+import android.view.View
 
 class UnifiedPlayerModule(private val reactContext: ReactApplicationContext) : ReactContextBaseJavaModule(reactContext) {
     companion object {
         private const val TAG = "UnifiedPlayerModule"
     }
     
+    init {
+        Log.d(TAG, "UnifiedPlayerModule initialized")
+    }
+    
     override fun getName(): String {
+        Log.d(TAG, "getName() called, returning 'UnifiedPlayer'")
         return "UnifiedPlayer"
     }
     
-    private fun getPlayerView(viewId: Int): UnifiedPlayerView? {
-        val uiManager = reactContext.getNativeModule(UIManagerModule::class.java)
-        val view = uiManager?.resolveView(viewId) as? UnifiedPlayerView
-        
-        if (view == null) {
-            Log.e(TAG, "Unable to find UnifiedPlayerView with id $viewId")
+    private fun getPlayerViewByTag(viewTag: Int): UnifiedPlayerView? {
+        try {
+            val view = reactApplicationContext.currentActivity?.findViewById<View>(viewTag)
+            Log.d(TAG, "Looking for view with tag: $viewTag, found: ${view != null}")
+            
+            if (view is UnifiedPlayerView) {
+                return view
+            } else if (view != null) {
+                Log.e(TAG, "View with tag $viewTag is not a UnifiedPlayerView, it's a ${view.javaClass.simpleName}")
+            }
+        } catch (e: Exception) {
+            Log.e(TAG, "Error finding view with tag $viewTag: ${e.message}", e)
         }
-        
-        return view
+        return null
     }
     
     @ReactMethod
-    fun play(viewId: Int) {
+    fun play(viewTag: Int, promise: Promise) {
+        Log.d(TAG, "Native play method called with viewTag: $viewTag")
         try {
-            Log.d(TAG, "Play command received for view $viewId")
-            reactContext.runOnUiQueueThread {
-                getPlayerView(viewId)?.play()
+            val playerView = getPlayerViewByTag(viewTag)
+            if (playerView != null) {
+                UiThreadUtil.runOnUiThread {
+                    try {
+                        playerView.play()
+                        Log.d(TAG, "Play command executed successfully")
+                        promise.resolve(true)
+                    } catch (e: Exception) {
+                        Log.e(TAG, "Error during play: ${e.message}", e)
+                        promise.reject("PLAY_ERROR", "Error during play: ${e.message}", e)
+                    }
+                }
+            } else {
+                Log.e(TAG, "Player view not found for tag: $viewTag")
+                promise.reject("VIEW_NOT_FOUND", "Player view not found for tag: $viewTag")
             }
         } catch (e: Exception) {
-            Log.e(TAG, "Error playing video: ${e.message}")
+            Log.e(TAG, "Error in play method: ${e.message}", e)
+            promise.reject("PLAY_ERROR", "Error in play method: ${e.message}", e)
         }
     }
-    
+
     @ReactMethod
-    fun pause(viewId: Int) {
+    fun pause(viewTag: Int, promise: Promise) {
+        Log.d(TAG, "Native pause method called with viewTag: $viewTag")
         try {
-            Log.d(TAG, "Pause command received for view $viewId")
-            reactContext.runOnUiQueueThread {
-                getPlayerView(viewId)?.pause()
+            val playerView = getPlayerViewByTag(viewTag)
+            if (playerView != null) {
+                UiThreadUtil.runOnUiThread {
+                    try {
+                        playerView.pause()
+                        Log.d(TAG, "Pause command executed successfully")
+                        promise.resolve(true)
+                    } catch (e: Exception) {
+                        Log.e(TAG, "Error during pause: ${e.message}", e)
+                        promise.reject("PAUSE_ERROR", "Error during pause: ${e.message}", e)
+                    }
+                }
+            } else {
+                Log.e(TAG, "Player view not found for tag: $viewTag")
+                promise.reject("VIEW_NOT_FOUND", "Player view not found for tag: $viewTag")
             }
         } catch (e: Exception) {
-            Log.e(TAG, "Error pausing video: ${e.message}")
+            Log.e(TAG, "Error in pause method: ${e.message}", e)
+            promise.reject("PAUSE_ERROR", "Error in pause method: ${e.message}", e)
         }
     }
-    
+
     @ReactMethod
-    fun seekTo(viewId: Int, time: Float) {
+    fun seekTo(viewTag: Int, seconds: Float, promise: Promise) {
+        Log.d(TAG, "Native seekTo method called with viewTag: $viewTag, seconds: $seconds")
         try {
-            Log.d(TAG, "Seek command received for view $viewId to time $time")
-            reactContext.runOnUiQueueThread {
-                getPlayerView(viewId)?.seekTo(time)
+            val playerView = getPlayerViewByTag(viewTag)
+            if (playerView != null) {
+                UiThreadUtil.runOnUiThread {
+                    try {
+                        playerView.seekTo(seconds)
+                        Log.d(TAG, "SeekTo command executed successfully to $seconds seconds")
+                        promise.resolve(true)
+                    } catch (e: Exception) {
+                        Log.e(TAG, "Error during seekTo: ${e.message}", e)
+                        promise.reject("SEEK_ERROR", "Error during seekTo: ${e.message}", e)
+                    }
+                }
+            } else {
+                Log.e(TAG, "Player view not found for tag: $viewTag")
+                promise.reject("VIEW_NOT_FOUND", "Player view not found for tag: $viewTag")
             }
         } catch (e: Exception) {
-            Log.e(TAG, "Error seeking: ${e.message}")
+            Log.e(TAG, "Error in seekTo method: ${e.message}", e)
+            promise.reject("SEEK_ERROR", "Error in seekTo method: ${e.message}", e)
         }
     }
-    
+
     @ReactMethod
-    fun getCurrentTime(viewId: Int, promise: Promise) {
+    fun getCurrentTime(viewTag: Int, promise: Promise) {
+        Log.d(TAG, "Native getCurrentTime method called with viewTag: $viewTag")
         try {
-            Log.d(TAG, "Get current time for view $viewId")
-            reactContext.runOnUiQueueThread {
-                val time = getPlayerView(viewId)?.getCurrentTime() ?: 0f
-                promise.resolve(time)
+            val playerView = getPlayerViewByTag(viewTag)
+            if (playerView != null) {
+                UiThreadUtil.runOnUiThread {
+                    try {
+                        val currentTime = playerView.getCurrentTime()
+                        Log.d(TAG, "getCurrentTime executed successfully, current time: $currentTime")
+                        promise.resolve(currentTime)
+                    } catch (e: Exception) {
+                        Log.e(TAG, "Error getting current time: ${e.message}", e)
+                        promise.reject("GET_TIME_ERROR", "Error getting current time: ${e.message}", e)
+                    }
+                }
+            } else {
+                Log.e(TAG, "Player view not found for tag: $viewTag")
+                promise.reject("VIEW_NOT_FOUND", "Player view not found for tag: $viewTag")
             }
         } catch (e: Exception) {
-            Log.e(TAG, "Error getting current time: ${e.message}")
-            promise.reject("ERROR", "Failed to get current time: ${e.message}")
+            Log.e(TAG, "Error in getCurrentTime method: ${e.message}", e)
+            promise.reject("GET_TIME_ERROR", "Error in getCurrentTime method: ${e.message}", e)
         }
     }
-    
+
     @ReactMethod
-    fun getDuration(viewId: Int, promise: Promise) {
+    fun getDuration(viewTag: Int, promise: Promise) {
+        Log.d(TAG, "Native getDuration method called with viewTag: $viewTag")
         try {
-            Log.d(TAG, "Get duration for view $viewId")
-            reactContext.runOnUiQueueThread {
-                val duration = getPlayerView(viewId)?.getDuration() ?: 0f
-                promise.resolve(duration)
+            val playerView = getPlayerViewByTag(viewTag)
+            if (playerView != null) {
+                UiThreadUtil.runOnUiThread {
+                    try {
+                        val duration = playerView.getDuration()
+                        Log.d(TAG, "getDuration executed successfully, duration: $duration")
+                        promise.resolve(duration)
+                    } catch (e: Exception) {
+                        Log.e(TAG, "Error getting duration: ${e.message}", e)
+                        promise.reject("GET_DURATION_ERROR", "Error getting duration: ${e.message}", e)
+                    }
+                }
+            } else {
+                Log.e(TAG, "Player view not found for tag: $viewTag")
+                promise.reject("VIEW_NOT_FOUND", "Player view not found for tag: $viewTag")
             }
         } catch (e: Exception) {
-            Log.e(TAG, "Error getting duration: ${e.message}")
-            promise.reject("ERROR", "Failed to get duration: ${e.message}")
+            Log.e(TAG, "Error in getDuration method: ${e.message}", e)
+            promise.reject("GET_DURATION_ERROR", "Error in getDuration method: ${e.message}", e)
         }
     }
-} 
+
+    @ReactMethod
+    fun testMethod(message: String) {
+        Log.d(TAG, "Test method called with message: $message")
+    }
+}

package/android/src/main/java/com/unifiedplayer/UnifiedPlayerPackage.kt

@@ -4,17 +4,20 @@ import com.facebook.react.ReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.uimanager.ViewManager
-
+import android.util.Log
 
 class UnifiedPlayerPackage : ReactPackage {
+  private val TAG = "UnifiedPlayerPackage"
+  
   override fun createNativeModules(reactContext: ReactApplicationContext): List<NativeModule> {
+    Log.d(TAG, "Creating native modules")
     return listOf(
-      UnifiedPlayerModule(reactContext),
-      UnifiedPlayerEventEmitter(reactContext)
+      UnifiedPlayerModule(reactContext)
     )
   }
 
   override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    Log.d(TAG, "Creating view managers")
     return listOf(UnifiedPlayerViewManager())
   }
 }

package/android/src/main/java/com/unifiedplayer/UnifiedPlayerView.kt

@@ -4,6 +4,8 @@ import android.annotation.SuppressLint
 import android.content.Context
 import android.graphics.Color
 import android.util.Log
+import android.os.Handler
+import android.os.Looper
 import android.view.Gravity
 import android.widget.FrameLayout
 import com.facebook.react.bridge.Arguments
@@ -11,11 +13,12 @@ import com.google.android.exoplayer2.ExoPlayer
 import com.google.android.exoplayer2.MediaItem
 import com.google.android.exoplayer2.Player
 import com.google.android.exoplayer2.PlaybackException
-import com.google.android.exoplayer2.Timeline
 import com.google.android.exoplayer2.Tracks
 import com.google.android.exoplayer2.ui.PlayerView
 import com.google.android.exoplayer2.video.VideoSize
 import com.facebook.react.bridge.WritableMap
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.uimanager.events.RCTEventEmitter
 
 class UnifiedPlayerView(context: Context) : FrameLayout(context) {
     companion object {
@@ -23,13 +26,40 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
     }
 
     private var videoUrl: String? = null
-    private var authToken: String? = null
     private var autoplay: Boolean = true
     private var loop: Boolean = false
     private var playerView: PlayerView
     private var player: ExoPlayer? = null
-    private var isPlaying = false
     private var currentProgress = 0
+    private var isPaused = false
+
+    private val progressHandler = Handler(Looper.getMainLooper())
+    private val progressRunnable: Runnable = object : Runnable {
+        override fun run() {
+            player?.let {
+                val currentTime = it.currentPosition.toFloat() / 1000f
+                val duration = it.duration.toFloat() / 1000f
+
+                // Log the actual values for debugging
+                Log.d(TAG, "Progress values - currentTime: $currentTime, duration: $duration, raw duration: ${it.duration}")
+
+                // Only send valid duration values
+                if (it.duration > 0) {
+                    val event = Arguments.createMap()
+                    event.putDouble("currentTime", currentTime.toDouble())
+                    event.putDouble("duration", duration.toDouble())
+                    
+                    Log.d(TAG, "Sending progress event: currentTime=$currentTime, duration=$duration")
+                    sendEvent("topProgress", event)
+                } else {
+                    Log.d(TAG, "Not sending progress event because duration is $duration (raw: ${it.duration})")
+                }
+            } ?: Log.e(TAG, "Cannot send progress event: player is null")
+            
+            // Schedule the next update
+            progressHandler.postDelayed(this, 250) // Update every 250ms
+        }
+    }
 
     init {
         setBackgroundColor(Color.BLACK)
@@ -51,12 +81,6 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
         // Add logging for playerView dimensions and post play call
         playerView.post {
             Log.d(TAG, "PlayerView dimensions after addView: width=${playerView.width}, height=${playerView.height}")
-            // Post play call to ensure PlayerView is laid out
-            if (autoplay) {
-                 player?.play()
-                 isPlaying = true
-                 Log.d(TAG, "Autoplay: player?.play() called after layout")
-            }
         }
 
         player?.addListener(object : Player.Listener {
@@ -65,12 +89,11 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
                 when (playbackState) {
                     Player.STATE_READY -> {
                         Log.d(TAG, "ExoPlayer STATE_READY")
-                        sendEvent("onReadyToPlay", Arguments.createMap())
-                        // Removed custom autoplay logic, relying on player?.playWhenReady
+                        sendEvent("topReadyToPlay", Arguments.createMap())
                     }
                     Player.STATE_ENDED -> {
                         Log.d(TAG, "ExoPlayer STATE_ENDED")
-                        sendEvent("onPlaybackComplete", Arguments.createMap())
+                        sendEvent("topPlaybackComplete", Arguments.createMap())
                     }
                     Player.STATE_BUFFERING -> {
                         Log.d(TAG, "ExoPlayer STATE_BUFFERING")
@@ -78,34 +101,33 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
                     Player.STATE_IDLE -> {
                         Log.d(TAG, "ExoPlayer STATE_IDLE")
                     }
-                    Player.STATE_BUFFERING -> {
-                        Log.d(TAG, "ExoPlayer STATE_BUFFERING")
-                    }
                 }
             }
 
             override fun onIsPlayingChanged(isPlaying: Boolean) {
+                Log.d(TAG, "onIsPlayingChanged: $isPlaying")
                 if (isPlaying) {
                     Log.d(TAG, "ExoPlayer isPlaying")
-                    sendEvent("onPlay", Arguments.createMap())
+                    // Use the defined event constant for playback resumed
+                    sendEvent("topPlaybackResumed", Arguments.createMap())
                 } else {
                     Log.d(TAG, "ExoPlayer isPaused")
-                    sendEvent("onPause", Arguments.createMap())
+                    // Add event emission for pause state
+                    sendEvent("topPlaybackPaused", Arguments.createMap())
                 }
             }
 
             override fun onPlayerError(error: PlaybackException) {
-                Log.e(TAG, "ExoPlayer Error: ${error.message}, errorCode: ${error.errorCodeName}, errorCode বিস্তারিত: ${error.errorCode}")
+                Log.d(TAG, "ExoPlayer onPlayerError: ${error.message}")
                 val event = Arguments.createMap().apply {
-                    putInt("code", error.errorCode)
-                    putString("message", error.message)
+                    putString("error", error.message)
                 }
-                sendEvent("onError", event)
+                sendEvent("topError", event)
             }
 
             override fun onMediaItemTransition(mediaItem: MediaItem?, reason: Int) {
                 Log.d(TAG, "ExoPlayer onMediaItemTransition")
-                sendEvent("onLoadStart", Arguments.createMap())
+                sendEvent("topLoadStart", Arguments.createMap())
             }
 
             override fun onPlaybackSuppressionReasonChanged(playbackSuppressionReason: Int) {
@@ -163,39 +185,67 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
                 // Called when skip silence is enabled or disabled.
                 Log.d(TAG, "ExoPlayer onSkipSilenceEnabledChanged: skipSilenceEnabled=$skipSilenceEnabled")
             }
-
-            override fun onTimelineChanged(timeline: Timeline, reason: Int) {
-                // Called when the timeline changes, like when a new media source is loaded or an ad break starts or ends.
-                Log.d(TAG, "ExoPlayer onTimelineChanged: timeline=$timeline, reason=$reason")
-            }
         })
     }
 
     fun setVideoUrl(url: String?) {
         Log.d(TAG, "Setting video URL: $url")
-        if (url.isNullOrEmpty()) {
-            Log.d(TAG, "Video URL is null or empty, skipping load")
+        
+        if (url == null || url.isEmpty()) {
+            Log.e(TAG, "Empty or null URL provided")
             return
         }
-
+        
         videoUrl = url
-
-
-        // Load video with ExoPlayer
-        Log.d(TAG, "Creating MediaItem from URI: $videoUrl")
-        val mediaItem = MediaItem.fromUri(videoUrl!!)
-        player?.setMediaItem(mediaItem)
-        Log.d(TAG, "Preparing ExoPlayer")
-        player?.prepare()
-        Log.d(TAG, "ExoPlayer prepared")
+        
+        try {
+            // Create a MediaItem
+            val mediaItem = MediaItem.fromUri(url)
+            
+            // Reset the player to ensure clean state
+            player?.stop()
+            player?.clearMediaItems()
+            
+            // Set the media item
+            player?.setMediaItem(mediaItem)
+            
+            // Prepare the player (this will start loading the media)
+            player?.prepare()
+            
+            // Set playWhenReady based on autoplay setting
+            player?.playWhenReady = autoplay && !isPaused
+            
+            // Set repeat mode based on loop setting
+            player?.repeatMode = if (loop) Player.REPEAT_MODE_ALL else Player.REPEAT_MODE_OFF
+            
+            // Log that we've set up the player
+            Log.d(TAG, "ExoPlayer configured with URL: $url, autoplay: $autoplay, loop: $loop")
+            
+            // Add a listener to check when the player is ready and has duration
+            player?.addListener(object : Player.Listener {
+                override fun onPlaybackStateChanged(state: Int) {
+                    if (state == Player.STATE_READY) {
+                        val duration = player?.duration ?: 0
+                        Log.d(TAG, "Player ready with duration: ${duration / 1000f} seconds")
+                        
+                        // Force a progress update immediately
+                        progressRunnable.run()
+                    }
+                }
+            })
+        } catch (e: Exception) {
+            Log.e(TAG, "Error setting video URL: ${e.message}", e)
+            
+            // Send error event
+            val event = Arguments.createMap()
+            event.putString("error", "Failed to load video: ${e.message}")
+            sendEvent("topError", event)
+        }
     }
 
     fun setAuthToken(token: String?) {
-        authToken = token
-        // If URL already set, reload with new token
-        if (!videoUrl.isNullOrEmpty()) {
-            setVideoUrl(videoUrl) // reload video
-        }
+        // Removed as per request
+        Log.d(TAG, "Auth token handling removed")
     }
 
     fun setAutoplay(value: Boolean) {
@@ -208,33 +258,87 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
         player?.repeatMode = if (loop) Player.REPEAT_MODE_ALL else Player.REPEAT_MODE_OFF
     }
 
+    fun setIsPaused(isPaused: Boolean) {
+        Log.d(TAG, "setIsPaused called with value: $isPaused")
+        this.isPaused = isPaused
+        if (isPaused) {
+            player?.pause()
+        } else {
+            player?.play()
+        }
+    }
+
     fun play() {
-        Log.d(TAG, "Play called")
-        player?.play()
-        isPlaying = true
+        Log.d(TAG, "Play method called")
+        player?.playWhenReady = true
     }
 
     fun pause() {
-        Log.d(TAG, "Pause called")
-        player?.pause()
-        isPlaying = false
+        Log.d(TAG, "Pause method called")
+        player?.playWhenReady = false
     }
 
-    fun seekTo(time: Float) {
-        Log.d(TAG, "Seek called: $time")
-        player?.seekTo((time * 1000).toLong()) // time in seconds, ExoPlayer in milliseconds
+    fun seekTo(seconds: Float) {
+        Log.d(TAG, "SeekTo method called with seconds: $seconds")
+        player?.let {
+            val milliseconds = (seconds * 1000).toLong()
+            Log.d(TAG, "Seeking to $milliseconds ms")
+            it.seekTo(milliseconds)
+            
+            // Force a progress update after seeking
+            progressRunnable.run()
+        } ?: Log.e(TAG, "Cannot seek: player is null")
     }
 
     fun getCurrentTime(): Float {
-        return (player?.currentPosition?.toFloat() ?: 0f) / 1000f // to seconds
+        Log.d(TAG, "GetCurrentTime method called")
+        return player?.let {
+            val currentTime = it.currentPosition.toFloat() / 1000f
+            Log.d(TAG, "Current time: $currentTime seconds")
+            currentTime
+        } ?: run {
+            Log.e(TAG, "Cannot get current time: player is null")
+            0f
+        }
     }
 
     fun getDuration(): Float {
-        return (player?.duration?.toFloat() ?: 0f) / 1000f // to seconds
+        Log.d(TAG, "GetDuration method called")
+        return player?.let {
+            val duration = it.duration.toFloat() / 1000f
+            Log.d(TAG, "Duration: $duration seconds (raw: ${it.duration})")
+            if (it.duration > 0) duration else 0f
+        } ?: run {
+            Log.e(TAG, "Cannot get duration: player is null")
+            0f
+        }
     }
 
+    // Add a getter for the ExoPlayer instance
+    val exoPlayer: ExoPlayer?
+        get() = this.player
+
     private fun sendEvent(eventName: String, params: WritableMap) {
-        UnifiedPlayerEventEmitter.getInstance()?.sendEvent(eventName, params)
+        try {
+            // Log the event for debugging
+            Log.d(TAG, "Sending direct event: $eventName with params: $params")
+            
+            // Use the ReactContext to dispatch the event directly to the view
+            val reactContext = context as ReactContext
+            reactContext.getJSModule(RCTEventEmitter::class.java)
+                .receiveEvent(id, eventName, params)
+        } catch (e: Exception) {
+            Log.e(TAG, "Error sending event $eventName: ${e.message}", e)
+        }
+    }
+    
+    // Add a method to explicitly start progress updates
+    private fun startProgressUpdates() {
+        Log.d(TAG, "Starting progress updates")
+        // Remove any existing callbacks to avoid duplicates
+        progressHandler.removeCallbacks(progressRunnable)
+        // Post the runnable to start updates
+        progressHandler.post(progressRunnable)
     }
 
     override fun onLayout(changed: Boolean, left: Int, top: Int, right: Int, bottom: Int) {
@@ -250,16 +354,13 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
         super.onAttachedToWindow()
         Log.d(TAG, "UnifiedPlayerView onAttachedToWindow")
         playerView.setPlayer(player)
-        // Autoplay logic can remain in post block or be moved here
-        if (autoplay) {
-             player?.play()
-             isPlaying = true
-             Log.d(TAG, "Autoplay: player?.play() called in onAttachedToWindow")
-        }
+        startProgressUpdates() // Use the new method to start progress updates
     }
 
     override fun onDetachedFromWindow() {
         super.onDetachedFromWindow()
+        Log.d(TAG, "UnifiedPlayerView onDetachedFromWindow")
+        progressHandler.removeCallbacks(progressRunnable) // Stop progress updates
         player?.release()
     }
 }

package/android/src/main/java/com/unifiedplayer/UnifiedPlayerViewManager.kt

@@ -3,11 +3,18 @@ package com.unifiedplayer
 import com.facebook.react.uimanager.SimpleViewManager
 import com.facebook.react.uimanager.ThemedReactContext
 import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.common.MapBuilder
+import android.util.Log
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.uimanager.events.RCTEventEmitter
 
 class UnifiedPlayerViewManager : SimpleViewManager<UnifiedPlayerView>() {
+  private val TAG = "UnifiedPlayerViewManager"
+  
   override fun getName() = "UnifiedPlayerView"
 
   override fun createViewInstance(reactContext: ThemedReactContext): UnifiedPlayerView {
+    Log.d(TAG, "Creating UnifiedPlayerView instance")
     return UnifiedPlayerView(reactContext)
   }
 
@@ -16,11 +23,6 @@ class UnifiedPlayerViewManager : SimpleViewManager<UnifiedPlayerView>() {
     view.setVideoUrl(url)
   }
 
-  @ReactProp(name = "authToken")
-  fun setAuthToken(view: UnifiedPlayerView, token: String?) {
-    view.setAuthToken(token)
-  }
-
   @ReactProp(name = "autoplay")
   fun setAutoplay(view: UnifiedPlayerView, autoplay: Boolean) {
     view.setAutoplay(autoplay)
@@ -30,4 +32,25 @@ class UnifiedPlayerViewManager : SimpleViewManager<UnifiedPlayerView>() {
   fun setLoop(view: UnifiedPlayerView, loop: Boolean) {
     view.setLoop(loop)
   }
+
+  @ReactProp(name = "isPaused")
+  fun setIsPaused(view: UnifiedPlayerView, isPaused: Boolean) {
+    view.setIsPaused(isPaused)
+  }
+  
+  // Register direct events
+  override fun getExportedCustomDirectEventTypeConstants(): Map<String, Any> {
+    Log.d(TAG, "Registering direct events")
+    
+    // Create a map of event names to their registration names
+    return MapBuilder.builder<String, Any>()
+      .put("topReadyToPlay", MapBuilder.of("registrationName", "onReadyToPlay"))
+      .put("topError", MapBuilder.of("registrationName", "onError"))
+      .put("topProgress", MapBuilder.of("registrationName", "onProgress"))
+      .put("topPlaybackComplete", MapBuilder.of("registrationName", "onPlaybackComplete"))
+      .put("topPlaybackResumed", MapBuilder.of("registrationName", "onPlaybackResumed"))
+      .put("topPlaybackPaused", MapBuilder.of("registrationName", "onPlaybackPaused"))
+      .put("topLoadStart", MapBuilder.of("registrationName", "onLoadStart"))
+      .build()
+  }
 }

package/ios/UnifiedPlayerViewManager.m

@@ -14,6 +14,7 @@
 @property (nonatomic, copy) NSString *authToken;
 @property (nonatomic, assign) BOOL autoplay;
 @property (nonatomic, assign) BOOL loop;
+@property (nonatomic, assign) BOOL isPaused; // Add isPaused property
 @property (nonatomic, strong) NSArray *mediaOptions;
 @property (nonatomic, weak) RCTBridge *bridge;
 @property (nonatomic, assign) VLCMediaPlayerState previousState;
@@ -446,6 +447,21 @@ static UnifiedPlayerModule *eventEmitter = nil;
     _loop = loop;
 }
 
+- (void)setIsPaused:(BOOL)isPaused {
+    if (_isPaused != isPaused) {
+        _isPaused = isPaused;
+        if (_player) {
+            if (_isPaused && _player.isPlaying) {
+                [_player pause];
+                RCTLogInfo(@"[UnifiedPlayerViewManager] Paused via isPaused prop");
+            } else if (!_isPaused && !_player.isPlaying) {
+                [_player play];
+                RCTLogInfo(@"[UnifiedPlayerViewManager] Played via isPaused prop");
+            }
+        }
+    }
+}
+
 - (void)setAuthToken:(NSString *)authToken {
     if (_authToken != authToken) {
         _authToken = [authToken copy];
@@ -667,4 +683,10 @@ RCT_CUSTOM_VIEW_PROPERTY(mediaOptions, NSArray, UnifiedPlayerUIView)
     view.mediaOptions = [RCTConvert NSArray:json];
 }
 
+// isPaused property
+RCT_CUSTOM_VIEW_PROPERTY(isPaused, BOOL, UnifiedPlayerUIView)
+{
+    view.isPaused = [RCTConvert BOOL:json];
+}
+
 @end

package/lib/module/index.js

@@ -1,97 +1,121 @@
 "use strict";
 
-import { requireNativeComponent, UIManager, Platform, NativeModules, NativeEventEmitter } from 'react-native';
+import { forwardRef } from 'react'; // Import from 'react'
+import { requireNativeComponent, UIManager, NativeModules, Platform } from 'react-native';
+
+// Check if the native module is available
 import { jsx as _jsx } from "react/jsx-runtime";
 const LINKING_ERROR = `The package 'react-native-unified-player' doesn't seem to be linked. Make sure: \n\n` + Platform.select({
   ios: "- You have run 'pod install'\n",
   default: ''
 }) + '- You rebuilt the app after installing the package\n' + '- You are not using Expo Go\n';
 
-/**
- * Props for the UnifiedPlayerView component
- */
+// Verify the native module exists
+if (!UIManager.getViewManagerConfig('UnifiedPlayerView') && !NativeModules.UnifiedPlayer) {
+  throw new Error(LINKING_ERROR);
+}
 
-// Name of the native component
-const ComponentName = 'UnifiedPlayerView';
+// Define the props for the UnifiedPlayerView component
 
-// Native component import
-const NativeUnifiedPlayerView = UIManager.getViewManagerConfig(ComponentName) != null ? requireNativeComponent(ComponentName) : () => {
-  throw new Error(LINKING_ERROR);
-};
+// Native component registration
+const NativeUnifiedPlayerView = requireNativeComponent('UnifiedPlayerView');
+
+// Newline added here
 
-// Native module for additional control methods
-const UnifiedPlayerModule = NativeModules.UnifiedPlayerModule;
+// Native module for player control methods
+const UnifiedPlayerModule = NativeModules.UnifiedPlayer;
+
+// Export event types for reference
+export const UnifiedPlayerEventTypes = {
+  READY: 'onReadyToPlay',
+  ERROR: 'onError',
+  PROGRESS: 'onProgress',
+  COMPLETE: 'onPlaybackComplete',
+  STALLED: 'onPlaybackStalled',
+  RESUMED: 'onPlaybackResumed'
+};
 
 /**
  * UnifiedPlayerView component for video playback
  */
-export const UnifiedPlayerView = props => {
+export const UnifiedPlayerView = /*#__PURE__*/forwardRef((props, ref) => {
   return /*#__PURE__*/_jsx(NativeUnifiedPlayerView, {
-    ...props
+    ...props,
+    ref: ref
   });
-};
+});
 
 /**
  * API methods for controlling playback
  */
 export const UnifiedPlayer = {
-  // Play the video
+  /**
+   * Start playback
+   * @param viewTag - The tag of the player view
+   */
   play: viewTag => {
-    if (UnifiedPlayerModule?.play) {
+    try {
+      console.log('UnifiedPlayer.play called with viewTag:', viewTag);
       UnifiedPlayerModule.play(viewTag);
+      console.log('Native play method called successfully');
+    } catch (error) {
+      console.error('Error calling play:', error);
     }
   },
-  // Pause the video
+  /**
+   * Pause playback
+   * @param viewTag - The tag of the player view
+   */
   pause: viewTag => {
-    if (UnifiedPlayerModule?.pause) {
+    try {
+      console.log('UnifiedPlayer.pause called with viewTag:', viewTag);
       UnifiedPlayerModule.pause(viewTag);
+      console.log('Native pause method called successfully');
+    } catch (error) {
+      console.error('Error calling pause:', error);
     }
   },
-  // Seek to a specific time
+  /**
+   * Seek to a specific time
+   * @param viewTag - The tag of the player view
+   * @param time - Time in seconds to seek to
+   */
   seekTo: (viewTag, time) => {
-    if (UnifiedPlayerModule?.seekTo) {
+    try {
+      console.log('UnifiedPlayer.seekTo called with viewTag:', viewTag, 'time:', time);
       UnifiedPlayerModule.seekTo(viewTag, time);
+      console.log('Native seekTo method called successfully');
+    } catch (error) {
+      console.error('Error calling seekTo:', error);
     }
   },
-  // Get the current playback time
+  /**
+   * Get current playback time
+   * @param viewTag - The tag of the player view
+   * @returns Promise resolving to current time in seconds
+   */
   getCurrentTime: viewTag => {
-    if (UnifiedPlayerModule?.getCurrentTime) {
+    try {
+      console.log('UnifiedPlayer.getCurrentTime called with viewTag:', viewTag);
       return UnifiedPlayerModule.getCurrentTime(viewTag);
+    } catch (error) {
+      console.error('Error calling getCurrentTime:', error);
+      return Promise.reject(error);
     }
-    return Promise.resolve(0);
   },
-  // Get the duration of the video
+  /**
+   * Get video duration
+   * @param viewTag - The tag of the player view
+   * @returns Promise resolving to duration in seconds
+   */
   getDuration: viewTag => {
-    if (UnifiedPlayerModule?.getDuration) {
+    try {
+      console.log('UnifiedPlayer.getDuration called with viewTag:', viewTag);
       return UnifiedPlayerModule.getDuration(viewTag);
+    } catch (error) {
+      console.error('Error calling getDuration:', error);
+      return Promise.reject(error);
     }
-    return Promise.resolve(0);
-  }
-};
-
-// Events emitter for native events
-let eventEmitter = null;
-if (UnifiedPlayerModule) {
-  eventEmitter = new NativeEventEmitter(UnifiedPlayerModule);
-}
-export const UnifiedPlayerEvents = {
-  addListener: (eventType, listener) => {
-    if (eventEmitter) {
-      return eventEmitter.addListener(eventType, listener);
-    }
-    return {
-      remove: () => {}
-    };
   }
 };
-
-// Event names
-export const UnifiedPlayerEventTypes = {
-  READY: 'onReadyToPlay',
-  ERROR: 'onError',
-  PROGRESS: 'onProgress',
-  COMPLETE: 'onPlaybackComplete',
-  STALLED: 'onPlaybackStalled',
-  RESUMED: 'onPlaybackResumed'
-};
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["requireNativeComponent","UIManager","Platform","NativeModules","NativeEventEmitter","jsx","_jsx","LINKING_ERROR","select","ios","default","ComponentName","NativeUnifiedPlayerView","getViewManagerConfig","Error","UnifiedPlayerModule","UnifiedPlayerView","props","UnifiedPlayer","play","viewTag","pause","seekTo","time","getCurrentTime","Promise","resolve","getDuration","eventEmitter","UnifiedPlayerEvents","addListener","eventType","listener","remove","UnifiedPlayerEventTypes","READY","ERROR","PROGRESS","COMPLETE","STALLED","RESUMED"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SACEA,sBAAsB,EACtBC,SAAS,EACTC,QAAQ,EAERC,aAAa,EACbC,kBAAkB,QACb,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEtB,MAAMC,aAAa,GACjB,sFAAsF,GACtFL,QAAQ,CAACM,MAAM,CAAC;EAAEC,GAAG,EAAE,gCAAgC;EAAEC,OAAO,EAAE;AAAG,CAAC,CAAC,GACvE,sDAAsD,GACtD,+BAA+B;;AAEjC;AACA;AACA;;AA8BA;AACA,MAAMC,aAAa,GAAG,mBAAmB;;AAEzC;AACA,MAAMC,uBAAuB,GAC3BX,SAAS,CAACY,oBAAoB,CAACF,aAAa,CAAC,IAAI,IAAI,GACjDX,sBAAsB,CAAqBW,aAAa,CAAC,GACzD,MAAM;EACJ,MAAM,IAAIG,KAAK,CAACP,aAAa,CAAC;AAChC,CAAC;;AAEP;AACA,MAAMQ,mBAAmB,GAAGZ,aAAa,CAACY,mBAAmB;;AAE7D;AACA;AACA;AACA,OAAO,MAAMC,iBAAiB,GAAIC,KAAyB,IAAK;EAC9D,oBAAOX,IAAA,CAACM,uBAAuB;IAAA,GAAKK;EAAK,CAAG,CAAC;AAC/C,CAAC;;AAED;AACA;AACA;AACA,OAAO,MAAMC,aAAa,GAAG;EAC3B;EACAC,IAAI,EAAGC,OAAe,IAAK;IACzB,IAAIL,mBAAmB,EAAEI,IAAI,EAAE;MAC7BJ,mBAAmB,CAACI,IAAI,CAACC,OAAO,CAAC;IACnC;EACF,CAAC;EAED;EACAC,KAAK,EAAGD,OAAe,IAAK;IAC1B,IAAIL,mBAAmB,EAAEM,KAAK,EAAE;MAC9BN,mBAAmB,CAACM,KAAK,CAACD,OAAO,CAAC;IACpC;EACF,CAAC;EAED;EACAE,MAAM,EAAEA,CAACF,OAAe,EAAEG,IAAY,KAAK;IACzC,IAAIR,mBAAmB,EAAEO,MAAM,EAAE;MAC/BP,mBAAmB,CAACO,MAAM,CAACF,OAAO,EAAEG,IAAI,CAAC;IAC3C;EACF,CAAC;EAED;EACAC,cAAc,EAAGJ,OAAe,IAAsB;IACpD,IAAIL,mBAAmB,EAAES,cAAc,EAAE;MACvC,OAAOT,mBAAmB,CAACS,cAAc,CAACJ,OAAO,CAAC;IACpD;IACA,OAAOK,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAC3B,CAAC;EAED;EACAC,WAAW,EAAGP,OAAe,IAAsB;IACjD,IAAIL,mBAAmB,EAAEY,WAAW,EAAE;MACpC,OAAOZ,mBAAmB,CAACY,WAAW,CAACP,OAAO,CAAC;IACjD;IACA,OAAOK,OAAO,CAACC,OAAO,CAAC,CAAC,CAAC;EAC3B;AACF,CAAC;;AAED;AACA,IAAIE,YAAuC,GAAG,IAAI;AAElD,IAAIb,mBAAmB,EAAE;EACvBa,YAAY,GAAG,IAAIxB,kBAAkB,CAACW,mBAAmB,CAAC;AAC5D;AAEA,OAAO,MAAMc,mBAAmB,GAAG;EACjCC,WAAW,EAAEA,CAACC,SAAiB,EAAEC,QAAiC,KAAK;IACrE,IAAIJ,YAAY,EAAE;MAChB,OAAOA,YAAY,CAACE,WAAW,CAACC,SAAS,EAAEC,QAAQ,CAAC;IACtD;IACA,OAAO;MAAEC,MAAM,EAAEA,CAAA,KAAM,CAAC;IAAE,CAAC;EAC7B;AACF,CAAC;;AAED;AACA,OAAO,MAAMC,uBAAuB,GAAG;EACrCC,KAAK,EAAE,eAAe;EACtBC,KAAK,EAAE,SAAS;EAChBC,QAAQ,EAAE,YAAY;EACtBC,QAAQ,EAAE,oBAAoB;EAC9BC,OAAO,EAAE,mBAAmB;EAC5BC,OAAO,EAAE;AACX,CAAC","ignoreList":[]}
+{"version":3,"names":["forwardRef","requireNativeComponent","UIManager","NativeModules","Platform","jsx","_jsx","LINKING_ERROR","select","ios","default","getViewManagerConfig","UnifiedPlayer","Error","NativeUnifiedPlayerView","UnifiedPlayerModule","UnifiedPlayerEventTypes","READY","ERROR","PROGRESS","COMPLETE","STALLED","RESUMED","UnifiedPlayerView","props","ref","play","viewTag","console","log","error","pause","seekTo","time","getCurrentTime","Promise","reject","getDuration"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/index.d.ts

@@ -1,13 +1,10 @@
 import { type ViewStyle } from 'react-native';
-/**
- * Props for the UnifiedPlayerView component
- */
 export type UnifiedPlayerProps = {
     videoUrl: string;
     style: ViewStyle;
     autoplay?: boolean;
     loop?: boolean;
-    authToken?: string;
+    isPaused?: boolean;
     onReadyToPlay?: () => void;
     onError?: (error: any) => void;
     onPlaybackComplete?: () => void;
@@ -16,31 +13,49 @@ export type UnifiedPlayerProps = {
         duration: number;
     }) => void;
 };
+export declare const UnifiedPlayerEventTypes: {
+    READY: string;
+    ERROR: string;
+    PROGRESS: string;
+    COMPLETE: string;
+    STALLED: string;
+    RESUMED: string;
+};
 /**
  * UnifiedPlayerView component for video playback
  */
-export declare const UnifiedPlayerView: (props: UnifiedPlayerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const UnifiedPlayerView: import("react").ForwardRefExoticComponent<UnifiedPlayerProps & import("react").RefAttributes<import("react").Component<UnifiedPlayerProps, {}, any> & import("react-native").NativeMethods>>;
 /**
  * API methods for controlling playback
  */
 export declare const UnifiedPlayer: {
+    /**
+     * Start playback
+     * @param viewTag - The tag of the player view
+     */
     play: (viewTag: number) => void;
+    /**
+     * Pause playback
+     * @param viewTag - The tag of the player view
+     */
     pause: (viewTag: number) => void;
+    /**
+     * Seek to a specific time
+     * @param viewTag - The tag of the player view
+     * @param time - Time in seconds to seek to
+     */
     seekTo: (viewTag: number, time: number) => void;
+    /**
+     * Get current playback time
+     * @param viewTag - The tag of the player view
+     * @returns Promise resolving to current time in seconds
+     */
     getCurrentTime: (viewTag: number) => Promise<number>;
+    /**
+     * Get video duration
+     * @param viewTag - The tag of the player view
+     * @returns Promise resolving to duration in seconds
+     */
     getDuration: (viewTag: number) => Promise<number>;
 };
-export declare const UnifiedPlayerEvents: {
-    addListener: (eventType: string, listener: (...args: any[]) => any) => import("react-native").EmitterSubscription | {
-        remove: () => void;
-    };
-};
-export declare const UnifiedPlayerEventTypes: {
-    READY: string;
-    ERROR: string;
-    PROGRESS: string;
-    COMPLETE: string;
-    STALLED: string;
-    RESUMED: string;
-};
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,SAAS,EAGf,MAAM,cAAc,CAAC;AAQtB;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAE/B,QAAQ,EAAE,MAAM,CAAC;IAGjB,KAAK,EAAE,SAAS,CAAC;IAGjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,IAAI,CAAC,EAAE,OAAO,CAAC;IAGf,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAG3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAG/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAGhC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACxE,CAAC;AAgBF;;GAEG;AACH,eAAO,MAAM,iBAAiB,GAAI,OAAO,kBAAkB,4CAE1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa;oBAER,MAAM;qBAOL,MAAM;sBAOL,MAAM,QAAQ,MAAM;8BAOZ,MAAM,KAAG,OAAO,CAAC,MAAM,CAAC;2BAQ3B,MAAM,KAAG,OAAO,CAAC,MAAM,CAAC;CAMhD,CAAC;AASF,eAAO,MAAM,mBAAmB;6BACL,MAAM,YAAY,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG;;;CAMnE,CAAC;AAGF,eAAO,MAAM,uBAAuB;;;;;;;CAOnC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAkBtB,MAAM,MAAM,kBAAkB,GAAG;IAE/B,QAAQ,EAAE,MAAM,CAAC;IAGjB,KAAK,EAAE,SAAS,CAAC;IAGjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,IAAI,CAAC,EAAE,OAAO,CAAC;IAGf,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAG3B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAG/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAGhC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CACxE,CAAC;AAYF,eAAO,MAAM,uBAAuB;;;;;;;CAOnC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,iBAAiB,8LAK5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,aAAa;IACxB;;;OAGG;oBACa,MAAM,KAAG,IAAI;IAU7B;;;OAGG;qBACc,MAAM,KAAG,IAAI;IAU9B;;;;OAIG;sBACe,MAAM,QAAQ,MAAM,KAAG,IAAI;IAe7C;;;;OAIG;8BACuB,MAAM,KAAG,OAAO,CAAC,MAAM,CAAC;IAUlD;;;;OAIG;2BACoB,MAAM,KAAG,OAAO,CAAC,MAAM,CAAC;CAShD,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unified-player",
-  "version": "0.2.4",
+  "version": "0.3.1",
   "description": "Unified Player",
   "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
@@ -86,6 +86,9 @@
     "react": "*",
     "react-native": "*"
   },
+  "workspaces": [
+    "example"
+  ],
   "packageManager": "yarn@3.6.1",
   "jest": {
     "preset": "react-native",

package/src/index.tsx

@@ -1,21 +1,28 @@
+import { type ElementRef, forwardRef } from 'react'; // Import from 'react'
 import {
   requireNativeComponent,
   UIManager,
+  NativeModules,
   Platform,
   type ViewStyle,
-  NativeModules,
-  NativeEventEmitter,
 } from 'react-native';
 
+// Check if the native module is available
 const LINKING_ERROR =
   `The package 'react-native-unified-player' doesn't seem to be linked. Make sure: \n\n` +
   Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
   '- You rebuilt the app after installing the package\n' +
   '- You are not using Expo Go\n';
 
-/**
- * Props for the UnifiedPlayerView component
- */
+// Verify the native module exists
+if (
+  !UIManager.getViewManagerConfig('UnifiedPlayerView') &&
+  !NativeModules.UnifiedPlayer
+) {
+  throw new Error(LINKING_ERROR);
+}
+
+// Define the props for the UnifiedPlayerView component
 export type UnifiedPlayerProps = {
   // Video source URL
   videoUrl: string;
@@ -29,8 +36,8 @@ export type UnifiedPlayerProps = {
   // Should video loop when finished
   loop?: boolean;
 
-  // Optional auth token for protected streams
-  authToken?: string;
+  // Is the player currently paused
+  isPaused?: boolean;
 
   // Callback when video is ready to play
   onReadyToPlay?: () => void;
@@ -45,91 +52,114 @@ export type UnifiedPlayerProps = {
   onProgress?: (data: { currentTime: number; duration: number }) => void;
 };
 
-// Name of the native component
-const ComponentName = 'UnifiedPlayerView';
-
-// Native component import
+// Native component registration
 const NativeUnifiedPlayerView =
-  UIManager.getViewManagerConfig(ComponentName) != null
-    ? requireNativeComponent<UnifiedPlayerProps>(ComponentName)
-    : () => {
-        throw new Error(LINKING_ERROR);
-      };
+  requireNativeComponent<UnifiedPlayerProps>('UnifiedPlayerView');
+
+// Newline added here
+
+// Native module for player control methods
+const UnifiedPlayerModule = NativeModules.UnifiedPlayer;
 
-// Native module for additional control methods
-const UnifiedPlayerModule = NativeModules.UnifiedPlayerModule;
+// Export event types for reference
+export const UnifiedPlayerEventTypes = {
+  READY: 'onReadyToPlay',
+  ERROR: 'onError',
+  PROGRESS: 'onProgress',
+  COMPLETE: 'onPlaybackComplete',
+  STALLED: 'onPlaybackStalled',
+  RESUMED: 'onPlaybackResumed',
+};
 
 /**
  * UnifiedPlayerView component for video playback
  */
-export const UnifiedPlayerView = (props: UnifiedPlayerProps) => {
-  return <NativeUnifiedPlayerView {...props} />;
-};
+export const UnifiedPlayerView = forwardRef<
+  ElementRef<typeof NativeUnifiedPlayerView>,
+  UnifiedPlayerProps
+>((props, ref) => {
+  return <NativeUnifiedPlayerView {...props} ref={ref} />;
+});
 
 /**
  * API methods for controlling playback
  */
 export const UnifiedPlayer = {
-  // Play the video
-  play: (viewTag: number) => {
-    if (UnifiedPlayerModule?.play) {
+  /**
+   * Start playback
+   * @param viewTag - The tag of the player view
+   */
+  play: (viewTag: number): void => {
+    try {
+      console.log('UnifiedPlayer.play called with viewTag:', viewTag);
       UnifiedPlayerModule.play(viewTag);
+      console.log('Native play method called successfully');
+    } catch (error) {
+      console.error('Error calling play:', error);
     }
   },
 
-  // Pause the video
-  pause: (viewTag: number) => {
-    if (UnifiedPlayerModule?.pause) {
+  /**
+   * Pause playback
+   * @param viewTag - The tag of the player view
+   */
+  pause: (viewTag: number): void => {
+    try {
+      console.log('UnifiedPlayer.pause called with viewTag:', viewTag);
       UnifiedPlayerModule.pause(viewTag);
+      console.log('Native pause method called successfully');
+    } catch (error) {
+      console.error('Error calling pause:', error);
     }
   },
 
-  // Seek to a specific time
-  seekTo: (viewTag: number, time: number) => {
-    if (UnifiedPlayerModule?.seekTo) {
+  /**
+   * Seek to a specific time
+   * @param viewTag - The tag of the player view
+   * @param time - Time in seconds to seek to
+   */
+  seekTo: (viewTag: number, time: number): void => {
+    try {
+      console.log(
+        'UnifiedPlayer.seekTo called with viewTag:',
+        viewTag,
+        'time:',
+        time
+      );
       UnifiedPlayerModule.seekTo(viewTag, time);
+      console.log('Native seekTo method called successfully');
+    } catch (error) {
+      console.error('Error calling seekTo:', error);
     }
   },
 
-  // Get the current playback time
+  /**
+   * Get current playback time
+   * @param viewTag - The tag of the player view
+   * @returns Promise resolving to current time in seconds
+   */
   getCurrentTime: (viewTag: number): Promise<number> => {
-    if (UnifiedPlayerModule?.getCurrentTime) {
+    try {
+      console.log('UnifiedPlayer.getCurrentTime called with viewTag:', viewTag);
       return UnifiedPlayerModule.getCurrentTime(viewTag);
+    } catch (error) {
+      console.error('Error calling getCurrentTime:', error);
+      return Promise.reject(error);
     }
-    return Promise.resolve(0);
   },
 
-  // Get the duration of the video
+  /**
+   * Get video duration
+   * @param viewTag - The tag of the player view
+   * @returns Promise resolving to duration in seconds
+   */
   getDuration: (viewTag: number): Promise<number> => {
-    if (UnifiedPlayerModule?.getDuration) {
+    try {
+      console.log('UnifiedPlayer.getDuration called with viewTag:', viewTag);
       return UnifiedPlayerModule.getDuration(viewTag);
+    } catch (error) {
+      console.error('Error calling getDuration:', error);
+      return Promise.reject(error);
     }
-    return Promise.resolve(0);
   },
 };
-
-// Events emitter for native events
-let eventEmitter: NativeEventEmitter | null = null;
-
-if (UnifiedPlayerModule) {
-  eventEmitter = new NativeEventEmitter(UnifiedPlayerModule);
-}
-
-export const UnifiedPlayerEvents = {
-  addListener: (eventType: string, listener: (...args: any[]) => any) => {
-    if (eventEmitter) {
-      return eventEmitter.addListener(eventType, listener);
-    }
-    return { remove: () => {} };
-  },
-};
-
-// Event names
-export const UnifiedPlayerEventTypes = {
-  READY: 'onReadyToPlay',
-  ERROR: 'onError',
-  PROGRESS: 'onProgress',
-  COMPLETE: 'onPlaybackComplete',
-  STALLED: 'onPlaybackStalled',
-  RESUMED: 'onPlaybackResumed',
-};