[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_163":164,"_165":166},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_123":-5,"_20":124,"_22":125,"_126":127,"_128":129,"_26":130,"_24":131,"_132":-5,"_133":-5,"_134":51,"_135":136,"_137":42,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","curtcox","name","keyboardNtfy","branchName","main","version","path","main.tsx","project",{"_32":69,"_13":14,"_43":70,"_71":-5,"_72":42,"_73":74,"_75":74,"_76":77,"_78":-5,"_79":80,"_81":35,"_82":42,"_83":-5,"_84":40,"_85":66,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":102,"_103":104,"_105":106,"_107":51},"tree",[55,56],"file",{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":53,"_18":54},"contents",[],"upstream","pull","ahead","behind","id","f5352f9e-23ab-11f0-95ca-569c3dd06744","fileId","9e6e2410-23a4-11f0-a5f8-569c3dd06744","parentId","branchId","9e6c4d5c-23a4-11f0-a5f8-569c3dd06744","branchVersion",5,"latest",true,"createdAt",["D",1745788190868],3,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"npm:react-dom@18.2.0/server\";\n\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport React, { useEffect, useRef, useState } from \"https://esm.sh/react@18.2.0\";\n\n// ⚙️ CHANGE THIS TO YOUR DESIRED NTFY TOPIC (and append any query string for tokens, etc.)\nconst NTFY_TOPIC = \"keyboardEvents\"; // e.g. \"myTopic?token=abcd1234\"\n\n/*****************************\n * CLIENT‑SIDE APPLICATION *\n *****************************/\nfunction App() {\n const [events, setEvents] = useState([]);\n const [ntfyResult, setNtfyResult] = useState(null);\n const logRef = useRef(null);\n\n useEffect(() => {\n const handleKeyEvent = async (event) => {\n const newEvent = {\n type: event.type,\n key: event.key,\n keyCode: event.keyCode,\n code: event.code,\n repeat: event.repeat,\n ctrlKey: event.ctrlKey,\n altKey: event.altKey,\n shiftKey: event.shiftKey,\n metaKey: event.metaKey,\n timestamp: new Date().toISOString(),\n };\n\n // 1️⃣ update on‑screen log\n setEvents((prev) => [...prev, newEvent]);\n\n // 2️⃣ send to ntfy via the server‑side proxy\n try {\n const res = await fetch(`/${NTFY_TOPIC}`, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(newEvent),\n });\n const text = await res.text();\n setNtfyResult({ ok: res.ok, status: res.status, text });\n } catch (err) {\n setNtfyResult({ ok: false, status: 0, text: err.message });\n }\n };\n\n window.addEventListener(\"keydown\", handleKeyEvent);\n window.addEventListener(\"keyup\", handleKeyEvent);\n window.addEventListener(\"keypress\", handleKeyEvent);\n\n return () => {\n window.removeEventListener(\"keydown\", handleKeyEvent);\n window.removeEventListener(\"keyup\", handleKeyEvent);\n window.removeEventListener(\"keypress\", handleKeyEvent);\n };\n }, []);\n\n useEffect(() => {\n if (logRef.current) {\n logRef.current.scrollTop = logRef.current.scrollHeight;\n }\n }, [events]);\n\n return (\n

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",false,"label","keyboardntfy",[19],{"_32":61,"_13":62,"_34":63,"_36":-5,"_37":38,"_39":64,"_41":42,"_43":65,"_17":66,"_46":24,"_48":-5,"_50":51,"_52":-5,"_58":67,"_18":68},{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":57,"_17":45,"_46":47,"_48":-5,"_50":51,"_52":53,"_58":59,"_18":60},["D",1745788190868],"children",[],[19],"ae2f7e56-23ab-11f0-8d2f-569c3dd06744","README.md","ae2f7f1e-23ab-11f0-8d2f-569c3dd06744",4,["D",1745788071715],0,[],[62],"9e6c0324-23a4-11f0-a5f8-569c3dd06744",["D",1745785038795],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Send keyboard events to ntfy.sh","imageUrl","userId","d94f277a-b37f-4f26-9abc-7694e9eb756e","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","f5b49853-c2ee-4295-85e9-f0a0c32af35f","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_122":118},"org",{"_11":12,"_116":-5,"_117":118,"_79":80,"_119":120,"_121":51},"branch",{"_17":40,"_13":16,"_32":38,"_108":69,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yYlhYcFBTUEY0bVhuenlHd1pCbmpYckRLZlEifQ","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":69,"_13":14,"_43":159,"_71":-5,"_72":42,"_73":74,"_75":74,"_76":77,"_78":-5,"_79":80,"_81":35,"_82":42,"_83":-5,"_84":40,"_85":66,"_86":87,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_101":160,"_103":161,"_105":162,"_107":51},[153,154],"files",[153,154],"counts",{"_143":66,"_144":66,"_145":66,"_146":147,"_148":149},[],{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":44,"_17":45,"_46":47,"_48":49,"_50":51,"_52":53,"_18":142},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks","envVars",{"_150":66,"_152":66},"connections",{"_150":66,"_151":66},"count","unfilledCount","emptyCount",{"_32":61,"_13":62,"_34":63,"_36":-5,"_37":38,"_39":64,"_41":42,"_43":65,"_17":66,"_46":24,"_48":-5,"_50":51,"_52":-5,"_58":157,"_18":158},{"_32":33,"_13":19,"_34":35,"_36":-5,"_37":38,"_39":40,"_41":42,"_43":57,"_17":45,"_46":47,"_48":-5,"_50":51,"_52":53,"_58":155,"_18":156},[],[19],[],[62],["D",1745785038795],{"_11":12,"_122":118},{"_11":12,"_116":-5,"_117":118,"_79":80,"_119":120,"_121":51},{"_17":40,"_13":16,"_32":38,"_108":69,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"ctx",{"_101":-5,"_196":197,"_139":198,"_199":200,"_201":202,"_203":51,"_204":51,"_205":51,"_206":42,"_207":-5,"_208":-7,"_209":-7,"_210":66,"_211":51,"_212":51,"_213":-5},"ENV",{"_167":168,"_169":170,"_171":16,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdc99cef6780d301d68708a0b7e96c8be98fdd58","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","aiChatModels",[214,215,216,217,218],[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","navCollapsed","currentOrgId",{"_219":243,"_52":244,"_222":245,"_76":246,"_225":42,"_226":42,"_227":228,"_229":42},{"_219":238,"_52":239,"_222":240,"_76":241,"_225":42,"_226":51,"_227":242,"_229":51},{"_219":234,"_52":235,"_222":236,"_76":237,"_225":42,"_226":42,"_227":228,"_229":51},{"_219":230,"_52":231,"_222":232,"_76":233,"_225":42,"_226":42,"_227":228,"_229":51},{"_219":220,"_52":221,"_222":223,"_76":224,"_225":42,"_226":42,"_227":228,"_229":51},"value","fable","Claude Fable 5.1","shortLabel","Fable","Most capable; 2× Opus pricing","imageInput","thinking","contextWindowSize",1000000,"isDefault","opus55","Claude Opus 5.5","Opus","Highly capable for complex work","sonnet55","Claude Sonnet 5.5","Sonnet","Balanced speed and capability","haiku","Claude Haiku 4.5","Haiku","Fastest; best for simple edits",200000,"deepseekflash","DeepSeek V4.1 Flash","DeepSeek Flash","Smart and very cheap"]