bitmovin-player-react-native 1.0.0-alpha.1 → 1.0.0-alpha.3

package/scripts/check-dependencies.js

@@ -0,0 +1,26 @@
+#!/usr/bin/env node
+
+/**
+ * Check for required app-level dependencies and fail installation if they're missing.
+ * This elevates peer dependency warnings to hard errors.
+ */
+
+// Fail install if required app-level deps are missing
+const required = ['expo', 'expo-crypto'];
+const has = (name) => {
+  try { 
+    require.resolve(`${name}/package.json`, { paths: [process.cwd()] }); 
+    return true; 
+  }
+  catch { 
+    return false; 
+  }
+};
+const missing = required.filter((r) => !has(r));
+if (missing.length) {
+  console.error(
+    `\n[bitmovin-player-react-native] Missing required deps in your app: ${missing.join(', ')}\n` +
+    `Install: npx expo install ${missing.join(' ')}\n`
+  );
+  process.exit(1);
+}

package/scripts/setup-hooks.sh

@@ -55,4 +55,4 @@ echo "  - Auto-format Kotlin files with ktlint, then run ktlint"
 echo "  - Auto-format files with Prettier"
 echo ""
 echo "To test all linting manually, run: yarn lint:all"
-echo "To bypass the hook temporarily, commit with: git commit --no-verify"
+echo "To bypass the hook temporarily, commit with: git commit --no-verify"

package/src/components/PlayerView/index.tsx

