src/snek/static/message-list.js

@@ -34,12 +34,6 @@ export class ReplyEvent extends Event {
       img.replaceWith(document.createTextNode(src));
     });
 
-     // Replace <video> with just their src
-    newMessage.querySelectorAll('video').forEach(vid => {
-      const src = vid.src || vid.currentSrc || vid.querySelector('source').src;
-      vid.replaceWith(document.createTextNode(src));
-    });
-
     // Replace <iframe> with their src
     newMessage.querySelectorAll('iframe').forEach(iframe => {
       const src = iframe.src || iframe.currentSrc;

src/snek/templates/web.html

@@ -101,41 +101,20 @@ setInterval(() => requestIdleCallback(updateTimes), 30000);
 const textBox = chatInputField.textarea;
 textBox.addEventListener("paste", async (e) => {
     try {
-        e.preventDefault();
-        const uploadButton = chatInputField.fileUploadGrid;
-
-        const clipboardItems = await navigator.clipboard.read()
-
+        const clipboardItems = await navigator.clipboard.read();
+        const dt = new DataTransfer();
         for (const item of clipboardItems) {
-            if (item.types.every(v => v === "text/plain")) {
-                const text = await (await item.getType("text/plain")).text();
-                chatInputField.value += text;
-                continue
-            }
-
-            if (item.types.every(t => t.startsWith('text/'))) {
-                console.log("All types are text:", item.types);
-                const codeType = item.types.find(t => !t.startsWith('text/plain') && !t.startsWith('text/html'));
-                let code = await(await item.getType(codeType ?? 'text/plain')).text();
-
-                const minIndentDepth = code.split('\n').reduce((acc, line) => {
-                    if (!line.trim()) return acc;
-                    const match = line.match(/^(\s*)/);
-                    return match ? Math.min(acc, match[1].length) : acc;
-                }, 9000)
-
-                code = code.split('\n').map(line => line.slice(minIndentDepth)).join('\n')
-
-                chatInputField.value += `\`\`\`${codeType?.split('/')?.[1] ?? ''}\n${code}\n\`\`\`\n`;
-            } else {
-                for (const type of item.types.filter(t => !t.startsWith('text/'))) {
-                    const blob = await item.getType(type);
-                    const name  = type.replace('/', '.')
-                    uploadButton.uploadsStarted++
-                    uploadButton.createTile(new File([blob], name, {type}))
-                }
+            for (const type of item.types.filter(t => !t.startsWith('text/'))) {
+                const blob = await item.getType(type);
+                dt.items.add(new File([blob], "image.png", { type }));
             }
         }
+        if (dt.items.length > 0) {
+            const uploadButton = chatInputField.uploadButton;
+            const input = uploadButton.shadowRoot.querySelector('.file-input');
+            input.files = dt.files;
+            await uploadButton.uploadFiles();
+        }
     } catch (error) {
         console.error("Failed to read clipboard contents: ", error);
     }
@@ -144,17 +123,10 @@ chatArea.addEventListener("drop", async (e) => {
     e.preventDefault();
     const dt = e.dataTransfer;
     if (dt.items.length > 0) {
-        const uploadButton = chatInputField.fileUploadGrid;
-
-        for (const item of dt.items) {
-            if (item.kind === "file") {
-                const file = item.getAsFile();
-                if (file) {
-                   uploadButton.uploadsStarted++
-                   uploadButton.createTile(file)
-                }
-            }
-        }
+        const uploadButton = chatInputField.uploadButton;
+        const input = uploadButton.shadowRoot.querySelector('.file-input');
+        input.files = dt.files;
+        await uploadButton.uploadFiles();
     }
 });
 chatArea.addEventListener("dragover", e => {