@budibase/frontend-core 2.23.4 → 2.23.5

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@budibase/frontend-core",
-  "version": "2.23.4",
+  "version": "2.23.5",
   "description": "Budibase frontend core libraries used in builder and client",
   "author": "Budibase",
   "license": "MPL-2.0",
   "svelte": "src/index.js",
   "dependencies": {
-    "@budibase/bbui": "2.23.4",
-    "@budibase/shared-core": "2.23.4",
-    "@budibase/types": "2.23.4",
+    "@budibase/bbui": "2.23.5",
+    "@budibase/shared-core": "2.23.5",
+    "@budibase/types": "2.23.5",
     "dayjs": "^1.10.8",
     "lodash": "4.17.21",
     "socket.io-client": "^4.6.1"
   },
-  "gitHead": "8a3a415c5f998d40ec0e96e73ccd171fa1bc2226"
+  "gitHead": "c2744834f4b0658b965a9060dee1b0ce05156cd8"
 }

package/src/api/attachments.js

@@ -88,5 +88,19 @@ export const buildAttachmentEndpoints = API => {
         },
       })
     },
+
+    /**
+     * Download an attachment from a row given its column name.
+     * @param datasourceId the ID of the datasource to download from
+     * @param rowId the ID of the row to download from
+     * @param columnName the column name to download
+     */
+    downloadAttachment: async (datasourceId, rowId, columnName, options) => {
+      return await API.get({
+        url: `/api/${datasourceId}/rows/${rowId}/attachment/${columnName}`,
+        parseResponse: response => response,
+        suppressErrors: options?.suppressErrors,
+      })
+    },
   }
 }

package/src/utils/download.js

@@ -1,3 +1,5 @@
+const extractFileNameRegex = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/
+
 export function downloadText(filename, text) {
   if (typeof text === "object") {
     text = JSON.stringify(text)
@@ -17,9 +19,7 @@ export async function downloadStream(streamResponse) {
 
   const contentDisposition = streamResponse.headers.get("Content-Disposition")
 
-  const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(
-    contentDisposition
-  )
+  const matches = extractFileNameRegex.exec(contentDisposition)
 
   const filename = matches[1].replace(/['"]/g, "")
 
@@ -34,3 +34,33 @@ export async function downloadStream(streamResponse) {
 
   URL.revokeObjectURL(blobUrl)
 }
+
+export async function downloadFile(url, body) {
+  const response = await fetch(url, {
+    method: "POST",
+    headers: {
+      "Content-Type": "application/json",
+    },
+    body: JSON.stringify(body),
+  })
+
+  if (!response.ok) {
+    return false
+  } else {
+    const contentDisposition = response.headers.get("Content-Disposition")
+
+    const matches = extractFileNameRegex.exec(contentDisposition)
+
+    const filename = matches[1].replace(/['"]/g, "")
+
+    const url = URL.createObjectURL(await response.blob())
+
+    const link = document.createElement("a")
+    link.href = url
+    link.download = filename
+    link.click()
+
+    URL.revokeObjectURL(url)
+    return true
+  }
+}