From 6998a8799c694641bc4bd658a87cde4b286e3d51 Mon Sep 17 00:00:00 2001
From: Lukas Aldersley <aldersleluk@hotmail.com>
Date: Fri, 6 Jun 2025 22:56:07 +0200
Subject: [PATCH 1/2] 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 9df58df..15a290c 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>
@@ -59,10 +59,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 efc7f1c..a93df36 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;
 var selectedProxy = 'auto';
 
 // CORS Proxy configurations
@@ -191,11 +191,11 @@ async 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');
     
   } catch (error) {
     console.error('Fetch error:', error);
@@ -242,7 +242,7 @@ function startExport() {
   console.log('Start exporting');
   setStyle();
 
-  var url = getFieldUrl();
+  let url = getFieldUrl();
   if (url) {
     fetchData(url);
   } else {
@@ -250,12 +250,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) {

From 71eb802b8d8e1e80c770658f6c992ee7e72348aa Mon Sep 17 00:00:00 2001
From: Lucas Tarasconi <lucas.tarasconi@polyconseil.fr>
Date: Thu, 28 Aug 2025 16:58:54 +0200
Subject: [PATCH 2/2] Fix output display reference and improve clipboard error
 logging

---
 script.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/script.js b/script.js
index a93df36..1f51181 100644
--- a/script.js
+++ b/script.js
@@ -195,7 +195,7 @@ async function fetchData(url) {
     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');
+    download(output_display.textContent, 'output.md', 'text/plain');
     
   } catch (error) {
     console.error('Fetch error:', error);
@@ -254,11 +254,11 @@ 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*/
+  I believe it is acceptable to use this despite its restrictions*/
   try {
     await navigator.clipboard.writeText(document.getElementById('output-display').textContent);
   } catch (error) {
-    console.error(error.message);
+    console.error('Failed to copy to clipboard:', error.message);
   }
 }