Keyboard Event Logger ➜ ntfy

\n {events.map((event, index) => (\n

\n {event.timestamp}\n {event.type}\n \n Key: {event.key}, Code: {event.code}, KeyCode: {event.keyCode}\n \n \n Ctrl: {event.ctrlKey.toString()}, Alt: {event.altKey.toString()}, Shift:{\" \"}\n {event.shiftKey.toString()}, Meta: {event.metaKey.toString()}\n \n Repeat: {event.repeat.toString()}\n

\n ))}\n

\n\n {ntfyResult && (\n \n ntfy {ntfyResult.ok ? \"✓\" : \"✗\"} (HTTP {ntfyResult.status}) —\n {ntfyResult.text}\n

\n )}\n\n

Start typing to see keyboard events logged above and pushed to ntfy.

\n \n View source\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\n/*****************************\n * SERVER‑SIDE HANDLER *\n *****************************/\nexport default async function server(request) {\n const url = new URL(request.url);\n\n // 1️⃣ Serve the UI on the root path\n if (request.method === \"GET\" && url.pathname === \"/\") {\n return new Response(\n `\n \n \n \n Keyboard Event Logger ➜ ntfy\n \n \n \n

\n \n \n \n `,\n {\n headers: { \"content-type\": \"text/html\" },\n },\n );\n }\n\n // 2️⃣ Everything else proxies to ntfy.sh (mirrors original relay logic)\n const ntfyUrl = `https://ntfy.sh${url.pathname}${url.search}`;\n\n // Re‑encode the original request so we can capture full key event data in the ntfy message\n const bodyText = request.body ? await request.text() : null;\n const serializedRequest = {\n method: request.method,\n headers: Object.fromEntries(request.headers),\n url: request.url,\n body: bodyText,\n };\n\n const ntfyResponse = await fetch(ntfyUrl, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(serializedRequest),\n });\n\n const responseHeaders = new Headers(ntfyResponse.headers);\n responseHeaders.set(\"X-Relayed-From\", \"ntfy.sh\");\n\n return new Response(ntfyResponse.body, {\n status: ntfyResponse.status,\n statusText: ntfyResponse.statusText,\n headers: responseHeaders,\n });\n}\n\n/*****************************\n * STYLES *\n *****************************/\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 20px;\n background-color: #f0f0f0;\n}\n.container {\n max-width: 800px;\n margin: 0 auto;\n background-color: white;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\nh1 {\n color: #333;\n}\n.log {\n height: 400px;\n overflow-y: auto;\n border: 1px solid #ccc;\n padding: 10px;\n margin-bottom: 20px;\n font-family: monospace;\n background-color: #f8f8f8;\n}\n.log-entry {\n margin-bottom: 5px;\n padding: 5px;\n border-bottom: 1px solid #eee;\n}\n.timestamp {\n color: #888;\n margin-right: 10px;\n}\n.event-type {\n font-weight: bold;\n margin-right: 10px;\n}\n.keydown {\n color: #4caf50;\n}\n.keyup {\n color: #f44336;\n}\n.keypress {\n color: #2196f3;\n}\n.key-info,\n.modifiers,\n.repeat {\n margin-right: 10px;\n}\n\n.ntfy-result {\n margin-bottom: 20px;\n padding: 8px 10px;\n font-family: monospace;\n border-radius: 4px;\n}\n.ntfy-result.success {\n background: #e8ffe8;\n border: 1px solid #4caf50;\n}\n.ntfy-result.failure {\n background: #ffe8e8;\n border: 1px solid #f44336;\n}\n.ntfy-text {\n white-space: pre-wrap;\n}\n\np {\n color: #666;\n}\na {\n color: #0066cc;\n text-decoration: none;\n}\na:hover {\n text-decoration: underline;\n}\n`;","deleted","label","keyboardntfy",[114],"ae2f7e56-23ab-11f0-8d2f-569c3dd06744","README.md","ae2f7f1e-23ab-11f0-8d2f-569c3dd06744",4,["D",1745788071715],"# keyboardNtfy",[131],"pulls","branches",1,"envVars",{"_144":22,"_146":22},"connections",{"_144":22,"_145":22},"count","unfilledCount","emptyCount",{"_25":130,"_13":131,"_115":132,"_116":-5,"_117":71,"_118":133,"_119":31,"_27":153,"_69":22,"_122":100,"_124":135,"_126":20,"_127":-5,"_150":154,"_88":155},{"_25":113,"_13":114,"_115":41,"_116":-5,"_117":71,"_118":45,"_119":31,"_27":149,"_69":121,"_122":123,"_124":125,"_126":20,"_127":128,"_150":151,"_88":152},["D",1745788190868],"children",[],[114],["D",1745788071715],[],[131],["D",1745785038795],{"_11":12,"_86":82},{"_11":12,"_80":-5,"_81":82,"_38":39,"_83":84,"_85":20},{"_69":45,"_13":70,"_25":71,"_72":26,"_73":-5,"_74":-5,"_75":-5,"_76":-5,"_77":-5,"_78":14,"_79":12},"ctx",{"_62":-5,"_108":193,"_194":195,"_196":197,"_198":20,"_199":20,"_200":20,"_201":31,"_202":-5,"_203":-7,"_204":-7,"_205":22,"_206":20,"_207":20,"_208":-5,"_209":20,"_210":20,"_211":20,"_212":-5},"ENV",{"_164":165,"_166":167,"_168":70,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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"]

Remixes