chore(e2e): update router app to webpack 4 and NG 6

Author: sis0k0

e2e/router/app/app.module.ts

@@ -2,8 +2,6 @@ import { NgModule, NgModuleFactoryLoader, NO_ERRORS_SCHEMA } from "@angular/core
 import { NativeScriptModule } from "nativescript-angular/nativescript.module";
 import { NSModuleFactoryLoader } from "nativescript-angular/router";
 
-import "./rxjs-operators";
-
 import {
     AppRoutingModule,
     navigatableComponents,

e2e/router/app/first/first.component.ts

@@ -4,7 +4,6 @@ import { Location } from "@angular/common";
 import { RouterExtensions } from "nativescript-angular/router";
 
 import { Page } from "ui/page";
-import { Observable } from "rxjs/Observable";
 
 @Component({
     selector: "first",

e2e/router/app/lazy/lazy-componentless-route.component.ts

@@ -4,7 +4,6 @@ import { Location } from "@angular/common";
 import { RouterExtensions } from "nativescript-angular/router";
 
 import { Page } from "ui/page";
-import { Observable } from "rxjs/Observable";
 
 @Component({
     selector: "lazy",

e2e/router/app/lazy/lazy.component.ts

@@ -4,7 +4,6 @@ import { Location } from "@angular/common";
 import { RouterExtensions } from "nativescript-angular/router";
 
 import { Page } from "ui/page";
-import { Observable } from "rxjs/Observable";
 
 @Component({
     selector: "lazy",

e2e/router/app/rxjs-operators.ts

@@ -2,7 +2,8 @@ import { Component, OnInit, OnDestroy } from "@angular/core";
 import { ActivatedRoute, Router, Route } from "@angular/router";
 import { Location } from "@angular/common";
 import { Page } from "ui/page";
-import { Observable } from "rxjs/Observable";
+import { Observable } from "rxjs";
+import { map } from "rxjs/operators";
 
 @Component({
     selector: "detail",
@@ -19,7 +20,7 @@ export class DetailComponent {
 
     constructor(private router: Router, private route: ActivatedRoute) {
         console.log("DetailComponent - constructor()");
-        this.id$ = route.params.map(r => r["id"]);
+        this.id$ = route.params.pipe(map(r => r["id"]));
     }
 
     ngOnInit() {
@@ -29,4 +30,4 @@ export class DetailComponent {
     ngOnDestroy() {
         console.log("DetailComponent - ngOnDestroy()");
     }
-}
+}

e2e/router/app/second/detail.component.ts

@@ -3,7 +3,8 @@ import { ActivatedRoute, Router, Route } from "@angular/router";
 
 import { RouterExtensions } from "nativescript-angular/router";
 import { Page } from "ui/page";
-import { Observable } from "rxjs/Observable";
+import { Observable } from "rxjs";
+import { map } from "rxjs/operators";
 
 @Component({
     selector: "second",
@@ -28,8 +29,8 @@ export class SecondComponent implements OnInit, OnDestroy {
 
     constructor(private routerExt: RouterExtensions, route: ActivatedRoute, page: Page) {
         console.log("SecondComponent - constructor() page: " + page);
-        this.depth$ = route.params.map(r => r["depth"]);
-        this.nextDepth$ = route.params.map(r => +r["depth"] + 1);
+        this.depth$ = route.params.pipe(map(r => r["depth"]));
+        this.nextDepth$ = route.params.pipe(map(r => +r["depth"] + 1));
     }
 
     ngOnInit() {
@@ -43,4 +44,4 @@ export class SecondComponent implements OnInit, OnDestroy {
     goBack() {
         this.routerExt.back();
     }
-}
+}

e2e/router/app/second/second.component.ts

@@ -5,8 +5,6 @@ const appCssContext = require.context("~/", false, /^\.\/app\.(css|scss|less|sas
 global.registerWebpackModules(appCssContext);
 application.loadAppCss();
 
-require("./vendor-platform");
-
 require("reflect-metadata");
 require("@angular/platform-browser");
 require("@angular/core");