From c4b4ed2a8ecb1b5914f9014d7139e875f039cf6f Mon Sep 17 00:00:00 2001
From: Lukas Aldersley <aldersleluk@hotmail.com>
Date: Fri, 6 Jun 2025 22:56:07 +0200
Subject: [PATCH] add 'copy-to-clipboard', fixes for typos and smaller issues

---
 index.html |  9 +++++----
 script.js  | 45 +++++++++++++++++++++++++++++----------------
 2 files changed, 34 insertions(+), 20 deletions(-)

diff --git a/index.html b/index.html
index b60b32b..89e436a 100644
--- a/index.html
+++ b/index.html
@@ -33,7 +33,7 @@ <h1>Export reddit post to markdown format</h1>
     <input class="form-check-input" type="radio" name="exportOption" id="treeOption" checked/>
     <label class="form-check-label" for="treeOption">Tree style</label>
     <input class="form-check-input" type="radio" name="exportOption" id="listOption"/>
-    <label class="form-check-label" for="exportOption2">List style</label>
+    <label class="form-check-label" for="listOption">List style</label>
   </div>
 
   <label>Export option :</label>
@@ -47,10 +47,11 @@ <h1>Export reddit post to markdown format</h1>
   </div>
 
   <button class="btn btn-primary" onclick="startExport()">Export</button>
-  <a href="" id="a" download disabled class="btn btn-success">Download markdown file</a>
-  <div id="ouput-block" hidden>
+  <a href="" id="downloadButton" download disabled class="btn btn-success">Download markdown file</a>
+  <button id="copyButton" class="btn btn-success" disabled onclick="copyExport()">Copy to Clipboard</button>
+  <div id="output-block" hidden>
     <h3>Output</h3>
-    <pre id="ouput-display"></pre>
+    <pre id="output-display"></pre>
     <br/>
   </div>
   <footer>
diff --git a/script.js b/script.js
index 107e2a3..4cd500e 100644
--- a/script.js
+++ b/script.js
@@ -1,9 +1,9 @@
 const http = new XMLHttpRequest();
-var data;
-var output = '';
-var style = 0;
-var escapeNewLine = false;
-var spaceComment = false;
+let data;
+let output = '';
+let style = 0;
+let escapeNewLine = false;
+let spaceComment = false;
 
 const onDocumentReady = () => {
   document.getElementById('url-field').value = getQueryParamUrl();
@@ -32,11 +32,11 @@ function fetchData(url) {
     comments.forEach(displayComment);
 
     console.log('Done');
-    var ouput_display = document.getElementById('ouput-display');
-    var ouput_block = document.getElementById('ouput-block');
-    ouput_block.removeAttribute('hidden');
-    ouput_display.innerHTML = output;
-    download(output, 'output.md', 'text/plain');
+    let output_display = document.getElementById('output-display');
+    let output_block = document.getElementById('output-block');
+    output_block.removeAttribute('hidden');
+    output_display.innerHTML = output;
+    download(document.getElementById('output-display').textContent, 'output.md', 'text/plain');
   };
 }
 
@@ -64,7 +64,7 @@ function startExport() {
   console.log('Start exporting');
   setStyle();
 
-  var url = getFieldUrl();
+  let url = getFieldUrl();
   if (url) {
     fetchData(url);
   } else {
@@ -72,12 +72,25 @@ function startExport() {
   }
 }
 
+async function copyExport() {
+  /*according to https://developer.mozilla.org/en-US/docs/Web/API/Clipboard/writeText
+  this should only work in 'Secure Contexts' (https or localhost/loopback addresses)
+  Since GitHub Pages supports https and getting a certificate for any other host is a 10 minute job
+  I believe it is acceptible to use this despite it's restrictions*/
+  try {
+    await navigator.clipboard.writeText(document.getElementById('output-display').textContent);
+  } catch (error) {
+    console.error(error.message);
+  }
+}
+
 function download(text, name, type) {
-  var a = document.getElementById('a');
-  a.removeAttribute('disabled');
-  var file = new Blob([text], {type: type});
-  a.href = URL.createObjectURL(file);
-  a.download = name;
+  document.getElementById('copyButton').removeAttribute('disabled');
+  let download_button = document.getElementById('downloadButton');
+  download_button.removeAttribute('disabled');
+  let file = new Blob([text], {type: type});
+  download_button.href = URL.createObjectURL(file);
+  download_button.download = name;
 }
 
 function displayTitle(post) {