From d34f5fa8b715e95ae921e0490223817f9accb111 Mon Sep 17 00:00:00 2001
From: dessant <git@armin.dev>
Date: Fri, 9 Oct 2020 19:13:19 +0300
Subject: [PATCH] feat: navigate with client app using keyboard

Closes #168.
---
 src/_locales/en/messages.json            |  5 +++++
 src/options/App.vue                      | 15 ++++++++++++-
 src/solve/main.js                        |  7 +++++-
 src/storage/versions/local/Lj3MYlSr4L.js | 27 ++++++++++++++++++++++++
 src/storage/versions/local/versions.json |  3 ++-
 src/storage/versions/sync/Lj3MYlSr4L.js  | 27 ++++++++++++++++++++++++
 src/storage/versions/sync/versions.json  |  3 ++-
 src/utils/data.js                        |  3 ++-
 8 files changed, 85 insertions(+), 5 deletions(-)
 create mode 100644 src/storage/versions/local/Lj3MYlSr4L.js
 create mode 100644 src/storage/versions/sync/Lj3MYlSr4L.js

diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json
index 246b455..eceb7c3 100644
--- a/src/_locales/en/messages.json
+++ b/src/_locales/en/messages.json
@@ -189,6 +189,11 @@
     "description": "Title of the option."
   },
 
+  "optionTitle_navigateWithKeyboard": {
+    "message": "Navigate with keyboard",
+    "description": "Title of the option."
+  },
+
   "optionTitle_autoUpdateClientApp": {
     "message": "Auto-update client app",
     "description": "Title of the option."
diff --git a/src/options/App.vue b/src/options/App.vue
index 2aa78be..1f1fd29 100644
--- a/src/options/App.vue
+++ b/src/options/App.vue
@@ -126,6 +126,18 @@
           </v-form-field>
         </div>
 
+        <div
+          class="option"
+          v-if="clientAppVerified && options.simulateUserInput"
+        >
+          <v-form-field
+            input-id="nc"
+            :label="getText('optionTitle_navigateWithKeyboard')"
+          >
+            <v-switch id="nc" v-model="options.navigateWithKeyboard"></v-switch>
+          </v-form-field>
+        </div>
+
         <div class="option" v-if="clientAppInstalled">
           <v-form-field
             input-id="auc"
@@ -294,7 +306,8 @@ export default {
         loadEnglishChallenge: false,
         tryEnglishSpeechModel: false,
         simulateUserInput: false,
-        autoUpdateClientApp: false
+        autoUpdateClientApp: false,
+        navigateWithKeyboard: false
       }
     };
   },
diff --git a/src/solve/main.js b/src/solve/main.js
index 65f2b2c..5e4aa22 100644
--- a/src/solve/main.js
+++ b/src/solve/main.js
@@ -236,10 +236,15 @@ async function solve(simulateUserInput, clickEvent) {
     return;
   }
 
+  const navigateWithKeyboard = await storage.get(
+    'navigateWithKeyboard',
+    'sync'
+  );
+
   let browserBorder;
   let useMouse = true;
   if (simulateUserInput) {
-    if (clickEvent.clientX || clickEvent.clientY) {
+    if (!navigateWithKeyboard && (clickEvent.clientX || clickEvent.clientY)) {
       browserBorder = await getBrowserBorder(clickEvent);
     } else {
       useMouse = false;
diff --git a/src/storage/versions/local/Lj3MYlSr4L.js b/src/storage/versions/local/Lj3MYlSr4L.js
new file mode 100644
index 0000000..1a5774f
--- /dev/null
+++ b/src/storage/versions/local/Lj3MYlSr4L.js
@@ -0,0 +1,27 @@
+import browser from 'webextension-polyfill';
+
+const message = 'Add navigateWithKeyboard';
+
+const revision = 'Lj3MYlSr4L';
+const downRevision = 'DlgF14Chrh';
+
+const storage = browser.storage.local;
+
+async function upgrade() {
+  const changes = {
+    navigateWithKeyboard: false
+  };
+
+  changes.storageVersion = revision;
+  return storage.set(changes);
+}
+
+async function downgrade() {
+  const changes = {};
+  await storage.remove('navigateWithKeyboard');
+
+  changes.storageVersion = downRevision;
+  return storage.set(changes);
+}
+
+export {message, revision, upgrade, downgrade};
diff --git a/src/storage/versions/local/versions.json b/src/storage/versions/local/versions.json
index af3378b..6686375 100644
--- a/src/storage/versions/local/versions.json
+++ b/src/storage/versions/local/versions.json
@@ -7,6 +7,7 @@
     "ZtLMLoh1ag",
     "t335iRDhZ8",
     "X3djS8vZC",
-    "DlgF14Chrh"
+    "DlgF14Chrh",
+    "Lj3MYlSr4L"
   ]
 }
diff --git a/src/storage/versions/sync/Lj3MYlSr4L.js b/src/storage/versions/sync/Lj3MYlSr4L.js
new file mode 100644
index 0000000..699bc86
--- /dev/null
+++ b/src/storage/versions/sync/Lj3MYlSr4L.js
@@ -0,0 +1,27 @@
+import browser from 'webextension-polyfill';
+
+const message = 'Add navigateWithKeyboard';
+
+const revision = 'Lj3MYlSr4L';
+const downRevision = 'DlgF14Chrh';
+
+const storage = browser.storage.sync;
+
+async function upgrade() {
+  const changes = {
+    navigateWithKeyboard: false
+  };
+
+  changes.storageVersion = revision;
+  return storage.set(changes);
+}
+
+async function downgrade() {
+  const changes = {};
+  await storage.remove('navigateWithKeyboard');
+
+  changes.storageVersion = downRevision;
+  return storage.set(changes);
+}
+
+export {message, revision, upgrade, downgrade};
diff --git a/src/storage/versions/sync/versions.json b/src/storage/versions/sync/versions.json
index af3378b..6686375 100644
--- a/src/storage/versions/sync/versions.json
+++ b/src/storage/versions/sync/versions.json
@@ -7,6 +7,7 @@
     "ZtLMLoh1ag",
     "t335iRDhZ8",
     "X3djS8vZC",
-    "DlgF14Chrh"
+    "DlgF14Chrh",
+    "Lj3MYlSr4L"
   ]
 }
diff --git a/src/utils/data.js b/src/utils/data.js
index 8a77c47..9e9dda5 100755
--- a/src/utils/data.js
+++ b/src/utils/data.js
@@ -9,7 +9,8 @@ const optionKeys = [
   'loadEnglishChallenge',
   'tryEnglishSpeechModel',
   'simulateUserInput',
-  'autoUpdateClientApp'
+  'autoUpdateClientApp',
+  'navigateWithKeyboard'
 ];
 
 const clientAppPlatforms = [