linting updates

THEOplayer · Apr 25, 2024 · 5baa5d0 · 5baa5d0
1 parent 060e464
commit 5baa5d0
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 40 deletions.
diff --git a/example/src/screens/SamplePresentationModesScreen.tsx b/example/src/screens/SamplePresentationModesScreen.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {useState} from 'react';
+import { useState } from 'react';
 import { Text } from 'react-native';
 import {
   CenteredControlBar,
@@ -18,17 +18,19 @@ import {
 } from '@theoplayer/react-native-ui';
 import {
   PlayerConfiguration,
-  PlayerEventType, PresentationMode, PresentationModeChangeEvent,
+  PlayerEventType,
+  PresentationMode,
+  PresentationModeChangeEvent,
   THEOplayer,
-  THEOplayerView
+  THEOplayerView,
 } from 'react-native-theoplayer';
 
-import {Platform, SafeAreaView, StyleSheet, View} from 'react-native';
-import {SourceMenuButton, SOURCES} from '../custom/SourceMenuButton';
-import {PiPSubMenu} from '../custom/PipSubMenu';
-import {THEO_LICENSE} from "../sampleConfig";
+import { Platform, SafeAreaView, StyleSheet, View } from 'react-native';
+import { SourceMenuButton, SOURCES } from '../custom/SourceMenuButton';
+import { PiPSubMenu } from '../custom/PipSubMenu';
+import { THEO_LICENSE } from '../sampleConfig';
 
-const LOG_TAG = "[EXAMPLE - PRESENTATIONMODES SAMPLE]";
+const LOG_TAG = '[EXAMPLE - PRESENTATIONMODES SAMPLE]';
 
 const playerConfig: PlayerConfiguration = {
   license: THEO_LICENSE,
@@ -37,16 +39,15 @@ const playerConfig: PlayerConfiguration = {
 
 export const SamplePresentationModesScreen = () => {
   const [player, setPlayer] = useState<THEOplayer | undefined>(undefined);
-  const [activePresentationMode, setActivePresentationMode] = useState<PresentationMode>(PresentationMode.inline
-  );
+  const [activePresentationMode, setActivePresentationMode] = useState<PresentationMode>(PresentationMode.inline);
   const onPlayerReady = (player: THEOplayer) => {
     console.log(LOG_TAG, 'THEOplayer is ready:', player.version);
 
     // store player reference
     setPlayer(player);
 
     // setup debug logs
-    player.addEventListener<PlayerEventType>(PlayerEventType.PRESENTATIONMODE_CHANGE, (e: PresentationModeChangeEvent) => {
+    player.addEventListener(PlayerEventType.PRESENTATIONMODE_CHANGE, (e: PresentationModeChangeEvent) => {
       console.log(LOG_TAG, `Player transitioned from ${e.previousPresentationMode} to ${e.presentationMode}.`);
       setActivePresentationMode(e.presentationMode);
     });
@@ -66,7 +67,7 @@ export const SamplePresentationModesScreen = () => {
       <Text style={styles.TEXT}>{`Active presentationMode: ${activePresentationMode}`}</Text>
       <View style={styles.PLAYER_CONTAINER_STYLE}>
         <THEOplayerView config={playerConfig} onPlayerReady={onPlayerReady}>
-          {player !== undefined  && (
+          {player !== undefined && (
             <UiContainer
               theme={{ ...DEFAULT_THEOPLAYER_THEME }}
               player={player}
@@ -105,23 +106,23 @@ export const SamplePresentationModesScreen = () => {
       </View>
     </SafeAreaView>
   );
-}
+};
 
 const styles = StyleSheet.create({
   PLAYER_CONTAINER_STYLE: {
     position: 'absolute',
-    top: "25%",
-    left: "20%",
-    bottom: "25%",
-    right: "20%",
+    top: '25%',
+    left: '20%',
+    bottom: '25%',
+    right: '20%',
     alignItems: 'center',
     justifyContent: 'center',
     backgroundColor: '#000000',
   },
   TEXT: {
     marginTop: 25,
     marginHorizontal: 20,
-    color: "white",
-    textAlign: 'center'
-  }
+    color: 'white',
+    textAlign: 'center',
+  },
 });
diff --git a/example/src/screens/SampleSideloadedTextTrackScreen.tsx b/example/src/screens/SampleSideloadedTextTrackScreen.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import {useState} from 'react';
+import { useState } from 'react';
 import {
   CenteredControlBar,
   CenteredDelayedActivityIndicator,
@@ -8,18 +8,13 @@ import {
   SkipButton,
   UiContainer,
 } from '@theoplayer/react-native-ui';
-import {
-  PlayerConfiguration,
-  PlayerEventType, TextTrackListEvent,
-  THEOplayer,
-  THEOplayerView, TrackListEventType
-} from 'react-native-theoplayer';
+import { PlayerConfiguration, PlayerEventType, TextTrackListEvent, THEOplayer, THEOplayerView, TrackListEventType } from 'react-native-theoplayer';
 
-import {Platform, SafeAreaView, StyleSheet, View} from 'react-native';
-import {getStatusBarHeight} from 'react-native-status-bar-height';
-import {THEO_LICENSE} from "../sampleConfig";
+import { Platform, SafeAreaView, StyleSheet, View } from 'react-native';
+import { getStatusBarHeight } from 'react-native-status-bar-height';
+import { THEO_LICENSE } from '../sampleConfig';
 
-const LOG_TAG = "[EXAMPLE - SIDELOADED TEXTTRACK SAMPLE]";
+const LOG_TAG = '[EXAMPLE - SIDELOADED TEXTTRACK SAMPLE]';
 
 const playerConfig: PlayerConfiguration = {
   license: THEO_LICENSE,
@@ -69,22 +64,21 @@ export const SampleSideloadedTextTrackScreen = () => {
     };
 
     // enable the textTrack, based on language (required for iOS, where default:true setup is not supported yet)
-    player.addEventListener<PlayerEventType>(PlayerEventType.TEXT_TRACK_LIST, (ttListEvent: TextTrackListEvent) => {
       if (ttListEvent.subType === TrackListEventType.ADD_TRACK && ttListEvent.track.language === 'en') {
+    player.addEventListener(PlayerEventType.TEXT_TRACK_LIST, (ttListEvent: TextTrackListEvent) => {
         player.selectedTextTrack = ttListEvent.track.uid;
       }
     });
 
     // start playing
     player.play();
-
   };
 
   return (
     <SafeAreaView style={[StyleSheet.absoluteFill, { backgroundColor: '#000000' }]}>
       <View style={styles.PLAYER_CONTAINER_STYLE}>
         <THEOplayerView config={playerConfig} onPlayerReady={onPlayerReady}>
-          {player !== undefined  && (
+          {player !== undefined && (
             <UiContainer
               theme={{ ...DEFAULT_THEOPLAYER_THEME }}
               player={player}
@@ -96,7 +90,7 @@ export const SampleSideloadedTextTrackScreen = () => {
       </View>
     </SafeAreaView>
   );
-}
+};
 
 const styles = StyleSheet.create({
   PLAYER_CONTAINER_STYLE: {

diff --git a/ios/THEOplayerRCTView.swift b/ios/THEOplayerRCTView.swift
@@ -107,8 +107,6 @@ public class THEOplayerRCTView: UIView {
     }
 
     private func initPlayer() -> THEOplayer? {
-        let stylePath = Bundle.main.path(forResource:"style", ofType: "css")
-        let cssPaths = stylePath != nil ? [stylePath!] : []
         let config = THEOplayerConfigurationBuilder()
         config.pip = self.playerPipConfiguration()
         config.hlsDateRange = self.hlsDateRange

diff --git a/src/internal/THEOplayerView.tsx b/src/internal/THEOplayerView.tsx
@@ -153,9 +153,9 @@ export class THEOplayerView extends PureComponent<React.PropsWithChildren<THEOpl
   }
 
   private reset() {
-    this.setState( prevState => ({
+    this.setState((prevState) => ({
       ...prevState,
-      error: undefined
+      error: undefined,
     }));
   }
 

diff --git a/src/internal/adapter/WebEventForwarder.ts b/src/internal/adapter/WebEventForwarder.ts
@@ -1,4 +1,3 @@
-import type { ChromelessPlayer } from 'theoplayer';
 import type {
   AddTrackEvent,
   CastStateChangeEvent,
@@ -16,6 +15,7 @@ import type {
   TimeUpdateEvent as NativeTimeUpdateEvent,
   TrackChangeEvent,
   VolumeChangeEvent as NativeVolumeChangeEvent,
+  ChromelessPlayer,
 } from 'theoplayer';
 import type { AdEvent, MediaTrack, TextTrack, TimeRange } from 'react-native-theoplayer';
 import {