@d-mok/quasar-app-extension-quasar-axe 2.1.48 → 2.1.50

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@d-mok/quasar-app-extension-quasar-axe",
-    "version": "2.1.48",
+    "version": "2.1.50",
     "description": "A Quasar App Extension",
     "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
     "license": "MIT",

package/src/index.js

@@ -24,6 +24,14 @@ function extendQuasarConf(conf, prompts) {
 
     conf.animations.push('fadeIn', 'fadeOut', 'zoomIn', 'zoomOut')
     console.log('[QuasarAxe] Config pushed animations')
+
+    conf.build.viteVuePluginOptions = {
+        script: {
+            defineModel: true,
+            propsDestructure: true,
+        },
+    }
+    console.log('[QuasarAxe] Config pushed viteVuePluginOptions')
 }
 
 module.exports = function (api) {

package/src/templates/src/utils/index.ts

@@ -21,3 +21,5 @@ export { zipCreate, zipDownload } from './zip'
 export type { zipFolder } from './zip'
 
 export * as gSheet from './gSheet'
+
+export { SupbaseBucket } from './storage'

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

@@ -0,0 +1,104 @@
+import { supabase, HANDLE_ERROR, zipCreate, zipDownload } from '.'
+import { reactive } from 'vue'
+import { FileOptions } from '@supabase/storage-js'
+
+export class SupbaseBucket extends Map<string, string> {
+    constructor(public bucketName: string) {
+        super()
+    }
+
+    private async listPaths(): Promise<string[]> {
+        // can only list file in root folder
+        const { data, error } = await supabase.storage
+            .from(this.bucketName)
+            .list(undefined, { limit: 10000 })
+        HANDLE_ERROR(data, error)
+        return data.pluck('name')
+    }
+
+    private async getUrl(path: string): Promise<string> {
+        const { data, error } = await supabase.storage
+            .from(this.bucketName)
+            .createSignedUrl(path, 60 * 60 * 24)
+        HANDLE_ERROR(data, error)
+        return data.signedUrl
+    }
+
+    private async getUrls(
+        paths: string[]
+    ): Promise<{ path: string | null; signedUrl: string }[]> {
+        const { data, error } = await supabase.storage
+            .from(this.bucketName)
+            .createSignedUrls(paths, 60 * 60 * 24)
+        HANDLE_ERROR(data, error)
+        return data
+    }
+
+    async load(path: string): Promise<void> {
+        let url = await this.getUrl(path)
+        this.set(path, url)
+    }
+
+    async loadAll(): Promise<void> {
+        let paths = await this.listPaths()
+        if (paths.length === 0) return
+        let urls = await this.getUrls(paths)
+        for (let { path, signedUrl } of urls) {
+            if (path === null) continue
+            this.set(path, signedUrl)
+        }
+    }
+
+    async upload(
+        path: string,
+        file: File | Blob,
+        fileOptions?: FileOptions
+    ): Promise<void> {
+        const { data, error } = await supabase.storage
+            .from(this.bucketName)
+            .upload(path, file, fileOptions)
+        HANDLE_ERROR(data, error)
+        await this.load(path)
+    }
+
+    async update(
+        path: string,
+        file: File | Blob,
+        fileOptions?: FileOptions
+    ): Promise<void> {
+        const { data, error } = await supabase.storage
+            .from(this.bucketName)
+            .update(path, file, fileOptions)
+        HANDLE_ERROR(data, error)
+        await this.load(path)
+    }
+
+    async upsert(
+        path: string,
+        file: File | Blob,
+        fileOptions?: FileOptions
+    ): Promise<void> {
+        const { data, error } = await supabase.storage
+            .from(this.bucketName)
+            .upload(path, file, { ...fileOptions, upsert: true })
+        HANDLE_ERROR(data, error)
+        await this.load(path)
+    }
+
+    async remove(path: string): Promise<void> {
+        const { data, error } = await supabase.storage
+            .from(this.bucketName)
+            .remove([path])
+        HANDLE_ERROR(data, error)
+        this.delete(path)
+    }
+
+    async downloadZip() {
+        let zip = await zipCreate(Object.fromEntries(this))
+        await zipDownload(this.bucketName, zip)
+    }
+
+    reactive(): this {
+        return reactive(this) as this
+    }
+}