Merge pull request 'Fixed upload handling' (#72) from BordedDev/snek:bugfix/upload-handling into main

Browse Source 
Reviewed-on: retoor/snek#72
Reviewed-by: retoor <retoor@noreply@molodetz.nl>
This commit is contained in:
retoor 2025-10-04 19:01:54 +02:00
commit 13181fa275
1 changed files with 49 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

52
src/snek/templates/web.html
View File

@ -101,19 +101,40 @@ setInterval(() => requestIdleCallback(updateTimes), 30000);
const textBox = chatInputField.textarea; const textBox = chatInputField.textarea;
textBox.addEventListener("paste", async (e) => { textBox.addEventListener("paste", async (e) => {
try { try {
const clipboardItems = await navigator.clipboard.read(); e.preventDefault();
const dt = new DataTransfer(); const uploadButton = chatInputField.fileUploadGrid;
const clipboardItems = await navigator.clipboard.read()
for (const item of clipboardItems) { 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/'))) { for (const type of item.types.filter(t => !t.startsWith('text/'))) {
const blob = await item.getType(type); const blob = await item.getType(type);
dt.items.add(new File([blob], "image.png", { type })); const name = type.replace('/', '.')
uploadButton.uploadsStarted++
uploadButton.createTile(new File([blob], name, {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) { } catch (error) {
console.error("Failed to read clipboard contents: ", error); console.error("Failed to read clipboard contents: ", error);
@ -123,10 +144,17 @@ chatArea.addEventListener("drop", async (e) => {
e.preventDefault(); e.preventDefault();
const dt = e.dataTransfer; const dt = e.dataTransfer;
if (dt.items.length > 0) { if (dt.items.length > 0) {
const uploadButton = chatInputField.uploadButton; const uploadButton = chatInputField.fileUploadGrid;
const input = uploadButton.shadowRoot.querySelector('.file-input');
input.files = dt.files; for (const item of dt.items) {
await uploadButton.uploadFiles(); if (item.kind === "file") {
const file = item.getAsFile();
if (file) {
uploadButton.uploadsStarted++
uploadButton.createTile(file)
}
}
}
} }
}); });
chatArea.addEventListener("dragover", e => { chatArea.addEventListener("dragover", e => {