react-native-unified-player 1.0.0 → 1.0.1

package/README.md

@@ -1,172 +1,474 @@
-# react-native-unified-player
+<p align="center">
+  <img src="https://img.shields.io/npm/v/react-native-unified-player?style=flat-square&color=blue" alt="npm version" />
+  <img src="https://img.shields.io/npm/dm/react-native-unified-player?style=flat-square&color=green" alt="npm downloads" />
+  <img src="https://img.shields.io/badge/platforms-iOS%20%7C%20Android-lightgrey?style=flat-square" alt="platforms" />
+  <img src="https://img.shields.io/github/license/blueromans/react-native-unified-player?style=flat-square" alt="license" />
+</p>
+
+<h1 align="center">React Native Unified Player</h1>
+
+<p align="center">
+  <b>A high-performance video player for React Native</b><br/>
+  Built with <a href="https://github.com/mrousavy/nitro">Nitro Modules</a> for blazing-fast native performance
+</p>
+
+<p align="center">
+  <a href="#features">Features</a> •
+  <a href="#installation">Installation</a> •
+  <a href="#quick-start">Quick Start</a> •
+  <a href="#api-reference">API</a> •
+  <a href="#examples">Examples</a>
+</p>
 
-Unified Player
-
-A React Native component for playing videos via URL, built with Fabric.
+---
 
 ## Features
 
-- 🎥 Play videos from a URL source
-- 📱 Native performance with Fabric architecture
-- 📊 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
+| Feature | iOS | Android |
+|---------|:---:|:-------:|
+| HLS / DASH Streaming | ✅ | ✅ |
+| Local & Remote Files | ✅ | ✅ |
+| Fullscreen Mode | ✅ | ✅ |
+| Picture-in-Picture | ✅ | ✅ |
+| Background Playback | ✅ | ✅ |
+| Notification Controls | ✅ | ✅ |
+| Subtitles / Text Tracks | ✅ | ✅ |
+| Playback Speed Control | ✅ | ✅ |
+| Frame Capture | ✅ | ✅ |
+| DRM Support | 🔜 | 🔜 |
+
+**Why Unified Player?**
+
+- **Nitro Modules** - Direct native calls without bridge overhead
+- **AVPlayer & ExoPlayer** - Industry-standard players under the hood
+- **Declarative API** - Modern React hooks-based architecture
+- **TypeScript First** - Full type safety out of the box
+
+---
 
 ## Installation
 
 ```bash
-yarn add react-native-unified-player
+# Using yarn
+yarn add react-native-unified-player react-native-nitro-modules
+
+# Using npm
+npm install react-native-unified-player react-native-nitro-modules
 ```
 
-or
+### iOS Setup
 
 ```bash
-npm install react-native-unified-player
+cd ios && pod install
+```
+
+### Android Setup
+
+No additional configuration required.
+
+---
+
+## Quick Start
+
+```tsx
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { UnifiedPlayerView, useVideoPlayer } from 'react-native-unified-player';
+
+export default function App() {
+  const player = useVideoPlayer({
+    uri: 'https://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4',
+  });
+
+  return (
+    <View style={styles.container}>
+      <UnifiedPlayerView
+        player={player}
+        style={styles.video}
+        controls
+      />
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: { flex: 1, backgroundColor: '#000' },
+  video: { width: '100%', aspectRatio: 16 / 9 },
+});
 ```
 
-## Usage
+---
+
+## Examples
+
+<details>
+<summary><b>🎮 With Playback Controls</b></summary>
 