@@ -93,93 +93,95 @@ export function PlayerView({
   }, [player, fullscreenBridge, customMessageHandlerBridge]);
 
   useEffect(() => {
-    if (viewRef) {
+    if (isPlayerInitialized && viewRef) {
       viewRef.current = nativeView.current;
     }
-  }, [viewRef, nativeView]);
+  }, [isPlayerInitialized, viewRef, nativeView]);
+
+  if (!isPlayerInitialized) {
+    return null;
+  }
 
   return (
-    isPlayerInitialized && (
-      <NativePlayerView
-        ref={nativeView}
-        style={nativeViewStyle}
-        config={nativePlayerViewConfig}
-        isFullscreenRequested={isFullscreenRequested}
-        isPictureInPictureRequested={isPictureInPictureRequested}
-        scalingMode={scalingMode}
-        fullscreenBridgeId={fullscreenBridge.current?.nativeId}
-        onBmpAdBreakFinished={proxy(props.onAdBreakFinished)}
-        onBmpAdBreakStarted={proxy(props.onAdBreakStarted)}
-        onBmpAdClicked={proxy(props.onAdClicked)}
-        onBmpAdError={proxy(props.onAdError)}
-        onBmpAdFinished={proxy(props.onAdFinished)}
-        onBmpAdManifestLoad={proxy(props.onAdManifestLoad)}
-        onBmpAdManifestLoaded={proxy(props.onAdManifestLoaded)}
-        onBmpAdQuartile={proxy(props.onAdQuartile)}
-        onBmpAdScheduled={proxy(props.onAdScheduled)}
-        onBmpAdSkipped={proxy(props.onAdSkipped)}
-        onBmpAdStarted={proxy(props.onAdStarted)}
-        onBmpCastAvailable={proxy(props.onCastAvailable)}
-        onBmpCastPaused={proxy(props.onCastPaused)}
-        onBmpCastPlaybackFinished={proxy(props.onCastPlaybackFinished)}
-        onBmpCastPlaying={proxy(props.onCastPlaying)}
-        onBmpCastStarted={proxy(props.onCastStarted)}
-        onBmpCastStart={proxy(props.onCastStart)}
-        onBmpCastStopped={proxy(props.onCastStopped)}
-        onBmpCastTimeUpdated={proxy(props.onCastTimeUpdated)}
-        onBmpCastWaitingForDevice={proxy(props.onCastWaitingForDevice)}
-        onBmpCueEnter={proxy(props.onCueEnter)}
-        onBmpCueExit={proxy(props.onCueExit)}
-        onBmpDestroy={proxy(props.onDestroy)}
-        onBmpEvent={proxy(props.onEvent)}
-        onBmpFullscreenEnabled={proxy(props.onFullscreenEnabled)}
-        onBmpFullscreenDisabled={proxy(props.onFullscreenDisabled)}
-        onBmpFullscreenEnter={proxy(props.onFullscreenEnter)}
-        onBmpFullscreenExit={proxy(props.onFullscreenExit)}
-        onBmpMuted={proxy(props.onMuted)}
-        onBmpPaused={proxy(props.onPaused)}
-        onBmpPictureInPictureAvailabilityChanged={proxy(
-          props.onPictureInPictureAvailabilityChanged
-        )}
-        onBmpPictureInPictureEnter={proxy(props.onPictureInPictureEnter)}
-        onBmpPictureInPictureEntered={proxy(props.onPictureInPictureEntered)}
-        onBmpPictureInPictureExit={proxy(props.onPictureInPictureExit)}
-        onBmpPictureInPictureExited={proxy(props.onPictureInPictureExited)}
-        onBmpPlay={proxy(props.onPlay)}
-        onBmpPlaybackFinished={proxy(props.onPlaybackFinished)}
-        onBmpPlaybackSpeedChanged={proxy(props.onPlaybackSpeedChanged)}
-        onBmpPlayerActive={proxy(props.onPlayerActive)}
-        onBmpPlayerError={proxy(props.onPlayerError)}
-        onBmpPlayerWarning={proxy(props.onPlayerWarning)}
-        onBmpPlaying={proxy(props.onPlaying)}
-        onBmpReady={proxy(props.onReady)}
-        onBmpSeek={proxy(props.onSeek)}
-        onBmpSeeked={proxy(props.onSeeked)}
-        onBmpTimeShift={proxy(props.onTimeShift)}
-        onBmpTimeShifted={proxy(props.onTimeShifted)}
-        onBmpStallStarted={proxy(props.onStallStarted)}
-        onBmpStallEnded={proxy(props.onStallEnded)}
-        onBmpSourceError={proxy(props.onSourceError)}
-        onBmpSourceLoad={proxy(props.onSourceLoad)}
-        onBmpSourceLoaded={proxy(props.onSourceLoaded)}
-        onBmpSourceUnloaded={proxy(props.onSourceUnloaded)}
-        onBmpSourceWarning={proxy(props.onSourceWarning)}
-        onBmpAudioAdded={proxy(props.onAudioAdded)}
-        onBmpAudioChanged={proxy(props.onAudioChanged)}
-        onBmpAudioRemoved={proxy(props.onAudioRemoved)}
-        onBmpSubtitleAdded={proxy(props.onSubtitleAdded)}
-        onBmpSubtitleChanged={proxy(props.onSubtitleChanged)}
-        onBmpSubtitleRemoved={proxy(props.onSubtitleRemoved)}
-        onBmpTimeChanged={proxy(props.onTimeChanged)}
-        onBmpUnmuted={proxy(props.onUnmuted)}
-        onBmpVideoDownloadQualityChanged={proxy(
-          props.onVideoDownloadQualityChanged
-        )}
-        onBmpVideoPlaybackQualityChanged={proxy(
-          props.onVideoPlaybackQualityChanged
-        )}
-        onBmpDownloadFinished={proxy(props.onDownloadFinished)}
-      />
-    )
+    <NativePlayerView
+      ref={nativeView}
+      style={nativeViewStyle}
+      config={nativePlayerViewConfig}
+      isFullscreenRequested={isFullscreenRequested}
+      isPictureInPictureRequested={isPictureInPictureRequested}
+      scalingMode={scalingMode}
+      fullscreenBridgeId={fullscreenBridge.current?.nativeId}
+      onBmpAdBreakFinished={proxy(props.onAdBreakFinished)}
+      onBmpAdBreakStarted={proxy(props.onAdBreakStarted)}
+      onBmpAdClicked={proxy(props.onAdClicked)}
+      onBmpAdError={proxy(props.onAdError)}
+      onBmpAdFinished={proxy(props.onAdFinished)}
+      onBmpAdManifestLoad={proxy(props.onAdManifestLoad)}
+      onBmpAdManifestLoaded={proxy(props.onAdManifestLoaded)}
+      onBmpAdQuartile={proxy(props.onAdQuartile)}
+      onBmpAdScheduled={proxy(props.onAdScheduled)}
+      onBmpAdSkipped={proxy(props.onAdSkipped)}
+      onBmpAdStarted={proxy(props.onAdStarted)}
+      onBmpCastAvailable={proxy(props.onCastAvailable)}
+      onBmpCastPaused={proxy(props.onCastPaused)}
+      onBmpCastPlaybackFinished={proxy(props.onCastPlaybackFinished)}
+      onBmpCastPlaying={proxy(props.onCastPlaying)}
+      onBmpCastStarted={proxy(props.onCastStarted)}
+      onBmpCastStart={proxy(props.onCastStart)}
+      onBmpCastStopped={proxy(props.onCastStopped)}
+      onBmpCastTimeUpdated={proxy(props.onCastTimeUpdated)}
+      onBmpCastWaitingForDevice={proxy(props.onCastWaitingForDevice)}
+      onBmpCueEnter={proxy(props.onCueEnter)}
+      onBmpCueExit={proxy(props.onCueExit)}
+      onBmpDestroy={proxy(props.onDestroy)}
+      onBmpEvent={proxy(props.onEvent)}
+      onBmpFullscreenEnabled={proxy(props.onFullscreenEnabled)}
+      onBmpFullscreenDisabled={proxy(props.onFullscreenDisabled)}
+      onBmpFullscreenEnter={proxy(props.onFullscreenEnter)}
+      onBmpFullscreenExit={proxy(props.onFullscreenExit)}
+      onBmpMuted={proxy(props.onMuted)}
+      onBmpPaused={proxy(props.onPaused)}
+      onBmpPictureInPictureAvailabilityChanged={proxy(
+        props.onPictureInPictureAvailabilityChanged
+      )}
+      onBmpPictureInPictureEnter={proxy(props.onPictureInPictureEnter)}
+      onBmpPictureInPictureEntered={proxy(props.onPictureInPictureEntered)}
+      onBmpPictureInPictureExit={proxy(props.onPictureInPictureExit)}
+      onBmpPictureInPictureExited={proxy(props.onPictureInPictureExited)}
+      onBmpPlay={proxy(props.onPlay)}
+      onBmpPlaybackFinished={proxy(props.onPlaybackFinished)}
+      onBmpPlaybackSpeedChanged={proxy(props.onPlaybackSpeedChanged)}
+      onBmpPlayerActive={proxy(props.onPlayerActive)}
+      onBmpPlayerError={proxy(props.onPlayerError)}
+      onBmpPlayerWarning={proxy(props.onPlayerWarning)}
+      onBmpPlaying={proxy(props.onPlaying)}
+      onBmpReady={proxy(props.onReady)}
+      onBmpSeek={proxy(props.onSeek)}
+      onBmpSeeked={proxy(props.onSeeked)}
+      onBmpTimeShift={proxy(props.onTimeShift)}
+      onBmpTimeShifted={proxy(props.onTimeShifted)}
+      onBmpStallStarted={proxy(props.onStallStarted)}
+      onBmpStallEnded={proxy(props.onStallEnded)}
+      onBmpSourceError={proxy(props.onSourceError)}
+      onBmpSourceLoad={proxy(props.onSourceLoad)}
+      onBmpSourceLoaded={proxy(props.onSourceLoaded)}
+      onBmpSourceUnloaded={proxy(props.onSourceUnloaded)}
+      onBmpSourceWarning={proxy(props.onSourceWarning)}
+      onBmpAudioAdded={proxy(props.onAudioAdded)}
+      onBmpAudioChanged={proxy(props.onAudioChanged)}
+      onBmpAudioRemoved={proxy(props.onAudioRemoved)}
+      onBmpSubtitleAdded={proxy(props.onSubtitleAdded)}
+      onBmpSubtitleChanged={proxy(props.onSubtitleChanged)}
+      onBmpSubtitleRemoved={proxy(props.onSubtitleRemoved)}
+      onBmpTimeChanged={proxy(props.onTimeChanged)}
+      onBmpUnmuted={proxy(props.onUnmuted)}
+      onBmpVideoDownloadQualityChanged={proxy(
+        props.onVideoDownloadQualityChanged
+      )}
+      onBmpVideoPlaybackQualityChanged={proxy(
+        props.onVideoPlaybackQualityChanged
+      )}
+      onBmpDownloadFinished={proxy(props.onDownloadFinished)}
+    />
   );
 }

