From b7d901b0af875a0c4d5a82b01db01038e6e67047 Mon Sep 17 00:00:00 2001
From: Jacob Strieb <jstrieb@users.noreply.github.com>
Date: Sun, 30 Jun 2019 01:25:38 -0700
Subject: [PATCH] Add download/export button

---
 editor/editor.js  | 9 ++++++---
 editor/index.html | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/editor/editor.js b/editor/editor.js
index 545ea6a..00b4c69 100644
--- a/editor/editor.js
+++ b/editor/editor.js
@@ -43,7 +43,7 @@ ${data["html"]}
 
 /* Return a link to view the page */
 function getViewLink(pageData) {
-  return `../#${window.btoa(encodeURIComponent(pageData))}`;
+  return `../#${window.btoa(pageData)}`;
 }
 
 
@@ -55,7 +55,7 @@ function update() {
     "html" : document.getElementById("html").value
   };
 
-  var html = getHTML(data);
+  var html = encodeURIComponent(getHTML(data));
 
   // Save encoded page data to the URL
   window.location.hash = "#" + window.btoa(JSON.stringify(data));
@@ -63,8 +63,11 @@ function update() {
   // Update the URL for the "Get Link" button
   document.getElementById("getLinkLink").href = getViewLink(html);
 
+  // Update the download link
+  document.getElementById("downloadLink").href = `data:text/html,${html}`
+
   // Update the <iframe> to display the generated page
-  window.frames[0].location.replace(`data:text/html,${encodeURIComponent(html)}`);
+  window.frames[0].location.replace(`data:text/html,${html}`);
 }
 
 /* Show a prompt with the HTML so the user can copy the code */
diff --git a/editor/index.html b/editor/index.html
index 16cf61f..30c7c6e 100644
--- a/editor/index.html
+++ b/editor/index.html
@@ -16,6 +16,7 @@
 <div id="buttons">
   <button><a id="getLinkLink" href="" target="_blank">Get Link</a></button>
   <button onclick="showCopyCodePrompt()">Copy Code</button>
+  <button><a id="downloadLink" href="" target="_blank" download="export.html">Download Code</a></button>
 </div>
 
 <iframe></iframe>