ng update

ng update @angular/cdk @angular/cli @angular/core @angular/material rxjs @angular/flex-layout

CHANGELOG.md

@@ -10,7 +10,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
 
 ### Changed
 
-* Better screenshot
+- Better screenshot
+- Upgraded to Angular 10
 
 ### Deprecated
 
@@ -28,7 +29,7 @@ Tests were done with `ipfs-npm` : They weren't successful. `ipfs-css` is only mi
 
 ### Added
 
-* GitLab Pages - <https://natoboram.gitlab.io/public-gateway-cacher/>
+- GitLab Pages - <https://natoboram.gitlab.io/public-gateway-cacher/>
 
 ## [1.0.0] - 2019-11-28
 
@@ -36,9 +37,9 @@ This version is a fork of [github.com/ipfs/public-gateway-checker](https://githu
 
 ## Types of changes
 
-* `Added` for new features.
+- `Added` for new features.
-* `Changed` for changes in existing functionality.
+- `Changed` for changes in existing functionality.
-* `Deprecated` for soon-to-be removed features.
+- `Deprecated` for soon-to-be removed features.
-* `Removed` for now removed features.
+- `Removed` for now removed features.
-* `Fixed` for any bug fixes.
+- `Fixed` for any bug fixes.
-* `Security` in case of vulnerabilities.
+- `Security` in case of vulnerabilities.

e2e/tsconfig.json

@@ -1,9 +1,9 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/e2e",
     "module": "commonjs",
-    "target": "es5",
+    "target": "es2018",
     "types": [
       "jasmine",
       "jasminewd2",

package.json

@@ -16,47 +16,46 @@
   },
   "private": false,
   "dependencies": {
-    "@angular/animations": "~8.2.14",
+    "@angular/animations": "~10.0.2",
-    "@angular/cdk": "~8.2.3",
+    "@angular/cdk": "~10.0.1",
-    "@angular/common": "~8.2.14",
+    "@angular/common": "~10.0.2",
-    "@angular/compiler": "~8.2.14",
+    "@angular/compiler": "~10.0.2",
-    "@angular/core": "~8.2.14",
+    "@angular/core": "~10.0.2",
-    "@angular/flex-layout": "^8.0.0-beta.27",
+    "@angular/flex-layout": "^10.0.0-beta.32",
-    "@angular/forms": "~8.2.14",
+    "@angular/forms": "~10.0.2",
-    "@angular/material": "^8.2.3",
+    "@angular/material": "^10.0.1",
-    "@angular/platform-browser": "~8.2.14",
+    "@angular/platform-browser": "~10.0.2",
-    "@angular/platform-browser-dynamic": "~8.2.14",
+    "@angular/platform-browser-dynamic": "~10.0.2",
-    "@angular/router": "~8.2.14",
+    "@angular/router": "~10.0.2",
     "bootstrap": "^4.4.1",
-    "hammerjs": "^2.0.8",
     "ipfs-css": "^0.13.1",
-    "rxjs": "~6.5.3",
+    "rxjs": "~6.6.0",
-    "tslib": "^1.10.0",
+    "tslib": "^2.0.0",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.3"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.20",
+    "@angular-devkit/build-angular": "~0.1000.1",
-    "@angular/cli": "~8.3.20",
+    "@angular/cli": "~10.0.1",
-    "@angular/compiler-cli": "~8.2.14",
+    "@angular/compiler-cli": "~10.0.2",
-    "@angular/language-service": "~8.2.14",
+    "@angular/language-service": "~10.0.2",
     "@types/jasmine": "~3.3.8",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
+    "@types/node": "^12.11.1",
-    "codelyzer": "^5.0.0",
+    "codelyzer": "^5.1.2",
-    "jasmine-core": "~3.4.0",
+    "jasmine-core": "~3.5.0",
-    "jasmine-spec-reporter": "~4.2.1",
+    "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~4.1.0",
+    "karma": "~5.0.0",
-    "karma-chrome-launcher": "~2.2.0",
+    "karma-chrome-launcher": "~3.1.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
+    "karma-coverage-istanbul-reporter": "~3.0.2",
-    "karma-jasmine": "~2.0.1",
+    "karma-jasmine": "~3.3.0",
-    "karma-jasmine-html-reporter": "^1.4.0",
+    "karma-jasmine-html-reporter": "^1.5.0",
-    "protractor": "~5.4.0",
+    "protractor": "~7.0.0",
     "rxjs-tslint-rules": "^4.26.3",
     "ts-node": "~7.0.0",
-    "tslint": "~5.15.0",
+    "tslint": "~6.1.0",
     "tslint-consistent-codestyle": "^1.16.0",
     "tslint-origin-ordered-imports-rule": "^1.2.2",
     "tslint-rxjs-subject-restrictions-rule": "^1.0.4",
-    "typescript": "~3.5.3"
+    "typescript": "~3.9.6"
   }
 }

