Upgrade client dependencies

client/package.json

@@ -44,8 +44,8 @@
     "@angular/router": "^11.1.1",
     "@angular/service-worker": "^11.1.1",
     "@neos21/bootstrap3-glyphicons": "^1.0.1",
-    "@ng-bootstrap/ng-bootstrap": "^8.0.0",
-    "@ng-select/ng-select": "^5.0.11",
+    "@ng-bootstrap/ng-bootstrap": "^9.0.2",
+    "@ng-select/ng-select": "^6.0.0",
     "@ngx-i18nsupport/ngx-i18nsupport": "^1.1.6",
     "@ngx-i18nsupport/tooling": "^8.0.3",
     "@ngx-loading-bar/core": "^5.0.0",
@@ -61,14 +61,14 @@
     "@types/jschannel": "^1.0.0",
     "@types/linkifyjs": "^2.1.2",
     "@types/lodash-es": "^4.17.0",
-    "@types/markdown-it": "^10.0.1",
+    "@types/markdown-it": "^12.0.1",
     "@types/node": "^14.0.14",
-    "@types/sanitize-html": "1.27.0",
+    "@types/sanitize-html": "1.27.1",
     "@types/sha.js": "^2.4.0",
     "@types/video.js": "^7.3.8",
     "@types/webtorrent": "^0.109.0",
     "angular2-hotkeys": "^2.1.2",
-    "angularx-qrcode": "10.0.11",
+    "angularx-qrcode": "11.0.0",
     "bootstrap": "^4.1.3",
     "buffer": "^6.0.2",
     "cache-chunk-store": "^3.0.0",
@@ -87,14 +87,14 @@
     "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~6.0.0",
     "jschannel": "^1.0.2",
-    "karma": "~5.2.3",
+    "karma": "~6.1.0",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.1",
     "karma-jasmine-html-reporter": "^1.5.0",
     "linkifyjs": "^2.1.5",
     "lodash-es": "^4.17.4",
-    "markdown-it": "12.0.2",
+    "markdown-it": "12.0.4",
     "mini-css-extract-plugin": "^1.3.1",
     "p2p-media-loader-hlsjs": "^0.6.2",
     "path-browserify": "^1.0.0",
@@ -107,19 +107,19 @@
     "sanitize-html": "^2.1.2",
     "sass": "^1.29.0",
     "sass-lint": "^1.13.1",
-    "sass-loader": "10.1.0",
+    "sass-loader": "10.1.1",
     "sass-resources-loader": "^2.0.0",
     "sha.js": "^2.4.11",
     "socket.io-client": "^3.0.3",
     "stream-browserify": "^3.0.0",
     "stream-http": "^3.0.0",
     "terser-webpack-plugin": "^4",
-    "ts-loader": "^8.0.2",
+    "ts-loader": "^8.0.14",
     "tslib": "^2.0.0",
     "tslint": "~6.1.0",
     "tslint-angular": "^3.0.2",
     "tslint-config-standard": "^9.0.0",
-    "typescript": "~4.0.5",
+    "typescript": "~4.1.3",
     "video.js": "^7",
     "videojs-contextmenu-ui": "^5.0.0",
     "videojs-contrib-quality-levels": "^2.0.9",
@@ -128,8 +128,8 @@
     "videostream": "~3.2.1",
     "webpack-bundle-analyzer": "^4.1.0",
     "webpack-cli": "^4.2.0",
-    "webtorrent": "^0.111.0",
+    "webtorrent": "^0.112.3",
     "whatwg-fetch": "^3.0.0",
     "zone.js": "~0.11.3"
   }
-}
+}

client/src/app/helpers/utils.ts

@@ -24,7 +24,7 @@ function populateAsyncUserVideoChannels (
   authService: AuthService,
   channel: SelectChannelItem[]
 ) {
-  return new Promise(res => {
+  return new Promise<void>(res => {
     authService.userInformationLoaded
       .subscribe(
         () => {

client/src/root-helpers/utils.ts

@@ -57,7 +57,7 @@ function importModule (path: string) {
 }
 
 function wait (ms: number) {
-  return new Promise(res => {
+  return new Promise<void>(res => {
     setTimeout(() => res(), ms)
   })
 }

client/src/sass/include/_variables.scss

@@ -19,7 +19,7 @@ $main-color: hsl(24, 90%, 50%);
 $main-hover-color: lighten($main-color, 5%);
 $main-color-lighter: lighten($main-color, 10%);
 $main-color-lightest: lighten($main-color, 40%);
-$secondary-color: hsl(187, 77, 34);
+$secondary-color: hsl(187, 77%, 34%);
 
 $support-button: inherit;
 $support-button-heart: #e83e8c;

client/src/standalone/videos/embed.ts

@@ -88,7 +88,7 @@ export class PeerTubeEmbed {
       .then((res: Response) => {
         if (res.status !== HttpStatusCode.UNAUTHORIZED_401) return res
 
-        const refreshingTokenPromise = new Promise((resolve, reject) => {
+        const refreshingTokenPromise = new Promise<void>((resolve, reject) => {
           const clientId: string = peertubeLocalStorage.getItem(this.LOCAL_STORAGE_OAUTH_CLIENT_KEYS.CLIENT_ID)
           const clientSecret: string = peertubeLocalStorage.getItem(this.LOCAL_STORAGE_OAUTH_CLIENT_KEYS.CLIENT_SECRET)
 

client/webpack/webpack.video-embed.js

@@ -22,7 +22,7 @@ module.exports = function () {
        */
       extensions: [ '.ts', '.js', '.json', '.scss' ],
 
-      modules: [ helpers.root('src'), helpers.root('node_modules') ],
+      modules: [ helpers.root('src'), 'node_modules' ],
 
       alias: {
         'video.js$': path.resolve('node_modules/video.js/core.js'),