Update client dependencies

client/angular.json

@@ -72,6 +72,8 @@
         "serve": {
           "builder": "@angular-devkit/build-angular:dev-server",
           "options": {
+            "baseHref": "/",
+            "deployUrl": "client/",
             "browserTarget": "PeerTube:build"
           },
           "configurations": {

client/package.json

@@ -47,19 +47,19 @@
     "@angular/service-worker": "~8.1.2",
     "@angularclass/hmr": "^2.1.3",
     "@neos21/bootstrap3-glyphicons": "^1.0.1",
-    "@ng-bootstrap/ng-bootstrap": "^4.0.0",
+    "@ng-bootstrap/ng-bootstrap": "^5.1.0",
     "@ngx-loading-bar/core": "^4.2.0",
     "@ngx-loading-bar/http-client": "^4.2.0",
     "@ngx-loading-bar/router": "^4.2.0",
     "@ngx-meta/core": "^7.0.0",
     "@ngx-translate/i18n-polyfill": "^1.0.0",
-    "@streamroot/videojs-hlsjs-plugin": "^1.0.7",
+    "@streamroot/videojs-hlsjs-plugin": "^1.0.10",
-    "@types/core-js": "^2.5.0",
+    "@types/core-js": "^2.5.2",
-    "@types/hls.js": "^0.12.0",
+    "@types/hls.js": "^0.12.4",
-    "@types/jasmine": "^3.3.12",
+    "@types/jasmine": "^3.3.15",
     "@types/jasminewd2": "^2.0.3",
     "@types/jschannel": "^1.0.0",
-    "@types/linkifyjs": "^2.1.1",
+    "@types/linkifyjs": "^2.1.2",
     "@types/lodash-es": "^4.17.0",
     "@types/markdown-it": "^0.0.5",
     "@types/node": "^10.9.2",
@@ -74,12 +74,12 @@
     "buffer": "^5.1.0",
     "cache-chunk-store": "^3.0.0",
     "codelyzer": "^5.0.1",
-    "core-js": "^3.0.0",
+    "core-js": "^3.1.4",
-    "css-loader": "^2.1.1",
+    "css-loader": "^3.1.0",
     "dexie": "^2.0.4",
     "extract-text-webpack-plugin": "4.0.0-beta.0",
-    "file-loader": "^3.0.1",
+    "file-loader": "^4.1.0",
-    "focus-visible": "^4.1.5",
+    "focus-visible": "^5.0.2",
     "hls.js": "^0.12.2",
     "html-loader": "^0.5.5",
     "html-webpack-plugin": "^3.2.0",
@@ -88,21 +88,21 @@
     "jasmine-spec-reporter": "^4.2.1",
     "jschannel": "^1.0.2",
     "karma": "^4.0.1",
-    "karma-chrome-launcher": "^2.2.0",
+    "karma-chrome-launcher": "^3.0.0",
     "karma-coverage-istanbul-reporter": "^2.0.2",
     "karma-jasmine": "^2.0.1",
     "karma-jasmine-html-reporter": "^1.3.1",
     "linkifyjs": "^2.1.5",
     "lodash-es": "^4.17.4",
-    "markdown-it": "^8.4.0",
+    "markdown-it": "^9.0.1",
-    "ngx-chips": "2.0.0-beta.0",
+    "ngx-chips": "2.0.2",
-    "ngx-clipboard": "12.0.0",
+    "ngx-clipboard": "12.2.0",
     "ngx-pipes": "^2.1.7",
     "node-sass": "^4.9.3",
     "npm-font-source-sans-pro": "^1.0.2",
-    "p2p-media-loader-hlsjs": "^0.5.0",
+    "p2p-media-loader-hlsjs": "^0.6.1",
     "path-browserify": "^1.0.0",
-    "primeng": "^7.0.0",
+    "primeng": "^8.0.2",
     "process": "^0.11.10",
     "protractor": "^5.3.2",
     "purify-css": "^1.2.5",
@@ -117,9 +117,9 @@
     "stream-http": "^3.0.0",
     "terser-webpack-plugin": "^1.1.0",
     "tslint": "^5.7.0",
-    "tslint-angular": "^1.1.2",
+    "tslint-angular": "^3.0.2",
     "tslint-config-standard": "^8.0.1",
-    "typescript": "3.4.5",
+    "typescript": "~3.4",
     "video.js": "^7",
     "videojs-contextmenu-ui": "^5.0.0",
     "videojs-contrib-quality-levels": "^2.0.9",
@@ -127,8 +127,8 @@
     "videojs-hotkeys": "^0.2.21",
     "webpack-bundle-analyzer": "^3.0.2",
     "webpack-cli": "^3.0.8",
-    "webtorrent": "^0.103.1",
+    "webtorrent": "^0.105.1",
     "whatwg-fetch": "^3.0.0",
     "zone.js": "~0.9.1"
   }
-}
+}

