@meistrari/tela-build 1.29.2 → 1.29.3

package/components/tela/preview/preview-content.vue

@@ -786,11 +786,55 @@ function scrollToPage(page: number) {
     }
 }
 
-function download(url: string) {
+async function download(url: string) {
     if (!url)
         return
 
-    window.open(url, '_blank')
+    const filename = props.file.fileName || 'download'
+
+    function triggerAnchor(href: string, revokeAfter?: string) {
+        const a = document.createElement('a')
+        a.href = href
+        a.download = filename
+        document.body.appendChild(a)
+        a.click()
+        document.body.removeChild(a)
+        if (revokeAfter) {
+            setTimeout(() => URL.revokeObjectURL(revokeAfter), 10_000)
+        }
+    }
+
+    if (url.startsWith('data:')) {
+        try {
+            const response = await fetch(url)
+            const blob = await response.blob()
+            const blobUrl = URL.createObjectURL(blob)
+            triggerAnchor(blobUrl, blobUrl)
+        }
+        catch {
+            triggerAnchor(url)
+        }
+        return
+    }
+
+    try {
+        const response = await fetch(url)
+        if (!response.ok)
+            throw new Error(`HTTP ${response.status}`)
+        const blob = await response.blob()
+        const blobUrl = URL.createObjectURL(blob)
+        triggerAnchor(blobUrl, blobUrl)
+    }
+    catch {
+        const a = document.createElement('a')
+        a.href = url
+        a.download = filename
+        a.target = '_blank'
+        a.rel = 'noopener noreferrer'
+        document.body.appendChild(a)
+        a.click()
+        document.body.removeChild(a)
+    }
 }
 
 const isContainerHovered = ref(false)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meistrari/tela-build",
-  "version": "1.29.2",
+  "version": "1.29.3",
   "type": "module",
   "files": [
     "app.config.ts",