From 05dbda03c47c8b66eb69617ab6efb2e58a233c40 Mon Sep 17 00:00:00 2001
From: Zhe Li <Sneezry@users.noreply.github.com>
Date: Mon, 3 Jan 2022 02:17:36 +0800
Subject: [PATCH] use blob url to replace data url (#817)

---
 src/components/Popup/BackupPage.vue | 19 +++++++------------
 1 file changed, 7 insertions(+), 12 deletions(-)

diff --git a/src/components/Popup/BackupPage.vue b/src/components/Popup/BackupPage.vue
index 3f900e5cc..bd720025b 100644
--- a/src/components/Popup/BackupPage.vue
+++ b/src/components/Popup/BackupPage.vue
@@ -46,10 +46,6 @@
 </template>
 <script lang="ts">
 import Vue from "vue";
-import { mapState } from "vuex";
-import { Encryption } from "../../models/encryption";
-import { EntryStorage } from "../../models/storage";
-import * as CryptoJS from "crypto-js";
 
 export default Vue.extend({
   data: function () {
@@ -152,10 +148,7 @@ function getBackupFile(
   let json = JSON.stringify(entryData, null, 2);
   // for windows notepad
   json = json.replace(/\n/g, "\r\n");
-  const base64Data = CryptoJS.enc.Base64.stringify(
-    CryptoJS.enc.Utf8.parse(json)
-  );
-  return `data:application/octet-stream;base64,${base64Data}`;
+  return downloadFileUrlBuilder(json);
 }
 
 function getOneLineOtpBackupFile(entryData: { [hash: string]: OTPStorage }) {
@@ -198,10 +191,12 @@ function getOneLineOtpBackupFile(entryData: { [hash: string]: OTPStorage }) {
     otpAuthLines.push(otpAuthLine);
   }
 
-  const base64Data = CryptoJS.enc.Base64.stringify(
-    CryptoJS.enc.Utf8.parse(otpAuthLines.join("\r\n"))
-  );
-  return `data:application/octet-stream;base64,${base64Data}`;
+  return downloadFileUrlBuilder(otpAuthLines.join("\r\n"));
+}
+
+function downloadFileUrlBuilder(content: string) {
+  const blob = new Blob([content], { type: "application/octet-stream" });
+  return URL.createObjectURL(blob);
 }
 
 function removeUnsafeData(data: string) {