feat: reload options page when client app is installed

Author: dessant

src/background/main.js

@@ -899,6 +899,8 @@ async function processMessage(request, sender) {
     return getBrowser();
   } else if (request.id === 'optionChange') {
     await onOptionChange();
+  } else if (request.id === 'clientAppInstall') {
+    await onClientAppInstall();
   }
 }
 
@@ -908,6 +910,14 @@ function onMessage(request, sender, sendResponse) {
   return processMessageResponse(response, sendResponse);
 }
 
+async function onClientAppInstall() {
+  await storage.set({simulateUserInput: true});
+
+  await browser.runtime
+    .sendMessage({id: 'reloadOptionsPage'})
+    .catch(() => null);
+}
+
 async function onOptionChange() {
   await setChallengeLocale();
 }

src/options/App.vue

@@ -360,6 +360,8 @@ export default {
     getText,
 
     setup: async function () {
+      browser.runtime.onMessage.addListener(this.onMessage);
+
       const options = await storage.get(optionKeys);
 
       for (const option of Object.keys(this.options)) {
@@ -388,6 +390,12 @@ export default {
       this.dataLoaded = true;
     },
 
+    onMessage: function (request, sender) {
+      if (request.id === 'reloadOptionsPage') {
+        self.location.reload();
+      }
+    },
+
     verifyClientApp: async function () {
       try {
         await pingClientApp();

src/setup/App.vue

@@ -65,7 +65,6 @@
 <script>
 import {App, Button, TextField} from 'vueton';
 
-import storage from 'storage/storage';
 import {pingClientApp} from 'utils/app';
 import {getText} from 'utils/common';
 
@@ -139,6 +138,8 @@ export default {
           method: 'POST',
           body: data
         });
+
+        await browser.runtime.sendMessage({id: 'clientAppInstall'});
       }
     },
 
@@ -179,7 +180,6 @@ export default {
 
       if (rsp.status === 200) {
         await pingClientApp();
-        await storage.set({simulateUserInput: true});
 
         this.isInstallSuccess = true;
       } else {