wip

ext/fg/js/driver.js

@@ -35,6 +35,7 @@ window.driver = new class {
             window.addEventListener('mouseup', this.onMouseUp.bind(this));
             window.addEventListener('mousemove', this.onMouseMove.bind(this));
             window.addEventListener('resize', e => this.searchClear());
+            window.addEventListener('message', this.onFrameMessage.bind(this));
             chrome.runtime.onMessage.addListener(this.onBgMessage.bind(this));
         }).catch(this.handleError.bind(this));
     }
@@ -101,6 +102,27 @@ window.driver = new class {
         }
     }
 
+    onFrameMessage(e) {
+        const handlers = {
+            popupClose: () => {
+                this.searchClear();
+            },
+
+            scanLeft: () => {
+
+            },
+
+            scanRight: () => {
+
+            }
+        };
+
+        const handler = handlers[e.data];
+        if (handler) {
+            handler();
+        }
+    }
+
     onBgMessage({action, params}, sender, callback) {
         const handlers = new class {
             api_optionsSet(options) {

ext/mixed/js/display.js

@@ -207,6 +207,10 @@ class Display {
     }
 
     onKeyDown(e) {
+        const notifyParent = action => {
+            window.parent.postMessage(action, '*');
+        };
+
         const handlers = {
             36: /* home */ () => {
                 this.entryScroll(0, true);
@@ -246,6 +250,18 @@ class Display {
 
             8: /* backspace */ () => {
 
+            },
+
+            27: /* escape */ () => {
+                notifyParent('popupClose');
+            },
+
+            37: /* left */ () => {
+                notifyParent('scanLeft');
+            },
+
+            39: /* right */ () => {
+                notifyParent('scanRight');
             }
         };