and

\n const regex = /([\\s\\S]*?)<\\/pre>/i;\n const match = html.match(regex);\n return match ? match[1].trim() : null;\n }\n\n const generateQRCode = async (id: string) => {\n const response = await fetch(`https://recklessreticence-generateqr.web.val.run/?peer=${id}`);\n // Wait for the full HTML text response.\n const html = await response.text();\n // Extract the base64 string from the HTML.\n const base64String = extractBase64FromHtml(html);\n setQrcode(base64String || \"\");\n };\n\n const connectToPeer = (targetId = targetPeerId) => {\n if (!targetId || !peerRef.current) return;\n const conn = peerRef.current.connect(targetId);\n setupConnection(conn);\n setTargetPeerId(\"\");\n };\n\n const handleFileUpload = (event) => {\n const file = event.target.files[0];\n if (!file) return;\n\n const reader = new FileReader();\n reader.onload = (e) => {\n const fileData = {\n type: \"file\",\n file: {\n name: file.name,\n type: file.type,\n data: e.target.result,\n },\n };\n setFiles((prevFiles) => [...prevFiles, fileData.file]);\n\n Object.values(connectedPeers).forEach((conn) => {\n conn.send(fileData);\n });\n showNotification(`File sent: ${file.name}`);\n };\n reader.readAsArrayBuffer(file);\n };\n\n const copyShareableUrl = () => {\n if (!confirm(\"Are you sure you want to copy the shareable URL?\")) {\n return;\n }\n try {\n navigator.clipboard.writeText(getShareableUrl());\n } catch (err) {\n showNotification(\"Failed to copy shareable URL\");\n }\n showNotification(\"Shareable URL copied to clipboard\");\n };\n\n const sendMessage = () => {\n if (!message) return;\n Object.values(connectedPeers).forEach((conn) => {\n conn.send(message);\n });\n setChatHistory((prev) => [...prev, { sender: \"You\", message }]);\n setMessage(\"\");\n };\n\n const downloadFile = (file) => {\n const blob = new Blob([file.data], { type: file.type });\n const url = URL.createObjectURL(blob);\n const a = document.createElement(\"a\");\n a.href = url;\n a.download = file.name;\n document.body.appendChild(a);\n a.click();\n document.body.removeChild(a);\n URL.revokeObjectURL(url);\n };\n\n const showNotification = (message: string) => {\n setNotification(message);\n vibrate();\n setTimeout(() => setNotification(null), 3000);\n };\n\n const shareNFC = async () => {\n if (!(\"NDEFReader\" in window)) {\n setNfcStatus(\"NFC is not supported on this device\");\n return;\n }\n\n try {\n const ndef = new NDEFReader();\n const shareableUrl = getShareableUrl();\n await ndef.write({\n records: [{\n recordType: \"url\",\n data: shareableUrl,\n }],\n });\n setNfcStatus(\"NFC sharing successful\");\n } catch (error) {\n console.error(error);\n setNfcStatus(\"NFC sharing failed: \" + error.message);\n }\n };\n\n return (\n

\n FileThing\n

\n Your Peer ID{\" \"}\n \n {peerId}\n \n

\n Your Shareable URL{\" \"}\n \n {getShareableUrl()}\n \n

\n setTargetPeerId(e.target.value)}\n placeholder=\"Enter peer ID to connect\"\n className=\"w-full md:w-1/2 p-2 border-0 rounded bg-gray-800 border-gray-700 text-white mb-2 md:mb-0\"\n />\n connectToPeer()}\n className={`w-auto mt-2 md:mt-0 md:ml-2 px-4 py-2 bg-${accent} text-white rounded transition-all ${buttonHover}`}\n >\n Connect\n \n setShowModal(!showModal)}\n >\n QR Code\n \n {showModal && qrcode.length > 0 && (\n

\n $\"QR$ \n

\n )}\n {showModal && \"NDEFReader\" in window\n && (\n \n Share via NFC\n \n )}\n

\n {nfcStatus &&

{nfcStatus}

}\n

Connected Peers

{peer}

Files

\n \n\n

\n {getFileEmote(file)}{file.name} ({file.type})\n \n downloadFile(file)}\n className=\"px-2 py-1 bg-green-600 text-white rounded hover:bg-green-700 text-sm\"\n >\n Download\n \n

Chat

\n {chatHistory.map((chat, index) => (\n

\n {chat.sender}:{\" \"}\n {chat.message}\n

\n ))}\n

\n e.key === \"Enter\" && sendMessage()}\n onChange={(e) => setMessage(e.target.value)}\n placeholder=\"Enter message\"\n className=\"flex-grow p-2 border rounded bg-gray-800 border-gray-700 text-white mb-2 md:mb-0 md:mr-2\"\n />\n \n Send\n \n

\n {notification && (\n

\n {notification}\n

\n )}\n

\n );\n}\n\nfunction client() {\n render(, document.getElementById(\"root\")!);\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\nconst manifest = {\n name: \"FileThing\",\n short_name: \"FileThing\",\n description: \"WebRTC file sharing simple instant file transfer\",\n start_url: \"/\",\n display: \"standalone\",\n background_color: \"#ECE9D8\",\n theme_color: \"#3A6EA5\",\n icons: [],\n};\n\nconst serviceWorkerCode = `\nself.addEventListener('install', (event) => {\n // event.waitUntil(\n // caches.open('filething-cache-v1').then((cache) => {\n // return cache.addAll([\n // '/manifest.json',\n // 'https://cdn.tailwindcss.com',\n // ]);\n // })\n // );\n});\n\n// self.addEventListener('fetch', (event) => {\n// event.respondWith(\n// caches.match(event.request).then((response) => {\n// return response || fetch(event.request);\n// })\n// );\n// });\n`;\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/manifest.json\") {\n return new Response(JSON.stringify(manifest), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (url.pathname === \"/service-worker.js\") {\n return new Response(serviceWorkerCode, {\n headers: { \"Content-Type\": \"application/javascript\" },\n });\n }\n return new Response(\n `\n \n \n \n \n FileThing\n \n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label",[98],"permalink","https://www.val.town/x/recklessreticence/file/code/main.tsx","extension","actionData","errors"]