chore(pilot-ui): update angular to 10.x latest

lokesh-coder · lokesh-coder · commit 2f96b3e75717 · 2020-08-22T18:10:59.000+05:30
diff --git a/packages/misc/pilot-ui/.browserslistrc b/packages/misc/pilot-ui/.browserslistrc
diff --git a/packages/misc/pilot-ui/angular.json b/packages/misc/pilot-ui/angular.json
@@ -28,8 +28,7 @@
             "aot": false,
             "assets": ["src/favicon.ico", "src/assets"],
             "styles": ["src/styles.scss", "src/tailwind.scss"],
-            "scripts": [],
-            "es5BrowserSupport": true
+            "scripts": []
           },
           "configurations": {
             "production": {
diff --git a/packages/misc/pilot-ui/package-lock.json b/packages/misc/pilot-ui/package-lock.json
diff --git a/packages/misc/pilot-ui/package.json b/packages/misc/pilot-ui/package.json
@@ -13,48 +13,48 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~9.1.12",
-    "@angular/common": "~9.1.12",
-    "@angular/compiler": "~9.1.12",
-    "@angular/core": "~9.1.12",
-    "@angular/forms": "~9.1.12",
-    "@angular/platform-browser": "~9.1.12",
-    "@angular/platform-browser-dynamic": "~9.1.12",
-    "@angular/router": "~9.1.12",
-    "@ngxs/devtools-plugin": "^3.4.3",
-    "@ngxs/store": "^3.4.3",
-    "angular-split": "^3.0.1",
-    "autoprefixer": "^9.5.1",
-    "core-js": "^2.5.4",
+    "@angular/animations": "~10.0.11",
+    "@angular/common": "~10.0.11",
+    "@angular/compiler": "~10.0.11",
+    "@angular/core": "~10.0.11",
+    "@angular/forms": "~10.0.11",
+    "@angular/platform-browser": "~10.0.11",
+    "@angular/platform-browser-dynamic": "~10.0.11",
+    "@angular/router": "~10.0.11",
+    "@ngxs/devtools-plugin": "^3.6.2",
+    "@ngxs/store": "^3.6.2",
+    "angular-split": "^4.0.0",
+    "autoprefixer": "^9.8.6",
+    "core-js": "^3.6.5",
     "pretty-checkbox": "^3.0.3",
-    "remixicon": "^2.1.0",
+    "remixicon": "^2.5.0",
     "rxjs": "^6.6.2",
-    "tailwindcss": "^1.1.3",
-    "toppy": "^2.3.3",
-    "tslib": "^1.10.0",
-    "zone.js": "~0.10.2"
+    "tailwindcss": "^1.7.3",
+    "toppy": "^2.3.4",
+    "tslib": "^2.0.1",
+    "zone.js": "~0.11.1"
   },
   "devDependencies": {
-    "@angular-builders/custom-webpack": "^8.4.0",
-    "@angular-devkit/build-angular": "~0.901.12",
-    "@angular/cli": "~9.1.12",
-    "@angular/compiler-cli": "~9.1.12",
-    "@angular/language-service": "~9.1.12",
-    "@fullhuman/postcss-purgecss": "^1.3.0",
-    "@types/jasminewd2": "~2.0.3",
+    "@angular-builders/custom-webpack": "^10.0.0",
+    "@angular-devkit/build-angular": "~0.1000.7",
+    "@angular/cli": "~10.0.7",
+    "@angular/compiler-cli": "~10.0.11",
+    "@angular/language-service": "~10.0.11",
+    "@fullhuman/postcss-purgecss": "^2.3.0",
+    "@types/jasminewd2": "~2.0.8",
     "argh": "^1.0.0",
-    "codelyzer": "^5.1.2",
-    "configstore": "^5.0.0",
-    "jasmine-core": "~3.4.0",
-    "jasmine-spec-reporter": "~4.2.1",
-    "karma": "~4.1.0",
-    "karma-chrome-launcher": "~2.2.0",
-    "karma-coverage-istanbul-reporter": "~2.0.1",
-    "karma-jasmine": "~2.0.1",
-    "karma-jasmine-html-reporter": "^1.4.0",
+    "codelyzer": "^6.0.0",
+    "configstore": "^5.0.1",
+    "jasmine-core": "~3.6.0",
+    "jasmine-spec-reporter": "~5.0.2",
+    "karma": "~5.1.1",
+    "karma-chrome-launcher": "~3.1.0",
+    "karma-coverage-istanbul-reporter": "~3.0.3",
+    "karma-jasmine": "~4.0.1",
+    "karma-jasmine-html-reporter": "^1.5.4",
     "postcss-import": "^12.0.1",
     "postcss-loader": "^3.0.0",
-    "postcss-scss": "^2.0.0",
-    "protractor": "~5.4.0"
+    "postcss-scss": "^2.1.1",
+    "protractor": "~7.0.0"
   }
 }
