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 { ComponentPagination } 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'
27 const logger = debug('peertube:playlists:VideoPlaylistService')
29 type CachedPlaylist = VideoPlaylist | { id: number, displayName: string }
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/'
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>
41 private videoExistsObservableCache: { [ id: number ]: Observable<VideoExistInPlaylist[]> } = {}
42 private videoExistsCache: { [ id: number ]: VideoExistInPlaylist[] } = {}
44 private myAccountPlaylistCache: ResultList<CachedPlaylist> = undefined
45 private myAccountPlaylistCacheSubject = new Subject<ResultList<CachedPlaylist>>()
48 private authHttp: HttpClient,
49 private serverService: ServerService,
50 private restExtractor: RestExtractor,
51 private restService: RestService
53 this.videoExistsInPlaylistObservable = merge(
54 this.videoExistsInPlaylistNotifier.pipe(
56 filter(videoIds => videoIds.length !== 0),
57 map(videoIds => uniq(videoIds)),
58 switchMap(videoIds => this.doVideosExistInPlaylist(videoIds)),
62 this.videoExistsInPlaylistCacheSubject
66 listChannelPlaylists (videoChannel: VideoChannel, componentPagination: ComponentPagination): Observable<ResultList<VideoPlaylist>> {
67 const url = VideoChannelService.BASE_VIDEO_CHANNEL_URL + videoChannel.nameWithHost + '/video-playlists'
68 const pagination = this.restService.componentPaginationToRestPagination(componentPagination)
70 let params = new HttpParams()
71 params = this.restService.addRestGetParams(params, pagination)
73 return this.authHttp.get<ResultList<VideoPlaylist>>(url, { params })
75 switchMap(res => this.extractPlaylists(res)),
76 catchError(err => this.restExtractor.handleError(err))
80 listMyPlaylistWithCache (user: AuthUser, search?: string) {
81 if (!search && this.myAccountPlaylistCache) return of(this.myAccountPlaylistCache)
83 return this.listAccountPlaylists(user.account, undefined, '-updatedAt', search)
86 if (!search) this.myAccountPlaylistCache = result
91 listAccountPlaylists (
93 componentPagination: ComponentPagination,
96 ): Observable<ResultList<VideoPlaylist>> {
97 const url = AccountService.BASE_ACCOUNT_URL + account.nameWithHost + '/video-playlists'
98 const pagination = componentPagination
99 ? this.restService.componentPaginationToRestPagination(componentPagination)
102 let params = new HttpParams()
103 params = this.restService.addRestGetParams(params, pagination, sort)
104 if (search) params = this.restService.addObjectParams(params, { search })
106 return this.authHttp.get<ResultList<VideoPlaylist>>(url, { params })
108 switchMap(res => this.extractPlaylists(res)),
109 catchError(err => this.restExtractor.handleError(err))
113 getVideoPlaylist (id: string | number) {
114 const url = VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + id
116 return this.authHttp.get<VideoPlaylist>(url)
118 switchMap(res => this.extractPlaylist(res)),
119 catchError(err => this.restExtractor.handleError(err))
123 createVideoPlaylist (body: VideoPlaylistCreate) {
124 const data = objectToFormData(body)
126 return this.authHttp.post<{ videoPlaylist: { id: number } }>(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL, data)
129 this.myAccountPlaylistCache.total++
131 this.myAccountPlaylistCache.data.push({
132 id: res.videoPlaylist.id,
133 displayName: body.displayName
136 this.myAccountPlaylistCacheSubject.next(this.myAccountPlaylistCache)
138 catchError(err => this.restExtractor.handleError(err))
142 updateVideoPlaylist (videoPlaylist: VideoPlaylist, body: VideoPlaylistUpdate) {
143 const data = objectToFormData(body)
145 return this.authHttp.put(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + videoPlaylist.id, data)
147 map(this.restExtractor.extractDataBool),
149 const playlist = this.myAccountPlaylistCache.data.find(p => p.id === videoPlaylist.id)
150 playlist.displayName = body.displayName
152 this.myAccountPlaylistCacheSubject.next(this.myAccountPlaylistCache)
154 catchError(err => this.restExtractor.handleError(err))
158 removeVideoPlaylist (videoPlaylist: VideoPlaylist) {
159 return this.authHttp.delete(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + videoPlaylist.id)
161 map(this.restExtractor.extractDataBool),
163 this.myAccountPlaylistCache.total--
164 this.myAccountPlaylistCache.data = this.myAccountPlaylistCache.data
165 .filter(p => p.id !== videoPlaylist.id)
167 this.myAccountPlaylistCacheSubject.next(this.myAccountPlaylistCache)
169 catchError(err => this.restExtractor.handleError(err))
173 addVideoInPlaylist (playlistId: number, body: VideoPlaylistElementCreate) {
174 const url = VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + playlistId + '/videos'
176 return this.authHttp.post<{ videoPlaylistElement: { id: number } }>(url, body)
179 const existsResult = this.videoExistsCache[body.videoId]
182 playlistElementId: res.videoPlaylistElement.id,
183 startTimestamp: body.startTimestamp,
184 stopTimestamp: body.stopTimestamp
187 this.runPlaylistCheck(body.videoId)
189 catchError(err => this.restExtractor.handleError(err))
193 updateVideoOfPlaylist (playlistId: number, playlistElementId: number, body: VideoPlaylistElementUpdate, videoId: number) {
194 return this.authHttp.put(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + playlistId + '/videos/' + playlistElementId, body)
196 map(this.restExtractor.extractDataBool),
198 const existsResult = this.videoExistsCache[videoId]
199 const elem = existsResult.find(e => e.playlistElementId === playlistElementId)
201 elem.startTimestamp = body.startTimestamp
202 elem.stopTimestamp = body.stopTimestamp
204 this.runPlaylistCheck(videoId)
206 catchError(err => this.restExtractor.handleError(err))
210 removeVideoFromPlaylist (playlistId: number, playlistElementId: number, videoId?: number) {
211 return this.authHttp.delete(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + playlistId + '/videos/' + playlistElementId)
213 map(this.restExtractor.extractDataBool),
217 this.videoExistsCache[videoId] = this.videoExistsCache[videoId].filter(e => e.playlistElementId !== playlistElementId)
218 this.runPlaylistCheck(videoId)
220 catchError(err => this.restExtractor.handleError(err))
224 reorderPlaylist (playlistId: number, oldPosition: number, newPosition: number) {
225 const body: VideoPlaylistReorder = {
226 startPosition: oldPosition,
227 insertAfterPosition: newPosition
230 return this.authHttp.post(VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + playlistId + '/videos/reorder', body)
232 map(this.restExtractor.extractDataBool),
233 catchError(err => this.restExtractor.handleError(err))
238 videoPlaylistId: number | string,
239 componentPagination: ComponentPagination
240 ): Observable<ResultList<VideoPlaylistElement>> {
241 const path = VideoPlaylistService.BASE_VIDEO_PLAYLIST_URL + videoPlaylistId + '/videos'
242 const pagination = this.restService.componentPaginationToRestPagination(componentPagination)
244 let params = new HttpParams()
245 params = this.restService.addRestGetParams(params, pagination)
248 .get<ResultList<ServerVideoPlaylistElement>>(path, { params })
250 switchMap(res => this.extractVideoPlaylistElements(res)),
251 catchError(err => this.restExtractor.handleError(err))
255 listenToMyAccountPlaylistsChange () {
256 return this.myAccountPlaylistCacheSubject.asObservable()
259 listenToVideoPlaylistChange (videoId: number) {
260 if (this.videoExistsObservableCache[ videoId ]) {
261 return this.videoExistsObservableCache[ videoId ]
264 const obs = this.videoExistsInPlaylistObservable
266 map(existsResult => existsResult[ videoId ]),
268 tap(result => this.videoExistsCache[ videoId ] = result)
271 this.videoExistsObservableCache[ videoId ] = obs
275 runPlaylistCheck (videoId: number) {
276 logger('Running playlist check.')
278 if (this.videoExistsCache[videoId]) {
279 logger('Found cache for %d.', videoId)
281 return this.videoExistsInPlaylistCacheSubject.next({ [videoId]: this.videoExistsCache[videoId] })
284 logger('Fetching from network for %d.', videoId)
285 return this.videoExistsInPlaylistNotifier.next(videoId)
288 extractPlaylists (result: ResultList<VideoPlaylistServerModel>) {
289 return this.serverService.getServerLocale()
291 map(translations => {
292 const playlistsJSON = result.data
293 const total = result.total
294 const playlists: VideoPlaylist[] = []
296 for (const playlistJSON of playlistsJSON) {
297 playlists.push(new VideoPlaylist(playlistJSON, translations))
300 return { data: playlists, total }
305 extractPlaylist (playlist: VideoPlaylistServerModel) {
306 return this.serverService.getServerLocale()
307 .pipe(map(translations => new VideoPlaylist(playlist, translations)))
310 extractVideoPlaylistElements (result: ResultList<ServerVideoPlaylistElement>) {
311 return this.serverService.getServerLocale()
313 map(translations => {
314 const elementsJson = result.data
315 const total = result.total
316 const elements: VideoPlaylistElement[] = []
318 for (const elementJson of elementsJson) {
319 elements.push(new VideoPlaylistElement(elementJson, translations))
322 return { total, data: elements }
327 private doVideosExistInPlaylist (videoIds: number[]): Observable<VideosExistInPlaylists> {
328 const url = VideoPlaylistService.MY_VIDEO_PLAYLIST_URL + 'videos-exist'
330 let params = new HttpParams()
331 params = this.restService.addObjectParams(params, { videoIds })
333 return this.authHttp.get<VideoExistInPlaylist>(url, { params, headers: { ignoreLoadingBar: '' } })
334 .pipe(catchError(err => this.restExtractor.handleError(err)))