React Hono Val Town Starter

\n \n \n \n\n`;\n\nasync function serveSPA() {\n\treturn INDEX_HTML;\n}\n\nasync function logEvent(c: any, evt: TrackEvent) {\n\tconst ts = new Date().toISOString();\n\tconst ua = c.req.header('user-agent') ?? null;\n\tconst ref = c.req.header('referer') ?? null;\n\tconst path = evt.path ?? new URL(c.req.url).pathname;\n\n\tawait sqlite.execute({\n\t\tsql: `\n INSERT INTO events (ts, type, pill, path, ref, ua)\n VALUES (?, ?, ?, ?, ?, ?)\n `,\n\t\targs: [ts, evt.type, evt.pill ?? null, path, ref, ua],\n\t});\n}\n\nasync function notifyBlue(c: any) {\n\tconst payload = {\n\t\tts: new Date().toISOString(),\n\t\tpill: 'blue',\n\t\tua: c.req.header('user-agent') ?? null,\n\t\tref: c.req.header('referer') ?? null,\n\t\tipHint: c.req.header('cf-connecting-ip') ?? null,\n\t};\n\n\t// Optional webhook\n\tconst webhook = Deno.env.get('WEBHOOK_URL');\n\tif (webhook) {\n\t\ttry {\n\t\t\tawait fetch(webhook, {\n\t\t\t\tmethod: 'POST',\n\t\t\t\theaders: { 'content-type': 'application/json' },\n\t\t\t\tbody: JSON.stringify(payload),\n\t\t\t});\n\t\t} catch {\n\t\t\t// ignore\n\t\t}\n\t}\n\n\t// Optional email\n\ttry {\n\t\tconst subject = Deno.env.get('NOTIFY_EMAIL_SUBJECT') ?? 'Blue pill taken';\n\t\tconst to = Deno.env.get('NOTIFY_EMAIL_TO'); // optional\n\t\tawait email({\n\t\t\tsubject,\n\t\t\ttext: JSON.stringify(payload, null, 2),\n\t\t\t...(to ? { to } : {}),\n\t\t});\n\t} catch {\n\t\t// ignore\n\t}\n}\n\n// ---- API: track\napp.post('/api/track', async (c) => {\n\tconst body = (await c.req.json()) as TrackEvent;\n\tawait logEvent(c, body);\n\treturn c.json({ ok: true });\n});\n\n// ---- API: events (for debugging / proof)\napp.get('/api/events', async (c) => {\n\tconst limit = Math.min(Number(c.req.query('limit') ?? 25), 200);\n\n\tconst res = await sqlite.execute({\n\t\tsql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n\t\targs: [limit],\n\t});\n\n\treturn c.json({ ok: true, events: res.rows });\n});\n\n// ---- Static assets\n// Note: Ensure your Val Town project sidebar actually has a 'frontend' folder\n// containing 'style.css' and 'index.tsx' for this to work.\napp.use('/frontend/*', serveStatic({ root: './' }));\n\n// ---- /blue triggers server-side effects and then serves SPA\napp.get('/blue', async (c) => {\n\tawait logEvent(c, { type: 'pill_choice', pill: 'blue', path: '/blue' });\n\tawait notifyBlue(c);\n\treturn c.html(await serveSPA());\n});\n\n// ---- Everything else -> SPA (allow / and /red)\napp.get('*', async (c) => c.html(await serveSPA()));\n\nexport default app.fetch;\n","deleted","label",[172,155],".history","permalink","https://www.val.town/x/aphoristicepigram/pillChoice/code/.history/index_20251230182431.ts","extension","actionData","errors"]