1 files changed, 89 insertions, 0 deletions
diff --git a/src/console/console.js b/src/console/console.js
new file mode 100644
index 0000000..a171ecc
--- /dev/null
+++ b/src/console/console.js
@@ -0,0 +1,89 @@
+import './console.scss';
+import * as messages from '../shared/messages';
+
+const parent = window.parent;
+
+// TODO consider object-oriented
+var prevValue = "";
+
+const blurMessage = () => {
+  return {
+    type: 'vimvixen.commandline.blur'
+  };
+};
+
+const keydownMessage = (input) => {
+  return {
+    type: 'vimvixen.commandline.enter',
+    value: input.value
+  };
+};
+
+const keyupMessage = (input) => {
+  return {
+    type: 'vimvixen.commandline.change',
+    value: input.value
+  };
+};
+
+const handleBlur = () => {
+  messages.send(parent, blurMessage());
+};
+
+const handleKeydown = (e) => {
+  switch(e.keyCode) {
+  case KeyboardEvent.DOM_VK_ESCAPE:
+    messages.send(parent, blurMessage());
+    break;
+  case KeyboardEvent.DOM_VK_RETURN:
+    messages.send(parent, keydownMessage(e.target));
+    break;
+  }
+};
+
+const handleKeyup = (e) => {
+  if (e.target.value === prevValue) {
+    return;
+  }
+  messages.send(parent, keyupMessage(e.target));
+  prevValue = e.target.value;
+};
+
+window.addEventListener('load', () => {
+  let input = window.document.querySelector('#vimvixen-console-command-input');
+  input.addEventListener('blur', handleBlur);
+  input.addEventListener('keydown', handleKeydown);
+  input.addEventListener('keyup', handleKeyup);
+});
+
+const showCommand = (text) => {
+  let input = window.document.querySelector('#vimvixen-console-command-input');
+  input.value = text;
+  input.focus();
+
+  let command = window.document.querySelector('#vimvixen-console-command');
+  command.style.display = 'block';
+
+  let error = window.document.querySelector('#vimvixen-console-error');
+  error.style.display = 'none';
+}
+
+const showError = (text) => {
+  let error = window.document.querySelector('#vimvixen-console-error');
+  error.textContent = text;
+  error.style.display = 'block';
+
+  let command = window.document.querySelector('#vimvixen-console-command');
+  command.style.display = 'none';
+}
+
+messages.receive(window, (message) => {
+  switch (message.type) {
+  case 'vimvixen.console.show.command':
+    showCommand(message.text);
+    break;
+  case 'vimvixen.console.show.error':
+    showError(message.text);
+    break;
+  }
+});