feat(config): Read / write hardware configuration area (#423)

* add write-hca.js

* refactor: Move config serializer into the uhk-common package

* refactor: Move getTransferBuffers into the uhk-usb package

* refactor: delete obsoleted classes

* build: add uhk-usb build command

* refactor: move eeprom transfer to uhk-usb package

* fix: Fix write-hca.js

* feat: load hardware config from the device and

* style: fix ts lint errors

* build: fix rxjs dependency resolve

* test: Add jasmine unit test framework to the tet serializer

* fix(user-config): A "type": "basic", properties to the "keystroke" action types

* feat(usb): set chmod+x on write-hca.js

* feat(usb): Create USB logger

* style: Fix type

* build: Add chalk to dependencies.

Chalk will colorize the output

packages/uhk-web/src/app/components/svg/keyboard/svg-keyboard.component.ts

@@ -1,9 +1,10 @@
 import { Component, EventEmitter, Input, OnInit, Output, SimpleChanges, ChangeDetectionStrategy } from '@angular/core';
 import { animate, state, trigger, style, transition } from '@angular/animations';
+import { Module } from 'uhk-common';
 
-import { Module } from '../../../config-serializer/config-items/module';
 import { SvgModule } from '../module';
 import { SvgModuleProviderService } from '../../../services/svg-module-provider.service';
+import { KeyboardLayout } from '../../../keyboard/keyboard-layout.enum';
 
 @Component({
     selector: 'svg-keyboard',
@@ -29,6 +30,7 @@ export class SvgKeyboardComponent implements OnInit {
     @Input() selectedKey: { layerId: number, moduleId: number, keyId: number };
     @Input() selected: boolean;
     @Input() halvesSplit: boolean;
+    @Input() keyboardLayout = KeyboardLayout.ANSI;
     @Output() keyClick = new EventEmitter();
     @Output() keyHover = new EventEmitter();
     @Output() capture = new EventEmitter();
@@ -45,13 +47,17 @@ export class SvgKeyboardComponent implements OnInit {
     }
 
     ngOnInit() {
-        this.modules = this.svgModuleProvider.getSvgModules();
+        this.setModules();
     }
 
     ngOnChanges(changes: SimpleChanges) {
         if (changes.halvesSplit) {
             this.updateModuleAnimationStates();
         }
+
+        if (changes['keyboardLayout']) {
+            this.setModules();
+        }
     }
 
     onKeyClick(moduleId: number, keyId: number, keyTarget: HTMLElement): void {
@@ -87,4 +93,7 @@ export class SvgKeyboardComponent implements OnInit {
         }
     }
 
+    private setModules() {
+        this.modules = this.svgModuleProvider.getSvgModules(this.keyboardLayout);
+    }
 }

packages/uhk-web/src/app/components/svg/keys/svg-keyboard-key/svg-keyboard-key.component.ts

@@ -10,15 +10,15 @@ import { Subscription } from 'rxjs/Subscription';
 
 import {
     KeyAction,
+    KeyModifiers,
     KeystrokeAction,
     LayerName,
+    Macro,
     MouseAction,
     PlayMacroAction,
     SwitchKeymapAction,
     SwitchLayerAction
-} from '../../../../config-serializer/config-items/key-action';
-import { KeyModifiers } from '../../../../config-serializer/config-items/key-modifiers';
-import { Macro } from '../../../../config-serializer/config-items/macro';
+} from 'uhk-common';
 
 import { CaptureService } from '../../../../services/capture.service';
 import { MapperService } from '../../../../services/mapper.service';

packages/uhk-web/src/app/components/svg/keys/svg-keystroke-key/svg-keystroke-key.component.ts

@@ -1,7 +1,6 @@
 import { Component, Input, OnChanges, OnInit, ChangeDetectionStrategy } from '@angular/core';
+import { KeyModifiers, KeystrokeAction } from 'uhk-common';
 
-import { KeystrokeAction } from '../../../../config-serializer/config-items/key-action';
-import { KeyModifiers } from '../../../../config-serializer/config-items/key-modifiers';
 import { MapperService } from '../../../../services/mapper.service';
 
 class SvgAttributes {

packages/uhk-web/src/app/components/svg/keys/svg-mouse-key/svg-mouse-key.ts

@@ -1,6 +1,6 @@
 import { Component, Input, OnChanges, ChangeDetectionStrategy } from '@angular/core';
 
-import { MouseAction, MouseActionParam } from '../../../../config-serializer/config-items/key-action';
+import { MouseAction, MouseActionParam } from 'uhk-common';
 
 @Component({
     selector: 'g[svg-mouse-key]',

packages/uhk-web/src/app/components/svg/module/svg-module.component.ts

@@ -1,6 +1,5 @@
 import { Component, EventEmitter, Input, Output, ChangeDetectionStrategy } from '@angular/core';
-
-import { KeyAction } from '../../../config-serializer/config-items/key-action';
+import { KeyAction } from 'uhk-common';
 
 import { SvgKeyboardKey } from '../keys';
 

packages/uhk-web/src/app/components/svg/wrap/svg-keyboard-wrap.component.html

@@ -6,6 +6,7 @@
                      [capturingEnabled]="popoverEnabled"
                      [selectedKey]="selectedKey"
                      [halvesSplit]="halvesSplit"
+                     [keyboardLayout]="keyboardLayout"
                      (keyClick)="onKeyClick($event.moduleId, $event.keyId, $event.keyTarget)"
                      (keyHover)="onKeyHover($event.moduleId, $event.event, $event.over, $event.keyId)"
                      (capture)="onCapture($event.moduleId, $event.keyId, $event.captured)"

packages/uhk-web/src/app/components/svg/wrap/svg-keyboard-wrap.component.ts

@@ -17,26 +17,27 @@ import 'rxjs/add/observable/of';
 import 'rxjs/add/operator/map';
 import { Store } from '@ngrx/store';
 
-import { MapperService } from '../../../services/mapper.service';
-
 import {
+    camelCaseToSentence,
+    capitalizeFirstLetter,
     KeyAction,
+    Keymap,
     KeystrokeAction,
+    Layer,
     LayerName,
+    LongPressAction,
     MouseAction,
     MouseActionParam,
     PlayMacroAction,
     SwitchKeymapAction,
     SwitchLayerAction
-} from '../../../config-serializer/config-items/key-action';
-import { Keymap } from '../../../config-serializer/config-items/keymap';
-import { Layer } from '../../../config-serializer/config-items/layer';
-import { LongPressAction } from '../../../config-serializer/config-items/long-press-action';
-import { camelCaseToSentence, capitalizeFirstLetter } from 'uhk-common';
+} from 'uhk-common';
 
+import { MapperService } from '../../../services/mapper.service';
 import { AppState } from '../../../store';
 import { KeymapActions } from '../../../store/actions';
 import { PopoverComponent } from '../../popover';
+import { KeyboardLayout } from '../../../keyboard/keyboard-layout.enum';
 
 interface NameValuePair {
     name: string;
@@ -54,6 +55,7 @@ export class SvgKeyboardWrapComponent implements OnInit, OnChanges {
     @Input() popoverEnabled: boolean = true;
     @Input() tooltipEnabled: boolean = false;
     @Input() halvesSplit: boolean;
+    @Input() keyboardLayout: KeyboardLayout.ANSI;
 
     @ViewChild(PopoverComponent, { read: ElementRef }) popover: ElementRef;