\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}","children",[],[77],["D",1753298469722],[],[19],"30417ff6-67fa-11f0-bd79-0224a6c84d84",["D",1753298469722],"legacyEnvVars","description","imageUrl","userId","46bb4f39-f7ea-4349-8303-ce1a471fe5be","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","4b26ba34-73cd-4505-af67-f0d5d3200a6c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_127":124},"org",{"_11":12,"_123":124,"_93":94,"_125":126},"branch",{"_17":42,"_13":16,"_34":63,"_40":88,"_43":35,"_45":42,"_120":52,"_121":41,"_122":56,"_57":14,"_53":12},"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ycXdMTlJ6Y0diaDBUTEJJcW9rM2Nhbm9jczcifQ","tier","free","profileImageUrl",{"_34":88,"_13":14,"_36":165,"_48":-5,"_90":50,"_51":52,"_91":-5,"_92":-5,"_93":94,"_95":78,"_96":66,"_97":66,"_98":-5,"_99":31,"_55":100,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":106,"_107":106,"_108":109,"_110":109,"_111":109,"_112":106,"_113":106,"_114":166,"_116":167,"_118":168,"_49":50},[159,160],"files",[159,160],"counts",{"_150":31,"_151":42,"_152":31,"_33":153,"_154":155},[],{"_34":58,"_62":63,"_59":60,"_13":19,"_69":70,"_68":14,"_17":31,"_61":-5,"_36":148,"_64":42,"_72":-5,"_18":149},"upstreamProject",{"_34":41,"_13":14,"_91":-5,"_92":-5,"_51":52,"_114":146},"upstreamBranch",{"_34":35,"_36":144,"_38":145,"_13":16,"_40":41,"_17":42,"_43":44,"_45":31,"_46":47,"_48":-5,"_49":50,"_51":52,"_53":54,"_55":56,"_57":14},"emptyEnvVars","flags",[],"navCollapsed",["D",1746209220277],["D",1744093122062],{"_11":54,"_127":147},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18ydlF0bnFyVkJtVUptR09rZUdHNEFacWlXTFQifQ",["D",1753298469722],[19],"pulls","branches","forks",{"_156":31,"_158":31},"connections",{"_156":31,"_157":31},"count","unfilledCount","emptyCount",{"_34":58,"_13":19,"_59":60,"_61":-5,"_62":63,"_64":42,"_65":66,"_36":85,"_17":31,"_68":14,"_69":70,"_71":50,"_72":-5,"_82":163,"_18":164},{"_34":76,"_13":77,"_59":78,"_61":-5,"_62":63,"_64":42,"_65":66,"_36":79,"_17":31,"_68":80,"_69":81,"_71":50,"_72":-5,"_82":161,"_18":162},[],[77],[],[19],["D",1753298469722],{"_11":12,"_127":124},{"_11":12,"_123":124,"_93":94,"_125":126},{"_17":42,"_13":16,"_34":63,"_40":88,"_43":35,"_45":42,"_120":52,"_121":41,"_122":56,"_57":14,"_53":12},"ctx",{"_114":-5,"_202":203,"_204":205,"_206":50,"_207":50,"_208":50,"_209":-5,"_210":-7,"_211":-7,"_212":31,"_213":50,"_214":50,"_215":-5,"_216":50,"_217":50},"ENV",{"_173":174,"_175":176,"_177":178,"_179":16,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","f1316bb1ce3ad41ce227a17bcad7725ad044419f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","API_URL","https://api.val.town","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier"]