Merge branch 'master' into feat/add-caption-control

examples/VanillaVideoplayer/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vanillavideoplayer",
-  "version": "2.2.0",
+  "version": "2.2.4",
   "private": true,
   "scripts": {
     "android": "react-native run-android",
@@ -12,7 +12,7 @@
   "dependencies": {
     "react": "18.2.0",
     "react-native": "0.72.5",
-    "react-native-media-console": "^2.2.0",
+    "react-native-media-console": "^2.2.4",
     "react-native-video": "^5.2.1"
   },
   "devDependencies": {

package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-media-console",
   "private": true,
-  "version": "2.2.0",
+  "version": "2.2.4",
   "description": "A media player for the react-native-video component",
   "license": "MIT",
   "source": "src/index",
@@ -59,16 +59,16 @@
   ],
   "devDependencies": {
     "@react-native-community/eslint-config": "^3.2.0",
-    "@release-it-plugins/workspaces": "^4.0.0",
-    "@release-it/bumper": "^5.1.0",
-    "@release-it/conventional-changelog": "^7.0.2",
+    "@release-it-plugins/workspaces": "4.2.0",
+    "@release-it/bumper": "6.0.1",
+    "@release-it/conventional-changelog": "8.0.1",
     "@typescript-eslint/eslint-plugin": "^5.13.0",
     "@typescript-eslint/parser": "^5.13.0",
     "eslint": "^7.14.0",
     "eslint-plugin-prettier": "^4.0.0",
     "eslint-plugin-react": "^7.29.3",
     "prettier": "^2.5.1",
-    "release-it": "^16.2.0",
+    "release-it": "17.3.0",
     "turbo": "^1.10.14"
   }
 }

packages/media-console/README.md

@@ -48,6 +48,10 @@ from [react-native-video][15].
 
 If you are using `react-native-reanimated`, then you can use `yarn add @react-native-media-console/reanimated`
 
+> **🚧 WARNING**
+>
+> You need react-native-video > 6.0.0 in order to use this library.
+
 ## 🛠 Usage
 
 The `<VideoPlayer>` component follows the API of the `<Video>` component
@@ -183,7 +187,7 @@ disable any controls
 
 [10]: https://github.com/LunatiqueCoder/react-native-media-console/search?l=typescript
 
-[11]: https://img.shields.io/maintenance/yes/2023
+[11]: https://img.shields.io/maintenance/yes/2025
 
 [12]: https://github.com/LunatiqueCoder/react-native-media-console/graphs/contributors
 

packages/media-console/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-media-console",
-  "version": "2.2.0",
+  "version": "2.2.4",
   "description": "A media player for the react-native-video component",
   "license": "MIT",
   "source": "src/index",

packages/media-console/src/OSSupport/PlatformSupport.tsx

@@ -13,13 +13,15 @@ interface OSSupport {
   containerStyles: StyleProp<ViewStyle>;
   onScreenTouch: () => void;
   showControls: boolean;
+  testID?: string;
 }
 
 export const PlatformSupport = ({
   children,
   onScreenTouch,
   containerStyles,
   showControls,
+  testID,
 }: OSSupport) => {
   if (Platform.isTV) {
     return (
@@ -35,6 +37,7 @@ export const PlatformSupport = ({
 
   return (
     <TouchableWithoutFeedback
+      testID={testID}
       onPress={onScreenTouch}
       style={[_styles.player.container, containerStyles]}>
       {children}

packages/media-console/src/VideoPlayer.tsx

@@ -76,6 +76,7 @@ const AnimatedVideoPlayer = (
     navigator,
     rewindTime = 15,
     pan: {horizontal: horizontalPan, inverted: invertedPan} = {},
+    testID,
   } = props;
 
   const mounted = useRef(false);
@@ -307,12 +308,14 @@ const AnimatedVideoPlayer = (
       setResizeMode(_isFullscreen ? ResizeMode.COVER : ResizeMode.CONTAIN);
     }
 
-    if (_isFullscreen) {
-      typeof events.onEnterFullscreen === 'function' &&
-        events.onEnterFullscreen();
-    } else {
-      typeof events.onExitFullscreen === 'function' &&
-        events.onExitFullscreen();
+    if (mounted.current) {
+      if (_isFullscreen) {
+        typeof events.onEnterFullscreen === 'function' &&
+          events.onEnterFullscreen();
+      } else {
+        typeof events.onExitFullscreen === 'function' &&
+          events.onExitFullscreen();
+      }
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [_isFullscreen, toggleResizeModeOnFullscreen]);
@@ -323,10 +326,6 @@ const AnimatedVideoPlayer = (
 
   useEffect(() => {
     setPaused(paused);
-    mounted.current = true;
-    return () => {
-      mounted.current = false;
-    };
   }, [paused]);
 
   useEffect(() => {
@@ -402,7 +401,8 @@ const AnimatedVideoPlayer = (
     <PlatformSupport
       showControls={showControls}
       containerStyles={styles.containerStyle}
-      onScreenTouch={events.onScreenTouch}>
+      onScreenTouch={events.onScreenTouch}
+      testID={testID}>
       <View style={[_styles.player.container, styles.containerStyle]}>
         <Video
           {...props}

packages/media-console/src/package.json

@@ -27,16 +27,15 @@
   "dependencies": {},
   "peerDependencies": {
     "react-native": ">=0.46.0",
-    "react-native-video": ">=2.0.0",
+    "react-native-video": ">=6.0.0",
     "react-native-reanimated": "^2.12.0"
   },
   "devDependencies": {
-    "@types/react-native-video": "^5.0.14",
-    "react": "^17.0.2",
-    "react-native": "npm:react-native-tvos@0.68.2-5",
+    "react": "18.3.1",
+    "react-native": "npm:react-native-tvos@0.74.1-0",
     "react-native-builder-bob": "^0.18.2",
-    "react-native-video": "^5.2.0",
-    "react-native-reanimated": "^2.12.0",
+    "react-native-video": "6.1.2",
+    "react-native-reanimated": "3.11.0",
     "release-it": "^15.6.0",
     "typescript": "^4.6.2"
   },

packages/media-console/src/types.ts

@@ -271,4 +271,8 @@ export interface VideoPlayerProps extends ReactVideoProps {
      */
     inverted?: boolean;
   };
+  /**
+   * testID selector for testing
+   */
+  testID?: string;
 }

packages/reanimated/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native-media-console/reanimated",
-  "version": "2.2.0",
+  "version": "2.2.4",
   "description": "A media player for the react-native-video component",
   "license": "MIT",
   "source": "src/index",
@@ -29,7 +29,7 @@
     "react-native": ">=0.46.0",
     "react-native-video": ">=2.0.0",
     "react-native-reanimated": "^2.12.0",
-    "react-native-media-console": "^2.2.0"
+    "react-native-media-console": "^2.2.4"
   },
   "devDependencies": {
     "@types/react-native-video": "^5.0.14",