@bluebillywig/react-native-bb-player 8.42.10 → 8.42.15

package/CHANGELOG.md

@@ -5,6 +5,27 @@ All notable changes to react-native-bb-player will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [8.42.10] - 2026-01-28
+
+### Added
+- **TurboModule support** for React Native New Architecture (Fabric)
+  - Added `NativeBBPlayerModule` TurboModule spec for React Native codegen
+  - Native module now uses `TurboModuleRegistry` when available, with automatic fallback to legacy `NativeModules`
+  - Added architecture-specific source sets (`newarch`/`paper`) for Android
+  - iOS module converted to Objective-C++ (`.mm`) for C++ interop required by TurboModules
+
+### Changed
+- `BBPlayerPackage.kt` now implements `TurboReactPackage` for New Architecture compatibility
+- `BBPlayerModule.kt` extends generated `NativeBBPlayerModuleSpec` for type-safe TurboModule implementation
+- Updated `react-native-bb-player.podspec` with New Architecture compiler flags and configuration
+- Added `codegenConfig` to `package.json` for React Native codegen integration
+
+### Technical Details
+- Supports both Old Architecture (Paper) and New Architecture (Fabric/TurboModules)
+- Tested with React Native 0.82.1
+- No breaking changes - existing apps continue to work without modification
+- New Architecture is automatically detected and used when enabled in the app
+
 ## [2.0.0] - 2026-01-20
 
 ### Changed
@@ -44,5 +65,6 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Android fullscreen landscape: proper orientation locking and state restoration
 - Performance optimizations: reduced bridge traffic and memory leak fixes
 
+[8.42.10]: https://github.com/bluebillywig/react-native-bb-player/releases/tag/v8.42.10
 [2.0.0]: https://github.com/bluebillywig/react-native-bb-player/releases/tag/v2.0.0
 [1.0.0]: https://github.com/bluebillywig/react-native-bb-player/releases/tag/v1.0.0

package/README.md

@@ -18,7 +18,7 @@ Native video player for React Native - powered by Blue Billywig's iOS and Androi
 |----------|-------------|---------------|
 | **iOS** | 12.0+ | AVPlayer |
 | **Android** | API 21+ (5.0+) | ExoPlayer |
-| **React Native** | 0.73+ | Old & New Architecture |
+| **React Native** | 0.73+ | Old & New Architecture (TurboModules) |
 | **Expo** | SDK 51+ | With config plugin (optional) |
 
 ## Installation
