clanup and support for MAC key bindings

lib/gen-key-handler.js

@@ -16,6 +16,7 @@ const genKeyHandler = (div, pstate, deso, cm, keyBindo, plugins) => {
     );
     // const key = modifier + event.key;
     const key = modifier + keyName(event);
+    console.log(key);
 
     if (executeKeyHandler(key, keyBindo, pstate, cm)) {
       event.stopPropagation();

lib/help-panel.js

@@ -51,8 +51,14 @@ const icons = {
   ])
 };
 
-exports.mlPanel = (keyBindo) => {
+exports.mlPanel = (keyBindo, version) => {
   const ml = ['div',
+    ['div', {class: 'wd-help-panel-row'},
+      ['h3', 'VCDrom v' + version]
+    ],
+    ['div', {class: 'wd-help-panel-row'},
+      ['h3', ['a', {href: './documentation/'}, 'Online Documentation']]
+    ],
     ['div', {class: 'wd-help-panel-row'},
       ['h3', 'Keyboard / Mouse shortcuts']
     ]
@@ -108,6 +114,10 @@ exports.css = {
     height: '100%',
     'overflow-y': 'auto'
   },
+  'a:link':     { 'font-weight': 'normal', color: '#7bf' },
+  'a:visited':  { color: '#7bf' },
+  'a:hover':    { 'font-weight': 'bold' },
+  'a:active':   { color: '#7bf' },
   '.wd-even': {
     background: '#ffffff11'
   },

lib/key-bindo.js

@@ -41,6 +41,14 @@ const scroll = {
   down: {
     desc: 'scroll down',
     fn: yScroll(.1)
+  },
+  home: {
+    desc: 'Jump to beginning of time',
+    fn: pstate => xOffsetUpdate(pstate, pstate.sidebarWidth)
+  },
+  end: {
+    desc: 'Jump to end time',
+    fn: pstate => xOffsetUpdate(pstate, pstate.width - pstate.xScale * pstate.time)
   }
 };
 
@@ -52,30 +60,20 @@ const editable = {
 };
 
 module.exports = {
-  // Alt +  <,  >.    left / right
-  'Alt+,': scroll.left,  'Shift+icon:scrollUp':  scroll.left,
-
-  'Alt+.': scroll.right, 'Shift+icon:scrollDown': scroll.right,
-
-  // Alt +  [  ]      home / end
-  'Alt+[': {desc: 'Jump to beginning of time', fn: pstate => xOffsetUpdate(pstate, pstate.sidebarWidth)}, // Home
-
-  'Alt+]': {desc: 'Jump to end time',       fn: pstate => xOffsetUpdate(pstate, pstate.width - pstate.xScale * pstate.time)}, // End
+  'Alt+,': scroll.left,   'Alt+≤': {fn: scroll.left.fn}, 'Shift+icon:scrollUp':  scroll.left,
+  'Alt+.': scroll.right,  'Alt+≥': {fn: scroll.right.fn}, 'Shift+icon:scrollDown': scroll.right,
 
-  // ALT +  -  +
-  'Alt+=': pluso,  // '+': pluso,  '=': pluso,
-  'Ctrl+icon:scrollUp':  pluso,
+  'Alt+[': scroll.home,   'Alt+"': {fn: scroll.home.fn}, // Home
+  'Alt+]': scroll.end,    'Alt+‘': {fn: scroll.end.fn}, // End
 
-  'Alt+-': minuso, // '-': minuso, '_': minuso,
-  'Ctrl+icon:scrollDown': minuso,
+  'Alt+=': pluso,         'Alt+≠': {fn: pluso.fn}, 'Ctrl+icon:scrollUp':  pluso, // + =
+  'Alt+-': minuso,        'Alt+–': {fn: minuso.fn}, 'Ctrl+icon:scrollDown': minuso, // - _
 
-  'Alt+0': fullo, // 'Shift+f': fullo, F: fullo, 'Shift+F': fullo,
+  'Alt+0': fullo,         'Alt+º': {fn: fullo.fn}, // 'Shift+f': fullo, F: fullo, 'Shift+F': fullo,
 
-  'Alt+/': editable,
+  'Alt+/': editable,      'Alt+÷': {fn: editable.fn},
 
-  'Shift+?': {
-    desc: 'Toggle help panel',
-    fn: helpPanel.toggle},
+  'Shift+?': {desc: 'Toggle help panel', fn: helpPanel.toggle},
   // CAN'T DO: Alt + e, d, f, l
 
   // ArrowUp:    scroll.up,    'Shift+ArrowUp':    scroll.up,

package.json

@@ -10,7 +10,7 @@
     "lib"
   ],
   "scripts": {
-    "test": "eslint lib",
+    "test": "eslint lib ; mocha test",
     "watch": "watchify ./lib/page-format.js -o docs/page-format.js -v"
   },
   "repository": {