-### Basic Usage
+```tsx
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { UnifiedPlayerView, useVideoPlayer } from 'react-native-unified-player';
 
-```typescript
-import { UnifiedPlayerView, UnifiedPlayer, UnifiedPlayerEventTypes, UnifiedPlayerEvents } from 'react-native-unified-player';
-import React, { useRef, useEffect } from 'react';
-import { View } from 'react-native';
+export default function PlayerWithControls() {
+  const [isPlaying, setIsPlaying] = useState(false);
+  const [progress, setProgress] = useState({ current: 0, duration: 0 });
 
-const MyPlayerComponent = () => {
-  const playerRef = useRef(null);
+  const player = useVideoPlayer({ uri: 'https://example.com/video.mp4' }, (p) => {
+    p.loop = true;
 
-  // 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());
+    p.addEventListener('onPlaybackStateChange', ({ isPlaying }) => {
+      setIsPlaying(isPlaying);
     });
 
-    const errorListener = UnifiedPlayerEvents.addListener(UnifiedPlayerEventTypes.ERROR, (error) => {
-      console.error('Player error:', error);
+    p.addEventListener('onProgress', ({ currentTime, duration }) => {
+      setProgress({ current: currentTime, duration });
     });
+  });
 
-    // Add other listeners as needed (PROGRESS, COMPLETE, STALLED, RESUMED)
+  const formatTime = (seconds: number) => {
+    const mins = Math.floor(seconds / 60);
+    const secs = Math.floor(seconds % 60);
+    return `${mins}:${secs.toString().padStart(2, '0')}`;
+  };
 
-    return () => {
-      // Clean up listeners on unmount
-      readyListener.remove();
-      errorListener.remove();
-      // Remove other listeners
-    };
-  }, []);
+  return (
+    <View style={styles.container}>
+      <UnifiedPlayerView player={player} style={styles.video} />
+
+      <View style={styles.controls}>
+        <TouchableOpacity onPress={() => player.seekBy(-10)}>
+          <Text style={styles.button}>-10s</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={() => isPlaying ? player.pause() : player.play()}>
+          <Text style={styles.button}>{isPlaying ? '⏸️' : '▶️'}</Text>
+        </TouchableOpacity>
+
+        <TouchableOpacity onPress={() => player.seekBy(10)}>
+          <Text style={styles.button}>+10s</Text>
+        </TouchableOpacity>
+      </View>
+
+      <Text style={styles.time}>
+        {formatTime(progress.current)} / {formatTime(progress.duration)}
+      </Text>
+    </View>
+  );
+}
+```
+
+</details>
+
+<details>
+<summary><b>📺 Fullscreen Mode</b></summary>
+
+```tsx
+import React, { useState } from 'react';
+import { View, Button } from 'react-native';
+import { UnifiedPlayerView, useVideoPlayer } from 'react-native-unified-player';
+
+export default function FullscreenExample() {
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const player = useVideoPlayer({ uri: 'https://example.com/video.mp4' });
 
   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
-        // 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)}
+        player={player}
+        style={{ width: '100%', aspectRatio: 16 / 9 }}
+        fullscreen={isFullscreen}
+        onFullscreenChange={setIsFullscreen}
+      />
+
+      <Button
+        title={isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
+        onPress={() => setIsFullscreen(!isFullscreen)}
       />
     </View>
   );
-};
+}
+```
+
+</details>
+
+<details>
+<summary><b>📸 Capture Video Frame</b></summary>
+
+```tsx
+import React, { useState } from 'react';
+import { View, Button, Image } from 'react-native';
+import { UnifiedPlayerView, useVideoPlayer } from 'react-native-unified-player';
+
+export default function FrameCaptureExample() {
+  const [thumbnail, setThumbnail] = useState<string | null>(null);
+  const player = useVideoPlayer({ uri: 'https://example.com/video.mp4' });
+
+  const captureFrame = async () => {
+    try {
+      const base64 = await player.captureFrame();
+      setThumbnail(`data:image/png;base64,${base64}`);
+    } catch (error) {
+      console.error('Capture failed:', error);
+    }
+  };
 
-export default MyPlayerComponent;
+  return (
+    <View style={{ flex: 1 }}>
+      <UnifiedPlayerView
+        player={player}
+        style={{ width: '100%', aspectRatio: 16 / 9 }}
+      />
+
+      <Button title="Capture Frame" onPress={captureFrame} />
+
+      {thumbnail && (
+        <Image
+          source={{ uri: thumbnail }}
+          style={{ width: 200, height: 112, marginTop: 20 }}
+        />
+      )}
+    </View>
+  );
+}
 ```
 
-## Props
-
-| Prop | Type | Required | Description |
-|------|------|----------|-------------|
-| `videoUrl` | `string` \| `string[]` | Yes | Video source URL or an array of URLs for a playlist. |
-| `style` | `ViewStyle` | Yes | Apply custom styling |
-| `autoplay` | `boolean` | No | Autoplay video when loaded |
-| `loop` | `boolean` | No | Should the video/playlist loop when finished. **Note:** Playlist advancement and looping are handled in the JavaScript layer via the `onPlaybackComplete` callback. The native player only loops single videos based on this prop. |
-| `onLoadStart` | `(event: { nativeEvent?: { index?: number } }) => void` | No | Callback when video begins loading. The `event.nativeEvent` may contain an `index` property on Android when playing a playlist. |
-| `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. Use this callback to implement playlist advancement logic in your JavaScript code. |
-| `onProgress` | `(data: { currentTime: number; duration: number }) => void` | No | Callback for playback progress |
-
-## Events
-
-Events can be listened to using `UnifiedPlayerEvents.addListener(eventType, listener)`. The available event types are defined in `UnifiedPlayerEventTypes`.
-
-- `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.
-
-## Methods
-
-Control playback using the `UnifiedPlayer` object and the native tag of the `UnifiedPlayerView` instance (obtained via `ref.current.getNativeTag()`).
-
-- `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
-
-### Prerequisites
-
-- Node.js >= 16
-- Yarn >= 1.22
-- React Native >= 0.79.0
-- iOS: Xcode >= 14.0
-- Android: Android Studio >= 2022.3
-
-### Setup
-
-1. Clone the repository
-2. Install dependencies:
-   ```bash
-   yarn install
-   ```
-3. Build the project:
-   ```bash
-   yarn prepare
-   ```
-
-### Running the Example App
-
-1. Navigate to the example directory:
-   ```bash
-   cd example
-   ```
-2. Install dependencies:
-   ```bash
-   yarn install
-   ```
-3. Run the app:
-   ```bash
-   yarn ios  # for iOS
-   yarn android  # for Android
-   ```
-
-## Publishing
-
-This package is automatically published to npm when changes are pushed to the `main` or `master` branch. See [PUBLISHING.md](.github/PUBLISHING.md) for setup instructions and details about npm's new authentication system (granular access tokens).
+</details>
 
