\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 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 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 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 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}","filething",[],[99],{"_103":181,"_95":182,"_155":183,"_157":-5,"_158":140,"_159":184,"_161":109,"_105":185,"_100":186,"_163":187,"_164":188,"_166":22,"_167":-5,"_168":189,"_98":190},"a9739534-403c-11f0-b61c-76b3cceeab13","utils.ts","7d27cf0e-403c-11f0-8b72-76b3cceeab13",291,["D",1748928973353],6,"script","export interface NDEFRecord {\n recordType: string;\n mediaType?: string;\n data?: string | BufferSource | NDEFRecord[];\n}\n\nexport interface Message {\n sender: string;\n message: string;\n}\n\nexport interface RTCFile {\n data: Uint8Array;\n name: string;\n type: string;\n}\n\nexport function getFileEmote(file: RTCFile) {\n const fileType = file.type.split(\"/\")[0];\n switch (fileType) {\n case \"image\":\n return \"🖼️\";\n case \"audio\":\n return \"🎵\";\n case \"video\":\n return \"🎥\";\n case \"application\":\n return \"📄\";\n default:\n return \"📁\";\n }\n}\n\nexport enum Accent {\n Pink = \"[#e91e63]\",\n Blue = \"[#2196f3]\",\n Green = \"[#4caf50]\",\n Red = \"[#f44336]\",\n Purple = \"[#9c27b0]\",\n}\n\nexport enum ButtonHover {\n Pink = \"hover:bg-pink-700\",\n Blue = \"hover:bg-blue-700\",\n Green = \"hover:bg-green-700\",\n Red = \"hover:bg-red-700\",\n Purple = \"hover:bg-purple-700\",\n}",[],[182],"files",[152,171,180],"counts",{"_195":32,"_196":160,"_197":198,"_199":200},"pulls","branches","forks",7,"envVars",{"_201":32,"_202":32},"count","emptyCount","contents",[],{"_103":172,"_158":140,"_155":116,"_95":99,"_164":176,"_163":175,"_100":174,"_157":-5,"_105":206,"_159":119,"_167":177,"_98":207},["D",1748929326808],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":216,"_150":221,"_191":231,"_96":232,"_203":235,"_236":-5,"_237":-5,"_238":-5,"_239":-5,"_240":241},{"_103":104,"_95":96,"_105":217,"_107":-5,"_108":109,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":109,"_118":119,"_120":121,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":218,"_135":219,"_138":220,"_149":22},["D",1746222425441],{"_93":94,"_133":134},{"_93":94,"_137":134},{"_100":119,"_95":43,"_103":140,"_141":104,"_142":-5,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":96,"_148":94},[222,225,228],{"_103":153,"_95":154,"_155":156,"_157":-5,"_158":140,"_159":160,"_161":109,"_105":162,"_100":32,"_163":96,"_164":165,"_166":22,"_167":-5,"_168":223,"_98":224},[],[154],{"_103":172,"_95":99,"_155":116,"_157":-5,"_158":140,"_159":119,"_161":109,"_105":173,"_100":174,"_163":175,"_164":176,"_166":22,"_167":177,"_168":226,"_98":227},[],[99],{"_103":181,"_95":182,"_155":183,"_157":-5,"_158":140,"_159":184,"_161":109,"_105":185,"_100":186,"_163":187,"_164":188,"_166":22,"_167":-5,"_168":229,"_98":230},[],[182],[222,225,228],{"_103":172,"_158":140,"_155":116,"_95":99,"_164":176,"_163":175,"_100":174,"_157":-5,"_105":233,"_159":119,"_167":177,"_98":234},["D",1748929326808],[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

loading

file