Updated Angular to v14

angular.json

@@ -182,7 +182,6 @@
       }
     }
   },
-  "defaultProject": "youtube-dl-material",
   "schematics": {
     "@schematics/angular:component": {
       "prefix": "app",

backend/app.js

@@ -7,7 +7,6 @@ const path = require('path');
 const compression = require('compression');
 const multer  = require('multer');
 const express = require("express");
-const session = require("express-session");
 const bodyParser = require("body-parser");
 const archiver = require('archiver');
 const unzipper = require('unzipper');
@@ -159,13 +158,7 @@ app.use(bodyParser.urlencoded({ extended: false }));
 app.use(bodyParser.json());
 
 // use passport
-app.use(session({
-    resave: false,
-    saveUninitialized: true,
-    secret: 'ytdl-material-secret' 
-}));
 app.use(auth_api.passport.initialize());
-app.use(auth_api.passport.session());
 
 // actual functions
 

backend/package.json

@@ -27,7 +27,6 @@
     "compression": "^1.7.4",
     "config": "^3.2.3",
     "express": "^4.17.3",
-    "express-session": "^1.17.3",
     "fluent-ffmpeg": "^2.1.2",
     "fs-extra": "^9.0.0",
     "jsonwebtoken": "^8.5.1",
@@ -35,13 +34,13 @@
     "md5": "^2.2.1",
     "merge-files": "^0.1.2",
     "mocha": "^9.2.2",
-    "moment": "^2.29.4",
+    "moment": "^2.29.2",
     "mongodb": "^3.6.9",
     "multer": "1.4.5-lts.1",
     "node-fetch": "^2.6.7",
     "node-id3": "^0.1.14",
     "node-schedule": "^2.1.0",
-    "passport": "^0.6.0",
+    "passport": "^0.4.1",
     "passport-http": "^0.3.0",
     "passport-jwt": "^4.0.0",
     "passport-ldapauth": "^3.0.1",

package.json

@@ -21,18 +21,18 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-devkit/core": "^13.3.3",
+    "@angular-devkit/core": "^14.0.4",
-    "@angular/animations": "^13.3.4",
+    "@angular/animations": "^14.0.4",
-    "@angular/cdk": "^13.3.4",
+    "@angular/cdk": "^14.0.4",
-    "@angular/common": "^13.3.4",
+    "@angular/common": "^14.0.4",
-    "@angular/compiler": "^13.3.4",
+    "@angular/compiler": "^14.0.4",
-    "@angular/core": "^13.3.4",
+    "@angular/core": "^14.0.4",
-    "@angular/forms": "^13.3.4",
+    "@angular/forms": "^14.0.4",
-    "@angular/localize": "^13.3.4",
+    "@angular/localize": "^14.0.4",
-    "@angular/material": "^13.3.4",
+    "@angular/material": "^14.0.4",
-    "@angular/platform-browser": "^13.3.4",
+    "@angular/platform-browser": "^14.0.4",
-    "@angular/platform-browser-dynamic": "^13.3.4",
+    "@angular/platform-browser-dynamic": "^14.0.4",
-    "@angular/router": "^13.3.4",
+    "@angular/router": "^14.0.4",
     "@fontsource/material-icons": "^4.5.4",
     "@ngneat/content-loader": "^5.0.0",
     "@videogular/ngx-videogular": "^5.0.1",
@@ -55,10 +55,10 @@
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^13.3.3",
+    "@angular-devkit/build-angular": "^14.0.4",
-    "@angular/cli": "^13.3.3",
+    "@angular/cli": "^14.0.4",
-    "@angular/compiler-cli": "^13.3.4",
+    "@angular/compiler-cli": "^14.0.4",
-    "@angular/language-service": "^13.3.4",
+    "@angular/language-service": "^14.0.4",
     "@types/core-js": "^2.5.2",
     "@types/file-saver": "^2.0.1",
     "@types/jasmine": "~3.6.0",

src/app/create-playlist/create-playlist.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit, Inject } from '@angular/core';
 import { MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import { PostsService } from 'app/posts.services';
 import { Playlist } from 'api-types';
 
@@ -14,7 +14,7 @@ export class CreatePlaylistComponent implements OnInit {
 
   filesToSelectFrom = null;
   type = null;
-  filesSelect = new FormControl();
+  filesSelect = new UntypedFormControl();
   audiosToSelectFrom = null;
   videosToSelectFrom = null;
   name = '';

src/app/dialogs/arg-modifier-dialog/arg-modifier-dialog.component.ts

@@ -2,7 +2,7 @@ import { Component, OnInit, Inject, Pipe, PipeTransform, ViewChild, AfterViewIni
 import { COMMA, ENTER } from '@angular/cdk/keycodes';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialog } from '@angular/material/dialog';
 import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';
-import { FormControl } from '@angular/forms';
+import { UntypedFormControl } from '@angular/forms';
 import { args, args_info } from './youtubedl_args';
 import { Observable } from 'rxjs';
 import { map } from 'rxjs/operators/map';
@@ -30,13 +30,13 @@ export class HighlightPipe implements PipeTransform {
   styleUrls: ['./arg-modifier-dialog.component.scss'],
 })
 export class ArgModifierDialogComponent implements OnInit, AfterViewInit {
-  myGroup = new FormControl();
+  myGroup = new UntypedFormControl();
   firstArg = '';
   secondArg = '';
   secondArgEnabled = false;
   modified_args = '';
-  stateCtrl = new FormControl();
+  stateCtrl = new UntypedFormControl();
-  chipCtrl = new FormControl();
+  chipCtrl = new UntypedFormControl();
   availableArgs = null;
   argsByCategory = null;
   argsByKey = null;

src/app/main/main.component.ts

@@ -1,7 +1,7 @@
 import { Component, OnInit, ElementRef, ViewChild, ViewChildren, QueryList } from '@angular/core';
 import {PostsService} from '../posts.services';
 import { Observable, Subject } from 'rxjs';
-import {FormControl, Validators} from '@angular/forms';
+import {UntypedFormControl, Validators} from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 import { saveAs } from 'file-saver';
@@ -73,7 +73,7 @@ export class MainComponent implements OnInit {
   download_uids: string[] = [];
   current_download: Download = null;
 
-  urlForm = new FormControl('', [Validators.required]);
+  urlForm = new UntypedFormControl('', [Validators.required]);
 
   qualityOptions = {
     'video': [

tsconfig.json

@@ -10,7 +10,7 @@
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "target": "es2019",
+    "target": "es2020",
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "typeRoots": [