package/src/nativeInstance.ts

@@ -1,6 +1,4 @@
-import UuidModule from './modules/UuidModule';
-
-const Uuid = UuidModule;
+import * as Crypto from 'expo-crypto';
 
 export interface NativeInstanceConfig {
   /**
@@ -37,7 +35,7 @@ export default abstract class NativeInstance<
    */
   constructor(config?: Config) {
     this.config = config;
-    this.nativeId = config?.nativeId ?? Uuid.generate();
+    this.nativeId = config?.nativeId ?? Crypto.randomUUID();
   }
 
   /**

package/src/ui/custommessagehandlerbridge.ts

@@ -1,7 +1,7 @@
 import { EventSubscription } from 'expo-modules-core';
 import { CustomMessageHandler } from './custommessagehandler';
 import { CustomMessageSender } from './custommessagesender';
-import UuidModule from '../modules/UuidModule';
+import * as Crypto from 'expo-crypto';
 import CustomMessageHandlerModule from './customMessageHandlerModule';
 
 /**
@@ -16,7 +16,7 @@ export class CustomMessageHandlerBridge implements CustomMessageSender {
   private onReceivedAsynchronousMessageSubscription?: EventSubscription;
 
   constructor(nativeId?: string) {
-    this.nativeId = nativeId ?? UuidModule.generate();
+    this.nativeId = nativeId ?? Crypto.randomUUID();
     this.isDestroyed = false;
 
     // Set up event listeners for synchronous and asynchronous messages

package/src/ui/fullscreenhandlerbridge.ts

@@ -1,6 +1,6 @@
 import { EventSubscription } from 'expo-modules-core';
 import { FullscreenHandler } from './fullscreenhandler';
-import UuidModule from '../modules/UuidModule';
+import * as Crypto from 'expo-crypto';
 import FullscreenHandlerModule from './fullscreenHandlerModule';
 
 /**
@@ -15,7 +15,7 @@ export class FullscreenHandlerBridge {
   private onExitFullScreenSubscription?: EventSubscription;
 
   constructor(nativeId?: string) {
-    this.nativeId = nativeId ?? UuidModule.generate();
+    this.nativeId = nativeId ?? Crypto.randomUUID();
     this.isDestroyed = false;
 
     this.onEnterFullScreenSubscription = FullscreenHandlerModule.addListener(

package/android/src/main/java/com/bitmovin/player/reactnative/UuidModule.kt

@@ -1,18 +0,0 @@
-package com.bitmovin.player.reactnative
-
-import expo.modules.kotlin.modules.Module
-import expo.modules.kotlin.modules.ModuleDefinition
-import java.util.UUID
-
-/**
- * Native module for easy and fast unique ID generation on JS side. Used to generate native instance IDs.
- */
-class UuidModule : Module() {
-    override fun definition() = ModuleDefinition {
-        Name("UuidModule")
-
-        Function("generate") {
-            UUID.randomUUID().toString()
-        }
-    }
-}

package/build/modules/UuidModule.d.ts

@@ -1,8 +0,0 @@
-import { NativeModule } from 'expo-modules-core';
-export type UuidModuleEvents = Record<string, any>;
-declare class UuidModule extends NativeModule<UuidModuleEvents> {
-    generate(): string;
-}
-declare const _default: UuidModule;
-export default _default;
-//# sourceMappingURL=UuidModule.d.ts.map

package/build/modules/UuidModule.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"UuidModule.d.ts","sourceRoot":"","sources":["../../src/modules/UuidModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAuB,MAAM,mBAAmB,CAAC;AAEtE,MAAM,MAAM,gBAAgB,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAEnD,OAAO,OAAO,UAAW,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IAC7D,QAAQ,IAAI,MAAM;CACnB;;AAED,wBAA6D"}

package/build/modules/UuidModule.js

@@ -1,3 +0,0 @@
-import { requireNativeModule } from 'expo-modules-core';
-export default requireNativeModule('UuidModule');
-//# sourceMappingURL=UuidModule.js.map

package/build/modules/UuidModule.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UuidModule.js","sourceRoot":"","sources":["../../src/modules/UuidModule.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAQtE,eAAe,mBAAmB,CAAa,YAAY,CAAC,CAAC","sourcesContent":["import { NativeModule, requireNativeModule } from 'expo-modules-core';\n\nexport type UuidModuleEvents = Record<string, any>;\n\ndeclare class UuidModule extends NativeModule<UuidModuleEvents> {\n  generate(): string;\n}\n\nexport default requireNativeModule<UuidModule>('UuidModule');\n"]}

package/ios/UuidModule.swift

@@ -1,15 +0,0 @@
-import ExpoModulesCore
-import Foundation
-
-/**
- Native module for easy and fast unique ID generation on JS side. Used to generate native instance IDs.
- */
-public class UuidModule: Module {
-    public func definition() -> ModuleDefinition {
-        Name("UuidModule")
-
-        Function("generate") { () -> String in
-            UUID().uuidString
-        }
-    }
-}

package/src/modules/UuidModule.ts

@@ -1,9 +0,0 @@
-import { NativeModule, requireNativeModule } from 'expo-modules-core';
-
-export type UuidModuleEvents = Record<string, any>;
-
-declare class UuidModule extends NativeModule<UuidModuleEvents> {
-  generate(): string;
-}
-
-export default requireNativeModule<UuidModule>('UuidModule');