Updated angular to v13

.gitignore

@@ -25,6 +25,7 @@
 !.vscode/extensions.json
 
 # misc
+/.angular/cache
 /.sass-cache
 /connect.lock
 /coverage

angular.json

@@ -157,16 +157,6 @@
               "src/backend"
             ]
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "src/tsconfig.app.json",
-              "src/tsconfig.spec.json"
-            ],
-            "exclude": []
-          }
         }
       }
     },
@@ -181,15 +171,6 @@
             "protractorConfig": "./protractor.conf.js",
             "devServerTarget": "youtube-dl-material:serve"
           }
-        },
-        "lint": {
-          "builder": "@angular-devkit/build-angular:tslint",
-          "options": {
-            "tsConfig": [
-              "e2e/tsconfig.e2e.json"
-            ],
-            "exclude": []
-          }
         }
       }
     }

package.json

@@ -20,18 +20,18 @@
   },
   "private": true,
   "dependencies": {
-    "@angular-devkit/core": "^12.2.17",
+    "@angular-devkit/core": "^13.3.3",
-    "@angular/animations": "^12.2.16",
+    "@angular/animations": "^13.3.4",
     "@angular/cdk": "^12.2.13",
-    "@angular/common": "^12.2.16",
+    "@angular/common": "^13.3.4",
-    "@angular/compiler": "^12.2.16",
+    "@angular/compiler": "^13.3.4",
-    "@angular/core": "^12.2.16",
+    "@angular/core": "^13.3.4",
-    "@angular/forms": "^12.2.16",
+    "@angular/forms": "^13.3.4",
-    "@angular/localize": "^12.2.16",
+    "@angular/localize": "^13.3.4",
     "@angular/material": "^12.2.13",
-    "@angular/platform-browser": "^12.2.16",
+    "@angular/platform-browser": "^13.3.4",
-    "@angular/platform-browser-dynamic": "^12.2.16",
+    "@angular/platform-browser-dynamic": "^13.3.4",
-    "@angular/router": "^12.2.16",
+    "@angular/router": "^13.3.4",
     "@ngneat/content-loader": "^5.0.0",
     "@videogular/ngx-videogular": "^5.0.1",
     "core-js": "^2.4.1",
@@ -48,16 +48,15 @@
     "rxjs": "^6.6.3",
     "rxjs-compat": "^6.0.0-rc.0",
     "tslib": "^2.0.0",
-    "typescript": "~4.3.5",
+    "typescript": "~4.6.3",
-    "web-animations-js": "^2.3.2",
     "xliff-to-json": "^1.0.4",
     "zone.js": "~0.11.4"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "^12.2.17",
+    "@angular-devkit/build-angular": "^13.3.3",
-    "@angular/cli": "^12.2.17",
+    "@angular/cli": "^13.3.3",
-    "@angular/compiler-cli": "^12.2.16",
+    "@angular/compiler-cli": "^13.3.4",
-    "@angular/language-service": "^12.2.16",
+    "@angular/language-service": "^13.3.4",
     "@types/core-js": "^2.5.2",
     "@types/file-saver": "^2.0.1",
     "@types/jasmine": "~3.6.0",

src/app/app.module.ts

@@ -194,13 +194,6 @@ export function isVisible({ event, element, scrollContainer, offset }: IsVisible
         RouterModule,
         AppRoutingModule,
     ],
-  entryComponents: [
-    InputDialogComponent,
-    CreatePlaylistComponent,
-    SubscribeDialogComponent,
-    SubscriptionInfoDialogComponent,
-    SettingsComponent
-  ],
     providers: [
         PostsService,
         { provide: HTTP_INTERCEPTORS, useClass: H401Interceptor, multi: true }

src/app/components/see-more/see-more.component.html

@@ -1,6 +1,6 @@
 <span class="text" [ngStyle]="{'-webkit-line-clamp': !see_more_active ? line_limit : null}" [innerHTML]="text | linkify"></span>
 <span>
-    <a [routerLink]="" (click)="toggleSeeMore()">
+    <a [routerLink]="[]" (click)="toggleSeeMore()">
         <ng-container *ngIf="!see_more_active" i18n="See more">
             See more.
         </ng-container>

src/app/posts.services.ts

@@ -1,7 +1,6 @@
 import {Injectable, isDevMode, Inject} from '@angular/core';
 import { HttpClient, HttpParams } from '@angular/common/http';
 import 'rxjs/add/operator/map';
-import 'rxjs/add/operator/map';
 import 'rxjs/add/operator/catch';
 import 'rxjs/add/observable/throw';
 import { THEMES_CONFIG } from '../themes';

src/polyfills.ts

@@ -20,37 +20,7 @@ import '@angular/localize/init';
 
 /***************************************************************************************************
  * BROWSER POLYFILLS
- */
+ */  // Run `npm install --save web-animations-js`.
-
-/** IE9, IE10 and IE11 requires all of the following polyfills. **/
-// import 'core-js/es6/symbol';
-// import 'core-js/es6/object';
-// import 'core-js/es6/function';
-// import 'core-js/es6/parse-int';
-// import 'core-js/es6/parse-float';
-// import 'core-js/es6/number';
-// import 'core-js/es6/math';
-// import 'core-js/es6/string';
-// import 'core-js/es6/date';
-// import 'core-js/es6/array';
-// import 'core-js/es6/regexp';
-// import 'core-js/es6/map';
-// import 'core-js/es6/weak-map';
-// import 'core-js/es6/set';
-
-/** IE10 and IE11 requires the following for NgClass support on SVG elements */
-// import 'classlist.js';  // Run `npm install --save classlist.js`.
-
-/** IE10 and IE11 requires the following to support `@angular/animation`. */
-// import 'web-animations-js';  // Run `npm install --save web-animations-js`.
-
-
-/** Evergreen browsers require these. **/
-// import 'core-js/es6/reflect';
-
-
-/** ALL Firefox browsers require the following to support `@angular/animation`. **/
-import 'web-animations-js';  // Run `npm install --save web-animations-js`.
 
 
 

src/test.ts

@@ -22,7 +22,9 @@ __karma__.loaded = function () {};
 // First, initialize the Angular testing environment.
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting()
+  platformBrowserDynamicTesting(), {
+    teardown: { destroyAfterEach: false }
+}
 );
 // Then we find all the tests.
 const context = require.context('./', true, /\.spec\.ts$/);