Merge pull request #36 from THEOplayer/release/v0.8.0

Release/v0.8.0

.husky/pre-commit

@@ -1,4 +1 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npm run lint
+npx lint-staged --allow-empty

.prettierrc.js

@@ -1,6 +1,6 @@
 module.exports = {
   bracketSpacing: true,
-  jsxBracketSameLine: true,
+  bracketSameLine: true,
   singleQuote: true,
   trailingComma: 'all',
   printWidth: 150,

CHANGELOG.md

@@ -10,6 +10,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## 0.8.0 (2024-09-11)
+
+### Added
+
+- Added support for THEOplayer 8.0.
+
+### Fixed
+
+- Fixed a deprecation warning by removing `defaultProps`.
+
 ## 0.7.2 (2024-05-15)
 
 ### Fixed

README.md

@@ -19,8 +19,8 @@ The `@theoplayer/react-native-ui` package provides a collection of UI components
 for `react-native-theoplayer`, the official THEOplayer React Native video player.
 The following platforms are supported:
 
-- Android, Android TV & FireTV
-- iOS & tvOS (Apple TV)
+- Mobile Android
+- Mobile iOS
 - Web
 
 This document covers how to add a UI to your `THEOplayerView` component. For information on

example/index.web.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { createRoot } from 'react-dom/client';
+import {createRoot} from 'react-dom/client';
 import App from './App';
 
 createRoot(document.getElementById('app') as HTMLElement).render(<App />);

example/package.json

@@ -11,43 +11,44 @@
     "test": "jest"
   },
   "dependencies": {
-    "@react-native-community/slider": "^4.4.3",
+    "@react-native-community/slider": "^4.5.2",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-native": "0.72.7",
-    "react-native-google-cast": "^4.6.2",
-    "react-native-svg": "^14.0.0",
-    "react-native-theoplayer": "^7.0.0",
-    "react-native-web": "^0.19.9",
+    "react-native-google-cast": "^4.8.2",
+    "react-native-svg": "^14.2.0",
+    "react-native-svg-web": "^1.0.9",
+    "react-native-theoplayer": "^8.0.0",
+    "react-native-web": "^0.19.12",
     "react-native-web-image-loader": "^0.1.1"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@babel/preset-env": "^7.20.0",
-    "@babel/runtime": "^7.20.0",
+    "@babel/core": "^7.25.2",
+    "@babel/preset-env": "^7.25.4",
+    "@babel/runtime": "^7.25.6",
     "@react-native/eslint-config": "^0.72.2",
-    "@react-native/metro-config": "^0.72.11",
-    "@tsconfig/react-native": "^3.0.0",
-    "@types/react": "^18.0.24",
-    "@types/react-dom": "^18.2.8",
-    "@types/react-test-renderer": "^18.0.0",
-    "babel-jest": "^29.2.1",
+    "@react-native/metro-config": "^0.72.12",
+    "@tsconfig/react-native": "^3.0.5",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "@types/react-test-renderer": "^18.3.0",
+    "babel-jest": "^29.7.0",
     "babel-loader": "^8.3.0",
-    "babel-plugin-module-resolver": "^5.0.0",
-    "babel-plugin-react-native-web": "^0.19.9",
+    "babel-plugin-module-resolver": "^5.0.2",
+    "babel-plugin-react-native-web": "^0.19.12",
     "copy-webpack-plugin": "^11.0.0",
-    "eslint": "^8.19.0",
-    "html-webpack-plugin": "^5.5.3",
-    "jest": "^29.2.1",
+    "eslint": "^8.57.0",
+    "html-webpack-plugin": "^5.6.0",
+    "jest": "^29.7.0",
     "metro-react-native-babel-preset": "0.76.8",
     "node-polyfill-webpack-plugin": "^2.0.1",
-    "prettier": "^2.4.1",
+    "prettier": "^2.8.8",
     "react-test-renderer": "18.2.0",
-    "theoplayer": "^7.1.0",
+    "theoplayer": "^8.0.0",
     "typescript": "4.8.4",
-    "webpack": "^5.89.0",
+    "webpack": "^5.94.0",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^4.15.1"
+    "webpack-dev-server": "^4.15.2"
   },
   "engines": {
     "node": ">=16"

example/web/stub/CastButtonStub.tsx

@@ -1,4 +1,4 @@
-import type { ViewProps } from 'react-native';
+import type {ViewProps} from 'react-native';
 import React from 'react';
 
 // Provides a stub for react-native-google-cast on web.

example/web/webpack.config.js

@@ -26,12 +26,19 @@ const CopyWebpackPluginConfig = new CopyWebpackPlugin({
     {
       // Copy transmuxer worker files.
       // THEOplayer will find them by setting `libraryLocation` in the playerConfiguration.
-      from: path.resolve(projectDirectory, './node_modules/theoplayer/THEOplayer.transmux.*').replace(/\\/g, '/'),
+      from: path
+        .resolve(
+          projectDirectory,
+          './node_modules/theoplayer/THEOplayer.transmux.*',
+        )
+        .replace(/\\/g, '/'),
       to: `${libraryLocation}/[name][ext]`,
     },
     {
       // Copy CSS files
-      from: path.resolve(projectDirectory, './web/public/*.css').replace(/\\/g, '/'),
+      from: path
+        .resolve(projectDirectory, './web/public/*.css')
+        .replace(/\\/g, '/'),
       to: `[name][ext]`,
     },
   ],
@@ -88,15 +95,25 @@ module.exports = {
       'react-native$': 'react-native-web',
       'react-native-url-polyfill': 'url-polyfill',
       'react-native-google-cast': path.resolve(stubDirectory, 'CastButtonStub'),
-      'react-native-web': path.resolve(projectDirectory, 'node_modules/react-native-web'),
-      'react-native-svg': 'react-native-svg-web',
+      'react-native-web': path.resolve(
+        projectDirectory,
+        'node_modules/react-native-web',
+      ),
+      'react-native-svg': path.resolve(
+        projectDirectory,
+        'node_modules/react-native-svg-web',
+      ),
 
       // Avoid duplicate react env.
-      'react': path.resolve(projectDirectory, 'node_modules/react'),
-      'react-dom': path.resolve(projectDirectory, 'node_modules/react-dom')
+      react: path.resolve(projectDirectory, 'node_modules/react'),
+      'react-dom': path.resolve(projectDirectory, 'node_modules/react-dom'),
     },
   },
-  plugins: [HTMLWebpackPluginConfig, CopyWebpackPluginConfig, new NodePolyfillPlugin()],
+  plugins: [
+    HTMLWebpackPluginConfig,
+    CopyWebpackPluginConfig,
+    new NodePolyfillPlugin(),
+  ],
   devServer: {
     // Tells dev-server to open the browser after server had been started.
     open: true,