fix hot-reload settings

src/content/actions/setting.js

@@ -2,21 +2,20 @@ import actions from 'content/actions';
 import * as keyUtils from 'shared/utils/keys';
 
 const set = (value) => {
-  let maps = new Map();
+  let entries = [];
   if (value.keymaps) {
-    let entries = Object.entries(value.keymaps).map((entry) => {
+    entries = Object.entries(value.keymaps).map((entry) => {
       return [
         keyUtils.fromMapKeys(entry[0]),
         entry[1],
       ];
     });
-    maps = new Map(entries);
   }
 
   return {
     type: actions.SETTING_SET,
     value: Object.assign({}, value, {
-      keymaps: maps,
+      keymaps: entries,
     })
   };
 };

src/content/components/common/keymapper.js

@@ -25,7 +25,7 @@ export default class KeymapperComponent {
 
     let state = this.store.getState();
     let input = state.input;
-    let keymaps = state.setting.keymaps;
+    let keymaps = new Map(state.setting.keymaps);
 
     let matched = Array.from(keymaps.keys()).filter((mapping) => {
       return mapStartsWith(mapping, input.keys);

src/content/reducers/setting.js

@@ -1,7 +1,8 @@
 import actions from 'content/actions';
 
 const defaultState = {
-  keymaps: new Map(),
+  // keymaps is and arrays of key-binding pairs, which is entries of Map
+  keymaps: [],
 };
 
 export default function reducer(state = defaultState, action = {}) {

test/content/actions/setting.test.js

@@ -20,8 +20,8 @@ describe("setting actions", () => {
         }
       });
       let keymaps = action.value.keymaps;
-
+      let map = new Map(keymaps);
-      expect(action.value.keymaps).to.have.deep.all.keys(
+      expect(map).to.have.deep.all.keys(
         [
           [{ key: 'd', shiftKey: false, ctrlKey: false, altKey: false, metaKey: false },
            { key: 'd', shiftKey: false, ctrlKey: false, altKey: false, metaKey: false }],