upgrade to Angular 8 and Node 12

Author: jhades

browserslist

@@ -0,0 +1,12 @@
+# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
+# For additional information regarding the format and rule options, please see:
+# https://github.com/browserslist/browserslist#queries
+
+# You can see what browsers were selected by your queries by running:
+#   npx browserslist
+
+> 0.5%
+last 2 versions
+Firefox ESR
+not dead
+not IE 9-11 # For IE 9-11 support, remove 'not'.

package-lock.json

@@ -5,7 +5,7 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve --proxy-config ./proxy.json --live-reload false",
-    "server": "./node_modules/.bin/ts-node ./server/server.ts",
+    "server": "ts-node -P ./server/server.tsconfig.json ./server/server.ts",
     "build": "ng build",
     "start:prod": "ng build --prod && cd dist && http-server -c-1 -P http://localhost:9000 .",
     "test": "ng test",
@@ -14,17 +14,16 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "^7.0.0",
-    "@angular/common": "^7.0.0",
-    "@angular/compiler": "^7.0.0",
-    "@angular/core": "^7.0.0",
-    "@angular/forms": "^7.0.0",
-    "@angular/http": "^7.0.0",
-    "@angular/platform-browser": "^7.0.0",
-    "@angular/platform-browser-dynamic": "^7.0.0",
-    "@angular/platform-server": "^7.0.0",
-    "@angular/router": "^7.0.0",
-    "@angular/service-worker": "^7.0.0",
+    "@angular/animations": "^8.0.0",
+    "@angular/common": "^8.0.0",
+    "@angular/compiler": "^8.0.0",
+    "@angular/core": "^8.0.0",
+    "@angular/forms": "^8.0.0",
+    "@angular/platform-browser": "^8.0.0",
+    "@angular/platform-browser-dynamic": "^8.0.0",
+    "@angular/platform-server": "^8.0.0",
+    "@angular/router": "^8.0.0",
+    "@angular/service-worker": "^8.0.0",
     "@types/express": "^4.0.36",
     "@types/lodash": "^4.14.70",
     "body-parser": "^1.17.2",
@@ -33,32 +32,31 @@
     "core-js": "^2.4.1",
     "http-server": "^0.10.0",
     "moment": "^2.18.1",
-    "nodemon": "^1.11.0",
+    "nodemon": "^1.19.1",
     "rxjs": "^6.3.3",
     "web-push": "^3.2.5",
-    "zone.js": "^0.8.26",
-    "rxjs-compat": "^6.0.0-rc.0"
+    "zone.js": "~0.9.1"
   },
   "devDependencies": {
-    "@angular/cli": "^7.0.1",
-    "@angular/compiler-cli": "^7.0.0",
-    "@angular/language-service": "^7.0.0",
+    "@angular-devkit/build-angular": "~0.800.0",
+    "@angular/cli": "^8.0.1",
+    "@angular/compiler-cli": "^8.0.0",
+    "@angular/language-service": "^8.0.0",
     "@types/jasmine": "~2.5.53",
     "@types/jasminewd2": "~2.0.2",
     "@types/node": "~6.0.60",
-    "codelyzer": "~4.2.0",
+    "codelyzer": "^5.0.1",
     "jasmine-core": "~2.6.2",
     "jasmine-spec-reporter": "~4.1.0",
-    "karma": "~1.7.0",
+    "karma": "^4.1.0",
     "karma-chrome-launcher": "~2.1.1",
     "karma-cli": "~1.0.1",
     "karma-coverage-istanbul-reporter": "^1.2.1",
     "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "protractor": "~5.1.2",
+    "protractor": "^6.0.0",
     "ts-node": "~3.2.0",
     "tslint": "~5.7.0",
-    "typescript": "~3.1.3",
-    "@angular-devkit/build-angular": "~0.10.0"
+    "typescript": "~3.4.5"
   }
 }

package.json

