Merge pull request #1 from strongbox/upgrade-angular-9

Upgrade to angular 9

Author: steve-todorov

angular.json

@@ -46,7 +46,6 @@
               "sourceMap": false,
               "extractCss": true,
               "namedChunks": false,
-              "aot": true,
               "extractLicenses": true,
               "vendorChunk": false,
               "buildOptimizer": true,

package-lock.json

@@ -4,55 +4,60 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build --delete-output-path --prod --deployUrl /database/static/assets/",
+    "build": "ng build --delete-output-path --prod --deployUrl /database/static/assets/ --build-optimizer",
+    "build-source-map":  "npm run build -- --source-map",
     "package": "./node_modules/.bin/rimraf dist/packaging/* && ./node_modules/.bin/webpack --env.configuration=prod",
     "serve-packaged": "./node_modules/.bin/http-server dist/packaging/strongbox-database-ui -a 127.0.0.1 -p 4207 -g -c-1 --no-dotfiles -o  /",
     "ci-build": "npm run build && npm run package",
     "ci-test": "ng test --browsers HeadlessChrome,HeadlessFirefox",
     "ci-e2e": "ng e2e --port 4201 --protractor-config ./e2e/protractor-ci.conf.js",
     "test": "ng test --watch --browsers Chrome --source-map=false",
     "lint": "ng lint",
-    "e2e": "ng e2e --port 4201"
+    "e2e": "ng e2e --port 4201",
+    "// postinstall note": "Check https://angular.io/guide/ivy#speeding-up-ngcc-compilation",
+    "postinstall": "ngcc --properties es2015 browser module main --first-only --create-ivy-entry-points",
+    "// utils": "",
+    "source-map-explorer": "node_modules/.bin/source-map-explorer dist/strongbox-database-ui/main-es2015.*.js"
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~8.2.14",
-    "@angular/cdk": "~8.2.3",
-    "@angular/common": "~8.2.14",
-    "@angular/compiler": "~8.2.14",
-    "@angular/core": "~8.2.14",
-    "@angular/flex-layout": "^8.0.0-beta.27",
-    "@angular/forms": "~8.2.14",
-    "@angular/material": "^8.2.3",
-    "@angular/platform-browser": "~8.2.14",
-    "@angular/platform-browser-dynamic": "~8.2.14",
-    "@angular/router": "~8.2.14",
+    "@angular/animations": "~9.0.0",
+    "@angular/cdk": "~9.0.0",
+    "@angular/common": "~9.0.0",
+    "@angular/compiler": "~9.0.0",
+    "@angular/core": "~9.0.0",
+    "@angular/flex-layout": "^9.0.0-beta.29",
+    "@angular/forms": "~9.0.0",
+    "@angular/material": "~9.0.0",
+    "@angular/platform-browser": "~9.0.0",
+    "@angular/platform-browser-dynamic": "~9.0.0",
+    "@angular/router": "~9.0.0",
     "class-transformer": "^0.2.3",
     "core-js": "^3.5.0",
     "d3": "^5.14.2",
     "d3-force": "^2.0.1",
     "d3-force-reuse": "^1.0.1",
     "ionicons": "^4.6.3",
     "ngx-json-viewer": "^2.4.0",
-    "ngx-toastr": "^11.2.1",
+    "ngx-toastr": "^12.0.0",
     "open-sans-fontface": "^1.4.0",
-    "rxjs": "~6.4.0",
+    "rxjs": "~6.5.4",
     "tslib": "^1.10.0",
     "uuid": "^3.3.3",
-    "zone.js": "~0.9.1"
+    "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.803.20",
-    "@angular/cli": "~8.3.20",
-    "@angular/compiler-cli": "~8.2.14",
-    "@angular/language-service": "~8.2.14",
+    "@angular-devkit/build-angular": "~0.900.1",
+    "@angular/cli": "~9.0.1",
+    "@angular/compiler-cli": "~9.0.0",
+    "@angular/language-service": "~9.0.0",
     "@types/d3": "^5.7.2",
     "@types/d3-force": "^1.2.1",
     "@types/d3-selection": "^1.4.1",
     "@types/jasmine": "~3.3.8",
     "@types/jasminewd2": "~2.0.3",
-    "@types/node": "~8.9.4",
-    "codelyzer": "^5.0.0",
+    "@types/node": "^12.11.1",
+    "codelyzer": "^5.1.2",
     "compression-webpack-plugin": "^3.0.1",
     "filemanager-webpack-plugin": "^2.0.5",
     "http-server": "^0.12.0",
@@ -68,9 +73,10 @@
     "karma-verbose-reporter": "0.0.6",
     "protractor": "~5.4.0",
     "rimraf": "^3.0.0",
+    "source-map-explorer": "^2.2.2",
     "ts-node": "~7.0.0",
     "tslint": "~5.15.0",
-    "typescript": "~3.5.3",
+    "typescript": "~3.7.5",
     "webpack-cli": "^3.3.10",
     "webpack-manifest-plugin": "^2.2.0"
   }

package.json

@@ -1,65 +1,28 @@
 import {NgModule} from '@angular/core';
 import {FlexLayoutModule} from '@angular/flex-layout';
 import {NgxJsonViewerModule} from 'ngx-json-viewer';