-## Contributing
+<details>
+<summary><b>🎚️ Playback Speed Control</b></summary>
 
-Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) for details on our code of conduct and the process for submitting pull requests.
+```tsx
+import React, { useState } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';
+import { UnifiedPlayerView, useVideoPlayer } from 'react-native-unified-player';
 
-## License
+const SPEEDS = [0.5, 1.0, 1.25, 1.5, 2.0];
+
+export default function SpeedControlExample() {
+  const [speed, setSpeed] = useState(1.0);
+  const player = useVideoPlayer({ uri: 'https://example.com/video.mp4' });
 
-This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
+  const changeSpeed = (newSpeed: number) => {
+    player.rate = newSpeed;
+    setSpeed(newSpeed);
+  };
 
-## Author
+  return (
+    <View style={{ flex: 1 }}>
+      <UnifiedPlayerView
+        player={player}
+        style={{ width: '100%', aspectRatio: 16 / 9 }}
+      />
+
+      <View style={styles.speedButtons}>
+        {SPEEDS.map((s) => (
+          <TouchableOpacity
+            key={s}
+            onPress={() => changeSpeed(s)}
+            style={[styles.speedBtn, speed === s && styles.activeSpeed]}
+          >
+            <Text>{s}x</Text>
+          </TouchableOpacity>
+        ))}
+      </View>
+    </View>
+  );
+}
+```
+
+</details>
+
+<details>
+<summary><b>📝 Subtitles / Text Tracks</b></summary>
+
+```tsx
+const player = useVideoPlayer({
+  uri: 'https://example.com/video.mp4',
+  externalSubtitles: [
+    {
+      label: 'English',
+      language: 'en',
+      uri: 'https://example.com/subs-en.vtt',
+      type: 'vtt',
+    },
+    {
+      label: 'Spanish',
+      language: 'es',
+      uri: 'https://example.com/subs-es.vtt',
+      type: 'vtt',
+    },
+  ],
+});
+
+// Get available tracks
+const tracks = player.getAvailableTextTracks();
+
+// Select a track
+player.selectTextTrack(tracks[0]);
+
+// Disable subtitles
+player.selectTextTrack(null);
+```
+
+</details>
+
+---
+
+## API Reference
+
+### `useVideoPlayer(source, setup?)`
+
+Creates a video player instance.
+
+```tsx
+const player = useVideoPlayer(
+  { uri: 'https://example.com/video.mp4' },
+  (player) => {
+    // Optional setup callback
+    player.loop = true;
+    player.volume = 0.8;
+  }
+);
+```
+
+#### Source Options
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `uri` | `string` | Video URL (required) |
+| `headers` | `Record<string, string>` | HTTP headers for the request |
+| `bufferConfig` | `BufferConfig` | Buffer configuration |
+| `externalSubtitles` | `ExternalSubtitle[]` | External subtitle tracks |
+
+---
+
+### `<UnifiedPlayerView />`
+
+Video player component.
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `player` | `VideoPlayer` | *required* | Player instance from `useVideoPlayer` |
+| `style` | `ViewStyle` | - | View styling |
+| `controls` | `boolean` | `false` | Show native controls |
+| `fullscreen` | `boolean` | `false` | Fullscreen mode |
+| `autoplay` | `boolean` | `true` | Auto-start playback |
+| `resizeMode` | `ResizeMode` | `'none'` | `'contain'` \| `'cover'` \| `'stretch'` \| `'none'` |
+| `pictureInPicture` | `boolean` | `false` | Enable PiP button |
+| `autoEnterPictureInPicture` | `boolean` | `false` | Auto-enter PiP on background |
+| `keepScreenAwake` | `boolean` | `true` | Prevent screen sleep |
+| `surfaceType` | `SurfaceType` | `'surface'` | Android: `'surface'` \| `'texture'` |
+
+#### Events
+
+| Event | Callback |
+|-------|----------|
+| `onFullscreenChange` | `(isFullscreen: boolean) => void` |
+| `onPictureInPictureChange` | `(isInPiP: boolean) => void` |
+| `willEnterFullscreen` | `() => void` |
+| `willExitFullscreen` | `() => void` |
+| `willEnterPictureInPicture` | `() => void` |
+| `willExitPictureInPicture` | `() => void` |
+
+---
+
+### VideoPlayer Instance
+
+#### Properties
+
+| Property | Type | Description |
+|----------|------|-------------|
+| `currentTime` | `number` | Current position (seconds) |
+| `duration` | `number` | Total duration (seconds) |
+| `volume` | `number` | Volume (0.0 - 1.0) |
+| `muted` | `boolean` | Mute state |
+| `rate` | `number` | Playback speed (1.0 = normal) |
+| `loop` | `boolean` | Loop playback |
+| `isPlaying` | `boolean` | Playing state |
+| `status` | `VideoPlayerStatus` | `'idle'` \| `'loading'` \| `'readyToPlay'` \| `'error'` |
+
+#### Methods
+
+| Method | Returns | Description |
+|--------|---------|-------------|
+| `play()` | `void` | Start playback |
+| `pause()` | `void` | Pause playback |
+| `seekTo(seconds)` | `void` | Seek to position |
+| `seekBy(seconds)` | `void` | Seek relative |
+| `captureFrame()` | `Promise<string>` | Capture frame as base64 PNG |
+| `getAvailableTextTracks()` | `TextTrack[]` | Get subtitle tracks |
+| `selectTextTrack(track)` | `void` | Select subtitle track |
+| `release()` | `void` | Release resources |
+
+#### Events
+
+Subscribe with `player.addEventListener(event, callback)`:
+
+| Event | Payload |
+|-------|---------|
+| `onLoad` | `{ currentTime, duration, width, height, orientation }` |
+| `onProgress` | `{ currentTime, duration, bufferDuration }` |
+| `onPlaybackStateChange` | `{ isPlaying, isBuffering }` |
+| `onStatusChange` | `VideoPlayerStatus` |
+| `onEnd` | - |
+| `onError` | `VideoRuntimeError` |
+| `onBuffer` | `boolean` |
+| `onSeek` | `number` |
+| `onPlaybackRateChange` | `number` |
+| `onVolumeChange` | `{ volume, muted }` |
+
+---
+
+## Requirements
+
+| Platform | Minimum Version |
+|----------|-----------------|
+| React Native | 0.76.0 |
+| iOS | 15.1 |
+| Android | SDK 24 (Android 7.0) |
+| Nitro Modules | 0.27.2 |
+
+---
+
+## Migration from v0.x
+
+Version 1.0.0 introduces a new architecture. Here's how to migrate:
+
+```diff
+- import { UnifiedPlayerView, UnifiedPlayer } from 'react-native-unified-player';
++ import { UnifiedPlayerView, useVideoPlayer } from 'react-native-unified-player';
+
+- const playerRef = useRef(null);
++ const player = useVideoPlayer({ uri: videoUrl });
+
+- <UnifiedPlayerView
+-   ref={playerRef}
+-   videoUrl={videoUrl}
+-   onReadyToPlay={() => console.log('Ready')}
+- />
++ <UnifiedPlayerView
++   player={player}
++   controls
++ />
+
+- UnifiedPlayer.play(playerRef.current.getNativeTag());
++ player.play();
+```
+
+---
+
+## Contributing
+
+Contributions are welcome! Please read our [Contributing Guide](CONTRIBUTING.md) before submitting a PR.
+
+## License
 