@@ -0,0 +1,6 @@
+{
+  "compilerOptions": {
+    "module": "commonjs",
+    "lib": ["es2017"]
+  }
+}

server/server.tsconfig.json

@@ -11,14 +11,14 @@ import {ReactiveFormsModule} from "@angular/forms";
 import {environment} from '../environments/environment.prod';
 import {ServiceWorkerModule} from '@angular/service-worker';
 
-import 'rxjs/add/operator/switchMap';
-import 'rxjs/add/operator/map';
-import 'rxjs/add/operator/shareReplay';
-import 'rxjs/add/operator/do';
-import 'rxjs/add/operator/filter';
-import 'rxjs/add/operator/catch';
-import 'rxjs/add/operator/first';
-import 'rxjs/add/observable/of';
+
+
+
+
+
+
+
+
 import {BrowserAnimationsModule} from "@angular/platform-browser/animations";
 import {AppRoutingModule} from "./app-routing.module";
 import {NewsletterService} from "./services/newsletter.service";

src/app/app.module.ts

@@ -1,9 +1,10 @@
 import {Component, OnInit} from '@angular/core';
 import {LessonsService} from "../services/lessons.service";
-import {Observable} from "rxjs/Observable";
+import {Observable, of} from 'rxjs';
 import {Lesson} from "../model/lesson";
 import {SwPush} from "@angular/service-worker";
 import {NewsletterService} from "../services/newsletter.service";
+import {catchError} from 'rxjs/operators';
 
 @Component({
     selector: 'lessons',
@@ -29,7 +30,7 @@ export class LessonsComponent implements OnInit {
 
 
     loadLessons() {
-        this.lessons$ = this.lessonsService.loadAllLessons().catch(err => Observable.of([]));
+        this.lessons$ = this.lessonsService.loadAllLessons().pipe(catchError(err => of([])));
     }
 
     subscribeToNotifications() {

src/app/lessons/lessons.component.ts

@@ -2,7 +2,8 @@
 import {Injectable} from "@angular/core";
 import {HttpClient} from "@angular/common/http";
 import {Lesson} from "../model/lesson";
-import {Observable} from "rxjs/Observable";
+import {Observable} from "rxjs";
+import {map} from 'rxjs/operators';
 
 
 @Injectable()
@@ -14,7 +15,9 @@ export class LessonsService {
 
     loadAllLessons() : Observable<Lesson[]> {
         return this.http.get<any>('/api/lessons')
-            .map(res => res.lessons);
+          .pipe(
+            map(res => res.lessons)
+          )
     }
 
     findLessonById(id:number) {

src/app/services/lessons.service.ts

@@ -3,7 +3,6 @@
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "baseUrl": "./",
-    "module": "es2015",
     "types": []
   },
   "exclude": [

src/tsconfig.app.json

@@ -3,8 +3,6 @@
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
     "baseUrl": "./",
-    "module": "commonjs",
-    "target": "es5",
     "types": [
       "jasmine",
       "node"

src/tsconfig.spec.json

@@ -1,13 +1,14 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "module": "esnext",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,
     "declaration": false,
     "moduleResolution": "node",
     "emitDecoratorMetadata": true,
     "experimentalDecorators": true,
-    "target": "es5",
+    "target": "es2015",
     "typeRoots": [
       "node_modules/@types"
     ],

tsconfig.json

@@ -125,12 +125,12 @@
       "app",
       "kebab-case"
     ],
-    "use-input-property-decorator": true,
-    "use-output-property-decorator": true,
-    "use-host-property-decorator": true,
+    "no-inputs-metadata-property": true,
+    "no-outputs-metadata-property": true,
+    "no-host-metadata-property": true,
     "no-input-rename": true,
     "no-output-rename": true,
-    "use-life-cycle-interface": true,
+    "use-lifecycle-interface": true,
     "use-pipe-transform-interface": true,
     "component-class-suffix": true,
     "directive-class-suffix": true,