\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}","p2p",[],[99],"files",[153,172],"counts",{"_185":32,"_186":136,"_187":32,"_188":189},"pulls","branches","forks","envVars",{"_190":32,"_191":32},"count","emptyCount","contents",[],{"_103":173,"_159":137,"_156":174,"_95":99,"_165":177,"_164":176,"_100":32,"_158":-5,"_105":195,"_160":136,"_168":178,"_98":196},["D",1747749935001],[99],"upstreamProject",{"_103":145,"_95":96,"_111":-5,"_112":-5,"_109":110,"_23":199},{"_93":200,"_129":201},"loading","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yaTFCT2UzVDJHbzF6RjhPTnpBd3p6VEJHZEQifQ","upstreamBranch",{"_103":140,"_105":204,"_205":206,"_95":43,"_138":145,"_100":207,"_139":-5,"_141":-5,"_208":209,"_107":-5,"_150":22,"_109":110,"_149":200,"_16":147,"_148":96},["D",1746222425441],"updatedAt",["D",1748929326808],303,"lockfileKey","1748929327188-esm.town_v_loading_file@303-main","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_93":94,"_95":96,"_97":43,"_100":-7,"_98":99,"_101":216,"_151":221,"_181":228,"_96":229,"_192":232,"_233":234,"_237":-5,"_238":32,"_239":240,"_241":242},{"_103":104,"_95":96,"_105":217,"_107":-5,"_108":22,"_109":110,"_111":-5,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":218,"_131":219,"_134":220,"_150":22},["D",1747749935001],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_100":136,"_95":43,"_103":137,"_138":104,"_139":140,"_141":142,"_143":110,"_144":145,"_146":147,"_148":96,"_149":94},[222,225],{"_103":154,"_95":155,"_156":157,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":163,"_100":32,"_164":96,"_165":166,"_167":22,"_168":-5,"_169":223,"_98":224},[],[155],{"_103":173,"_95":99,"_156":174,"_158":-5,"_159":137,"_160":136,"_161":162,"_105":175,"_100":32,"_164":176,"_165":177,"_167":22,"_168":178,"_169":226,"_98":227},[],[99],[222,225],{"_103":173,"_159":137,"_156":174,"_95":99,"_165":177,"_164":176,"_100":32,"_158":-5,"_105":230,"_160":136,"_168":178,"_98":231},["D",1747749935001],[99],[],"upstream",{"_103":140,"_105":235,"_205":236,"_95":43,"_138":145,"_100":207,"_139":-5,"_141":-5,"_208":209,"_107":-5,"_150":22,"_109":110,"_149":200,"_16":147,"_148":96},["D",1746222425441],["D",1748929326808],"pull","ahead","behind",20,"templates",[243,260],{"_103":244,"_95":245,"_105":246,"_107":-5,"_108":22,"_109":110,"_111":247,"_112":248,"_14":249,"_114":250,"_115":162,"_116":251,"_117":252,"_16":253,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":254,"_131":257,"_134":258,"_150":22},"8e7382ae-d835-11ef-bbbf-e6cdfca9ef9f","markdownBlogStarter",["D",1737491000655],"Starter template for a markdown blog","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/44a31e5c-3e8a-48a8-d067-5785c0b08200/square512","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","a4a9ad14-d835-11ef-8351-e6cdfca9ef9f",167,12,"e81e7335-6d4c-4764-a902-d0962bbfa9f7",{"_93":255,"_129":256},"stevekrouse","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg",{"_93":255,"_133":256},{"_103":259,"_95":43,"_100":251,"_138":244,"_139":-5,"_141":-5},"8e73c264-d835-11ef-bbbf-e6cdfca9ef9f",{"_103":261,"_95":262,"_105":263,"_107":-5,"_108":22,"_109":110,"_111":264,"_112":-5,"_14":265,"_114":266,"_115":162,"_116":267,"_117":268,"_16":269,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":270,"_131":273,"_134":274,"_150":22},"96102714-f528-11ef-aa68-569c3dd06744","reactHonoStarter",["D",1740674013689],"Starter template with client-side React & Hono server","c9143560-63b6-444f-8f9f-e2647fabe09f","a9b2b20a-f528-11ef-9e98-569c3dd06744",39,14,"c606f87f-4d7e-48c8-9c39-ef5ab94aec49",{"_93":271,"_129":272},"std","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJVaVhpQ1BId3dscVpBbkdZVWlMNjJtcjkxWS5wbmcifQ",{"_93":271,"_133":272},{"_103":275,"_95":43,"_100":276,"_138":261,"_139":-5,"_141":-5},"961078ea-f528-11ef-aa68-569c3dd06744",72,"actionData","errors"]

tionis

file