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

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.1.55",
+    "version": "2.1.57",
     "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) {
@@ -93,41 +95,51 @@ export class SupbaseBucket extends Map<string, string> {
         this.delete(path)
     }
 
-    async downloadOne(path: string, filename: string) {
+    async save(path: string, filename: string): Promise<File> {
         let url = this.get(path) ?? ''
         if (url === '') throw 'url not found'
-        downloadFile(url, filename)
+        let file = await createFileObjectFromUrl(url, filename)
+        file = renameFileObject(file, filename)
+        file = addExtToFileObject(file)
+        return file
     }
 
-    async downloadMany(
-        paths: string[],
-        filenames: string[],
-        zipName: string = this.bucketName
-    ) {
-        let urls = paths.map($ => this.get($) ?? '')
-        let zip = await zipCreate(Object.fromEntries(filenames.zip(urls)))
-        await zipDownload(zipName, zip)
-    }
-
-    async downloadAll(zipName: string = this.bucketName) {
-        let zip = await zipCreate(Object.fromEntries(this))
-        await zipDownload(zipName, zip)
-    }
+    // async downloadMany(
+    //     paths: string[],
+    //     filenames: string[],
+    //     zipName: string = this.bucketName
+    // ) {
+    //     let urls = paths.map($ => this.get($) ?? '')
+    //     let zip = await zipCreate(Object.fromEntries(filenames.zip(urls)))
+    //     await zipDownload(zipName, zip)
+    // }
+
+    // async downloadAll(zipName: string = this.bucketName) {
+    //     let zip = await zipCreate(Object.fromEntries(this))
+    //     await zipDownload(zipName, zip)
+    // }
 
     reactive(): this {
         return reactive(this) as this
     }
 }
 
-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> {
+    const response = await fetch(url)
+    const data = await response.blob()
+    const type = response.headers.get('content-type') ?? undefined
+    return new File([data], filename, { type })
+}
+
+function renameFileObject(file: File, filename: string): File {
+    return new File([file], filename, { type: file.type })
+}
+
+function addExtToFileObject(file: File): File {
+    let ext = mime.extension(file.type) || ''
+    if (file.name.endsWith(ext)) return file
+    return renameFileObject(file, `${file.name}.${ext}`)
 }