Update to Angular 9

package.json

@@ -50,23 +50,24 @@
     "webpack-cli": "^3.3.12"
   },
   "dependencies": {
-    "@angular/animations": "^8.2.4",
-    "@angular/cdk": "^8.1.4",
-    "@angular/common": "^8.2.4",
-    "@angular/compiler": "^8.2.4",
-    "@angular/compiler-cli": "^8.2.4",
-    "@angular/core": "^8.2.4",
-    "@angular/forms": "^8.2.4",
-    "@angular/platform-browser": "^8.2.4",
-    "@angular/platform-browser-dynamic": "^8.2.4",
+    "@angular-devkit/build-angular": "^0.900.7",
+    "@angular/animations": "^9.1.13",
+    "@angular/cdk": "^9.2.4",
+    "@angular/common": "^9.1.13",
+    "@angular/compiler": "^9.1.13",
+    "@angular/compiler-cli": "^9.1.13",
+    "@angular/core": "^9.1.13",
+    "@angular/forms": "^9.1.13",
+    "@angular/platform-browser": "^9.1.13",
+    "@angular/platform-browser-dynamic": "^9.1.13",
     "@angular/platform-server": "^8.2.4",
-    "@angular/router": "^8.2.4",
+    "@angular/router": "^9.1.13",
     "@encharm/cws": "^4.0.2",
     "@fortawesome/angular-fontawesome": "^0.5.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.22",
     "@fortawesome/free-brands-svg-icons": "^5.10.2",
     "@fortawesome/free-solid-svg-icons": "^5.10.2",
-    "@ngtools/webpack": "^8.3.1",
+    "@ngtools/webpack": "^9.1.15",
     "@passport-next/passport-facebook": "^3.1.2",
     "@passport-next/passport-google-oauth2": "^1.0.0",
     "@types/base64-js": "^1.2.5",
@@ -188,7 +189,7 @@
     "request": "^2.88.0",
     "request-promise": "^4.2.4",
     "rollbar": "^2.12.2",
-    "rxjs": "^6.5.2",
+    "rxjs": "^6.6.7",
     "sass": "^1.58.3",
     "sass-loader": "^13.3.3",
     "serve-favicon": "^2.5.0",
@@ -198,13 +199,13 @@
     "timsort": "^0.3.0",
     "tracer": "^1.0.1",
     "transliteration": "1.6.6",
-    "ts-loader": "^6.0.4",
+    "ts-loader": "^6.2.2",
     "ts-node": "^8.3.0",
     "tsickle": "^0.37.0",
     "tslib": "^1.10.0",
     "tslint": "^5.19.0",
     "tsutils": "^3.17.1",
-    "typescript": "<3.6.0",
+    "typescript": "^3.8.3",
     "ua-parser-js": "^0.7.20",
     "uglifyjs-webpack-plugin": "^1.3.0",
     "webgl-debug": "^2.0.1",
@@ -214,6 +215,6 @@
     "workbox-cli": "^4.3.1",
     "wrapper-webpack-plugin": "^2.1.0",
     "yargs": "^14.0.0",
-    "zone.js": "^0.10.2"
+    "zone.js": "^0.10.3"
   }
 }

src/ts/client/loadSprites.ts

@@ -24,7 +24,7 @@ function loadSpriteSheet(sheet: SpriteSheet, loadImage: LoadImage) {
 		sheet.srcA ? loadImage(sheet.srcA) : Promise.resolve(undefined)
 	])
 		.then(([img, imgA]) => {
-			sheet.data = getImageData(img);
+			sheet.data = getImageData(img!);
 
 			if (imgA) {
 				const alpha = getImageData(imgA);

src/ts/graphics/webgl/webglUtils.ts

@@ -12,7 +12,7 @@ export function getWebGLContext(canvas: HTMLCanvasElement): WebGLRenderingContex
 
 	let gl = canvas.getContext('webgl2', options)
 		|| canvas.getContext('webgl', options)
-		|| canvas.getContext('experimental-webgl', options);
+		|| canvas.getContext('experimental-webgl', options) as WebGLRenderingContext;
 
 	if (!gl) {
 		throw new Error(WEBGL_CREATION_ERROR);

src/ts/server/api/admin.ts

@@ -238,8 +238,8 @@ export async function getAccountDetails(accountId: ID): Promise<AccountDetails>
 		merges: account.merges || [],
 		banLog: account.banLog || [],
 		supporterLog: account.supporterLog || [],
-		invitesReceived: invitesReceived.map(convertInvite),
-		invitesSent: invitesSent.map(convertInvite),
+		invitesReceived: invitesReceived!.map(convertInvite),
+		invitesSent: invitesSent!.map(convertInvite),
 		state: account.state || {},
 	} : {
 			merges: [],

src/ts/server/api/merge.ts

@@ -119,11 +119,12 @@ async function merge(
 	const merges = mergeLists(account.merges, merge.merges, 20);
 	const state = mergeStates(account.state, merge.state);
 	const alert = account.alert || merge.alert;
-	merges.push({ id: withId, name: merge.name, date: new Date(), reason, data });
+	merges.push({ id: withId, name: merge.name, date: new Date(), reason, data } as any);
 
 	const update: Partial<AccountBase<string>> = {
-		origins, ignores, emails, note, lastVisit, ban, shadow, mute, flags, counters, patreon, supporter, merges,
-		createdAt, supporterLog, supporterTotal, banLog, state, alert, birthdate,
+		origins, ignores, emails, note, lastVisit, ban, shadow, mute, flags,
+		counters, patreon, supporter, merges: merges as any, createdAt, supporterLog: supporterLog as any,
+		supporterTotal, banLog: banLog as any, state, alert, birthdate,
 	};
 
 	await Promise.all([

src/ts/server/authUtils.ts

@@ -2,7 +2,7 @@ import { uniq } from 'lodash';
 import { Types } from 'mongoose';
 import { Profile } from '../common/interfaces';
 import { arraysEqual } from '../common/utils';
-import { IAccount, IAuth, Auth, findAuthByOpenId, updateAuth, UpdateAuth, Account } from './db';
+import { IAccount, IAuth, Auth, findAuthByOpenId, updateAuth, UpdateAuth, Account, MongoUpdate } from './db';
 import { system } from './logger';
 import { UserError } from './userError';
 import { CreateAccountOptions, connectOnlySocialError } from './accountUtils';
@@ -48,7 +48,7 @@ export async function updateAuthInfo(
 	if (!auth)
 		return;
 
-	const changes: Partial<IAuth> = {};
+	const changes: MongoUpdate<IAuth> = {};
 
 	if (profile.url && auth.url !== profile.url) {
 		changes.url = profile.url;
@@ -91,7 +91,7 @@ async function createAuth(profile: Profile, account: string | undefined) {
 }
 
 async function verifyOrRestoreAuth(auth: IAuth, mergeAccount: string | undefined) {
-	const changes: Partial<IAuth> = { lastUsed: new Date() };
+	const changes: MongoUpdate<IAuth> = { lastUsed: new Date() };
 
 	if (auth.disabled || auth.banned) {
 		if (!auth.banned && auth.account && !!mergeAccount) {