client/src/app/shared/video-playlist/video-playlist.service.ts

   1 import { bufferTime, catchError, filter, map, share, switchMap, tap } from 'rxjs/operators'
   2 import { Injectable } from '@angular/core'
   3 import { merge, Observable, of, ReplaySubject, Subject } from 'rxjs'
   4 import { RestExtractor } from '../rest/rest-extractor.service'
   5 import { HttpClient, HttpParams } from '@angular/common/http'
   6 import { ResultList, VideoPlaylistElementCreate, VideoPlaylistElementUpdate } from '../../../../../shared'
   7 import { environment } from '../../../environments/environment'
   8 import { VideoPlaylist as VideoPlaylistServerModel } from '@shared/models/videos/playlist/video-playlist.model'
   9 import { VideoChannelService } from '@app/shared/video-channel/video-channel.service'
  10 import { VideoChannel } from '@app/shared/video-channel/video-channel.model'
  11 import { VideoPlaylistCreate } from '@shared/models/videos/playlist/video-playlist-create.model'
  12 import { VideoPlaylistUpdate } from '@shared/models/videos/playlist/video-playlist-update.model'
  13 import { objectToFormData } from '@app/shared/misc/utils'
  14 import { AuthUser, ServerService } from '@app/core'
  15 import { VideoPlaylist } from '@app/shared/video-playlist/video-playlist.model'
  16 import { AccountService } from '@app/shared/account/account.service'
  17 import { Account } from '@app/shared/account/account.model'
  18 import { RestService } from '@app/shared/rest'
  19 import { VideoExistInPlaylist, VideosExistInPlaylists } from '@shared/models/videos/playlist/video-exist-in-playlist.model'
  20 import { VideoPlaylistReorder } from '@shared/models/videos/playlist/video-playlist-reorder.model'
  21 import { ComponentPaginationLight } from '@app/shared/rest/component-pagination.model'
  22 import { VideoPlaylistElement as ServerVideoPlaylistElement } from '@shared/models/videos/playlist/video-playlist-element.model'
  23 import { VideoPlaylistElement } from '@app/shared/video-playlist/video-playlist-element.model'
  24 import { uniq } from 'lodash-es'
  25 import * as debug from 'debug'
  26
  27 const logger = debug('peertube:playlists:VideoPlaylistService')
  28
  29 export type CachedPlaylist = VideoPlaylist | { id: number, displayName: string }
  30
  31 @Injectable()
  32 export class VideoPlaylistService {
  33   static BASE_VIDEO_PLAYLIST_URL = environment.apiUrl + '/api/v1/video-playlists/'
  34   static MY_VIDEO_PLAYLIST_URL = environment.apiUrl + '/api/v1/users/me/video-playlists/'
  35
  36   // Use a replay subject because we "next" a value before subscribing
  37   private videoExistsInPlaylistNotifier = new ReplaySubject<number>(1)
  38   private videoExistsInPlaylistCacheSubject = new Subject<VideosExistInPlaylists>()
  39   private readonly videoExistsInPlaylistObservable: Observable<VideosExistInPlaylists>
  40
  41   private videoExistsObservableCache: { [ id: number ]: Observable<VideoExistInPlaylist[]> } = {}
  42   private videoExistsCache: { [ id: number ]: VideoExistInPlaylist[] } = {}
  43
  44   private myAccountPlaylistCache: ResultList<CachedPlaylist> = undefined
  45   private myAccountPlaylistCacheRunning: Observable<ResultList<CachedPlaylist>>
  46   private myAccountPlaylistCacheSubject = new Subject<ResultList<CachedPlaylist>>()
  47
  48   constructor (
  49     private authHttp: HttpClient,
  50     private serverService: ServerService,
  51     private restExtractor: RestExtractor,
  52     private restService: RestService
  53   ) {
  54     this.videoExistsInPlaylistObservable = merge(
  55       this.videoExistsInPlaylistNotifier.pipe(
  56         bufferTime(500),
  57         filter(videoIds => videoIds.length !== 0),
  58         map(videoIds => uniq(videoIds)),
  59         switchMap(videoIds => this.doVideosExistInPlaylist(videoIds)),
  60         share()
  61       ),
  62
  63       this.videoExistsInPlaylistCacheSubject
  64     )
  65   }
  66
  67   listChannelPlaylists (videoChannel: VideoChannel, componentPagination: ComponentPaginationLight): Observable<ResultList<VideoPlaylist>> {
  68     const url = VideoChannelService.BASE_VIDEO_CHANNEL_URL + videoChannel.nameWithHost + '/video-playlists'
  69     const pagination = this.restService.componentPaginationToRestPagination(componentPagination)
  70
  71     let params = new HttpParams()
  72     params = this.restService.addRestGetParams(params, pagination)
  73
  74     return this.authHttp.get<ResultList<VideoPlaylist>>(url, { params })
  75                .pipe(
  76                  switchMap(res => this.extractPlaylists(res)),
  77                  catchError(err => this.restExtractor.handleError(err))
  78                )
  79   }
  80
  81   listMyPlaylistWithCache (user: AuthUser, search?: string) {
  82     if (!search) {
  83       if (this.myAccountPlaylistCacheRunning) return this.myAccountPlaylistCacheRunning
  84       if (this.myAccountPlaylistCache) return of(this.myAccountPlaylistCache)
  85     }
  86
  87     const obs = this.listAccountPlaylists(user.account, undefined, '-updatedAt', search)
  88                .pipe(
  89                  tap(result => {
  90                    if (!search) {
  91                      this.myAccountPlaylistCacheRunning = undefined
  92                      this.myAccountPlaylistCache = result
  93                    }
  94                  }),
  95                  share()
  96                )
  97
  98     if (!search) this.myAccountPlaylistCacheRunning = obs
  99     return obs
 100   }
 101
 102   listAccountPlaylists (
 103     account: Account,
 104     componentPagination: ComponentPaginationLight,
 105     sort: string,
 106     search?: string
 107   ): Observable<ResultList<VideoPlaylist>> {
 108     const url = AccountService.BASE_ACCOUNT_URL + account.nameWithHost + '/video-playlists'
 109     const pagination = componentPagination
 110       ? this.restService.componentPaginationToRestPagination(componentPagination)
 111       : undefined
 112
 113     let params = new HttpParams()
 114     params = this.restService.addRestGetParams(params, pagination, sort)
 115     if (search) params = this.restService.addObjectParams(params, { search })
 116
 117     return this.authHttp.get<ResultList<VideoPlaylist>>(url, { params })
 118                .pipe(
 119                  switchMap(res => this.extractPlaylists(res)),
 120                  catchError(err => this.restExtractor.handleError(err))
 121                )
 122   }
 123
 124   getVideoPlaylist (id: string | number) {
 125     const url = VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + id
 126
 127     return this.authHttp.get<VideoPlaylist>(url)
 128                .pipe(
 129                  switchMap(res => this.extractPlaylist(res)),
 130                  catchError(err => this.restExtractor.handleError(err))
 131                )
 132   }
 133
 134   createVideoPlaylist (body: VideoPlaylistCreate) {
 135     const data = objectToFormData(body)
 136
 137     return this.authHttp.post<{ videoPlaylist: { id: number } }>(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL, data)
 138                .pipe(
 139                  tap(res => {
 140                    this.myAccountPlaylistCache.total++
 141
 142                    this.myAccountPlaylistCache.data.push({
 143                      id: res.videoPlaylist.id,
 144                      displayName: body.displayName
 145                    })
 146
 147                    this.myAccountPlaylistCacheSubject.next(this.myAccountPlaylistCache)
 148                  }),
 149                  catchError(err => this.restExtractor.handleError(err))
 150                )
 151   }
 152
 153   updateVideoPlaylist (videoPlaylist: VideoPlaylist, body: VideoPlaylistUpdate) {
 154     const data = objectToFormData(body)
 155
 156     return this.authHttp.put(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + videoPlaylist.id, data)
 157                .pipe(
 158                  map(this.restExtractor.extractDataBool),
 159                  tap(() => {
 160                    const playlist = this.myAccountPlaylistCache.data.find(p => p.id === videoPlaylist.id)
 161                    playlist.displayName = body.displayName
 162
 163                    this.myAccountPlaylistCacheSubject.next(this.myAccountPlaylistCache)
 164                  }),
 165                  catchError(err => this.restExtractor.handleError(err))
 166                )
 167   }
 168
 169   removeVideoPlaylist (videoPlaylist: VideoPlaylist) {
 170     return this.authHttp.delete(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + videoPlaylist.id)
 171                .pipe(
 172                  map(this.restExtractor.extractDataBool),
 173                  tap(() => {
 174                    this.myAccountPlaylistCache.total--
 175                    this.myAccountPlaylistCache.data = this.myAccountPlaylistCache.data
 176                                                           .filter(p => p.id !== videoPlaylist.id)
 177
 178                    this.myAccountPlaylistCacheSubject.next(this.myAccountPlaylistCache)
 179                  }),
 180                  catchError(err => this.restExtractor.handleError(err))
 181                )
 182   }
 183
 184   addVideoInPlaylist (playlistId: number, body: VideoPlaylistElementCreate) {
 185     const url = VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + playlistId + '/videos'
 186
 187     return this.authHttp.post<{ videoPlaylistElement: { id: number } }>(url, body)
 188                .pipe(
 189                  tap(res => {
 190                    const existsResult = this.videoExistsCache[body.videoId]
 191                    existsResult.push({
 192                      playlistId,
 193                      playlistElementId: res.videoPlaylistElement.id,
 194                      startTimestamp: body.startTimestamp,
 195                      stopTimestamp: body.stopTimestamp
 196                    })
 197
 198                    this.runPlaylistCheck(body.videoId)
 199                  }),
 200                  catchError(err => this.restExtractor.handleError(err))
 201                )
 202   }
 203
 204   updateVideoOfPlaylist (playlistId: number, playlistElementId: number, body: VideoPlaylistElementUpdate, videoId: number) {
 205     return this.authHttp.put(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + playlistId + '/videos/' + playlistElementId, body)
 206                .pipe(
 207                  map(this.restExtractor.extractDataBool),
 208                  tap(() => {
 209                    const existsResult = this.videoExistsCache[videoId]
 210                    const elem = existsResult.find(e => e.playlistElementId === playlistElementId)
 211
 212                    elem.startTimestamp = body.startTimestamp
 213                    elem.stopTimestamp = body.stopTimestamp
 214
 215                    this.runPlaylistCheck(videoId)
 216                  }),
 217                  catchError(err => this.restExtractor.handleError(err))
 218                )
 219   }
 220
 221   removeVideoFromPlaylist (playlistId: number, playlistElementId: number, videoId?: number) {
 222     return this.authHttp.delete(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + playlistId + '/videos/' + playlistElementId)
 223                .pipe(
 224                  map(this.restExtractor.extractDataBool),
 225                  tap(() => {
 226                    if (!videoId) return
 227
 228                    this.videoExistsCache[videoId] = this.videoExistsCache[videoId].filter(e => e.playlistElementId !== playlistElementId)
 229                    this.runPlaylistCheck(videoId)
 230                  }),
 231                  catchError(err => this.restExtractor.handleError(err))
 232                )
 233   }
 234
 235   reorderPlaylist (playlistId: number, oldPosition: number, newPosition: number) {
 236     const body: VideoPlaylistReorder = {
 237       startPosition: oldPosition,
 238       insertAfterPosition: newPosition
 239     }
 240
 241     return this.authHttp.post(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + playlistId + '/videos/reorder', body)
 242                .pipe(
 243                  map(this.restExtractor.extractDataBool),
 244                  catchError(err => this.restExtractor.handleError(err))
 245                )
 246   }
 247
 248   getPlaylistVideos (
 249     videoPlaylistId: number | string,
 250     componentPagination: ComponentPaginationLight
 251   ): Observable<ResultList<VideoPlaylistElement>> {
 252     const path = VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + videoPlaylistId + '/videos'
 253     const pagination = this.restService.componentPaginationToRestPagination(componentPagination)
 254
 255     let params = new HttpParams()
 256     params = this.restService.addRestGetParams(params, pagination)
 257
 258     return this.authHttp
 259                .get<ResultList<ServerVideoPlaylistElement>>(path, { params })
 260                .pipe(
 261                  switchMap(res => this.extractVideoPlaylistElements(res)),
 262                  catchError(err => this.restExtractor.handleError(err))
 263                )
 264   }
 265
 266   listenToMyAccountPlaylistsChange () {
 267     return this.myAccountPlaylistCacheSubject.asObservable()
 268   }
 269
 270   listenToVideoPlaylistChange (videoId: number) {
 271     if (this.videoExistsObservableCache[ videoId ]) {
 272       return this.videoExistsObservableCache[ videoId ]
 273     }
 274
 275     const obs = this.videoExistsInPlaylistObservable
 276                     .pipe(
 277                       map(existsResult => existsResult[ videoId ]),
 278                       filter(r => !!r),
 279                       tap(result => this.videoExistsCache[ videoId ] = result)
 280                     )
 281
 282     this.videoExistsObservableCache[ videoId ] = obs
 283     return obs
 284   }
 285
 286   runPlaylistCheck (videoId: number) {
 287     logger('Running playlist check.')
 288
 289     if (this.videoExistsCache[videoId]) {
 290       logger('Found cache for %d.', videoId)
 291
 292       return this.videoExistsInPlaylistCacheSubject.next({ [videoId]: this.videoExistsCache[videoId] })
 293     }
 294
 295     logger('Fetching from network for %d.', videoId)
 296     return this.videoExistsInPlaylistNotifier.next(videoId)
 297   }
 298
 299   extractPlaylists (result: ResultList<VideoPlaylistServerModel>) {
 300     return this.serverService.getServerLocale()
 301                .pipe(
 302                  map(translations => {
 303                    const playlistsJSON = result.data
 304                    const total = result.total
 305                    const playlists: VideoPlaylist[] = []
 306
 307                    for (const playlistJSON of playlistsJSON) {
 308                      playlists.push(new VideoPlaylist(playlistJSON, translations))
 309                    }
 310
 311                    return { data: playlists, total }
 312                  })
 313                )
 314   }
 315
 316   extractPlaylist (playlist: VideoPlaylistServerModel) {
 317     return this.serverService.getServerLocale()
 318                .pipe(map(translations => new VideoPlaylist(playlist, translations)))
 319   }
 320
 321   extractVideoPlaylistElements (result: ResultList<ServerVideoPlaylistElement>) {
 322     return this.serverService.getServerLocale()
 323                .pipe(
 324                  map(translations => {
 325                    const elementsJson = result.data
 326                    const total = result.total
 327                    const elements: VideoPlaylistElement[] = []
 328
 329                    for (const elementJson of elementsJson) {
 330                      elements.push(new VideoPlaylistElement(elementJson, translations))
 331                    }
 332
 333                    return { total, data: elements }
 334                  })
 335                )
 336   }
 337
 338   private doVideosExistInPlaylist (videoIds: number[]): Observable<VideosExistInPlaylists> {
 339     const url = VideoPlaylistService.MY_VIDEO_PLAYLIST_URL + 'videos-exist'
 340
 341     let params = new HttpParams()
 342     params = this.restService.addObjectParams(params, { videoIds })
 343
 344     return this.authHttp.get<VideoExistInPlaylist>(url, { params, headers: { ignoreLoadingBar: '' } })
 345                .pipe(catchError(err => this.restExtractor.handleError(err)))
 346   }
 347 }