-Yaşar Özyurt ([@blueromans](https://github.com/blueromans))
+MIT © [Yaşar Özyurt](https://github.com/blueromans)
 
 ---
 
-Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)
+<p align="center">
+  <sub>Built with ❤️ using <a href="https://github.com/mrousavy/nitro">Nitro Modules</a></sub>
+</p>

package/lib/module/index.js

@@ -3,6 +3,6 @@
 export { useEvent } from "./core/hooks/useEvent.js";
 export { useVideoPlayer } from "./core/hooks/useVideoPlayer.js";
 export * from "./core/types/Events.js";
-export { default as VideoView } from "./core/video-view/VideoView.js";
+export { default as VideoView, default as UnifiedPlayerView } from "./core/video-view/VideoView.js";
 export { VideoPlayer } from "./core/VideoPlayer.js";
 //# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEvent","useVideoPlayer","default","VideoView","VideoPlayer"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,cAAc,wBAAqB;AAkBnC,SACEC,OAAO,IAAIC,SAAS,QAGf,gCAA6B;AACpC,SAASC,WAAW,QAAQ,uBAAoB","ignoreList":[]}
+{"version":3,"names":["useEvent","useVideoPlayer","default","VideoView","UnifiedPlayerView","VideoPlayer"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,0BAAuB;AAChD,SAASC,cAAc,QAAQ,gCAA6B;AAC5D,cAAc,wBAAqB;AAkBnC,SACEC,OAAO,IAAIC,SAAS,EACpBD,OAAO,IAAIE,iBAAiB,QAKvB,gCAA6B;AACpC,SAASC,WAAW,QAAQ,uBAAoB","ignoreList":[]}

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

@@ -8,6 +8,6 @@ export type { TextTrack } from './core/types/TextTrack';
 export type { VideoConfig, VideoSource } from './core/types/VideoConfig';
 export { type LibraryError, type PlayerError, type SourceError, type UnknownError, type VideoComponentError, type VideoError, type VideoErrorCode, type VideoRuntimeError, type VideoViewError, } from './core/types/VideoError';
 export type { VideoPlayerStatus } from './core/types/VideoPlayerStatus';
-export { default as VideoView, type VideoViewProps, type VideoViewRef, } from './core/video-view/VideoView';
+export { default as VideoView, default as UnifiedPlayerView, type VideoViewProps, type VideoViewProps as UnifiedPlayerViewProps, type VideoViewRef, type VideoViewRef as UnifiedPlayerViewRef, } from './core/video-view/VideoView';
 export { VideoPlayer } from './core/VideoPlayer';
 //# 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,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,EACnB,KAAK,YAAY,GAClB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,cAAc,qBAAqB,CAAC;AACpC,YAAY,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAClF,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAC1D,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxD,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EACL,KAAK,YAAY,EACjB,KAAK,WAAW,EAChB,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,mBAAmB,EACxB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACtB,KAAK,cAAc,GACpB,MAAM,yBAAyB,CAAC;AACjC,YAAY,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,OAAO,IAAI,iBAAiB,EAC5B,KAAK,cAAc,EACnB,KAAK,cAAc,IAAI,sBAAsB,EAC7C,KAAK,YAAY,EACjB,KAAK,YAAY,IAAI,oBAAoB,GAC1C,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-unified-player",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Unified Player",
   "source": "./src/index.tsx",
   "main": "./lib/module/index.js",
@@ -68,6 +68,7 @@
     "@eslint/eslintrc": "^3.3.0",
     "@eslint/js": "^9.22.0",
     "@evilmartians/lefthook": "^1.5.0",
+    "@expo/config-plugins": "^54.0.4",
     "@react-native/eslint-config": "^0.78.0",
     "@release-it/conventional-changelog": "^8.0.0",
     "@types/jest": "^29.5.5",
@@ -131,7 +132,8 @@
       "@release-it/conventional-changelog": {
         "preset": {
           "name": "angular"
-        }
+        },
+        "ignoreRecommendedBump": true
       }
     },
     "hooks": {

package/src/index.tsx

@@ -20,7 +20,10 @@ export {
 export type { VideoPlayerStatus } from './core/types/VideoPlayerStatus';
 export {
   default as VideoView,
+  default as UnifiedPlayerView,
   type VideoViewProps,
+  type VideoViewProps as UnifiedPlayerViewProps,
   type VideoViewRef,
+  type VideoViewRef as UnifiedPlayerViewRef,
 } from './core/video-view/VideoView';
 export { VideoPlayer } from './core/VideoPlayer';