fix local download

Author: rebornix

src/components/Popup/BackupPage.vue

@@ -17,23 +17,32 @@
       <a-button-link
         download="authenticator.txt"
         :href="exportOneLineOtpAuthFile"
-        v-if="!unsupportedAccounts"
+        v-if="!unsupportedAccounts & isDataLinkSupported"
         >{{ i18n.download_backup }}</a-button-link
       >
-      <a-button-link download="authenticator.json" :href="exportFile" v-else>{{
+      <button v-on:click="downloadBackUpOneLineOtpAuthFile()" v-if="!unsupportedAccounts & !isDataLinkSupported" class="button">
+      {{ i18n.download_backup }}
+      </button>
+      <a-button-link download="authenticator.json" :href="exportFile" v-if="unsupportedAccounts & isDataLinkSupported">{{
         i18n.download_backup
       }}</a-button-link>
+      <button v-on:click="downloadBackUpExportFile()" v-if="unsupportedAccounts & !isDataLinkSupported" class="button">{{
+        i18n.download_backup
+      }}</button>
       <a-button-link
         download="authenticator.json"
         :href="exportEncryptedFile"
-        v-if="encryption.getEncryptionStatus()"
+        v-if="encryption.getEncryptionStatus() & isDataLinkSupported"
         >{{ i18n.download_enc_backup }}</a-button-link
       >
+      <button v-on:click="downloadBackUpExportEncryptedFile()" v-if="encryption.getEncryptionStatus() & !isDataLinkSupported" class="button">
+        {{ i18n.download_enc_backup }}
+      </button>
     </div>
     <a-button-link href="import.html">{{ i18n.import_backup }}</a-button-link>
     <br />
     <!-- 3rd Party Backup Services -->
-    <div v-show="!backupDisabled">
+    <div v-show="!backupDisabled & isBackupServiceSupported">
       <div class="text">
         {{ i18n.storage_sync_info }}
       </div>
@@ -46,6 +55,7 @@
 </template>
 <script lang="ts">
 import Vue from "vue";
+import { isSafari } from "../../browser";
 
 export default Vue.extend({
   data: function () {
@@ -73,6 +83,12 @@ export default Vue.extend({
     backupDisabled: function () {
       return this.$store.getters["menu/storageArea"];
     },
+    isDataLinkSupported: function () {
+      return !isSafari; 
+    },
+    isBackupServiceSupported: function () {
+      return !isSafari;
+    }
   },
   methods: {
     showInfo(tab: string) {
@@ -123,6 +139,22 @@ export default Vue.extend({
         return;
       }
     },
+    downloadBackUpOneLineOtpAuthFile() {
+      const exportData = this.$store.state.accounts.exportData;
+      const t = getOneLineOtpBackupFile(exportData);
+      window.open(t);
+    },
+    downloadBackUpExportFile() {
+      const exportData = this.$store.state.accounts.exportData;
+      const t = getBackupFile(exportData);
+      window.open(t);
+    },
+    downloadBackUpExportEncryptedFile() {
+      const exportEncData = this.$store.state.accounts.exportEncData;
+      const key = this.$store.state.accounts.key;
+      const t = getBackupFile(exportEncData, key);
+      window.open(t);
+    }
   },
 });
 

src/components/Popup/MenuPage.vue

@@ -25,7 +25,6 @@
         <p
           v-bind:title="i18n.backup"
           v-on:click="showInfo('BackupPage')"
-          v-if="isSupported"
         >
           <span><IconExchange /></span>{{ i18n.backup }}
         </p>

webpack.watch.js

@@ -22,7 +22,7 @@ const runTestsAfterBuild = () => {
 module.exports = merge(dev, {
   mode: 'development',
   plugins: [
-    new ExtensionReloader(),
+    // new ExtensionReloader(),
     runTestsAfterBuild(),
   ],
   watch: true,