feat: add Copy as Markdown Table button and JS to export output as a Markdown table

templates/index.html

@@ -74,6 +74,12 @@
         .copy-btn:hover {
             background-color: #0b7dda;
         }
+        .markdown-btn {
+            background-color: #9C27B0;
+        }
+        .markdown-btn:hover {
+            background-color: #7B1FA2;
+        }
         .instructions {
             background-color: #f9f9f9;
             padding: 15px;
@@ -139,6 +145,7 @@
                 <button type="submit">Process</button>
                 <button type="button" class="clear-btn" onclick="clearTextareas()">Clear All</button>
                 <button type="button" class="copy-btn" onclick="copyToClipboard()">Copy Output</button>
+                <button type="button" class="markdown-btn" onclick="copyAsMarkdownTable()">Copy as Markdown Table</button>
             </div>
         </div>
     </form>
@@ -163,6 +170,44 @@
             document.execCommand('copy');
             alert('Output copied to clipboard!');
         }
+        
+        function copyAsMarkdownTable() {
+            const outputText = document.getElementById('output_text').value;
+            if (!outputText.trim()) {
+                alert('No output to copy!');
+                return;
+            }
+            
+            // Create markdown table format with header and separator
+            const lines = outputText.split('\n').filter(line => line.trim());
+            
+            // Find the maximum line length to determine padding
+            const maxLength = Math.max(...lines.map(line => line.length), 35);
+            const separator = '-'.repeat(maxLength);
+            
+            // Build the table
+            let markdownTable = `| ${lines[0].padEnd(maxLength)} |\n`;
+            markdownTable += `| ${separator} |\n`;
+            
+            // Add remaining lines
+            for (let i = 1; i < lines.length; i++) {
+                markdownTable += `| ${lines[i].padEnd(maxLength)} |\n`;
+            }
+            
+            // Copy to clipboard
+            navigator.clipboard.writeText(markdownTable).then(() => {
+                alert('Output copied as Markdown table!');
+            }).catch(() => {
+                // Fallback for older browsers
+                const textarea = document.createElement('textarea');
+                textarea.value = markdownTable;
+                document.body.appendChild(textarea);
+                textarea.select();
+                document.execCommand('copy');
+                document.body.removeChild(textarea);
+                alert('Output copied as Markdown table!');
+            });
+        }
     </script>
 </body>
 </html>