From 8142d69bb7df0d12415165557a2ba565c25d1f7d Mon Sep 17 00:00:00 2001
From: DrMint <29893320+DrMint@users.noreply.github.com>
Date: Wed, 26 Jun 2024 06:41:18 +0200
Subject: [PATCH] Make download button js-less most of the time

---
 src/components/DownloadButton.astro | 30 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 16 deletions(-)

diff --git a/src/components/DownloadButton.astro b/src/components/DownloadButton.astro
index 248a9f6..010d22f 100644
--- a/src/components/DownloadButton.astro
+++ b/src/components/DownloadButton.astro
@@ -15,13 +15,17 @@ const { t } = await getI18n(Astro.locals.currentLocale);
 
 {/* ------------------------------------------- HTML ------------------------------------------- */}
 
-<download-button
-  href={href}
-  filename={filename}
-  class="when-js when-no-print"
-  data-use-blob={useBlob}>
-  <Button title={t("global.downloadButton")} icon="material-symbols:download" />
-</download-button>
+{
+  useBlob ? (
+    <download-button href={href} filename={filename} class="when-js when-no-print">
+      <Button title={t("global.downloadButton")} icon="material-symbols:download" />
+    </download-button>
+  ) : (
+    <a href={href} class="when-no-print">
+      <Button title={t("global.downloadButton")} icon="material-symbols:download" />
+    </a>
+  )
+}
 
 {/* ------------------------------------------- JS --------------------------------------------- */}
 
@@ -31,19 +35,13 @@ const { t } = await getI18n(Astro.locals.currentLocale);
   customElement("download-button", (elem) => {
     const href = elem.getAttribute("href");
     const filename = elem.getAttribute("filename");
-    const useBlob = elem.hasAttribute("data-use-blob");
 
     if (!href || !filename) return;
 
     elem.addEventListener("click", async () => {
-      let url;
-      if (useBlob) {
-        const res = await fetch(href);
-        const blob = await res.blob();
-        url = window.URL.createObjectURL(blob);
-      } else {
-        url = href;
-      }
+      const res = await fetch(href);
+      const blob = await res.blob();
+      const url = window.URL.createObjectURL(blob);
 
       var link = document.createElement("a");
       link.download = filename;