Notice user to use import local file instead of scanning local files (#591)

Author: Sneezry

_locales/en/messages.json

@@ -193,6 +193,10 @@
         "message": "Capture failed, please reload the page and try again.",
         "description": "Capture Failed"
     },
+    "capture_local_file_failed": {
+        "message": "Are you trying to scan QR code from a local file? Use Import QR Image Backup instead.",
+        "description": "Import QR image backup instead of scan local image"
+    },
     "based_on_time": {
         "message": "Time Based",
         "description": "Time Based"

package-lock.json

@@ -47,8 +47,12 @@ import TextImport from "./Import/TextImport.vue";
 
 export default Vue.extend({
   data: function () {
+    const query = location.search ? location.search.substr(1) : "";
+    const importType = ["FileImport", "QrImport", "TextImport"].includes(query)
+      ? query
+      : "FileImport";
     return {
-      importType: "FileImport",
+      importType,
       shouldShowPassphrase: shouldShowPassphrase(this.$entries),
     };
   },

src/components/Import.vue

@@ -172,20 +172,39 @@ export default Vue.extend({
         return;
       }
 
-      chrome.tabs.query({ active: true, lastFocusedWindow: true }, (tabs) => {
-        const tab = tabs[0];
-        if (!tab || !tab.id) {
-          return;
-        }
-        chrome.runtime.sendMessage({ action: "updateContentTab", data: tab });
-        chrome.tabs.sendMessage(tab.id, { action: "capture" }, (result) => {
-          if (result !== "beginCapture") {
-            this.$store.commit("notification/alert", this.i18n.capture_failed);
-          } else {
-            window.close();
+      chrome.tabs.query(
+        { active: true, lastFocusedWindow: true },
+        async (tabs) => {
+          const tab = tabs[0];
+          if (!tab || !tab.id) {
+            return;
           }
-        });
-      });
+
+          if (tab.url?.startsWith("file:")) {
+            if (
+              await this.$store.dispatch(
+                "notification/confirm",
+                this.i18n.capture_local_file_failed
+              )
+            ) {
+              window.open("import.html?QrImport", "_blank");
+              return;
+            }
+          }
+
+          chrome.runtime.sendMessage({ action: "updateContentTab", data: tab });
+          chrome.tabs.sendMessage(tab.id, { action: "capture" }, (result) => {
+            if (result !== "beginCapture") {
+              this.$store.commit(
+                "notification/alert",
+                this.i18n.capture_failed
+              );
+            } else {
+              window.close();
+            }
+          });
+        }
+      );
       return;
     },
   },