react-native-unified-player 0.2.3 → 0.3.0

package/README.md

@@ -1,135 +1,118 @@
-# React Native Your Unified Player
+# react-native-unified-player
 
-A powerful React Native component that provides a unified interface for playing both MP4 videos and WebRTC streams. Built with Fabric and the new React Native architecture.
+Unified Player
+
+A React Native component for playing videos via URL, built with Fabric.
 
 ## Features
 
-- 🎥 Support for MP4 video playback
-- 🌐 WebRTC streaming capabilities
-- 🔄 Unified interface for both video types
+- 🎥 Play videos from a URL source
 - 📱 Native performance with Fabric architecture
-- 🎛️ Comprehensive playback controls
-- 📊 Event handling for player states
-- 🔍 Support for different resize modes
-- 🎚️ Volume and mute controls
-- ⏯️ Play/pause functionality
+- 📊 Event handling for player states (Ready, Error, Progress, Complete, Stalled, Resumed)
+- 🎛️ Control playback with methods (Play, Pause, Seek, Get Current Time, Get Duration)
+- 🔄 Optional autoplay and loop
 
 ## Installation
 
 ```bash
-yarn add react-native-your-unified-player
+yarn add react-native-unified-player
 ```
 
 or
 
 ```bash
-npm install react-native-your-unified-player
+npm install react-native-unified-player
 ```
 
 ## Usage
 
 ### Basic Usage
 
-```jsx
-import { YourUnifiedPlayerView } from 'react-native-your-unified-player';
-
-// For MP4 video
-<YourUnifiedPlayerView
-  source={{
-    type: 'url',
-    uri: 'https://example.com/video.mp4'
-  }}
-  style={{ width: '100%', height: 300 }}
-  paused={false}
-  muted={false}
-  volume={1.0}
-  resizeMode="contain"
-  onUrlLoad={({ duration, naturalSize }) => {
-    console.log('Video loaded:', duration, naturalSize);
-  }}
-  onError={({ error, code }) => {
-    console.error('Player error:', error, code);
-  }}
-/>
-
-// For WebRTC stream
-<YourUnifiedPlayerView
-  source={{
-    type: 'webrtc',
-    signalingUrl: 'wss://example.com/signaling',
-    iceServers: [
-      { urls: 'stun:stun.l.google.com:19302' }
-    ]
-  }}
-  style={{ width: '100%', height: 300 }}
-  onWebRTCConnected={({ connectionInfo }) => {
-    console.log('WebRTC connected:', connectionInfo);
-  }}
-  onWebRTCDisconnected={({ code, reason }) => {
-    console.log('WebRTC disconnected:', code, reason);
-  }}
-/>
-```
-
-### Props
-
-#### Common Props
-
-| Prop | Type | Default | Description |
-|------|------|---------|-------------|
-| `paused` | `boolean` | `false` | Controls playback state |
-| `muted` | `boolean` | `false` | Controls audio mute state |
-| `volume` | `number` | `1.0` | Controls audio volume (0.0 to 1.0) |
-| `resizeMode` | `'contain' \| 'cover' \| 'stretch'` | `'contain'` | Controls how the video fits in the view |
-
-#### Source Props
-
-For MP4 videos:
-```typescript
-{
-  type: 'url';
-  uri: string;
-}
-```
-
-For WebRTC streams:
 ```typescript
-{
-  type: 'webrtc';
-  signalingUrl: string;
-  streamConfig?: object;
-  iceServers?: ReadonlyArray<{ urls: string | ReadonlyArray<string> }>;
-}
-}
+import { UnifiedPlayerView, UnifiedPlayer, UnifiedPlayerEventTypes, UnifiedPlayerEvents } from 'react-native-unified-player';
+import React, { useRef, useEffect } from 'react';
+import { View } from 'react-native';
+
+const MyPlayerComponent = () => {
+  const playerRef = useRef(null);
+
+  // Example of using event listeners (optional)
+  useEffect(() => {
+    const readyListener = UnifiedPlayerEvents.addListener(UnifiedPlayerEventTypes.READY, () => {
+      console.log('Player is ready to play');
+      // You can call UnifiedPlayer methods here, e.g., UnifiedPlayer.play(playerRef.current.getNativeTag());
+    });
+
+    const errorListener = UnifiedPlayerEvents.addListener(UnifiedPlayerEventTypes.ERROR, (error) => {
+      console.error('Player error:', error);
+    });
+
+    // Add other listeners as needed (PROGRESS, COMPLETE, STALLED, RESUMED)
+
+    return () => {
+      // Clean up listeners on unmount
+      readyListener.remove();
+      errorListener.remove();
+      // Remove other listeners
+    };
+  }, []);
+
+  return (
+    <View style={{ flex: 1 }}>
+      <UnifiedPlayerView
+        ref={playerRef}
+        style={{ width: '100%', height: 300 }} // Example style
+        videoUrl="YOUR_VIDEO_URL_HERE" // Replace with your video URL
+        autoplay={false} // Optional: set to true to autoplay
+        loop={false} // Optional: set to true to loop
+        // authToken="YOUR_AUTH_TOKEN" // Optional: for protected streams
+        // You can also use direct view props instead of or in addition to event listeners:
+        // onReadyToPlay={() => console.log('View prop: Ready to play')}
+        // onError={(e) => console.log('View prop: Error', e)}
+        // onPlaybackComplete={() => console.log('View prop: Playback complete')}
+        // onProgress={(data) => console.log('View prop: Progress', data)}
+      />
+    </View>
+  );
+};
+
+export default MyPlayerComponent;
 ```
 
