\n {/* Header */}\n

\n \n RTCrypt - Encrypted Messaging & Transfers\n

Secure peer-to-peer communication protocol, powered by WebRTC.

\n\n {/* Connection Info */}\n

\n {/* Your Peer ID */}\n

\n Your Peer ID\n

\n {peerId}\n

\n copyToClipboard(peerId, \"peerId\")}\n className=\"bg-slate-700 hover:bg-slate-600 rounded-r-lg px-3 transition-colors\"\n title=\"Copy Peer ID\"\n >\n {isCopiedPeerId ? Copied! : }\n \n

\n Your Shareable URL\n

\n {getShareableUrl()}\n

\n copyToClipboard(getShareableUrl(), \"url\")}\n className=\"bg-slate-700 hover:bg-slate-600 rounded-r-lg px-3 transition-colors\"\n title=\"Copy URL\"\n >\n {isCopiedURL ? Copied! : }\n \n

\n {\n /*

\n $\"QR$ \n

*/\n }\n

\n\n {/* Your Shareable URL */}\n

\n Your Shareable URL\n

Note

\n\n {/* Connect to Peer */}\n

\n \n Connect to Peer\n

\n setTargetPeerId(e.target.value)}\n className=\"flex-grow bg-slate-900 border border-slate-700 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-cyan-500 text-white\"\n />\n

\n connectToPeer()}\n className=\"bg-cyan-600 hover:bg-cyan-500 text-white px-6 py-2 rounded-lg font-medium transition-colors flex-grow sm:flex-grow-0\"\n >\n Connect\n \n setShowModal(!showModal)}\n >\n \n \n

\n\n {showModal && qrcode.length > 0 && (\n

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

\n )}\n\n {nfcStatus && (\n

{nfcStatus}

\n )}\n

\n\n {/* Connected Peers */}\n

\n \n Connected Peers\n

\n {Object.keys(connectedPeers).length > 0\n ? (\n

\n
\n {peer}\n

\n )\n :

No peers connected

}\n

\n\n {/* Chat and Files Area */}\n

\n {/* Files Section */}\n

Files

\n\n

\n {files.length > 0\n ? (\n

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

\n )\n :

No files shared yet

}\n

\n \n Choose File\n \n \n \n {files.length > 0 ? `${files.length} file(s) selected` : \"No file chosen\"}\n \n

\n\n {/* Chat Section */}\n

Chat

\n {chatHistory.length > 0\n ? (\n

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

{chat.sender}

{chat.message}

\n ))}\n

\n )\n :

No messages yet

}\n

\n setMessage(e.target.value)}\n onKeyPress={(e) => e.key === \"Enter\" && sendMessage()}\n className=\"flex-grow bg-slate-900 border border-slate-700 rounded-lg px-4 py-2 focus:outline-none focus:ring-2 focus:ring-cyan-500 text-white\"\n />\n \n \n \n

\n\n {/* Footer */}\n \n\n {/* Notification */}\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}\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\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 headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label","peer2peer",[99],"permalink","https://www.val.town/x/AIWB/file/code/main.tsx","extension","actionData","errors"]