client/proxy.config.json

@@ -19,5 +19,9 @@
     "target": "ws://localhost:9000",
     "secure": false,
     "ws": true
+  },
+  "/": {
+    "target": "http://localhost:3000/client",
+    "secure": false
   }
 }

client/src/app/+admin/admin.module.ts

@@ -25,7 +25,7 @@ import { PluginsComponent } from '@app/+admin/plugins/plugins.component'
 import { PluginListInstalledComponent } from '@app/+admin/plugins/plugin-list-installed/plugin-list-installed.component'
 import { PluginSearchComponent } from '@app/+admin/plugins/plugin-search/plugin-search.component'
 import { PluginShowInstalledComponent } from '@app/+admin/plugins/plugin-show-installed/plugin-show-installed.component'
-import { SelectButtonModule } from 'primeng/primeng'
+import { SelectButtonModule } from 'primeng/selectbutton'
 import { PluginApiService } from '@app/+admin/plugins/shared/plugin-api.service'
 
 @NgModule({

client/src/app/+admin/follows/followers-list/followers-list.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core'
 import { ConfirmService, Notifier } from '@app/core'
-import { SortMeta } from 'primeng/primeng'
+import { SortMeta } from 'primeng/api'
 import { ActorFollow } from '../../../../../../shared/models/actors/follow.model'
 import { RestPagination, RestTable } from '../../../shared'
 import { FollowService } from '@app/shared/instance/follow.service'

client/src/app/+admin/follows/following-list/following-list.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core'
 import { Notifier } from '@app/core'
-import { SortMeta } from 'primeng/primeng'
+import { SortMeta } from 'primeng/api'
 import { ActorFollow } from '../../../../../../shared/models/actors/follow.model'
 import { ConfirmService } from '../../../core/confirm/confirm.service'
 import { RestPagination, RestTable } from '../../../shared'

client/src/app/+admin/system/jobs/job.service.ts

@@ -1,7 +1,7 @@
 import { catchError, map } from 'rxjs/operators'
 import { HttpClient, HttpParams } from '@angular/common/http'
 import { Injectable } from '@angular/core'
-import { SortMeta } from 'primeng/primeng'
+import { SortMeta } from 'primeng/api'
 import { Observable } from 'rxjs'
 import { ResultList } from '../../../../../../shared'
 import { JobState } from '../../../../../../shared/models'

client/src/app/+admin/system/jobs/jobs.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit } from '@angular/core'
 import { peertubeLocalStorage } from '@app/shared/misc/peertube-local-storage'
 import { Notifier } from '@app/core'
-import { SortMeta } from 'primeng/primeng'
+import { SortMeta } from 'primeng/api'
 import { Job } from '../../../../../../shared/index'
 import { JobState } from '../../../../../../shared/models'
 import { RestPagination, RestTable } from '../../../shared'

client/src/app/+my-account/my-account.module.ts

@@ -37,7 +37,7 @@ import {
 } from '@app/+my-account/my-account-video-playlists/my-account-video-playlist-elements.component'
 import { DragDropModule } from '@angular/cdk/drag-drop'
 import { MyAccountChangeEmailComponent } from '@app/+my-account/my-account-settings/my-account-change-email'
-import { MultiSelectModule } from 'primeng/primeng'
+import { MultiSelectModule } from 'primeng/multiselect'
 import { MyAccountInterfaceSettingsComponent } from '@app/+my-account/my-account-settings/my-account-interface'
 
 @NgModule({

client/src/app/shared/images/global-icon.component.ts

@@ -1,52 +1,52 @@
 import { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit } from '@angular/core'
 
 const icons = {
-  'add': require('../../../assets/images/global/add.html'),
+  'add': require('!!raw-loader?!../../../assets/images/global/add.svg'),
-  'user': require('../../../assets/images/global/user.html'),
+  'user': require('!!raw-loader?!../../../assets/images/global/user.svg'),
-  'sign-out': require('../../../assets/images/global/sign-out.html'),
+  'sign-out': require('!!raw-loader?!../../../assets/images/global/sign-out.svg'),
-  'syndication': require('../../../assets/images/global/syndication.html'),
+  'syndication': require('!!raw-loader?!../../../assets/images/global/syndication.svg'),
-  'help': require('../../../assets/images/global/help.html'),
+  'help': require('!!raw-loader?!../../../assets/images/global/help.svg'),
-  'sparkle': require('../../../assets/images/global/sparkle.html'),
+  'sparkle': require('!!raw-loader?!../../../assets/images/global/sparkle.svg'),
-  'alert': require('../../../assets/images/global/alert.html'),
+  'alert': require('!!raw-loader?!../../../assets/images/global/alert.svg'),
-  'cloud-error': require('../../../assets/images/global/cloud-error.html'),
+  'cloud-error': require('!!raw-loader?!../../../assets/images/global/cloud-error.svg'),
-  'user-add': require('../../../assets/images/global/user-add.html'),
+  'user-add': require('!!raw-loader?!../../../assets/images/global/user-add.svg'),
-  'no': require('../../../assets/images/global/no.html'),
+  'no': require('!!raw-loader?!../../../assets/images/global/no.svg'),
-  'cloud-download': require('../../../assets/images/global/cloud-download.html'),
+  'cloud-download': require('!!raw-loader?!../../../assets/images/global/cloud-download.svg'),
-  'undo': require('../../../assets/images/global/undo.html'),
+  'undo': require('!!raw-loader?!../../../assets/images/global/undo.svg'),
-  'history': require('../../../assets/images/global/history.html'),
+  'history': require('!!raw-loader?!../../../assets/images/global/history.svg'),
-  'circle-tick': require('../../../assets/images/global/circle-tick.html'),
+  'circle-tick': require('!!raw-loader?!../../../assets/images/global/circle-tick.svg'),
-  'cog': require('../../../assets/images/global/cog.html'),
+  'cog': require('!!raw-loader?!../../../assets/images/global/cog.svg'),
-  'download': require('../../../assets/images/global/download.html'),
+  'download': require('!!raw-loader?!../../../assets/images/global/download.svg'),
-  'go': require('../../../assets/images/menu/go.html'),
+  'go': require('!!raw-loader?!../../../assets/images/menu/go.svg'),
-  'edit': require('../../../assets/images/global/edit.html'),
+  'edit': require('!!raw-loader?!../../../assets/images/global/edit.svg'),
-  'im-with-her': require('../../../assets/images/global/im-with-her.html'),
+  'im-with-her': require('!!raw-loader?!../../../assets/images/global/im-with-her.svg'),
-  'delete': require('../../../assets/images/global/delete.html'),
+  'delete': require('!!raw-loader?!../../../assets/images/global/delete.svg'),
-  'server': require('../../../assets/images/global/server.html'),
+  'server': require('!!raw-loader?!../../../assets/images/global/server.svg'),
-  'cross': require('../../../assets/images/global/cross.html'),
+  'cross': require('!!raw-loader?!../../../assets/images/global/cross.svg'),
-  'validate': require('../../../assets/images/global/validate.html'),
+  'validate': require('!!raw-loader?!../../../assets/images/global/validate.svg'),
-  'tick': require('../../../assets/images/global/tick.html'),
+  'tick': require('!!raw-loader?!../../../assets/images/global/tick.svg'),
-  'dislike': require('../../../assets/images/video/dislike.html'),
+  'dislike': require('!!raw-loader?!../../../assets/images/video/dislike.svg'),
-  'heart': require('../../../assets/images/video/heart.html'),
+  'heart': require('!!raw-loader?!../../../assets/images/video/heart.svg'),
-  'like': require('../../../assets/images/video/like.html'),
+  'like': require('!!raw-loader?!../../../assets/images/video/like.svg'),
-  'more-horizontal': require('../../../assets/images/global/more-horizontal.html'),
+  'more-horizontal': require('!!raw-loader?!../../../assets/images/global/more-horizontal.svg'),
-  'more-vertical': require('../../../assets/images/global/more-vertical.html'),
+  'more-vertical': require('!!raw-loader?!../../../assets/images/global/more-vertical.svg'),
-  'share': require('../../../assets/images/video/share.html'),
+  'share': require('!!raw-loader?!../../../assets/images/video/share.svg'),
-  'upload': require('../../../assets/images/video/upload.html'),
+  'upload': require('!!raw-loader?!../../../assets/images/video/upload.svg'),
-  'playlist-add': require('../../../assets/images/video/playlist-add.html'),
+  'playlist-add': require('!!raw-loader?!../../../assets/images/video/playlist-add.svg'),
-  'play': require('../../../assets/images/global/play.html'),
+  'play': require('!!raw-loader?!../../../assets/images/global/play.svg'),
-  'playlists': require('../../../assets/images/global/playlists.html'),
+  'playlists': require('!!raw-loader?!../../../assets/images/global/playlists.svg'),
-  'about': require('../../../assets/images/menu/about.html'),
+  'about': require('!!raw-loader?!../../../assets/images/menu/about.svg'),
-  'globe': require('../../../assets/images/menu/globe.html'),
+  'globe': require('!!raw-loader?!../../../assets/images/menu/globe.svg'),
-  'home': require('../../../assets/images/menu/home.html'),
+  'home': require('!!raw-loader?!../../../assets/images/menu/home.svg'),
-  'recently-added': require('../../../assets/images/menu/recently-added.html'),
+  'recently-added': require('!!raw-loader?!../../../assets/images/menu/recently-added.svg'),
-  'trending': require('../../../assets/images/menu/trending.html'),
+  'trending': require('!!raw-loader?!../../../assets/images/menu/trending.svg'),
-  'videos': require('../../../assets/images/global/videos.html'),
+  'videos': require('!!raw-loader?!../../../assets/images/global/videos.svg'),
-  'folder': require('../../../assets/images/global/folder.html'),
+  'folder': require('!!raw-loader?!../../../assets/images/global/folder.svg'),
-  'administration': require('../../../assets/images/menu/administration.html'),
+  'administration': require('!!raw-loader?!../../../assets/images/menu/administration.svg'),
-  'subscriptions': require('../../../assets/images/menu/subscriptions.html'),
+  'subscriptions': require('!!raw-loader?!../../../assets/images/menu/subscriptions.svg'),
-  'users': require('../../../assets/images/global/users.html'),
+  'users': require('!!raw-loader?!../../../assets/images/global/users.svg'),
-  'search': require('../../../assets/images/global/search.html'),
+  'search': require('!!raw-loader?!../../../assets/images/global/search.svg'),
-  'refresh': require('../../../assets/images/global/refresh.html')
+  'refresh': require('!!raw-loader?!../../../assets/images/global/refresh.svg')
 }
 
 export type GlobalIconName = keyof typeof icons

client/src/app/shared/instance/follow.service.ts

@@ -1,11 +1,11 @@
 import { catchError, map } from 'rxjs/operators'
 import { HttpClient, HttpParams } from '@angular/common/http'
 import { Injectable } from '@angular/core'
-import { SortMeta } from 'primeng/primeng'
 import { Observable } from 'rxjs'
 import { ActorFollow, ResultList } from '@shared/index'
 import { environment } from '../../../environments/environment'
 import { RestExtractor, RestPagination, RestService } from '../rest'
+import { SortMeta } from 'primeng/api'
 
 @Injectable()
 export class FollowService {

client/src/app/videos/+video-edit/video-add.module.ts

@@ -1,5 +1,4 @@
 import { NgModule } from '@angular/core'
-import { ProgressBarModule } from 'primeng/primeng'
 import { SharedModule } from '../../shared'
 import { VideoEditModule } from './shared/video-edit.module'
 import { VideoAddRoutingModule } from './video-add-routing.module'
@@ -8,6 +7,7 @@ import { CanDeactivateGuard } from '../../shared/guards/can-deactivate-guard.ser
 import { VideoUploadComponent } from '@app/videos/+video-edit/video-add-components/video-upload.component'
 import { VideoImportUrlComponent } from '@app/videos/+video-edit/video-add-components/video-import-url.component'
 import { VideoImportTorrentComponent } from '@app/videos/+video-edit/video-add-components/video-import-torrent.component'
+import { ProgressBarModule } from 'primeng/progressbar'
 
 @NgModule({
   imports: [

config/test.yaml

@@ -87,3 +87,7 @@ import:
 
 instance:
   default_nsfw_policy: 'display'
+
+plugins:
+  index:
+    check_latest_versions_interval: '10 minutes'