-### Events
+## Props
 
-#### URL Events
-- `onUrlLoad`: Fired when the video is loaded
-- `onUrlProgress`: Fired during video playback
-- `onUrlEnd`: Fired when video playback ends
-- `onUrlReadyForDisplay`: Fired when the video is ready to display
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `videoUrl` | `string` | Yes | Video source URL |
+| `style` | `ViewStyle` | Yes | Apply custom styling |
+| `autoplay` | `boolean` | No | Autoplay video when loaded |
+| `loop` | `boolean` | No | Should video loop when finished |
+| `authToken` | `string` | No | Optional auth token for protected streams |
+| `onReadyToPlay` | `() => void` | No | Callback when video is ready to play |
+| `onError` | `(error: any) => void` | No | Callback when an error occurs |
+| `onPlaybackComplete` | `() => void` | No | Callback when video playback finishes |
+| `onProgress` | `(data: { currentTime: number; duration: number }) => void` | No | Callback for playback progress |
 
-#### WebRTC Events
-- `onWebRTCConnected`: Fired when WebRTC connection is established
-- `onWebRTCDisconnected`: Fired when WebRTC connection is lost
-- `onWebRTCStats`: Fired with WebRTC connection statistics
+## Events
 
-#### Common Events
-- `onError`: Fired when an error occurs
+Events can be listened to using `UnifiedPlayerEvents.addListener(eventType, listener)`. The available event types are defined in `UnifiedPlayerEventTypes`.
 
-### Commands
+- `UnifiedPlayerEventTypes.READY` ('onReadyToPlay'): Fired when the player is ready to play.
+- `UnifiedPlayerEventTypes.ERROR` ('onError'): Fired when an error occurs.
+- `UnifiedPlayerEventTypes.PROGRESS` ('onProgress'): Fired during playback with current time and duration (`{ currentTime: number; duration: number }`).
+- `UnifiedPlayerEventTypes.COMPLETE` ('onPlaybackComplete'): Fired when video playback finishes.
+- `UnifiedPlayerEventTypes.STALLED` ('onPlaybackStalled'): Fired when playback stalls.
+- `UnifiedPlayerEventTypes.RESUMED` ('onPlaybackResumed'): Fired when playback resumes after stalling.
 
-The component supports the following commands:
+## Methods
 
-```typescript
-// Seek to a specific time in the video
-seekUrl(viewRef: React.RefObject<YourUnifiedPlayerView>, timeSeconds: number): void;
+Control playback using the `UnifiedPlayer` object and the native tag of the `UnifiedPlayerView` instance (obtained via `ref.current.getNativeTag()`).
 
-// Send a message through WebRTC data channel
-sendWebRTCMessage(viewRef: React.RefObject<YourUnifiedPlayerView>, message: string): void;
-```
+- `UnifiedPlayer.play(viewTag: number)`: Starts video playback.
+- `UnifiedPlayer.pause(viewTag: number)`: Pauses video playback.
+- `UnifiedPlayer.seekTo(viewTag: number, time: number)`: Seeks to a specific time in seconds.
+- `UnifiedPlayer.getCurrentTime(viewTag: number): Promise<number>`: Gets the current playback time in seconds.
+- `UnifiedPlayer.getDuration(viewTag: number): Promise<number>`: Gets the duration of the video in seconds.
 
 ## Development
 

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

