Upgraded to v1.6.3

chrome-ext-files/manifest.json

@@ -3,7 +3,7 @@
   "name": "Altair GraphQL Client",
   "short_name": "Altair",
   "description": "The only graphQL client you'll ever need.",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "icons": {
     "16": "assets/img/altair_logo_128.png",
     "48": "assets/img/altair_logo_128.png",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "altair",
-  "version": "1.6.2",
+  "version": "1.6.3",
   "license": "MIT",
   "author": "Samuel Imolorhe <[email protected]> (https://sirmuel.design/)",
   "description": "The best graphQL client you will ever need",
@@ -67,6 +67,7 @@
     "codemirror-graphql": "^0.6.12",
     "cookie-parser": "^1.4.3",
     "core-js": "^2.5.3",
+    "downloadjs": "^1.4.7",
     "electron-compile": "^6.4.1",
     "electron-is-dev": "^0.3.0",
     "electron-log": "^2.2.11",

src/app/utils/index.ts

@@ -1,4 +1,5 @@
 import * as toSnakeCase from 'to-snake-case';
+import * as downloadJs from 'downloadjs';
 const fileDialog = require('file-dialog');
 
 /**
@@ -9,6 +10,7 @@ const fileDialog = require('file-dialog');
  */
 export const downloadData = (data, fileName = 'data', opts = undefined) => {
   let _opts = {
+    mimeType: 'text/plain',
     dataUriAttr: 'text/plain;charset=utf-8',
     fileType: 'txt'
   };
@@ -18,14 +20,16 @@ export const downloadData = (data, fileName = 'data', opts = undefined) => {
   }
 
   const dataStr = `data:${_opts.dataUriAttr},${data}`;
-  const downloadLink = document.createElement('a');
-  const linkText = document.createTextNode('Download');
-  downloadLink.appendChild(linkText);
-  downloadLink.style.display = 'none';
-  downloadLink.setAttribute('href', dataStr);
-  downloadLink.setAttribute('download', `${toSnakeCase(fileName)}.${_opts.fileType}`);
-  document.body.appendChild(downloadLink);
-  downloadLink.click();
+  downloadJs(dataStr, `${toSnakeCase(fileName)}.${_opts.fileType}`, _opts.mimeType);
+  // const downloadLink = document.createElement('a');
+  // const linkText = document.createTextNode('Download');
+  // downloadLink.appendChild(linkText);
+  // downloadLink.style.display = 'none';
+  // downloadLink.setAttribute('target', '_blank');
+  // downloadLink.setAttribute('href', dataStr);
+  // downloadLink.setAttribute('download', `${toSnakeCase(fileName)}.${_opts.fileType}`);
+  // document.body.appendChild(downloadLink);
+  // downloadLink.click();
 };
 
 /**
@@ -35,6 +39,7 @@ export const downloadData = (data, fileName = 'data', opts = undefined) => {
  */
 export const downloadJson = (obj, fileName = 'response', opts = undefined) => {
   let _opts = {
+    mimeType: 'text/json',
     dataUriAttr: 'text/json;charset=utf-8',
     fileType: 'json'
   };

yarn.lock

@@ -2985,6 +2985,10 @@ dotenv@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/dotenv/-/dotenv-4.0.0.tgz#864ef1379aced55ce6f95debecdce179f7a0cd1d"
 
+downloadjs@^1.4.7:
+  version "1.4.7"
+  resolved "https://registry.yarnpkg.com/downloadjs/-/downloadjs-1.4.7.tgz#f69f96f940e0d0553dac291139865a3cd0101e3c"
+
 dtrace-provider@~0.8:
   version "0.8.5"
   resolved "https://registry.yarnpkg.com/dtrace-provider/-/dtrace-provider-0.8.5.tgz#98ebba221afac46e1c39fd36858d8f9367524b92"