src/app/pages/pages.component.ts

@@ -21,7 +21,7 @@ export class PagesComponent implements OnInit {
   ];
   subscriptions: Subscription[] = [];
 
-  @ViewChild(MatTable, { static: false }) matTable: MatTable<Result>;
+  @ViewChild(MatTable) matTable: MatTable<Result>;
 
   constructor(
     private readonly gatewayService: GatewayService

src/main.ts

@@ -1,6 +1,5 @@
 import { enableProdMode } from '@angular/core';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
-import 'hammerjs';
 import { AppModule } from './app/app.module';
 import { environment } from './environments/environment';
 

tsconfig.app.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "./tsconfig.base.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
     "types": []

tsconfig.base.json

@@ -0,0 +1,26 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist/out-tsc",
+    "sourceMap": true,
+    "declaration": false,
+    "downlevelIteration": true,
+    "experimentalDecorators": true,
+    "module": "es2020",
+    "moduleResolution": "node",
+    "importHelpers": true,
+    "target": "es2015",
+    "typeRoots": [
+      "node_modules/@types"
+    ],
+    "lib": [
+      "es2018",
+      "dom"
+    ]
+  },
+  "angularCompilerOptions": {
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true
+  }
+}

tsconfig.json

@@ -1,26 +1,17 @@
+/*
+  This is a "Solution Style" tsconfig.json file, and is used by editors and TypeScript’s language server to improve development experience.
+  It is not intended to be used to perform a compilation.
+
+  To learn more about this file see: https://angular.io/config/solution-tsconfig.
+*/
 {
-  "compileOnSave": false,
+  "files": [],
-  "compilerOptions": {
+  "references": [
-    "baseUrl": "./",
+    {
-    "outDir": "./dist/out-tsc",
+      "path": "./tsconfig.app.json"
-    "sourceMap": true,
+    },
-    "declaration": false,
+    {
-    "downlevelIteration": true,
+      "path": "./tsconfig.spec.json"
-    "experimentalDecorators": true,
+    }
-    "module": "esnext",
+  ]
-    "moduleResolution": "node",
-    "importHelpers": true,
-    "target": "es2015",
-    "typeRoots": [
-      "node_modules/@types"
-    ],
-    "lib": [
-      "es2018",
-      "dom"
-    ]
-  },
-  "angularCompilerOptions": {
-    "fullTemplateTypeCheck": true,
-    "strictInjectionParameters": true
-  }
 }

tsconfig.spec.json

@@ -1,5 +1,5 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "./tsconfig.base.json",
   "compilerOptions": {
     "outDir": "./out-tsc/spec",
     "types": [

tslint.json

@@ -80,7 +80,6 @@
     "no-non-null-assertion": true,
     "no-redundant-jsdoc": true,
     "no-switch-case-fall-through": true,
-    "no-use-before-declare": true,
     "no-var-requires": false,
     "object-literal-key-quotes": [
       true,