@@ -42,6 +42,7 @@ class UnifiedPlayerModule(private val reactContext: ReactApplicationContext) : R
     @ReactMethod
     fun pause(viewId: Int) {
         try {
+            Log.d(TAG, "pause called in module for viewId: $viewId") // Add this log
             Log.d(TAG, "Pause command received for view $viewId")
             reactContext.runOnUiQueueThread {
                 getPlayerView(viewId)?.pause()
@@ -90,4 +91,9 @@ class UnifiedPlayerModule(private val reactContext: ReactApplicationContext) : R
             promise.reject("ERROR", "Failed to get duration: ${e.message}")
         }
     }
-} 
+
+    @ReactMethod
+    fun testMethod(message: String) {
+        Log.d(TAG, "Test method called with message: $message")
+    }
+}

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
@@ -28,9 +30,28 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
     private var loop: Boolean = false
     private var playerView: PlayerView
     private var player: ExoPlayer? = null
-    private var isPlaying = false
     private var currentProgress = 0
 
+    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
+
+                if (duration > 0) {
+                    val event = Arguments.createMap().apply {
+                        putDouble("currentTime", currentTime.toDouble())
+                        putDouble("duration", duration.toDouble())
+                    }
+                    sendEvent(UnifiedPlayerEventEmitter.EVENT_PROGRESS, event)
+                }
+            }
+            // Schedule the next update
+            progressHandler.postDelayed(this, 250) // Update every 250ms
+        }
+    }
+
     init {
         setBackgroundColor(Color.BLACK)
 
@@ -51,12 +72,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 {
@@ -66,7 +81,6 @@ class UnifiedPlayerView(context: Context) : FrameLayout(context) {
                     Player.STATE_READY -> {
                         Log.d(TAG, "ExoPlayer STATE_READY")
                         sendEvent("onReadyToPlay", Arguments.createMap())
-                        // Removed custom autoplay logic, relying on player?.playWhenReady
                     }
                     Player.STATE_ENDED -> {
                         Log.d(TAG, "ExoPlayer STATE_ENDED")
@@ -208,16 +222,23 @@ 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")
+        if (isPaused) {
+            player?.pause()
+        } else {
+            player?.play()
+        }
+    }
+
     fun play() {
         Log.d(TAG, "Play called")
         player?.play()
-        isPlaying = true
     }
 
     fun pause() {
-        Log.d(TAG, "Pause called")
+        Log.d(TAG, "Pause called from module") // Add this log
         player?.pause()
-        isPlaying = false
     }
 
     fun seekTo(time: Float) {
@@ -250,16 +271,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")
-        }
+        progressHandler.post(progressRunnable) // 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

@@ -30,4 +30,9 @@ 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)
+  }
 }

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,6 +1,7 @@
 "use strict";
 
-import { requireNativeComponent, UIManager, Platform, NativeModules, NativeEventEmitter } from 'react-native';
+import { forwardRef } from 'react'; // Import from 'react'
+import { requireNativeComponent, UIManager, Platform, NativeModules, NativeEventEmitter } from 'react-native'; // Import from 'react-native'
 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",
