Enhance clipboard functionality with fallback for unsupported environments

Author: ysdragon

src/server/public/js/main.js

@@ -212,12 +212,46 @@ function showInfoToast(message, title = 'Info', duration = null) {
 }
 
 function copyFileName(name) {
-	navigator.clipboard.writeText(name).then(() => {
-		showSuccessToast(name + " copied to clipboard!", "Copied!");
-	}).catch(err => {
-		console.error('Failed to copy text: ', err);
+	// Try modern clipboard API first
+	if (navigator.clipboard && window.isSecureContext) {
+		navigator.clipboard.writeText(name).then(() => {
+			showSuccessToast(name + " copied to clipboard!", "Copied!");
+		}).catch(err => {
+			console.error('Failed to copy text: ', err);
+			fallbackCopyTextToClipboard(name);
+		});
+	} else {
+		fallbackCopyTextToClipboard(name);
+	}
+}
+
+function fallbackCopyTextToClipboard(text) {
+	const textArea = document.createElement("textarea");
+	textArea.value = text;
+	
+	// Avoid scrolling to bottom
+	textArea.style.top = "0";
+	textArea.style.left = "0";
+	textArea.style.position = "fixed";
+	textArea.style.opacity = "0";
+	
+	document.body.appendChild(textArea);
+	textArea.focus();
+	textArea.select();
+	
+	try {
+		const successful = document.execCommand('copy');
+		if (successful) {
+			showSuccessToast(text + " copied to clipboard!", "Copied!");
+		} else {
+			showErrorToast("Failed to copy to clipboard", "Copy Error");
+		}
+	} catch (err) {
+		console.error('Fallback: Could not copy text: ', err);
 		showErrorToast("Failed to copy to clipboard", "Copy Error");
-	});
+	}
+	
+	document.body.removeChild(textArea);
 }