-
-import {
-    MatAutocompleteModule,
-    MatBadgeModule,
-    MatButtonModule,
-    MatButtonToggleModule,
-    MatCardModule,
-    MatCheckboxModule,
-    MatChipsModule,
-    MatDialogModule,
-    MatExpansionModule,
-    MatIconModule,
-    MatInputModule,
-    MatListModule,
-    MatMenuModule,
-    MatPaginatorModule,
-    MatProgressBarModule,
-    MatProgressSpinnerModule,
-    MatRadioModule,
-    MatSelectModule,
-    MatSidenavModule,
-    MatSlideToggleModule,
-    MatSortModule,
-    MatTableModule,
-    MatTabsModule,
-    MatToolbarModule,
-    MatTooltipModule
-} from '@angular/material';
+import {MatButtonModule} from '@angular/material/button';
+import {MatCardModule} from '@angular/material/card';
+import {MatInputModule} from '@angular/material/input';
+import {MatListModule} from '@angular/material/list';
+import {MatProgressBarModule} from '@angular/material/progress-bar';
+import {MatSelectModule} from '@angular/material/select';
+import {MatSortModule} from '@angular/material/sort';
+import {MatTableModule} from '@angular/material/table';
 
 import {CdkTableModule} from '@angular/cdk/table';
 
 const components = [
     CdkTableModule,
     FlexLayoutModule,
-    MatAutocompleteModule,
-    MatBadgeModule,
     MatButtonModule,
-    MatButtonToggleModule,
     MatCardModule,
-    MatCheckboxModule,
-    MatChipsModule,
-    MatDialogModule,
     MatInputModule,
-    MatIconModule,
     MatListModule,
-    MatExpansionModule,
-    MatMenuModule,
-    MatPaginatorModule,
     MatProgressBarModule,
-    MatProgressSpinnerModule,
-    MatRadioModule,
     MatSelectModule,
-    MatSidenavModule,
-    MatSlideToggleModule,
     MatTableModule,
     MatSortModule,
-    MatTabsModule,
-    MatToolbarModule,
-    MatTooltipModule,
     NgxJsonViewerModule
 ];
 

src/app/material.module.ts

@@ -17,7 +17,7 @@ export class ConsoleQueryResultJsonViewComponent implements OnInit, OnDestroy, A
     @Input()
     result: QueryResponse = null;
 
-    @ViewChild('jsonViewer', {static: false, read: NgxJsonViewerComponent})
+    @ViewChild('jsonViewer', { read: NgxJsonViewerComponent })
     jsonView: NgxJsonViewerComponent = null;
 
     prettyView: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(true);

src/app/pages/console/components/console-query-result/components/console-query-result-json-view/console-query-result-json-view.component.ts

@@ -1,6 +1,6 @@
 import {Component, Input, OnDestroy, OnInit, ViewChild} from '@angular/core';
 import {FormControl} from '@angular/forms';
-import {MatTableDataSource} from '@angular/material';
+import { MatTableDataSource } from '@angular/material/table';
 import {NgxJsonViewerComponent} from 'ngx-json-viewer';
 import {Subject} from 'rxjs';
 
@@ -20,7 +20,7 @@ export class ConsoleQueryResultTableViewComponent implements OnInit, OnDestroy {
     displayedColumns: FormControl = new FormControl();
     dataSource: MatTableDataSource<any> = new MatTableDataSource<any>([]);
 
-    @ViewChild('jsonViewer', {static: false, read: NgxJsonViewerComponent})
+    @ViewChild('jsonViewer', { read: NgxJsonViewerComponent })
     jsonView: NgxJsonViewerComponent;
 
     tableViewData: TableViewData = null;

src/app/pages/console/components/console-query-result/components/console-query-result-table-view/console-query-result-table-view.component.ts

@@ -1,6 +1,6 @@
 import {AfterContentInit, Component, ElementRef, HostListener, OnDestroy, OnInit, ViewChild} from '@angular/core';
 import {FormControl, Validators} from '@angular/forms';
-import {MatList} from '@angular/material';
+import { MatList } from '@angular/material/list';
 import {BehaviorSubject, Subject} from 'rxjs';
 import {takeUntil} from 'rxjs/operators';
 
@@ -38,7 +38,7 @@ export class ConsoleQueryComponent implements OnInit, OnDestroy, AfterContentIni
     @ViewChild('queryTextArea', {static: true, read: ElementRef})
     private queryTextArea: ElementRef;
 
-    @ViewChild('historyList', {static: false, read: MatList})
+    @ViewChild('historyList', { read: MatList })
     private historyList: MatList;
 
     private destroy$: Subject<any> = new Subject();

src/app/pages/console/components/console-query/console-query.component.ts

@@ -1,5 +1,5 @@
 import {Component, OnDestroy, OnInit} from '@angular/core';
-import {MatTableDataSource} from '@angular/material';
+import { MatTableDataSource } from '@angular/material/table';
 
 import {DatabaseService} from '../../services/database.service';
 import {CypherQueryRequest} from '../../models/query.model';

src/app/pages/schema/schema.component.ts

@@ -9,7 +9,7 @@
     "src/polyfills.ts"
   ],
   "include": [
-    "src/**/*.ts"
+    "src/**/*.d.ts"
   ],
   "exclude": [
     "src/test.ts",