@@ -14,6 +15,8 @@ const LINKING_ERROR = `The package 'react-native-unified-player' doesn't seem to
 // Name of the native component
 const ComponentName = 'UnifiedPlayerView';
 
+// Props for the native component including ref
+
 // Native component import
 const NativeUnifiedPlayerView = UIManager.getViewManagerConfig(ComponentName) != null ? requireNativeComponent(ComponentName) : () => {
   throw new Error(LINKING_ERROR);
@@ -21,15 +24,18 @@ const NativeUnifiedPlayerView = UIManager.getViewManagerConfig(ComponentName) !=
 
 // Native module for additional control methods
 const UnifiedPlayerModule = NativeModules.UnifiedPlayerModule;
+// Native module for events
+const UnifiedPlayerEventEmitterModule = NativeModules.UnifiedPlayerEvents;
 
 /**
  * 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
@@ -66,13 +72,19 @@ export const UnifiedPlayer = {
       return UnifiedPlayerModule.getDuration(viewTag);
     }
     return Promise.resolve(0);
+  },
+  // Test method
+  testMethod: message => {
+    if (UnifiedPlayerModule?.testMethod) {
+      UnifiedPlayerModule.testMethod(message);
+    }
   }
 };
 
 // Events emitter for native events
 let eventEmitter = null;
-if (UnifiedPlayerModule) {
-  eventEmitter = new NativeEventEmitter(UnifiedPlayerModule);
+if (UnifiedPlayerEventEmitterModule) {
+  eventEmitter = new NativeEventEmitter(UnifiedPlayerEventEmitterModule);
 }
 export const UnifiedPlayerEvents = {
   addListener: (eventType, listener) => {

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","Platform","NativeModules","NativeEventEmitter","jsx","_jsx","LINKING_ERROR","select","ios","default","ComponentName","NativeUnifiedPlayerView","getViewManagerConfig","Error","UnifiedPlayerModule","UnifiedPlayerEventEmitterModule","UnifiedPlayerEvents","UnifiedPlayerView","props","ref","UnifiedPlayer","play","viewTag","pause","seekTo","time","getCurrentTime","Promise","resolve","getDuration","testMethod","message","eventEmitter","addListener","eventType","listener","remove","UnifiedPlayerEventTypes","READY","ERROR","PROGRESS","COMPLETE","STALLED","RESUMED"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ export type UnifiedPlayerProps = {
     style: ViewStyle;
     autoplay?: boolean;
     loop?: boolean;
+    isPaused?: boolean;
     authToken?: string;
     onReadyToPlay?: () => void;
     onError?: (error: any) => void;
@@ -19,7 +20,7 @@ export type UnifiedPlayerProps = {
 /**
  * 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<never>>;
 /**
  * API methods for controlling playback
  */
@@ -29,6 +30,7 @@ export declare const UnifiedPlayer: {
     seekTo: (viewTag: number, time: number) => void;
     getCurrentTime: (viewTag: number) => Promise<number>;
     getDuration: (viewTag: number) => Promise<number>;
+    testMethod: (message: string) => void;
 };
 export declare const UnifiedPlayerEvents: {
     addListener: (eventType: string, listener: (...args: any[]) => any) => import("react-native").EmitterSubscription | {

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,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IAGnB,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;AAuBF;;GAEG;AACH,eAAO,MAAM,iBAAiB,sGAK5B,CAAC;AAEH;;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;0BAQzB,MAAM;CAK7B,CAAC;AASF,eAAO,MAAM,mBAAmB;6BACL,MAAM,YAAY,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG;;;CAMnE,CAAC;AAGF,eAAO,MAAM,uBAAuB;;;;;;;CAOnC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unified-player",
-  "version": "0.2.3",
+  "version": "0.3.0",
   "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,3 +1,4 @@
+import { type Ref, type ElementRef, forwardRef } from 'react'; // Import from 'react'
 import {
   requireNativeComponent,
   UIManager,
@@ -5,7 +6,7 @@ import {
   type ViewStyle,
   NativeModules,
   NativeEventEmitter,
-} from 'react-native';
+} from 'react-native'; // Import from 'react-native'
 
 const LINKING_ERROR =
   `The package 'react-native-unified-player' doesn't seem to be linked. Make sure: \n\n` +
@@ -29,6 +30,9 @@ export type UnifiedPlayerProps = {
   // Should video loop when finished
   loop?: boolean;
 
+  // Is the player currently paused
+  isPaused?: boolean;
+
   // Optional auth token for protected streams
   authToken?: string;
 
@@ -48,23 +52,33 @@ export type UnifiedPlayerProps = {
 // Name of the native component
 const ComponentName = 'UnifiedPlayerView';
 
+// Props for the native component including ref
+type NativeUnifiedPlayerViewProps = UnifiedPlayerProps & {
+  ref?: Ref<ElementRef<typeof NativeUnifiedPlayerView>>;
+};
+
 // Native component import
 const NativeUnifiedPlayerView =
   UIManager.getViewManagerConfig(ComponentName) != null
-    ? requireNativeComponent<UnifiedPlayerProps>(ComponentName)
+    ? requireNativeComponent<NativeUnifiedPlayerViewProps>(ComponentName)
     : () => {
         throw new Error(LINKING_ERROR);
       };
 
 // Native module for additional control methods
 const UnifiedPlayerModule = NativeModules.UnifiedPlayerModule;
+// Native module for events
+const UnifiedPlayerEventEmitterModule = NativeModules.UnifiedPlayerEvents;
 
 /**
  * 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
@@ -106,13 +120,20 @@ export const UnifiedPlayer = {
     }
     return Promise.resolve(0);
   },
+
+  // Test method
+  testMethod: (message: string) => {
+    if (UnifiedPlayerModule?.testMethod) {
+      UnifiedPlayerModule.testMethod(message);
+    }
+  },
 };
 
 // Events emitter for native events
 let eventEmitter: NativeEventEmitter | null = null;
 
-if (UnifiedPlayerModule) {
-  eventEmitter = new NativeEventEmitter(UnifiedPlayerModule);
+if (UnifiedPlayerEventEmitterModule) {
+  eventEmitter = new NativeEventEmitter(UnifiedPlayerEventEmitterModule);
 }
 
 export const UnifiedPlayerEvents = {