\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",[135],"fd35dd6e-279e-11f0-9d52-569c3dd06744","README.md","fd35de0e-279e-11f0-9d52-569c3dd06744",1,["D",1728921800675],0,"# FileThing\n\nP2P file transfer using WebRTC",[144],"pulls","branches","forks",7,"envVars",{"_159":148,"_161":148},"connections",{"_159":148,"_160":148},"count","unfilledCount","emptyCount",{"_43":143,"_32":144,"_30":145,"_128":-5,"_41":42,"_40":146,"_129":48,"_38":172,"_13":148,"_34":20,"_36":149,"_24":25,"_132":-5,"_166":173,"_27":174},{"_43":134,"_32":135,"_30":56,"_128":-5,"_41":42,"_40":136,"_129":25,"_38":169,"_13":138,"_34":139,"_36":140,"_24":25,"_132":141,"_166":170,"_27":171},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":165,"_13":131,"_34":35,"_36":37,"_24":25,"_132":-5,"_166":167,"_27":168},["D",1748928929184],"children",[],[28],["D",1736671732200],[],[135],["D",1728921800675],[],[144],["D",1746222425441],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":60,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":20,"_93":94},"ctx",{"_78":-5,"_121":212,"_213":214,"_215":216,"_217":25,"_218":25,"_219":25,"_220":48,"_221":-5,"_222":-7,"_223":-7,"_224":148,"_225":25,"_226":25,"_227":-5,"_228":25,"_229":25,"_230":25,"_231":-5},"ENV",{"_183":184,"_185":186,"_187":85,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v286