\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}","filething",[],[99],{"_104":182,"_95":183,"_156":184,"_158":-5,"_159":141,"_160":185,"_162":110,"_106":186,"_100":187,"_164":188,"_165":189,"_167":22,"_168":-5,"_169":190,"_98":191},"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}",[],[183],"files",[153,172,181],"counts",{"_196":32,"_197":161,"_198":199,"_200":201},"pulls","branches","forks",7,"envVars",{"_202":32,"_203":32},"count","emptyCount","contents",[],{"_104":173,"_95":99,"_156":117,"_158":-5,"_159":141,"_160":101,"_162":22,"_106":207,"_100":175,"_164":176,"_165":177,"_167":22,"_168":178,"_98":208},["D",1748929170612],[99],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_93":94,"_95":96,"_97":43,"_100":101,"_98":99,"_102":217,"_151":222,"_192":232,"_96":233,"_204":235,"_236":-5,"_237":-5,"_238":-5,"_239":-5,"_240":241},{"_104":105,"_95":96,"_106":218,"_108":-5,"_109":110,"_111":112,"_113":-5,"_114":-5,"_14":115,"_116":117,"_118":110,"_119":120,"_121":122,"_16":123,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_23":219,"_136":220,"_139":221,"_150":22},["D",1746222425441],{"_93":94,"_134":135},{"_93":94,"_138":135},{"_100":120,"_95":43,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":96,"_149":94},[223,226,229],{"_104":154,"_95":155,"_156":157,"_158":-5,"_159":141,"_160":161,"_162":110,"_106":163,"_100":32,"_164":96,"_165":166,"_167":22,"_168":-5,"_169":224,"_98":225},[],[155],{"_104":173,"_95":99,"_156":117,"_158":-5,"_159":141,"_160":101,"_162":22,"_106":174,"_100":175,"_164":176,"_165":177,"_167":22,"_168":178,"_169":227,"_98":228},[],[99],{"_104":182,"_95":183,"_156":184,"_158":-5,"_159":141,"_160":185,"_162":110,"_106":186,"_100":187,"_164":188,"_165":189,"_167":22,"_168":-5,"_169":230,"_98":231},[],[183],[223,226,229],{"_104":173,"_95":99,"_156":117,"_158":-5,"_159":141,"_160":101,"_162":22,"_106":207,"_100":175,"_164":176,"_165":177,"_167":22,"_168":178,"_98":234},[99],[],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]

loading

file