feat(device): flash device firmware from Agent (#499)

* add dataModelVersion, usbProtocolVersion, slaveProtocolVersion

* read the package.json at appstart

* flash firmware

* update firmware

* fix extra resource path

* fix import modules

* update lock files

* fix imports

* terminal window

* exclude tmp folder from git repo

* ok button

* auto scroll in xterm

* fix maxTry count calculation

* optimize logging

* optimize timeout

* readSync

* Add extra delay

* fix async call

* fix error message in log

* fix ok button disable state

* retry

* list devices

* close device after reenumeration

* retry snooze

* kboot maxtry 10

* retry 100

* remove deprecated toPayload ngrx helper

* flash firmware with custom file

* fix tslint

packages/uhk-web/src/app/components/xterm/xterm.component.html

@@ -0,0 +1,5 @@
+<div class="wrapper">
+    <ul class="list-unstyled">
+        <li *ngFor="let log of logs" [ngClass]="log.cssClass"><span>{{ log.message }}</span></li>
+    </ul>
+</div>

packages/uhk-web/src/app/components/xterm/xterm.component.scss

@@ -0,0 +1,24 @@
+:host {
+    background-color: yellow;
+}
+
+.wrapper {
+    background-color: black;
+}
+
+.xterm-standard {
+    color: white;
+}
+
+.xterm-error {
+    color: red;
+}
+
+ul {
+    li {
+        padding-left: 5px;
+        span:before {
+            content: '$ ';
+        }
+    }
+}

packages/uhk-web/src/app/components/xterm/xterm.component.ts

@@ -0,0 +1,12 @@
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { XtermLog } from '../../models/xterm-log';
+
+@Component({
+    selector: 'xterm',
+    templateUrl: './xterm.component.html',
+    styleUrls: ['./xterm.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush
+})
+export class XtermComponent {
+    @Input() logs: Array<XtermLog> = [];
+}