ES6 initial setup

2026-04-30 00:00:04 +08:00 · 2018-04-20 16:34:02 -04:00
commit df42db3b95
35 changed files with 14071 additions and 0 deletions
@@ -0,0 +1,37 @@
+class KeyboardLayout {
+
+  static getLayout = layout => {
+    if(layout === "qwerty"){
+      return {
+        'default': [
+          '` 1 2 3 4 5 6 7 8 9 0 - = {bksp}',
+          '{tab} q w e r t y u i o p [ ] \\',
+          '{lock} a s d f g h j k l ; \' {enter}',
+          '{shift} z x c v b n m , . / {shift}',
+          '.com @ {space}'
+        ],
+        'shift': [
+          '~ ! @ # $ % ^ & * ( ) _ + {bksp}',
+          '{tab} Q W E R T Y U I O P { } |',
+          '{lock} A S D F G H J K L : " {enter}',
+          '{shift} Z X C V B N M < > ? {shift}',
+          '.com @ {space}'
+        ]
+      };
+    } else if(layout === "numeric"){
+      return {
+        'default': [
+          '1 2 3',
+          '4 5 6',
+          '7 8 9',
+          '{//} 0 {bksp}'
+        ]
+      };
+    } else {
+      return KeyboardLayout.getLayout("qwerty");
+    }
+  }
+
+}
+
+export default KeyboardLayout;
@@ -0,0 +1,92 @@
+class Utilities {
+  static normalizeString(string){
+    let output;
+
+    if(string === "@")
+      output = 'at';
+    else if(string === ",")
+      output = 'comma';
+    else if(string === ".")
+      output = 'dot';
+    else if(string === "\\")
+      output = 'backslash';
+    else if(string === "/")
+      output = 'fordardslash';
+    else if(string === "*")
+      output = 'asterisk';
+    else if(string === "&")
+      output = 'ampersand';
+    else if(string === "$")
+      output = 'dollarsign';
+    else if(string === "=")
+      output = 'equals';
+    else if(string === "+")
+      output = 'plus';
+    else if(string === "-")
+      output = 'minus';
+    else if(string === "'")
+      output = 'apostrophe';
+    else if(string === ";")
+      output = 'colon';
+    else if(string === "[")
+      output = 'openbracket';
+    else if(string === "]")
+      output = 'closebracket';
+    else if(string === "//")
+      output = 'emptybutton';
+    else
+      output = '';
+
+    return output ? ` hg-button-${output}` : '';
+  }
+
+  static getButtonClass = button => {
+    let buttonTypeClass = (button.includes("{") && button !== '{//}') ? "functionBtn" : "standardBtn";
+    let buttonWithoutBraces = button.replace("{", "").replace("}", "");
+
+    let buttonNormalized =
+      buttonTypeClass === "standardBtn" ?
+        Utilities.normalizeString(buttonWithoutBraces) : ` hg-button-${buttonWithoutBraces}`;
+
+    return `hg-${buttonTypeClass}${buttonNormalized}`;
+  }
+
+  static getDefaultDiplay(){
+    return {
+      '{bksp}': 'delete',
+      '{enter}': '< enter',
+      '{shift}': 'shift',
+      '{s}': 'shift',
+      '{tab}': 'tab',
+      '{lock}': 'caps',
+      '{accept}': 'Submit',
+      '{space}': ' ',
+      '{//}': ' '
+    };
+  }
+
+  static getButtonDisplayName = (button, display) => {
+    display = display || Utilities.getDefaultDiplay();
+    return display[button] || button;
+  }
+
+  static getUpdatedInput = (button, input, options) => {
+    let output = input;
+    let newLineOnEnter = options.newLineOnEnter;
+
+    if(button === "{bksp}" && output.length > 0)
+      output = output.slice(0, -1);
+    else if(button === "{space}")
+      output = output + ' ';
+    else if(button === "{tab}")
+      output = output + "\t";
+    else if(button === "{enter}" && newLineOnEnter)
+      output = output + "\n";
+    else if(!button.includes("{") && !button.includes("{"))
+      output = output + button;
+
+    return output;
+  }
+}
+
+export default Utilities;