diff --git a/packages/misc/pilot-ui/src/app/components/header/header.component.ts b/packages/misc/pilot-ui/src/app/components/header/header.component.ts
@@ -1,12 +1,12 @@
-import { Component } from "@angular/core";
+import { Component, OnInit } from "@angular/core";
 import { Select } from "@ngxs/store";
 import { Observable } from "rxjs";
 
 @Component({
   selector: "pilot-header",
   templateUrl: "./header.template.html",
 })
-export class HeaderComponent {
+export class HeaderComponent implements OnInit {
   menuItems = [];
   @Select((state) => state.common.config)
   webConfig$: Observable<object>;
diff --git a/packages/misc/pilot-ui/src/app/components/header/header.template.html b/packages/misc/pilot-ui/src/app/components/header/header.template.html
@@ -2,7 +2,7 @@
   class="bg-white flex border-bottom-2 border-b border-gray-300 mb-5"
   *ngIf="webConfig$ | async as config"
 >
-  <div class="container mx-auto">
+  <div class="container mx-auto" *ngIf="config.pilot">
     <div class="flex flex-wrap items-center">
       <div class="w-full sm:w-1/3 flex items-center p-5 sm:p-0 justify-start">
         <i class="ri-dashboard-line mr-3 text-xl text-violet"></i>
@@ -29,7 +29,6 @@
               [routerLink]="menuItem.path"
             >
               <i
-                [class]="menuItem.icon"
                 class="{{menuItem.icon+' mr-1 text-xl text-gray-900 group-hover:text-vio-500 block text-center'}}"
               ></i>
               {{menuItem.name}}</a
diff --git a/packages/misc/pilot-ui/src/app/services/commands.service.ts b/packages/misc/pilot-ui/src/app/services/commands.service.ts
@@ -16,23 +16,23 @@ export class CommandsService {
 
   onRequestCommands(): Observable<any> {
     return this.wsService.listen().pipe(
-      filter(a => a && a.onRequestAllCommands),
+      filter((a) => a && a.onRequestAllCommands),
       take(1),
-      map(req => req.onRequestAllCommands),
-      map(cmds => {
-        return cmds.filter(cmd => cmd.isVisible);
+      map((req) => req.onRequestAllCommands),
+      map((cmds) => {
+        return cmds.filter((cmd) => cmd.isVisible);
       }),
     );
   }
 
   createdNestedCommands(commands: object[]) {
     const nest = (items, main = null, parent = "") =>
       items
-        .filter(item => item.main === main)
-        .map(item => ({
+        .filter((item) => item.main === main)
+        .map((item) => ({
           ...item,
           children: nest(items, item.name, (parent + " " + item.name).trim()),
-          family: [...parent.split(" "), item.name].filter(a => a),
+          family: [...parent.split(" "), item.name].filter((a) => a),
         }));
     return nest(commands);
   }
diff --git a/packages/misc/pilot-ui/src/app/store/states/command.state.ts b/packages/misc/pilot-ui/src/app/store/states/command.state.ts
@@ -1,3 +1,4 @@
+import { Injectable } from "@angular/core";
 import { State, Action, StateContext } from "@ngxs/store";
 import { SelectedCommand } from "../actions/command.actions";
 
@@ -7,6 +8,7 @@ import { SelectedCommand } from "../actions/command.actions";
     command: null,
   },
 })
+@Injectable()
 export class CommandState {
   @Action(SelectedCommand)
   selectedCommand(ctx: StateContext<any>, action: SelectedCommand) {
diff --git a/packages/misc/pilot-ui/src/app/store/states/commands.state.ts b/packages/misc/pilot-ui/src/app/store/states/commands.state.ts
@@ -1,3 +1,4 @@
+import { Injectable } from "@angular/core";
 import { State, Action, StateContext } from "@ngxs/store";
 import { UpdateCommands, LoadCommands } from "../actions/commands.actions";
 import { CommandsService } from "../../services/commands.service";
@@ -8,6 +9,7 @@ import { CommandModel } from "../../pilot.models";
   name: "commands",
   defaults: [],
 })
+@Injectable()
 export class CommandsState {
   constructor(private commandsService: CommandsService) {}
 
@@ -16,7 +18,7 @@ export class CommandsState {
     this.commandsService.requestCommands();
     return this.commandsService
       .onRequestCommands()
-      .pipe(mergeMap(commands => ctx.dispatch(new UpdateCommands(commands))));
+      .pipe(mergeMap((commands) => ctx.dispatch(new UpdateCommands(commands))));
   }
 
   @Action(UpdateCommands)
diff --git a/packages/misc/pilot-ui/src/app/store/states/common.state.ts b/packages/misc/pilot-ui/src/app/store/states/common.state.ts
@@ -1,3 +1,4 @@
+import { Injectable } from "@angular/core";
 import { Title } from "@angular/platform-browser";
 import { State, Action, StateContext, createSelector } from "@ngxs/store";
 import { CommonModel } from "../../pilot.models";
@@ -19,6 +20,7 @@ import { mergeMap } from "rxjs/operators";
     config: {},
   },
 })
+@Injectable()
 export class CommonState {
   constructor(
     private commonService: CommonService,
diff --git a/packages/misc/pilot-ui/src/app/store/states/logs.state.ts b/packages/misc/pilot-ui/src/app/store/states/logs.state.ts
@@ -1,4 +1,5 @@
 import { State, Action, StateContext } from "@ngxs/store";
+import { Injectable } from "@angular/core";
 import { mergeMap } from "rxjs/operators";
 import { LogsService } from "../../services/logs.service";
 import {
@@ -16,6 +17,7 @@ import { LogsModel, LogsDirection } from "../../pilot.models";
     direction: LogsDirection.DESC,
   },
 })
+@Injectable()
 export class LogsState {
   constructor(private logsService: LogsService) {}
 
diff --git a/packages/misc/pilot-ui/src/app/store/states/notification.state.ts b/packages/misc/pilot-ui/src/app/store/states/notification.state.ts
@@ -1,4 +1,5 @@
 import { State, Action, StateContext } from "@ngxs/store";
+import { Injectable } from "@angular/core";
 import { tap, mergeMap } from "rxjs/operators";
 import { NotificationModel } from "../../pilot.models";
 import { NotificationService } from "../../services/notification.service";
@@ -15,16 +16,17 @@ import {
     message: undefined,
   },
 })
+@Injectable()
 export class NotificationState {
   constructor(private notificationService: NotificationService) {}
 
   @Action(ListenForNotification)
   listen(ctx: StateContext<NotificationModel>) {
     return this.notificationService.getNotification().pipe(
-      tap(message => {
+      tap((message) => {
         console.log("NOT", message);
       }),
-      mergeMap(message =>
+      mergeMap((message) =>
         ctx.dispatch(
           new UpdateNotification({ status: message.status, message }),
         ),
diff --git a/packages/misc/pilot-ui/src/app/store/states/project.state.ts b/packages/misc/pilot-ui/src/app/store/states/project.state.ts
@@ -1,4 +1,5 @@
 import { State, Action, StateContext } from "@ngxs/store";
+import { Injectable } from "@angular/core";
 import { mergeMap } from "rxjs/operators";
 import {
   SelectedProject,
@@ -12,6 +13,7 @@ import { ProjectsService } from "../../services/projects.service";
     project: null,
   },
 })
+@Injectable()
 export class ProjectState {
   constructor(private projectsService: ProjectsService) {}
 
diff --git a/packages/misc/pilot-ui/src/app/store/states/projects.state.ts b/packages/misc/pilot-ui/src/app/store/states/projects.state.ts
@@ -1,5 +1,6 @@
 import { State, Action, StateContext } from "@ngxs/store";
 import { mergeMap } from "rxjs/operators";
+import { Injectable } from "@angular/core";
 import { ProjectModel } from "../../pilot.models";
 import { LoadProjects, UpdateProjects } from "../actions/projects.actions";
 import { ProjectsService } from "../../services/projects.service";
@@ -8,6 +9,7 @@ import { ProjectsService } from "../../services/projects.service";
   name: "projects",
   defaults: [],
 })
+@Injectable()
 export class ProjectsState {
   constructor(private projectsService: ProjectsService) {}
 
diff --git a/packages/misc/pilot-ui/src/app/store/states/prompt.state.ts b/packages/misc/pilot-ui/src/app/store/states/prompt.state.ts
@@ -1,7 +1,6 @@
 import { State, Action, StateContext } from "@ngxs/store";
+import { Injectable } from "@angular/core";
 import { tap, mergeMap } from "rxjs/operators";
-import { LogsService } from "../../services/logs.service";
-import { LoadLogs, AddLog } from "../actions/logs.actions";
 import { PromptModel } from "../../pilot.models";
 import { PromptService } from "../../services/prompt.service";
 import {
@@ -17,16 +16,17 @@ import {
     questions: [],
   },
 })
+@Injectable()
 export class PromptState {
   constructor(private promptService: PromptService) {}
 
   @Action(ListenForPrompt)
   listenForPrompt(ctx: StateContext<PromptModel>) {
     return this.promptService.getPrompt().pipe(
-      tap(prompt => {
+      tap((prompt) => {
         console.log("PROMPT", prompt);
       }),
-      mergeMap(prompt => ctx.dispatch(new UpdatePrompt(prompt))),
+      mergeMap((prompt) => ctx.dispatch(new UpdatePrompt(prompt))),
     );
   }
 
diff --git a/packages/misc/pilot-ui/src/app/store/states/runners.state.ts b/packages/misc/pilot-ui/src/app/store/states/runners.state.ts
@@ -1,6 +1,6 @@
+import { Injectable } from "@angular/core";
 import { State, Action, StateContext } from "@ngxs/store";
-import { UpdateCommands, LoadCommands } from "../actions/commands.actions";
-import { tap, mergeMap } from "rxjs/operators";
+import { mergeMap } from "rxjs/operators";
 import { RunnerModel } from "../../pilot.models";
 import { RunnersService } from "../../services/runners.service";
 import { LoadRunners, UpdateRunners } from "../actions/runners.actions";
@@ -9,6 +9,7 @@ import { LoadRunners, UpdateRunners } from "../actions/runners.actions";
   name: "runners",
   defaults: [],
 })
+@Injectable()
 export class RunnersState {
   constructor(private runnersService: RunnersService) {}
 
@@ -17,7 +18,7 @@ export class RunnersState {
     this.runnersService.requestRunners();
     return this.runnersService
       .onRequestRunners()
-      .pipe(mergeMap(runners => ctx.dispatch(new UpdateRunners(runners))));
+      .pipe(mergeMap((runners) => ctx.dispatch(new UpdateRunners(runners))));
   }
 
   @Action(UpdateRunners)
diff --git a/packages/misc/pilot-ui/src/tailwind.scss b/packages/misc/pilot-ui/src/tailwind.scss
@@ -15,9 +15,7 @@ html {
 }
 
 .fit {
-  /* autoprefixer: off */
   -webkit-box-orient: vertical;
-  /* autoprefixer: on */
   display: block;
   display: -webkit-box;
   -webkit-line-clamp: 1;
diff --git a/packages/misc/pilot-ui/src/tsconfig.app.json b/packages/misc/pilot-ui/src/tsconfig.app.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/app",
     "types": []
diff --git a/packages/misc/pilot-ui/src/tsconfig.spec.json b/packages/misc/pilot-ui/src/tsconfig.spec.json
@@ -1,5 +1,5 @@
 {
-  "extends": "../tsconfig.json",
+  "extends": "../tsconfig.base.json",
   "compilerOptions": {
     "outDir": "../out-tsc/spec",
     "types": [
diff --git a/packages/misc/pilot-ui/tsconfig.app.json b/packages/misc/pilot-ui/tsconfig.app.json
@@ -1,5 +1,5 @@
 {
-  "extends": "./tsconfig.json",
+  "extends": "./tsconfig.base.json",
   "compilerOptions": {
     "outDir": "./out-tsc/app",
     "types": []
diff --git a/packages/misc/pilot-ui/tsconfig.base.json b/packages/misc/pilot-ui/tsconfig.base.json
@@ -0,0 +1,17 @@
+{
+  "compileOnSave": false,
+  "compilerOptions": {
+    "baseUrl": "./",
+    "outDir": "./dist",
+    "sourceMap": true,
+    "declaration": true,
+    "module": "es2020",
+    "moduleResolution": "node",
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "target": "es2015",
+    "typeRoots": ["node_modules/@types"],
+    "lib": ["es2018", "dom"]
+  }
+}
diff --git a/packages/misc/pilot-ui/tsconfig.json b/packages/misc/pilot-ui/tsconfig.json
diff --git a/packages/misc/pilot-ui/tsconfig.spec.json b/packages/misc/pilot-ui/tsconfig.spec.json
