Update Angular -> 8.2.0

client/angular.json

@@ -15,7 +15,7 @@
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
-            "tsConfig": "src/tsconfig.app.json",
+            "tsConfig": "tsconfig.app.json",
             "polyfills": "src/polyfills.ts",
             "stylePreprocessorOptions": {
               "includePaths": [
@@ -46,11 +46,8 @@
               "ngswConfigPath": "src/ngsw-config.json",
               "budgets": [
                 {
-                  "type": "initial",
                   "type": "initial",
                   "maximumWarning": "2mb",
-                  "maximumWarning": "2mb",
-                  "maximumError": "5mb"
                   "maximumError": "5mb"
                 },
                 {
@@ -130,8 +127,7 @@
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
             "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
+              "tsconfig.app.json"
             ],
             "exclude": [
               "**/node_modules/**"

client/package.json

@@ -31,20 +31,20 @@
     "punycode": "^1.4.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.801.2",
-    "@angular/animations": "~8.1.2",
+    "@angular-devkit/build-angular": "~0.802.0",
+    "@angular/animations": "~8.2.0",
     "@angular/cdk": "^8.1.1",
-    "@angular/cli": "~8.1.2",
-    "@angular/common": "~8.1.2",
-    "@angular/compiler": "~8.1.2",
-    "@angular/compiler-cli": "~8.1.2",
-    "@angular/core": "~8.1.2",
-    "@angular/forms": "~8.1.2",
-    "@angular/language-service": "~8.1.2",
-    "@angular/platform-browser": "~8.1.2",
-    "@angular/platform-browser-dynamic": "~8.1.2",
-    "@angular/router": "~8.1.2",
-    "@angular/service-worker": "~8.1.2",
+    "@angular/cli": "~8.2.0",
+    "@angular/common": "~8.2.0",
+    "@angular/compiler": "~8.2.0",
+    "@angular/compiler-cli": "~8.2.0",
+    "@angular/core": "~8.2.0",
+    "@angular/forms": "~8.2.0",
+    "@angular/language-service": "~8.2.0",
+    "@angular/platform-browser": "~8.2.0",
+    "@angular/platform-browser-dynamic": "~8.2.0",
+    "@angular/router": "~8.2.0",
+    "@angular/service-worker": "~8.2.0",
     "@angularclass/hmr": "^2.1.3",
     "@neos21/bootstrap3-glyphicons": "^1.0.1",
     "@ng-bootstrap/ng-bootstrap": "^5.1.0",
@@ -119,7 +119,7 @@
     "tslint": "^5.7.0",
     "tslint-angular": "^3.0.2",
     "tslint-config-standard": "^8.0.1",
-    "typescript": "~3.4",
+    "typescript": "~3.5.3",
     "video.js": "^7",
     "videojs-contextmenu-ui": "^5.0.0",
     "videojs-contrib-quality-levels": "^2.0.9",
@@ -130,6 +130,6 @@
     "webpack-cli": "^3.0.8",
     "webtorrent": "^0.105.1",
     "whatwg-fetch": "^3.0.0",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.0"
   }
 }

client/src/app/search/search.service.ts

@@ -5,7 +5,7 @@ import { Observable } from 'rxjs'
 import { ComponentPagination } from '@app/shared/rest/component-pagination.model'
 import { VideoService } from '@app/shared/video/video.service'
 import { RestExtractor, RestService } from '@app/shared'
-import { environment } from 'environments/environment'
+import { environment } from '../../environments/environment'
 import { ResultList, Video as VideoServerModel, VideoChannel as VideoChannelServerModel } from '../../../../shared'
 import { Video } from '@app/shared/video/video.model'
 import { AdvancedSearch } from '@app/search/advanced-search.model'

client/src/app/videos/videos-routing.module.ts

@@ -77,7 +77,7 @@ const videosRoutes: Routes = [
       },
       {
         path: 'upload',
-        loadChildren: () => import('app/videos/+video-edit/video-add.module').then(m => m.VideoAddModule),
+        loadChildren: () => import('@app/videos/+video-edit/video-add.module').then(m => m.VideoAddModule),
         data: {
           meta: {
             title: 'Upload a video'
@@ -86,7 +86,7 @@ const videosRoutes: Routes = [
       },
       {
         path: 'update/:uuid',
-        loadChildren: () => import('app/videos/+video-edit/video-update.module').then(m => m.VideoUpdateModule),
+        loadChildren: () => import('@app/videos/+video-edit/video-update.module').then(m => m.VideoUpdateModule),
         data: {
           meta: {
             title: 'Edit a video'
@@ -95,7 +95,7 @@ const videosRoutes: Routes = [
       },
       {
         path: 'watch',
-        loadChildren: () => import('app/videos/+video-watch/video-watch.module').then(m => m.VideoWatchModule),
+        loadChildren: () => import('@app/videos/+video-watch/video-watch.module').then(m => m.VideoWatchModule),
         data: {
           preload: 3000
         }

client/src/assets/player/videojs-components/peertube-load-progress-bar.ts

@@ -6,6 +6,7 @@ import { Player } from 'video.js'
 const Component: VideoJSComponentInterface = videojsUntyped.getComponent('Component')
 
 class PeerTubeLoadProgressBar extends Component {
+  partEls_: any[]
 
   constructor (player: Player, options: any) {
     super(player, options)

client/src/assets/player/videojs-components/resolution-menu-button.ts

@@ -9,6 +9,8 @@ const Menu: VideoJSComponentInterface = videojsUntyped.getComponent('Menu')
 const MenuButton: VideoJSComponentInterface = videojsUntyped.getComponent('MenuButton')
 class ResolutionMenuButton extends MenuButton {
   label: HTMLElement
+  labelEl_: any
+  player: Player
 
   constructor (player: Player, options: any) {
     super(player, options)

client/src/assets/player/videojs-components/settings-menu-button.ts

@@ -14,6 +14,18 @@ const Menu: VideoJSComponentInterface = videojsUntyped.getComponent('Menu')
 const Component: VideoJSComponentInterface = videojsUntyped.getComponent('Component')
 
 class SettingsButton extends Button {
+  playerComponent = videojs.Player
+  dialog: any
+  dialogEl: any
+  menu: any
+  panel: any
+  panelChild: any
+
+  addSettingsItemHandler: Function
+  disposeSettingsItemHandler: Function
+  playerClickHandler: Function
+  userInactiveHandler: Function
+
   constructor (player: videojs.Player, options: any) {
     super(player, options)
 

client/src/assets/player/videojs-components/settings-menu-item.ts

@@ -12,6 +12,22 @@ const MenuItem: VideoJSComponentInterface = videojsUntyped.getComponent('MenuIte
 const component: VideoJSComponentInterface = videojsUntyped.getComponent('Component')
 
 class SettingsMenuItem extends MenuItem {
+  settingsButton: any
+  dialog: any
+  mainMenu: any
+  panel: any
+  panelChild: any
+  panelChildEl: any
+  size: any
+  menuToLoad: string
+  subMenu: any
+
+  submenuClickHandler: Function
+  transitionEndHandler: Function
+
+  settingsSubMenuTitleEl_: any
+  settingsSubMenuValueEl_: any
+  settingsSubMenuEl_: any
 
   constructor (player: videojs.Player, options: any, entry: string, menuButton: VideoJSComponentInterface) {
     super(player, options)

client/src/tsconfig.app.json

@@ -1,23 +0,0 @@
-{
-  "extends": "../tsconfig.json",
-  "compilerOptions": {
-    "outDir": "../out-tsc/app",
-    "baseUrl": "./",
-    "types": [],
-    "lib": [
-      "es2017",
-      "es2016",
-      "es2015",
-      "dom"
-    ]
-  },
-  "exclude": [
-    "test.ts",
-    "**/*.spec.ts",
-    "../node_modules/ngx-clipboard/**/*.spec.ts"
-  ],
-  "include": [
-    "**/*.ts",
-    "../node_modules/ngx-clipboard/*/**.ts"
-  ]
-}

client/tsconfig.app.json

@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "./out-tsc/app",
+    "baseUrl": "./",
+    "types": [],
+    "lib": [
+      "es2017",
+      "es2016",
+      "es2015",
+      "dom"
+    ]
+  },
+  "files": [
+    "src/main.ts",
+    "src/polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts",
+    "src/shims/*.ts",
+    "../shared/models"
+  ]
+}

client/tsconfig.json

@@ -19,40 +19,24 @@
       "node_modules/@types"
     ],
     "lib": [
-      "es2017",
-      "es2016",
-      "es2015",
+      "es2018",
       "dom"
     ],
-    "types": [
-      "jasmine"
-    ],
-    "baseUrl": "src",
+    "baseUrl": "./",
     "paths": {
-      "@app/*": [ "app/*" ],
-      "@shared/*": [ "../../shared/*" ],
-      "video.js": [ "../node_modules/video.js/dist/alt/video.core.js" ],
-      "fs": [ "./shims/noop" ],
-      "http": [ "./shims/http" ],
-      "https": [ "./shims/https" ],
-      "path": [ "./shims/path" ],
-      "stream": [ "./shims/noop" ],
-      "crypto": [ "./shims/noop" ]
+      "@app/*": [ "src/app/*" ],
+      "@shared/*": [ "../shared/*" ],
+      "video.js": [ "node_modules/video.js/dist/alt/video.core.js" ],
+      "fs": [ "src/shims/noop" ],
+      "http": [ "src/shims/http" ],
+      "https": [ "src/shims/https" ],
+      "path": [ "src/shims/path" ],
+      "stream": [ "src/shims/noop" ],
+      "crypto": [ "src/shims/noop" ]
     }
   },
   "angularCompilerOptions": {
     "strictInjectionParameters": true,
     "fullTemplateTypeCheck": true
-  },
-  "include": [
-    "./src",
-    "../../shared"
-  ],
-  "exclude": [
-    "../../node_modules",
-    "../node_modules",
-    "../dist",
-    "../../server",
-    "../src/**/*.spec.ts"
-  ]
+  }
 }

client/tslint.json

@@ -20,6 +20,14 @@
         "private-instance-method"
         ]}
     ],
+    "variable-name": [
+      true,
+      "ban-keywords",
+      "check-format",
+      "allow-leading-underscore",
+      "allow-pascal-case",
+      "allow-trailing-underscore"
+    ],
 
     "no-shadowed-variable": false,
     "no-bitwise": false,