Update app.py

app.py

@@ -3,7 +3,7 @@ from fastapi.responses import HTMLResponse, JSONResponse, StreamingResponse, Fil
 import requests
 import time
 import asyncio
-from typing import Dict, List
+from typing import Dict
 import os
 import mimetypes
 
@@ -425,7 +425,7 @@ HTML_CONTENT = """
             gap: 5px;
         }
 
-        .quick-open-modal {
+                .quick-open-modal {
             display: none;
             position: fixed;
             z-index: 4;
@@ -437,7 +437,7 @@ HTML_CONTENT = """
             overflow: auto;
         }
 
-                .quick-open-content {
+        .quick-open-content {
             margin: 5% auto;
             padding: 20px;
             width: 90%;
@@ -602,6 +602,8 @@ HTML_CONTENT = """
         const historyList = document.getElementById('historyList');
         const quickOpenContent = document.getElementById('quickOpenContent');
 
+        let pastedImageCounter = 0;
+
         fileInput.addEventListener('change', handleFileSelect);
 
         uploadForm.addEventListener('submit', (e) => {
@@ -628,15 +630,27 @@ HTML_CONTENT = """
 
         document.addEventListener('paste', (e) => {
             const items = e.clipboardData.items;
+            const files = [];
             for (let i = 0; i < items.length; i++) {
                 if (items[i].kind === 'file') {
                     const file = items[i].getAsFile();
-                    handleFileSelect({ target: { files: [file] } });
-                    break;
+                    const newFileName = generateUniqueFileName(file.name);
+                    const renamedFile = new File([file], newFileName, { type: file.type });
+                    files.push(renamedFile);
                 }
             }
+            if (files.length > 0) {
+                handleFileSelect({ target: { files: files } });
+            }
         });
 
+        function generateUniqueFileName(originalName) {
+            const extension = originalName.split('.').pop();
+            const baseName = originalName.split('.').slice(0, -1).join('.');
+            pastedImageCounter++;
+            return `${baseName}${pastedImageCounter}.${extension}`;
+        }
+
         span[0].onclick = function() {
             modal.style.display = "none";
         }
@@ -856,7 +870,7 @@ HTML_CONTENT = """
                 copyBtn.textContent = 'Copy Link';
                 copyBtn.className = 'small-btn';
                 copyBtn.onclick = () => {
-                    navigator.clipboard.writeText(window.location.origin + item.url).then(() => {
+                                        navigator.clipboard.writeText(window.location.origin + item.url).then(() => {
                         alert('Link copied to clipboard!');
                     });
                 };
@@ -881,7 +895,7 @@ HTML_CONTENT = """
                     actionsContainer.appendChild(embedBtn);
                 }
 
-                                historyItem.appendChild(actionsContainer);
+                historyItem.appendChild(actionsContainer);
                 historyList.appendChild(historyItem);
             });
             historyModal.style.display = "block";