Reorganize player files

3 files changed, 328 insertions, 0 deletions

diff --git a/client/src/assets/player/types/index.ts b/client/src/assets/player/types/index.ts
new file mode 100644
index 000000000..b73e0b3cb
--- /dev/null
+++ b/client/src/assets/player/types/index.ts
@@ -0,0 +1,2 @@
+export * from './manager-options'
+export * from './peertube-videojs-typings'
diff --git a/client/src/assets/player/types/manager-options.ts b/client/src/assets/player/types/manager-options.ts
new file mode 100644
index 000000000..b3ad7e337
--- /dev/null
+++ b/client/src/assets/player/types/manager-options.ts
@@ -0,0 +1,84 @@
+import { PluginsManager } from '@root-helpers/plugins-manager'
+import { LiveVideoLatencyMode, VideoFile } from '@shared/models'
+import { PlaylistPluginOptions, UserWatching, VideoJSCaption } from './peertube-videojs-typings'
+
+export type PlayerMode = 'webtorrent' | 'p2p-media-loader'
+
+export type WebtorrentOptions = {
+  videoFiles: VideoFile[]
+}
+
+export type P2PMediaLoaderOptions = {
+  playlistUrl: string
+  segmentsSha256Url: string
+  trackerAnnounce: string[]
+  redundancyBaseUrls: string[]
+  videoFiles: VideoFile[]
+}
+
+export interface CustomizationOptions {
+  startTime: number | string
+  stopTime: number | string
+
+  controls?: boolean
+  muted?: boolean
+  loop?: boolean
+  subtitle?: string
+  resume?: string
+
+  peertubeLink: boolean
+}
+
+export interface CommonOptions extends CustomizationOptions {
+  playerElement: HTMLVideoElement
+  onPlayerElementChange: (element: HTMLVideoElement) => void
+
+  autoplay: boolean
+  p2pEnabled: boolean
+
+  nextVideo?: () => void
+  hasNextVideo?: () => boolean
+
+  previousVideo?: () => void
+  hasPreviousVideo?: () => boolean
+
+  playlist?: PlaylistPluginOptions
+
+  videoDuration: number
+  enableHotkeys: boolean
+  inactivityTimeout: number
+  poster: string
+
+  theaterButton: boolean
+  captions: boolean
+
+  videoViewUrl: string
+  embedUrl: string
+  embedTitle: string
+
+  isLive: boolean
+  liveOptions?: {
+    latencyMode: LiveVideoLatencyMode
+  }
+
+  language?: string
+
+  videoCaptions: VideoJSCaption[]
+
+  videoUUID: string
+  videoShortUUID: string
+
+  userWatching?: UserWatching
+
+  serverUrl: string
+
+  errorNotifier: (message: string) => void
+}
+
+export type PeertubePlayerManagerOptions = {
+  common: CommonOptions
+  webtorrent: WebtorrentOptions
+  p2pMediaLoader?: P2PMediaLoaderOptions
+
+  pluginsManager: PluginsManager
+}
diff --git a/client/src/assets/player/types/peertube-videojs-typings.ts b/client/src/assets/player/types/peertube-videojs-typings.ts
new file mode 100644
index 000000000..d9a388681
--- /dev/null
+++ b/client/src/assets/player/types/peertube-videojs-typings.ts
@@ -0,0 +1,242 @@
+import { HlsConfig, Level } from 'hls.js'
+import videojs from 'video.js'
+import { Engine } from '@peertube/p2p-media-loader-hlsjs'
+import { VideoFile, VideoPlaylist, VideoPlaylistElement } from '@shared/models'
+import { PeerTubeDockPluginOptions } from '../shared/dock/peertube-dock-plugin'
+import { Html5Hlsjs } from '../shared/p2p-media-loader/hls-plugin'
+import { P2pMediaLoaderPlugin } from '../shared/p2p-media-loader/p2p-media-loader-plugin'
+import { RedundancyUrlManager } from '../shared/p2p-media-loader/redundancy-url-manager'
+import { PeerTubePlugin } from '../shared/peertube/peertube-plugin'
+import { PlaylistPlugin } from '../shared/playlist/playlist-plugin'
+import { PeerTubeResolutionsPlugin } from '../shared/resolutions/peertube-resolutions-plugin'
+import { StatsCardOptions } from '../shared/stats/stats-card'
+import { StatsForNerdsPlugin } from '../shared/stats/stats-plugin'
+import { EndCardOptions } from '../shared/upnext/end-card'
+import { WebTorrentPlugin } from '../shared/webtorrent/webtorrent-plugin'
+import { PlayerMode } from './manager-options'
+
+declare module 'video.js' {
+
+  export interface VideoJsPlayer {
+    srOptions_: HlsjsConfigHandlerOptions
+
+    theaterEnabled: boolean
+
+    // FIXME: add it to upstream typings
+    posterImage: {
+      show (): void
+      hide (): void
+    }
+
+    handleTechSeeked_ (): void
+
+    // Plugins
+
+    peertube (): PeerTubePlugin
+
+    webtorrent (): WebTorrentPlugin
+
+    p2pMediaLoader (): P2pMediaLoaderPlugin
+
+    peertubeResolutions (): PeerTubeResolutionsPlugin
+
+    contextmenuUI (options: any): any
+
+    bezels (): void
+    peertubeMobile (): void
+    peerTubeHotkeysPlugin (): void
+
+    stats (options?: StatsCardOptions): StatsForNerdsPlugin
+
+    textTracks (): TextTrackList & {
+      tracks_: (TextTrack & { id: string, label: string, src: string })[]
+    }
+
+    peertubeDock (options: PeerTubeDockPluginOptions): void
+
+    upnext (options: Partial<EndCardOptions>): void
+
+    playlist (): PlaylistPlugin
+  }
+}
+
+export interface VideoJSTechHLS extends videojs.Tech {
+  hlsProvider: Html5Hlsjs
+}
+
+export interface HlsjsConfigHandlerOptions {
+  hlsjsConfig?: HlsConfig
+
+  levelLabelHandler?: (level: Level) => string
+}
+
+type PeerTubeResolution = {
+  id: number
+
+  height?: number
+  label?: string
+  width?: number
+  bitrate?: number
+
+  selected: boolean
+  selectCallback: () => void
+}
+
+type VideoJSCaption = {
+  label: string
+  language: string
+  src: string
+}
+
+type UserWatching = {
+  url: string
+  authorizationHeader: string
+}
+
+type PeerTubePluginOptions = {
+  mode: PlayerMode
+
+  autoplay: boolean
+  videoViewUrl: string
+  videoDuration: number
+
+  userWatching?: UserWatching
+  subtitle?: string
+
+  videoCaptions: VideoJSCaption[]
+
+  stopTime: number | string
+
+  isLive: boolean
+
+  videoUUID: string
+}
+
+type PlaylistPluginOptions = {
+  elements: VideoPlaylistElement[]
+
+  playlist: VideoPlaylist
+
+  getCurrentPosition: () => number
+
+  onItemClicked: (element: VideoPlaylistElement) => void
+}
+
+type NextPreviousVideoButtonOptions = {
+  type: 'next' | 'previous'
+  handler: () => void
+  isDisabled: () => boolean
+}
+
+type PeerTubeLinkButtonOptions = {
+  shortUUID: string
+}
+
+type PeerTubeP2PInfoButtonOptions = {
+  p2pEnabled: boolean
+}
+
+type WebtorrentPluginOptions = {
+  playerElement: HTMLVideoElement
+
+  autoplay: boolean
+  videoDuration: number
+
+  videoFiles: VideoFile[]
+
+  startTime: number | string
+
+  playerRefusedP2P: boolean
+}
+
+type P2PMediaLoaderPluginOptions = {
+  redundancyUrlManager: RedundancyUrlManager
+  type: string
+  src: string
+
+  startTime: number | string
+
+  loader: P2PMediaLoader
+}
+
+export type P2PMediaLoader = {
+  getEngine(): Engine
+}
+
+type VideoJSPluginOptions = {
+  playlist?: PlaylistPluginOptions
+
+  peertube: PeerTubePluginOptions
+
+  webtorrent?: WebtorrentPluginOptions
+
+  p2pMediaLoader?: P2PMediaLoaderPluginOptions
+}
+
+type LoadedQualityData = {
+  qualitySwitchCallback: (resolutionId: number, type: 'video') => void
+  qualityData: {
+    video: {
+      id: number
+      label: string
+      selected: boolean
+    }[]
+  }
+}
+
+type ResolutionUpdateData = {
+  auto: boolean
+  resolutionId: number
+  id?: number
+}
+
+type AutoResolutionUpdateData = {
+  possible: boolean
+}
+
+type PlayerNetworkInfo = {
+  source: 'webtorrent' | 'p2p-media-loader'
+
+  http: {
+    downloadSpeed: number
+    uploadSpeed: number
+    downloaded: number
+    uploaded: number
+  }
+
+  p2p: {
+    downloadSpeed: number
+    uploadSpeed: number
+    downloaded: number
+    uploaded: number
+    numPeers: number
+  }
+
+  // In bytes
+  bandwidthEstimate: number
+}
+
+type PlaylistItemOptions = {
+  element: VideoPlaylistElement
+
+  onClicked: () => void
+}
+
+export {
+  PlayerNetworkInfo,
+  PlaylistItemOptions,
+  NextPreviousVideoButtonOptions,
+  ResolutionUpdateData,
+  AutoResolutionUpdateData,
+  PlaylistPluginOptions,
+  VideoJSCaption,
+  UserWatching,
+  PeerTubePluginOptions,
+  WebtorrentPluginOptions,
+  P2PMediaLoaderPluginOptions,
+  PeerTubeResolution,
+  VideoJSPluginOptions,
+  LoadedQualityData,
+  PeerTubeLinkButtonOptions,
+  PeerTubeP2PInfoButtonOptions
+}