Migrated to angular 9

.gitignore

@@ -56,3 +56,4 @@ backend/subscriptions/channels/*
 backend/subscriptions/playlists/*
 backend/subscriptions/archives/*
 src/assets/default.json
+package-lock.json

angular.json

@@ -11,6 +11,7 @@
         "build": {
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
+            "aot": true,
             "outputPath": "dist",
             "index": "src/index.html",
             "main": "src/main.ts",
@@ -30,6 +31,12 @@
           },
           "configurations": {
             "production": {
+              "budgets": [
+                {
+                  "type": "anyComponentStyle",
+                  "maximumWarning": "6kb"
+                }
+              ],
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -176,7 +183,7 @@
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",
-      "styleext": "scss"
+      "style": "scss"
     },
     "@schematics/angular:directive": {
       "prefix": "app"

package.json

@@ -17,19 +17,19 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-devkit/core": "^8.3.12",
+    "@angular-devkit/core": "^9.0.6",
-    "@angular/animations": "^8.2.14",
+    "@angular/animations": "^9.0.6",
     "@angular/cdk": "^8.2.3",
-    "@angular/common": "^8.2.14",
+    "@angular/common": "^9.0.6",
-    "@angular/compiler": "^8.2.14",
+    "@angular/compiler": "^9.0.6",
-    "@angular/core": "^8.2.14",
+    "@angular/core": "^9.0.6",
-    "@angular/forms": "^8.2.14",
+    "@angular/forms": "^9.0.6",
     "@angular/http": "^7.2.15",
     "@angular/localize": "^9.0.6",
     "@angular/material": "^8.2.3",
-    "@angular/platform-browser": "^8.2.14",
+    "@angular/platform-browser": "^9.0.6",
-    "@angular/platform-browser-dynamic": "^8.2.14",
+    "@angular/platform-browser-dynamic": "^9.0.6",
-    "@angular/router": "^8.2.14",
+    "@angular/router": "^9.0.6",
     "core-js": "^2.4.1",
     "file-saver": "^2.0.2",
     "hammerjs": "^2.0.8",
@@ -39,21 +39,21 @@
     "rxjs": "^6.5.3",
     "rxjs-compat": "^6.0.0-rc.0",
     "tslib": "^1.10.0",
-    "typescript": "~3.5.3",
+    "typescript": "~3.7.5",
     "videogular2": "^7.0.1",
     "web-animations-js": "^2.3.2",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^0.803.25",
+    "@angular-devkit/build-angular": "~0.900.6",
-    "@angular/cli": "^8.3.25",
+    "@angular/cli": "^9.0.6",
-    "@angular/compiler-cli": "^8.2.14",
+    "@angular/compiler-cli": "^9.0.6",
-    "@angular/language-service": "^8.2.14",
+    "@angular/language-service": "^9.0.6",
     "@types/core-js": "^2.5.2",
     "@types/file-saver": "^2.0.1",
     "@types/jasmine": "2.5.45",
-    "@types/node": "~6.0.60",
+    "@types/node": "^12.11.1",
-    "codelyzer": "^5.0.1",
+    "codelyzer": "^5.1.2",
     "electron": "^8.0.1",
     "jasmine-core": "~2.6.2",
     "jasmine-spec-reporter": "~4.1.0",
@@ -65,7 +65,6 @@
     "karma-jasmine-html-reporter": "^0.2.2",
     "protractor": "~5.1.2",
     "ts-node": "~3.0.4",
-    "tslint": "~5.3.2",
+    "tslint": "~5.3.2"
-    "typescript": "~3.5.3"
   }
 }

src/app/app.component.ts

@@ -36,8 +36,8 @@ export class AppComponent implements OnInit {
   allowThemeChange = null;
   allowSubscriptions = false;
 
-  @ViewChild('sidenav', {static: false}) sidenav: MatSidenav;
+  @ViewChild('sidenav') sidenav: MatSidenav;
-  @ViewChild('hamburgerMenu', {static: false, read: ElementRef}) hamburgerMenuButton: ElementRef;
+  @ViewChild('hamburgerMenu', { read: ElementRef }) hamburgerMenuButton: ElementRef;
   navigator: string = null;
 
   constructor(public postsService: PostsService, public snackBar: MatSnackBar, private dialog: MatDialog,

src/app/main/main.component.ts

@@ -192,7 +192,7 @@ export class MainComponent implements OnInit {
   selectedQuality = '';
   formats_loading = false;
 
-  @ViewChild('urlinput', { read: ElementRef, static: false }) urlInput: ElementRef;
+  @ViewChild('urlinput', { read: ElementRef }) urlInput: ElementRef;
   @ViewChildren('audiofilecard') audioFileCards: QueryList<FileCardComponent>;
   @ViewChildren('videofilecard') videoFileCards: QueryList<FileCardComponent>;
   last_valid_url = '';

src/tsconfig.app.json

@@ -5,8 +5,11 @@
     "baseUrl": "",
     "types": []
   },
-  "exclude": [
+  "files": [
-    "test.ts",
+    "main.ts",
-    "**/*.spec.ts"
+    "polyfills.ts"
+  ],
+  "include": [
+    "src/**/*.d.ts"
   ]
 }