Merge pull request #404 from bitmovin/upgrade_react_native

Update react native to 0.73.4

.github/workflows/ci-android.yml

@@ -41,7 +41,7 @@ jobs:
         uses: actions/setup-java@v3
         with:
           distribution: 'zulu'
-          java-version: '11'
+          java-version: '17'
 
       - name: Set up Gradle cache
         uses: gradle/gradle-build-action@v2
@@ -62,15 +62,15 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 
       - name: Set up Java
         uses: actions/setup-java@v3
         with:
           distribution: 'zulu'
-          java-version: '11'
+          java-version: '17'
 
       - name: Install node_modules
         run: yarn install --frozen-lockfile

.github/workflows/ci-ios-tvos.yml

@@ -63,7 +63,7 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 
@@ -133,7 +133,7 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 

.github/workflows/ci-typescript.yml

@@ -55,7 +55,7 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 
@@ -75,7 +75,7 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 
@@ -101,7 +101,7 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 

.github/workflows/create-sdk-update-pr.yml

@@ -48,7 +48,7 @@ jobs:
         if: ${{ inputs.sdk_name == 'ios' }}
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 

.github/workflows/finish-release-train.yml

@@ -92,7 +92,7 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 

.github/workflows/generate-documentation.yml

@@ -37,7 +37,7 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 

.github/workflows/start-release-train.yml

@@ -36,7 +36,7 @@ jobs:
       - name: Setup node and npm registry
         uses: actions/setup-node@v3
         with:
-          node-version: '16'
+          node-version: '20'
           registry-url: 'https://registry.npmjs.org/'
           cache: 'yarn'
 

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [Unreleased]
+
+### Changed
+
+- React Native version to `0.73.4`
+
 ## [0.17.0] (2024-01-26)
 
 ### Added

android/gradle.properties

@@ -1,8 +1,9 @@
 android.useAndroidX=true
 BitmovinPlayerReactNative_kotlinVersion=1.9.21
 BitmovinPlayerReactNative_minSdkVersion=21
-BitmovinPlayerReactNative_targetSdkVersion=33
-BitmovinPlayerReactNative_compileSdkVersion=33
-BitmovinPlayerReactNative_ndkversion=21.4.7075529
-BitmovinPlayerReactNative_androidToolsVersion=7.4.2
+BitmovinPlayerReactNative_targetSdkVersion=34
+BitmovinPlayerReactNative_compileSdkVersion=34
+BitmovinPlayerReactNative_buildToolsVersion=34.0.0
+BitmovinPlayerReactNative_ndkversion=25.1.8937393
+BitmovinPlayerReactNative_androidToolsVersion=8.1.0
 BitmovinPlayerReactNative_ktlintVersion=11.6.0

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:metro-react-native-babel-preset'],
+  presets: ['@react-native/babel-preset'],
 };

example/android/app/build.gradle

@@ -1,4 +1,5 @@
 apply plugin: "com.android.application"
+apply plugin: "org.jetbrains.kotlin.android"
 apply plugin: "com.facebook.react"
 
 /**
@@ -71,6 +72,7 @@ def jscFlavor = 'org.webkit:android-jsc:+'
 android {
     ndkVersion rootProject.ext.ndkVersion
 
+    buildToolsVersion rootProject.ext.buildToolsVersion
     compileSdkVersion rootProject.ext.compileSdkVersion
 
     namespace "com.bitmovin.player.reactnative.example"
@@ -110,12 +112,6 @@ dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
 
-    debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}")
-    debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") {
-        exclude group:'com.squareup.okhttp3', module:'okhttp'
-    }
-
-    debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}")
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
     } else {

example/android/app/src/main/java/com/bitmovin/player/reactnative/example/MainActivity.kt

@@ -0,0 +1,43 @@
+package com.bitmovin.player.reactnative.example
+
+import android.os.Bundle
+import com.facebook.react.ReactActivity
+import com.facebook.react.ReactActivityDelegate
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
+import com.facebook.react.defaults.DefaultReactActivityDelegate
+import com.google.android.gms.cast.framework.CastContext
+import android.view.WindowManager.LayoutParams.FLAG_KEEP_SCREEN_ON
+
+class MainActivity : ReactActivity() {
+    override fun onCreate(savedInstanceState: Bundle?) {
+        super.onCreate(null)
+        try {
+            // Load Google Cast context eagerly in order to ensure that
+            // the cast state is updated correctly.
+            CastContext.getSharedInstance(this, Runnable::run)
+        } catch (e: Exception) {
+            // cast framework not supported
+        }
+
+        // Prevent going into ambient mode on Android TV devices / screen timeout on mobile devices during playback.
+        // If your app uses multiple activities make sure to add this flag to the activity that hosts the player.
+        // Reference: https://developer.android.com/training/scheduling/wakelock#screen
+        getWindow().addFlags(FLAG_KEEP_SCREEN_ON)
+    }
+
+    /**
+     * Returns the name of the main component registered from JavaScript. This is used to schedule
+     * rendering of the component.
+     */
+    override fun getMainComponentName(): String = "BitmovinPlayerReactNativeExample"
+
+    /**
+     * Returns the instance of the [ReactActivityDelegate]. Here we use a util class [ ] which allows you to easily enable Fabric and Concurrent React
+     * (aka React 18) with two boolean flags.
+     */
+    override fun createReactActivityDelegate() = DefaultReactActivityDelegate(
+        this,
+        mainComponentName,  // If you opted-in for the New Architecture, we enable the Fabric Renderer.
+        fabricEnabled,
+    )
+}