feat: add json button download

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.')) {