From b0cecf01080f6af279a1fe94275276b303c221bf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Latzarus?= <c@ltzr.io>
Date: Tue, 15 Oct 2024 13:44:15 +0200
Subject: [PATCH] feat: add json button download

---
 index.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/index.html b/index.html
index eb27fca..d749a0a 100644
--- a/index.html
+++ b/index.html
@@ -45,6 +45,10 @@ <h1>Modulix Editor</h1>
             <span class="fa fa-code"></span>
             Afficher le JSON
           </button>
+          <button class="btn btn-outline-warning" id="download-json-button">
+            <span class="fa fa-download"></span>
+            Télécharger le JSON
+          </button>
           <button class="btn btn-outline-danger" id="reset-button">
             <span class="fa fa-trash"></span>
             Réinitialiser
@@ -124,6 +128,21 @@ <h2>JSON à copier/coller</h2>
         jsonOutputPane.style.display = jsonOutputPaneDisplayed ? 'block' : 'none';
       });
 
+      const downloadButton = document.querySelector('#download-json-button');
+      downloadButton.addEventListener('click', () => {
+
+        const downloadLink = document.createElement('a');
+        const json = editor.getValue();
+        const jsonContent = JSON.stringify(json, null, 2);
+        downloadLink.setAttribute('href', 'data:application/json;charset=utf-8,' + encodeURIComponent(jsonContent));
+        downloadLink.setAttribute('download', `${json.slug}.json`);
+
+        downloadLink.style.display = 'none';
+        document.body.appendChild(downloadLink);
+        downloadLink.click();
+        document.body.removeChild(downloadLink);
+      });
+
       const resetButton = document.querySelector('#reset-button');
       resetButton.addEventListener('click', () => {
         if (window.confirm('Voulez-vous vraiment réinitialiser le module ? Toutes les modifications seront perdues.')) {