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'.

server/server.tsconfig.json

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

src/app/app.module.ts

@@ -11,14 +11,14 @@ import {ReactiveFormsModule} from "@angular/forms";
 import {environment} from '../environments/environment';
 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/lessons/lessons.component.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',
@@ -32,7 +33,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/services/lessons.service.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/tsconfig.app.json

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

src/tsconfig.spec.json

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

tsconfig.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"
     ],

tslint.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,