@d-mok/quasar-app-extension-quasar-axe 2.1.55 → 2.1.56

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.1.55",
+    "version": "2.1.56",
     "description": "A Quasar App Extension",
     "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
     "license": "MIT",
@@ -23,13 +23,15 @@
         "handsontable": "^12.4.0",
         "jszip": "^3.10.1",
         "lodash": "^4.17.21",
+        "mime-types": "^2.1.35",
         "papaparse": "^5.4.1",
-        "vuedraggable": "^4.1.0",
-        "sapphire-js": "^2.0.24"
+        "sapphire-js": "^2.0.24",
+        "vuedraggable": "^4.1.0"
     },
     "devDependencies": {
         "@quasar/app": "^3.3.3",
         "@quasar/extras": "^1.14.2",
+        "@types/mime-types": "^2.1.1",
         "@types/node": "^20.2.5",
         "core-js": "^3.30.2",
         "quasar": "^2.12.0",

package/src/templates/src/utils/storage.ts

@@ -1,6 +1,8 @@
 import { supabase, HANDLE_ERROR, zipCreate, zipDownload } from '.'
 import { reactive } from 'vue'
 import { FileOptions } from '@supabase/storage-js'
+import { exportFile } from 'quasar'
+import mime from 'mime-types'
 
 export class SupbaseBucket extends Map<string, string> {
     constructor(public bucketName: string) {
@@ -96,7 +98,10 @@ export class SupbaseBucket extends Map<string, string> {
     async downloadOne(path: string, filename: string) {
         let url = this.get(path) ?? ''
         if (url === '') throw 'url not found'
-        downloadFile(url, filename)
+        let file = await createFileObjectFromUrl(url, filename)
+        let ext = mime.extension(file.type) ?? ''
+        if (ext && !filename.endsWith(ext)) filename += `.${ext}`
+        exportFile(filename, file)
     }
 
     async downloadMany(
@@ -119,15 +124,16 @@ export class SupbaseBucket extends Map<string, string> {
     }
 }
 
-function downloadFile(url: string, filename: string) {
-    // Create a link element
-    const link = document.createElement('a')
-    link.href = url
-    link.download = filename
-    link.target = '_blank'
-
-    // Simulate a click event on the link element
-    document.body.appendChild(link)
-    link.click()
-    document.body.removeChild(link)
+async function createFileObjectFromUrl(
+    url: string,
+    filename: string
+): Promise<File> {
+    // Fetch the data from the URL
+    const response = await fetch(url)
+    const data = await response.blob()
+    const type = response.headers.get('content-type') ?? undefined
+    // Create a new File object with the data and filename
+    const file = new File([data], filename, { type })
+    // Return the new File object
+    return file
 }