support custom chars as hintchars

src/content/components/top-content/follow-controller.js

@@ -1,8 +1,7 @@
 import * as followControllerActions from 'content/actions/follow-controller';
 import messages from 'shared/messages';
 import HintKeyProducer from 'content/hint-key-producer';
-
-const DEFAULT_HINT_CHARSET = 'abcdefghijklmnopqrstuvwxyz';
+import * as properties from 'shared/settings/properties';
 
 const broadcastMessage = (win, message) => {
   let json = JSON.stringify(message);
@@ -84,7 +83,7 @@ export default class FollowController {
       this.store.dispatch(followControllerActions.backspace());
       break;
     default:
-      if (DEFAULT_HINT_CHARSET.includes(key)) {
+      if (this.hintchars().includes(key)) {
         this.store.dispatch(followControllerActions.keyPress(key));
       }
       break;
@@ -93,7 +92,7 @@ export default class FollowController {
   }
 
   count() {
-    this.producer = new HintKeyProducer(DEFAULT_HINT_CHARSET);
+    this.producer = new HintKeyProducer(this.hintchars());
     let doc = this.win.document;
     let viewWidth = this.win.innerWidth || doc.documentElement.clientWidth;
     let viewHeight = this.win.innerHeight || doc.documentElement.clientHeight;
@@ -135,4 +134,9 @@ export default class FollowController {
       type: messages.FOLLOW_REMOVE_HINTS,
     });
   }
+
+  hintchars() {
+    return this.store.getState().setting.properties.hintchars ||
+      properties.defaults.hintchars;
+  }
 }

src/shared/settings/properties.js

@@ -1,15 +1,14 @@
-const types = {
-  // TODO describe property types here
+// describe types of a propety as:
 //    mystr: 'string',
 //    mynum: 'number',
 //    mybool: 'boolean',
+const types = {
+  hintchars: 'string',
 };
 
+// describe default values of a property
 const defaults = {
-  // TODO describe property defaults values
-  // mystr: 'hello',
-  // mynum: 123,
-  // mybool: true,
+  hintchars: 'abcdefghijklmnopqrstuvwxyz',
 };
 
 export { types, defaults };