@@ -673,6 +673,63 @@ function CustomScreen() {
 }
 ```
 
+## New Architecture (Fabric & TurboModules)
+
+This package fully supports React Native's New Architecture, including:
+
+- **Fabric** - The new rendering system
+- **TurboModules** - The new native module system with synchronous access and lazy loading
+
+### Automatic Detection
+
+The package automatically detects which architecture your app uses:
+- **New Architecture enabled**: Uses `TurboModuleRegistry` for optimal performance
+- **Old Architecture**: Falls back to `NativeModules` (no changes needed)
+
+### Enabling New Architecture
+
+#### React Native 0.76+
+New Architecture is enabled by default in React Native 0.76 and later.
+
+#### React Native 0.73-0.75
+Enable in your app's configuration:
+
+**Android** (`android/gradle.properties`):
+```properties
+newArchEnabled=true
+```
+
+**iOS** (`ios/Podfile`):
+```ruby
+ENV['RCT_NEW_ARCH_ENABLED'] = '1'
+```
+
+Then rebuild your app:
+```bash
+# iOS
+cd ios && pod install && cd ..
+npx react-native run-ios
+
+# Android
+cd android && ./gradlew clean && cd ..
+npx react-native run-android
+```
+
+### No Code Changes Required
+
+Your existing code works with both architectures. The package handles the architecture detection internally:
+
+```tsx
+// This works on both Old and New Architecture
+import { BBPlayerView } from '@bluebillywig/react-native-bb-player';
+
+<BBPlayerView
+  ref={playerRef}
+  jsonUrl="https://demo.bbvms.com/p/default/c/4701337.json"
+  onDidTriggerPlay={() => console.log('Playing')}
+/>
+```
+
 ## FAQ
 
 ### Can I use this in production?

package/android/build.gradle

@@ -11,6 +11,11 @@ def isNewArchitectureEnabled() {
   return rootProject.hasProperty("newArchEnabled") && rootProject.getProperty("newArchEnabled") == "true"
 }
 
+// Apply React Native plugin for codegen when new arch is enabled
+if (isNewArchitectureEnabled()) {
+  apply plugin: "com.facebook.react"
+}
+
 group = 'com.bluebillywig.bbplayer'
 version = '2.0.0'
 
@@ -49,7 +54,8 @@ android {
     main {
       java.srcDirs = ['src/main/java']
       if (isNewArchitectureEnabled()) {
-        java.srcDirs += ['src/newarch/java']
+        // Include codegen-generated specs first (takes precedence)
+        java.srcDirs += ["build/generated/source/codegen/java"]
       } else {
         java.srcDirs += ['src/paper/java']
       }

package/android/src/main/java/com/bluebillywig/bbplayer/BBPlayerModule.kt

@@ -61,85 +61,85 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun play(viewTag: Int) {
-        runOnUiThread(viewTag) { it.play() }
+    override fun play(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.play() }
     }
 
     @ReactMethod
-    override fun pause(viewTag: Int) {
-        runOnUiThread(viewTag) { it.pause() }
+    override fun pause(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.pause() }
     }
 
     @ReactMethod
-    override fun seek(viewTag: Int, position: Double) {
-        runOnUiThread(viewTag) { it.seek(position) }
+    override fun seek(viewTag: Double, position: Double) {
+        runOnUiThread(viewTag.toInt()) { it.seek(position) }
     }
 
     @ReactMethod
-    override fun seekRelative(viewTag: Int, offsetSeconds: Double) {
-        runOnUiThread(viewTag) { it.seekRelative(offsetSeconds) }
+    override fun seekRelative(viewTag: Double, offsetSeconds: Double) {
+        runOnUiThread(viewTag.toInt()) { it.seekRelative(offsetSeconds) }
     }
 
     @ReactMethod
-    override fun setVolume(viewTag: Int, volume: Double) {
-        runOnUiThread(viewTag) { it.setVolume(volume) }
+    override fun setVolume(viewTag: Double, volume: Double) {
+        runOnUiThread(viewTag.toInt()) { it.setVolume(volume) }
     }
 
     @ReactMethod
-    override fun setMuted(viewTag: Int, muted: Boolean) {
-        runOnUiThread(viewTag) { it.setMuted(muted) }
+    override fun setMuted(viewTag: Double, muted: Boolean) {
+        runOnUiThread(viewTag.toInt()) { it.setMuted(muted) }
     }
 
     @ReactMethod
-    override fun enterFullscreen(viewTag: Int) {
-        runOnUiThread(viewTag) { it.enterFullscreen() }
+    override fun enterFullscreen(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.enterFullscreen() }
     }
 
     @ReactMethod
-    override fun enterFullscreenLandscape(viewTag: Int) {
-        runOnUiThread(viewTag) { it.enterFullscreenLandscape() }
+    override fun enterFullscreenLandscape(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.enterFullscreenLandscape() }
     }
 
     @ReactMethod
-    override fun exitFullscreen(viewTag: Int) {
-        runOnUiThread(viewTag) { it.exitFullscreen() }
+    override fun exitFullscreen(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.exitFullscreen() }
     }
 
     @ReactMethod
-    override fun collapse(viewTag: Int) {
-        runOnUiThread(viewTag) { it.collapse() }
+    override fun collapse(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.collapse() }
     }
 
     @ReactMethod
-    override fun expand(viewTag: Int) {
-        runOnUiThread(viewTag) { it.expand() }
+    override fun expand(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.expand() }
     }
 
     @ReactMethod
-    override fun autoPlayNextCancel(viewTag: Int) {
-        runOnUiThread(viewTag) { it.autoPlayNextCancel() }
+    override fun autoPlayNextCancel(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.autoPlayNextCancel() }
     }
 
     @ReactMethod
-    override fun destroy(viewTag: Int) {
-        runOnUiThread(viewTag) { it.destroy() }
+    override fun destroy(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.destroy() }
     }
 
     @ReactMethod
-    override fun showCastPicker(viewTag: Int) {
-        runOnUiThread(viewTag) { it.showCastPicker() }
+    override fun showCastPicker(viewTag: Double) {
+        runOnUiThread(viewTag.toInt()) { it.showCastPicker() }
     }
 
     @ReactMethod
     override fun loadWithClipId(
-        viewTag: Int,
+        viewTag: Double,
         clipId: String,
         initiator: String?,
         autoPlay: Boolean,
         seekTo: Double
     ) {
         Log.d("BBPlayerModule", "loadWithClipId called - viewTag: $viewTag, clipId: $clipId, autoPlay: $autoPlay")
-        runOnUiThread(viewTag) {
+        runOnUiThread(viewTag.toInt()) {
             it.loadWithClipId(
                 clipId,
                 initiator,
@@ -151,13 +151,13 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
 
     @ReactMethod
     override fun loadWithClipListId(
-        viewTag: Int,
+        viewTag: Double,
         clipListId: String,
         initiator: String?,
         autoPlay: Boolean,
         seekTo: Double
     ) {
-        runOnUiThread(viewTag) {
+        runOnUiThread(viewTag.toInt()) {
             it.loadWithClipListId(
                 clipListId,
                 initiator,
@@ -169,13 +169,13 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
 
     @ReactMethod
     override fun loadWithProjectId(
-        viewTag: Int,
+        viewTag: Double,
         projectId: String,
         initiator: String?,
         autoPlay: Boolean,
         seekTo: Double
     ) {
-        runOnUiThread(viewTag) {
+        runOnUiThread(viewTag.toInt()) {
             it.loadWithProjectId(
                 projectId,
                 initiator,
@@ -187,13 +187,13 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
 
     @ReactMethod
     override fun loadWithClipJson(
-        viewTag: Int,
+        viewTag: Double,
         clipJson: String,
         initiator: String?,
         autoPlay: Boolean,
         seekTo: Double
     ) {
-        runOnUiThread(viewTag) {
+        runOnUiThread(viewTag.toInt()) {
             it.loadWithClipJson(
                 clipJson,
                 initiator,
@@ -205,13 +205,13 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
 
     @ReactMethod
     override fun loadWithClipListJson(
-        viewTag: Int,
+        viewTag: Double,
         clipListJson: String,
         initiator: String?,
         autoPlay: Boolean,
         seekTo: Double
     ) {
-        runOnUiThread(viewTag) {
+        runOnUiThread(viewTag.toInt()) {
             it.loadWithClipListJson(
                 clipListJson,
                 initiator,
@@ -223,13 +223,13 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
 
     @ReactMethod
     override fun loadWithProjectJson(
-        viewTag: Int,
+        viewTag: Double,
         projectJson: String,
         initiator: String?,
         autoPlay: Boolean,
         seekTo: Double
     ) {
-        runOnUiThread(viewTag) {
+        runOnUiThread(viewTag.toInt()) {
             it.loadWithProjectJson(
                 projectJson,
                 initiator,
@@ -241,11 +241,11 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
 
     @ReactMethod
     override fun loadWithJsonUrl(
-        viewTag: Int,
+        viewTag: Double,
         jsonUrl: String,
         autoPlay: Boolean
     ) {
-        runOnUiThread(viewTag) {
+        runOnUiThread(viewTag.toInt()) {
             it.loadWithJsonUrl(jsonUrl, autoPlay)
         }
     }
@@ -255,9 +255,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
 
     // Getter methods with Promise support
     @ReactMethod
-    override fun getDuration(viewTag: Int, promise: Promise) {
+    override fun getDuration(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val duration = view.getDuration()
                 promise.resolve(duration)
@@ -268,9 +268,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getCurrentTime(viewTag: Int, promise: Promise) {
+    override fun getCurrentTime(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val currentTime = view.getCurrentTime()
                 promise.resolve(currentTime)
@@ -281,9 +281,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getMuted(viewTag: Int, promise: Promise) {
+    override fun getMuted(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val muted = view.getMuted()
                 promise.resolve(muted)
@@ -294,9 +294,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getVolume(viewTag: Int, promise: Promise) {
+    override fun getVolume(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val volume = view.getVolume()
                 promise.resolve(volume)
@@ -307,9 +307,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getPhase(viewTag: Int, promise: Promise) {
+    override fun getPhase(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val phase = view.getPhase()
                 promise.resolve(phase?.name)
@@ -320,9 +320,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getState(viewTag: Int, promise: Promise) {
+    override fun getState(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val state = view.getState()
                 promise.resolve(state?.name)
@@ -333,9 +333,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getMode(viewTag: Int, promise: Promise) {
+    override fun getMode(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val mode = view.getMode()
                 promise.resolve(mode)
@@ -346,9 +346,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getClipData(viewTag: Int, promise: Promise) {
+    override fun getClipData(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val clipData = view.getClipData()
                 if (clipData != null) {
@@ -369,9 +369,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getProjectData(viewTag: Int, promise: Promise) {
+    override fun getProjectData(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val projectData = view.getProjectData()
                 if (projectData != null) {
@@ -390,9 +390,9 @@ class BBPlayerModule(private val reactContext: ReactApplicationContext) :
     }
 
     @ReactMethod
-    override fun getPlayoutData(viewTag: Int, promise: Promise) {
+    override fun getPlayoutData(viewTag: Double, promise: Promise) {
         UiThreadUtil.runOnUiThread {
-            val view = findPlayerView(viewTag)
+            val view = findPlayerView(viewTag.toInt())
             if (view != null) {
                 val playoutData = view.getPlayoutData()
                 if (playoutData != null) {

package/ios/BBPlayerModule.swift

@@ -212,7 +212,7 @@ class BBPlayerModule: NSObject {
 
     @objc func getClipData(_ viewTag: NSNumber, resolver: @escaping RCTPromiseResolveBlock, rejecter: @escaping RCTPromiseRejectBlock) {
         DispatchQueue.main.async {
-            let clipData = self.getView(viewTag)?.adMediaClip()
+            let clipData = self.getView(viewTag)?.clipData()
             resolver(clipData)
         }
     }