From ca90edfc34f20bbc3a1c1de56848ab5a32db5871 Mon Sep 17 00:00:00 2001
From: ozwaldorf <self@ossian.dev>
Date: Sun, 13 Oct 2024 22:23:41 -0400
Subject: [PATCH] fix: text file web paste

---
 src/templates/index.html | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/templates/index.html b/src/templates/index.html
index 12a860c..c5ef8e9 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -17,13 +17,15 @@
             }}
         </style>
         <script nonce="{nonce}">
+            // Listen for paste events and upload them, setting the page's text to the list of links
             document.addEventListener('paste', async (event) => {{
-                const preElement = document.querySelector('pre');
                 const responses = await Promise.all([...event.clipboardData.items]
                     .filter(item => item.kind === 'file' || item.kind === 'string')
                     .map(async item => {{
-                        const file = item.getAsFile();
-                        const uploadUrl = `/${{file.name}}`;
+                        const file = item.getAsFile() || item.getAsString();
+                        if (!file)
+                            return `Error reading from clipboard`;
+                        const uploadUrl = `/${{typeof file === "object" ? file.name : "" }}`;
                         try {{
                             const response = await fetch(uploadUrl, {{
                                 method: 'PUT',
@@ -31,14 +33,14 @@
                             }});
                             const responseBody = await response.text();
                             return response.ok
-                                ? `<a href="${{responseBody}}" target="_blank">${{responseBody}}</a>`
-                                : `Failed to upload "${{file.name}}": ${{response.statusText}}`;
+                                ? `<a href="${{responseBody}}">${{responseBody}}</a>`
+                                : `Failed to upload "${{uploadUrl}}": ${{response.statusText}}`;
                         }} catch (error) {{
-                            return `Error uploading "${{file.name}}": ${{error.message}}`;
+                            return `Error uploading "${{uploadUrl}}": ${{error.message}}`;
                         }}
                     }})
                 );
-                preElement.innerHTML = responses.join('\n');
+                document.querySelector('pre').innerHTML = responses.join('\n');
             }});
         </script>
     </head>