diff --git a/example/index.web.tsx b/example/index.web.tsx
index 8949c31..577546c 100644
--- a/example/index.web.tsx
+++ b/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();
diff --git a/example/web/stub/CastButtonStub.tsx b/example/web/stub/CastButtonStub.tsx
index f953728..2ecf2f7 100644
--- a/example/web/stub/CastButtonStub.tsx
+++ b/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.
diff --git a/example/web/webpack.config.js b/example/web/webpack.config.js
index 74db2c9..fda30a5 100644
--- a/example/web/webpack.config.js
+++ b/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': path.resolve(projectDirectory, 'node_modules/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,
diff --git a/src/ui/components/button/SkipButton.tsx b/src/ui/components/button/SkipButton.tsx
index d2fac03..b188d5a 100644
--- a/src/ui/components/button/SkipButton.tsx
+++ b/src/ui/components/button/SkipButton.tsx
@@ -65,8 +65,8 @@ export class SkipButton extends PureComponent
private readonly onPlaying = () => {
const player = (this.context as UiContext).player;
- const isCasting = player.cast.chromecast?.casting ?? false
- this.setState({ enabled: player.seekable.length > 0 || player.buffered.length > 0 || isCasting});
+ const isCasting = player.cast.chromecast?.casting ?? false;
+ this.setState({ enabled: player.seekable.length > 0 || player.buffered.length > 0 || isCasting });
};
private readonly onPress = () => {
diff --git a/src/ui/components/seekbar/SeekBar.tsx b/src/ui/components/seekbar/SeekBar.tsx
index b78f1ed..d209ea2 100644
--- a/src/ui/components/seekbar/SeekBar.tsx
+++ b/src/ui/components/seekbar/SeekBar.tsx
@@ -77,7 +77,7 @@ export class SeekBar extends PureComponent {
private _onDurationChange = (event: DurationChangeEvent) => {
const player = (this.context as UiContext).player;
this.setState({ duration: event.duration, seekable: player.seekable });
- }
+ };
private _onProgress = (event: ProgressEvent) => this.setState({ seekable: event.seekable });
private _onSlidingStart = (value: number) => {
diff --git a/src/ui/components/seekbar/thumbnail/ThumbnailView.tsx b/src/ui/components/seekbar/thumbnail/ThumbnailView.tsx
index 0c0b8a5..f4f428f 100644
--- a/src/ui/components/seekbar/thumbnail/ThumbnailView.tsx
+++ b/src/ui/components/seekbar/thumbnail/ThumbnailView.tsx
@@ -1,5 +1,5 @@
import React, { PureComponent } from 'react';
-import type { ImageErrorEventData, NativeSyntheticEvent, StyleProp, ViewStyle } from "react-native";
+import type { ImageErrorEventData, NativeSyntheticEvent, StyleProp, ViewStyle } from 'react-native';
import { Image, View } from 'react-native';
import type { TextTrackCue } from 'react-native-theoplayer';
import { isThumbnailTrack, TextTrack } from 'react-native-theoplayer';