Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[158,176,183,190],{"_105":199,"_96":200,"_159":201,"_161":184,"_162":144,"_163":202,"_165":121,"_107":203,"_101":32,"_167":194,"_169":204,"_170":22,"_171":-5,"_172":205,"_99":206},"a1b27e46-e5d2-11f0-81b0-42dde27851f2","App_20251230175044.tsx","a1b27f04-e5d2-11f0-81b0-42dde27851f2",28,["D",1767135326715],"import React, { useEffect } from \"react\";\n\ntype TrackEvent = { type: \"page_view\" | \"pill_choice\"; pill?: \"red\" | \"blue\"; path?: string };\n\nfunction track(evt: TrackEvent) {\n fetch(\"/api/track\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ ...evt, path: evt.path ?? window.location.pathname }),\n }).catch(() => {});\n}\n\nfunction Shell({ children }: { children: React.ReactNode }) {\n return (\n \n

\n {children}\n

\n Built on Val Town · Hono + React · logs pill choice + page views\n

\n \n );\n}\n\nfunction PillButton({ label, href, pill }: { label: string; href: string; pill: \"red\" | \"blue\" }) {\n const border = pill === \"red\" ? \"rgba(255,80,80,0.35)\" : \"rgba(90,150,255,0.35)\";\n const glow =\n pill === \"red\"\n ? \"0 0 0 1px rgba(255,80,80,0.25), 0 20px 70px rgba(255,80,80,0.10)\"\n : \"0 0 0 1px rgba(90,150,255,0.25), 0 20px 70px rgba(90,150,255,0.10)\";\n\n return (\n track({ type: \"pill_choice\", pill, path: href })}\n style={{\n display: \"block\",\n textDecoration: \"none\",\n padding: \"16px 18px\",\n borderRadius: 14,\n border: `1px solid ${border}`,\n boxShadow: glow,\n background: \"rgba(255,255,255,0.03)\",\n color: \"rgba(255,255,255,0.92)\",\n }}\n >\n

{label}

\n {pill === \"red\"\n ? \"Public CV + what I’d build in week 1–2 as Growth Engineer\"\n : \"Hidden page + automation trigger + instrumentation proof\"}\n

\n \n );\n}\n\nfunction Home() {\n return (\n \n

VAL TOWN // APPLICATION

Choose your path.

\n Tiny, shippable demo: routes, tracking, and an automation trigger—built like a growth\n experiment.\n

\n\n

\n \n \n

\n \n );\n}\n\nfunction Red() {\n return (\n \n \n ← back\n \n

Andy Wingrave

\n Growth Engineer: shipping + analytics + automations + developer empathy\n

\n\n

\n \n

Why Val Town

\n I like tools that make programming feel like play. Val Town is “ship in minutes” made\n real—and this role sits exactly where I work best: product + engineering + go-to-market.\n

\n \n\n {});\n}\n\nfunction Shell(props: { children: React.ReactNode }) {\n return (\n

{props.children}

Built on Val Town · Hono + React · logs pill choice + page views

\n );\n}\n\nfunction Home() {\n return (\n \n

VAL TOWN // APPLICATION

Choose your path.

\n Tiny, shippable demo: routes, tracking, and an automation trigger—built like a growth\n experiment.\n

\n\n

\n track({ type: \"pill_choice\", pill: \"red\", path: \"/red\" })}\n >\n

🔴 Red pill — Ship mode

Public CV + what I’d build in week 1–2

\n \n\n track({ type: \"pill_choice\", pill: \"blue\", path: \"/blue\" })}\n >\n

🔵 Blue pill — Behind the curtain

Hidden page + automation trigger + instrumentation proof

\n \n

\n \n );\n}\n\nfunction Red() {\n return (\n \n \n ← back\n \n\n

Andy Wingrave

Growth Engineer: shipping + analytics + automations + developer empathy

\n\n

Why Val Town

\n I like tools that make programming feel like play. Val Town is “ship in minutes” made\n real—and this role sits exactly where I work best: product + engineering + go-to-market.\n

\n\n

Week 1–2 experiments

Instrument “time-to-first-successful-val” and cohort by template / entry point.
Activation: template gallery around dev JTBDs (email, cron, webhook).
3–5 tutorials that end with “Remix this”.
Light loops: shareable pages + onboarding nudges.

\n\n

Instrumentation

\n This site logs page views + pill choices. Blue pill also triggers a server-side\n automation.\n

\n \n View recent events (JSON)\n \n

\n \n );\n}\n\nfunction Blue() {\n return (\n \n \n ← back\n \n\n

Behind the curtain

\n Visiting this route triggers a server handler: it logs an event and optionally POSTs a\n webhook / sends an email.\n

\n\n

Proof

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n \n );\n}\n\nexport default function App() {\n useEffect(() => {\n track({ type: \"page_view\", path: window.location.pathname });\n }, []);\n\n const path = window.location.pathname;\n\n if (path === \"/red\") return ;\n if (path === \"/blue\") return ;\n return ;\n}\n",[],[158,176,183,218],{"_105":226,"_96":227,"_159":228,"_161":184,"_162":144,"_163":229,"_165":121,"_107":230,"_101":32,"_167":194,"_169":222,"_170":22,"_171":-5,"_172":231,"_99":232},"a1a4463c-e5d2-11f0-87fd-42dde27851f2","App_20251230175244.tsx","a1a4470e-e5d2-11f0-87fd-42dde27851f2",26,["D",1767135326621],[],[158,176,183,227],{"_105":234,"_96":235,"_159":236,"_161":184,"_162":144,"_163":237,"_165":121,"_107":238,"_101":32,"_167":194,"_169":239,"_170":22,"_171":-5,"_172":240,"_99":241},"a176a060-e5d2-11f0-8711-42dde27851f2","App_20251230175412.tsx","a176a128-e5d2-11f0-8711-42dde27851f2",22,["D",1767135326322],"import { useEffect } from \"https://esm.sh/react@18\";\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nfunction track(evt: TrackEvent) {\n fetch(\"/api/track\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ ...evt, path: evt.path ?? window.location.pathname }),\n }).catch(() => {});\n}\n\nfunction Shell(props: { children: any }) {\n return (\n

{props.children}

Built on Val Town · Hono + React · logs pill choice + page views

\n );\n}\n\nfunction Home() {\n return (\n \n

VAL TOWN // APPLICATION

Choose your path.

\n Tiny, shippable demo: routes, tracking, and an automation trigger—built like a growth\n experiment.\n

\n\n

\n track({ type: \"pill_choice\", pill: \"red\", path: \"/red\" })}\n >\n

🔴 Red pill — Ship mode

Public CV + what I’d build in week 1–2

\n \n\n track({ type: \"pill_choice\", pill: \"blue\", path: \"/blue\" })}\n >\n

🔵 Blue pill — Behind the curtain

Hidden page + automation trigger + instrumentation proof

\n \n

\n \n );\n}\n\nfunction Red() {\n return (\n \n \n ← back\n \n\n

Andy Wingrave

Growth Engineer: shipping + analytics + automations + developer empathy

\n\n

Why Val Town

\n I like tools that make programming feel like play. Val Town is “ship in minutes” made\n real—and this role sits exactly where I work best: product + engineering + go-to-market.\n

\n\n

Week 1–2 experiments

Instrument “time-to-first-successful-val” and cohort by template / entry point.
Activation: template gallery around dev JTBDs (email, cron, webhook).
3–5 tutorials that end with “Remix this”.
Light loops: shareable pages + onboarding nudges.

\n\n

Instrumentation

\n This site logs page views + pill choices. Blue pill also triggers a server-side\n automation.\n

\n \n View recent events (JSON)\n \n

\n \n );\n}\n\nfunction Blue() {\n return (\n \n \n ← back\n \n\n

Behind the curtain

\n Visiting this route triggers a server handler: it logs an event and optionally POSTs a\n webhook / sends an email.\n

\n\n

Proof

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n \n );\n}\n\nexport default function App() {\n useEffect(() => {\n track({ type: \"page_view\", path: window.location.pathname });\n }, []);\n\n const path = window.location.pathname;\n if (path === \"/red\") return ;\n if (path === \"/blue\") return ;\n return ;\n}\n",[],[158,176,183,235],{"_105":243,"_96":244,"_159":245,"_161":184,"_162":144,"_163":246,"_165":121,"_107":247,"_101":32,"_167":194,"_169":248,"_170":22,"_171":-5,"_172":249,"_99":250},"0c53d7cc-e5d8-11f0-ac3d-42dde27851f2","App_20251230183151.tsx","0c53d89e-e5d8-11f0-ac3d-42dde27851f2",54,["D",1767137653095],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect } from 'https://esm.sh/react@18.2.0';\n\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n};\n\nfunction track(evt: TrackEvent) {\n\tfetch('/api/track', {\n\t\tmethod: 'POST',\n\t\theaders: { 'content-type': 'application/json' },\n\t\tbody: JSON.stringify({\n\t\t\t...evt,\n\t\t\tpath: evt.path ?? window.location.pathname,\n\t\t}),\n\t}).catch(() => {});\n}\n\nfunction Shell(props: { children: any }) {\n\treturn (\n\t\t

\n\t\t\t

{props.children}

\n\t\t\t

\n\t\t\t\tBuilt on Val Town · Hono + React · logs pill choice + page views\n\t\t\t

\n\t\t

\n\t);\n}\n\nfunction Home() {\n\treturn (\n\t\t\n\t\t\t

VAL TOWN // APPLICATION

\n\t\t\t

Choose your path.

\n\t\t\t

\n\t\t\t\tTiny, shippable demo: routes, tracking, and an automation trigger—built\n\t\t\t\tlike a growth experiment.\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\ttrack({ type: 'pill_choice', pill: 'red', path: '/red' });\n\t\t\t\t\t\twindow.location.href = '/red';\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t

🔴 Red pill — Ship mode

\n\t\t\t\t\t

Public CV + what I’d build in week 1–2

\n\t\t\t\t\n\n\t\t\t\t {\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\ttrack({ type: 'pill_choice', pill: 'blue', path: '/blue' });\n\t\t\t\t\t\twindow.location.href = '/blue';\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t

🔵 Blue pill — Behind the curtain

\n\t\t\t\t\t

\n\t\t\t\t\t\tHidden page + automation trigger + instrumentation proof\n\t\t\t\t\t

\n\t\t\t\t\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Red() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t← back\n\t\t\t\n\n\t\t\t

Andy Wingrave

\n\t\t\t

\n\t\t\t\tGrowth Engineer: shipping + analytics + automations + developer empathy\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

Why Val Town

\n\t\t\t\t\t

\n\t\t\t\t\t\tI like tools that make programming feel like play. Val Town is “ship\n\t\t\t\t\t\tin minutes” made real—and this role sits exactly where I work best:\n\t\t\t\t\t\tproduct + engineering + go-to-market.\n\t\t\t\t\t

\n\t\t\t\t

\n\n\t\t\t\t

\n\t\t\t\t\t

Week 1–2 experiments

\n\t\t\t\t\t

\n\t\t\t\t\t\t\tInstrument “time-to-first-successful-val” and cohort by template /\n\t\t\t\t\t\t\tentry point.\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tActivation: template gallery around dev JTBDs (email, cron,\n\t\t\t\t\t\t\twebhook).\n\t\t\t\t\t\t
3–5 tutorials that end with “Remix this”.
Light loops: shareable pages + onboarding nudges.

\n\t\t\t\t

\n\n\t\t\t\t

\n\t\t\t\t\t

Instrumentation

\n\t\t\t\t\t

\n\t\t\t\t\t\tThis site logs page views + pill choices. Blue pill also triggers a\n\t\t\t\t\t\tserver-side automation.\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\tView recent events (JSON)\n\t\t\t\t\t\n\t\t\t\t

\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Blue() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t← back\n\t\t\t\n\n\t\t\t

Behind the curtain

\n\t\t\t

\n\t\t\t\tVisiting this route triggers a server handler: it logs an event and\n\t\t\t\toptionally POSTs a webhook / sends an email.\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t

Proof

\n\t\t\t\t

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n\t\t\t

\n\t\t\n\t);\n}\n\nexport default function App() {\n\tuseEffect(() => {\n\t\ttrack({ type: 'page_view', path: window.location.pathname });\n\t}, []);\n\n\tconst path = window.location.pathname;\n\tif (path === '/red') return ;\n\tif (path === '/blue') return ;\n\treturn ;\n}\n",[],[158,176,183,244],{"_105":252,"_96":253,"_159":254,"_161":184,"_162":144,"_163":255,"_165":121,"_107":256,"_101":32,"_167":194,"_169":257,"_170":22,"_171":-5,"_172":258,"_99":259},"cd9cd04a-e5d9-11f0-939e-42dde27851f2","App_20251230184333.tsx","cd9cd0fe-e5d9-11f0-939e-42dde27851f2",79,["D",1767138406852],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useEffect } from \"https://esm.sh/react@18.2.0\";\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nfunction track(evt: TrackEvent) {\n fetch(\"/api/track\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({\n ...evt,\n path: evt.path ?? window.location.pathname,\n }),\n }).catch(() => {});\n}\n\nfunction Shell(props: { children: any }) {\n return (\n

{props.children}

\n Built on Val Town · Hono + React · logs pill choice + page views\n

\n );\n}\n\nfunction Home() {\n return (\n \n

VAL TOWN // APPLICATION

Choose your path.

\n Tiny, shippable demo: routes, tracking, and an automation trigger—built\n like a growth experiment.\n

\n\n

\n \n className=\"card red\"\n href=\"/red\"\n onClick={(e) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: \"red\", path: \"/red\" });\n window.location.href = \"/red\";\n }}\n >\n

🔴 Red pill — Ship mode

Public CV + what I'd build in week 1–2

\n \n\n \n className=\"card blue\"\n href=\"/blue\"\n onClick={(e) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n window.location.href = \"/blue\";\n }}\n >\n

🔵 Blue pill — Behind the curtain

\n Hidden page + automation trigger + instrumentation proof\n

\n \n

\n \n );\n}\n\nfunction Red() {\n return (\n \n \n ← back\n \n\n

Andy Wingrave

\n Growth Engineer: shipping + analytics + automations + developer empathy\n

\n\n

Why Val Town

\n I like tools that make programming feel like play. Val Town is \"ship\n in minutes\" made real—and this role sits exactly where I work best:\n product + engineering + go-to-market.\n

\n\n

Week 1–2 experiments

\n Instrument \"time-to-first-successful-val\" and cohort by template /\n entry point.\n
\n Activation: template gallery around dev JTBDs (email, cron,\n webhook).\n
3–5 tutorials that end with \"Remix this\".
Light loops: shareable pages + onboarding nudges.

\n\n

Instrumentation

\n This site logs page views + pill choices. Blue pill also triggers a\n server-side automation.\n

\n \n View recent events (JSON)\n \n

\n \n );\n}\n\nfunction Blue() {\n return (\n \n \n ← back\n \n\n

Behind the curtain

\n Visiting this route triggers a server handler: it logs an event and\n optionally POSTs a webhook / sends an email.\n

\n\n

Proof

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n \n );\n}\n\nfunction App() {\n useEffect(() => {\n track({ type: \"page_view\", path: window.location.pathname });\n }, []);\n\n const path = window.location.pathname;\n if (path === \"/red\") return ;\n if (path === \"/blue\") return ;\n return ;\n}\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,183,253],{"_105":261,"_96":262,"_159":263,"_161":184,"_162":144,"_163":264,"_165":121,"_107":265,"_101":32,"_167":194,"_169":257,"_170":22,"_171":-5,"_172":266,"_99":267},"cd957390-e5d9-11f0-ad0d-42dde27851f2","App_20251230184444.tsx","cd957430-e5d9-11f0-ad0d-42dde27851f2",78,["D",1767138406742],[],[158,176,183,262],{"_105":269,"_96":270,"_159":271,"_161":184,"_162":144,"_163":272,"_165":121,"_107":273,"_101":32,"_167":194,"_169":274,"_170":22,"_171":-5,"_172":275,"_99":276},"cdef4bae-e5d9-11f0-a0e6-42dde27851f2","App_20251230184640.tsx","cdef4c76-e5d9-11f0-a0e6-42dde27851f2",86,["D",1767138406742],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { ReactNode, MouseEvent } from \"https://esm.sh/react@18.2.0\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\ntype PillColor = \"red\" | \"blue\";\n\n// ============================================================================\n// Analytics\n// ============================================================================\n\nfunction track(evt: TrackEvent): void {\n fetch(\"/api/track\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({\n ...evt,\n path: evt.path ?? window.location.pathname,\n }),\n }).catch(() => {\n // Silently fail - analytics shouldn't break the app\n });\n}\n\n// ============================================================================\n// Layout Components\n// ============================================================================\n\nfunction Shell({ children }: { children: ReactNode }) {\n return (\n

{children}

\n \n

\n );\n}\n\nfunction BackLink() {\n return (\n \n ← back\n \n );\n}\n\nfunction Panel({ title, children }: { title: string; children: ReactNode }) {\n return (\n

{title}

\n {children}\n

\n );\n}\n\n// ============================================================================\n// Card Component\n// ============================================================================\n\ninterface PillCardProps {\n color: PillColor;\n href: string;\n title: string;\n description: string;\n}\n\nfunction PillCard({ color, href, title, description }: PillCardProps) {\n const handleClick = (e: MouseEvent) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: color, path: href });\n window.location.href = href;\n };\n\n const emoji = color === \"red\" ? \"🔴\" : \"🔵\";\n\n return (\n \n

\n {emoji} {title}\n

{description}

\n \n );\n}\n\n// ============================================================================\n// Page Components\n// ============================================================================\n\nfunction Home() {\n return (\n \n

VAL TOWN // APPLICATION

Choose your path.

\n Tiny, shippable demo: routes, tracking, and an automation trigger—built\n like a growth experiment.\n

\n\n

\n \n \n

\n \n );\n}\n\nfunction Red() {\n return (\n \n \n\n

Andy Wingrave

\n Growth Engineer: shipping + analytics + automations + developer empathy\n

\n\n

\n \n

\n I like tools that make programming feel like play. Val Town is \"ship\n in minutes\" made real—and this role sits exactly where I work best:\n product + engineering + go-to-market.\n

\n \n\n \n

\n Instrument \"time-to-first-successful-val\" and cohort by template /\n entry point.\n
\n Activation: template gallery around dev JTBDs (email, cron,\n webhook).\n
3–5 tutorials that end with \"Remix this\".
Light loops: shareable pages + onboarding nudges.

\n \n\n \n

\n This site logs page views + pill choices. Blue pill also triggers a\n server-side automation.\n

\n \n View recent events (JSON)\n \n \n

\n \n );\n}\n\nfunction Blue() {\n return (\n \n \n\n

Behind the curtain

\n Visiting this route triggers a server handler: it logs an event and\n optionally POSTs a webhook / sends an email.\n

\n\n \n

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n \n \n );\n}\n\n// ============================================================================\n// Router & App\n// ============================================================================\n\nfunction Router() {\n const path = window.location.pathname;\n\n switch (path) {\n case \"/red\":\n return ;\n case \"/blue\":\n return ;\n default:\n return ;\n }\n}\n\nfunction App() {\n useEffect(() => {\n track({ type: \"page_view\", path: window.location.pathname });\n }, []);\n\n return ;\n}\n\n// ============================================================================\n// Mount\n// ============================================================================\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,183,270],{"_105":278,"_96":279,"_159":280,"_161":184,"_162":144,"_163":281,"_165":121,"_107":282,"_101":32,"_167":194,"_169":283,"_170":22,"_171":-5,"_172":284,"_99":285},"cdb02b90-e5d9-11f0-b989-42dde27851f2","App_20251230184642.tsx","cdb02c62-e5d9-11f0-b989-42dde27851f2",80,["D",1767138406996],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport { useEffect } from 'https://esm.sh/react@18.2.0';\nimport type { ReactNode, MouseEvent } from 'https://esm.sh/react@18.2.0';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n};\n\ntype PillColor = 'red' | 'blue';\n\n// ============================================================================\n// Analytics\n// ============================================================================\n\nfunction track(evt: TrackEvent): void {\n\tfetch('/api/track', {\n\t\tmethod: 'POST',\n\t\theaders: { 'content-type': 'application/json' },\n\t\tbody: JSON.stringify({\n\t\t\t...evt,\n\t\t\tpath: evt.path ?? window.location.pathname,\n\t\t}),\n\t}).catch(() => {\n\t\t// Silently fail - analytics shouldn't break the app\n\t});\n}\n\n// ============================================================================\n// Layout Components\n// ============================================================================\n\nfunction Shell({ children }: { children: ReactNode }) {\n\treturn (\n\t\t

\n\t\t\t

{children}

\n\t\t\t\n\t\t

\n\t);\n}\n\nfunction BackLink() {\n\treturn (\n\t\t\n\t\t\t← back\n\t\t\n\t);\n}\n\nfunction Panel({ title, children }: { title: string; children: ReactNode }) {\n\treturn (\n\t\t

\n\t\t\t

{title}

\n\t\t\t{children}\n\t\t

\n\t);\n}\n\n// ============================================================================\n// Card Component\n// ============================================================================\n\ninterface PillCardProps {\n\tcolor: PillColor;\n\thref: string;\n\ttitle: string;\n\tdescription: string;\n}\n\nfunction PillCard({ color, href, title, description }: PillCardProps) {\n\tconst handleClick = (e: MouseEvent) => {\n\t\te.preventDefault();\n\t\ttrack({ type: 'pill_choice', pill: color, path: href });\n\t\twindow.location.href = href;\n\t};\n\n\tconst emoji = color === 'red' ? '🔴' : '🔵';\n\n\treturn (\n\t\t\n\t\t\t

\n\t\t\t\t{emoji} {title}\n\t\t\t

\n\t\t\t

{description}

\n\t\t\n\t);\n}\n\n// ============================================================================\n// Page Components\n// ============================================================================\n\nfunction Home() {\n\treturn (\n\t\t\n\t\t\t

VAL TOWN // APPLICATION

\n\t\t\t

Choose your path.

\n\t\t\t

\n\t\t\t\tTiny, shippable demo: routes, tracking, and an automation trigger—built\n\t\t\t\tlike a growth experiment.\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Red() {\n\treturn (\n\t\t\n\t\t\t\n\n\t\t\t

Andy Wingrave

\n\t\t\t

\n\t\t\t\tGrowth Engineer: shipping + analytics + automations + developer empathy\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tI like tools that make programming feel like play. Val Town is \"ship\n\t\t\t\t\t\tin minutes\" made real—and this role sits exactly where I work best:\n\t\t\t\t\t\tproduct + engineering + go-to-market.\n\t\t\t\t\t

\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\t\tInstrument \"time-to-first-successful-val\" and cohort by template /\n\t\t\t\t\t\t\tentry point.\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tActivation: template gallery around dev JTBDs (email, cron,\n\t\t\t\t\t\t\twebhook).\n\t\t\t\t\t\t
3–5 tutorials that end with \"Remix this\".
Light loops: shareable pages + onboarding nudges.

\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tThis site logs page views + pill choices. Blue pill also triggers a\n\t\t\t\t\t\tserver-side automation.\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\tView recent events (JSON)\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Blue() {\n\treturn (\n\t\t\n\t\t\t\n\n\t\t\t

Behind the curtain

\n\t\t\t

\n\t\t\t\tVisiting this route triggers a server handler: it logs an event and\n\t\t\t\toptionally POSTs a webhook / sends an email.\n\t\t\t

\n\n\t\t\t\n\t\t\t\t

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n\t\t\t\n\t\t\n\t);\n}\n\n// ============================================================================\n// Router & App\n// ============================================================================\n\nfunction Router() {\n\tconst path = window.location.pathname;\n\n\tswitch (path) {\n\t\tcase '/red':\n\t\t\treturn ;\n\t\tcase '/blue':\n\t\t\treturn ;\n\t\tdefault:\n\t\t\treturn ;\n\t}\n}\n\nfunction App() {\n\tuseEffect(() => {\n\t\ttrack({ type: 'page_view', path: window.location.pathname });\n\t}, []);\n\n\treturn ;\n}\n\n// ============================================================================\n// Mount\n// ============================================================================\n\nconst root = document.getElementById('root');\nif (!root) {\n\tthrow new Error('No root element found');\n}\n\ncreateRoot(root).render();\n",[],[158,176,183,279],[158,176,183],{"_105":288,"_96":289,"_159":290,"_161":177,"_162":144,"_163":291,"_165":121,"_107":292,"_101":32,"_167":194,"_169":293,"_170":22,"_171":-5,"_172":294,"_99":295},"0c69b718-e5d8-11f0-8878-42dde27851f2","index_20250227140823.tsx","0c69b7b8-e5d8-11f0-8878-42dde27851f2",56,["D",1767137653237],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,289],{"_105":297,"_96":298,"_159":299,"_161":177,"_162":144,"_163":300,"_165":121,"_107":301,"_101":32,"_167":302,"_169":303,"_170":22,"_171":-5,"_172":304,"_99":305},"ede89d60-e5da-11f0-920a-42dde27851f2","index_20250516102323.html","ede89e28-e5da-11f0-920a-42dde27851f2",90,["D",1767138890513],"file","\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n \n",[],[158,176,298],{"_105":307,"_96":308,"_159":309,"_161":177,"_162":144,"_163":310,"_165":121,"_107":311,"_101":32,"_167":194,"_169":312,"_170":22,"_171":-5,"_172":313,"_99":314},"0c364cd4-e5d8-11f0-ac3d-42dde27851f2","index_20251230183201.tsx","0c364da6-e5d8-11f0-ac3d-42dde27851f2",51,["D",1767137652901],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n// Important: We import from the root path so the server handles it\nimport App from \"/components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,308],{"_105":316,"_96":317,"_159":318,"_161":177,"_162":144,"_163":319,"_165":121,"_107":320,"_101":32,"_167":194,"_169":321,"_170":22,"_171":-5,"_172":322,"_99":323},"0d9a7f82-e5d8-11f0-8d74-42dde27851f2","index_20251230183202.tsx","0d9a8072-e5d8-11f0-8d74-42dde27851f2",65,["D",1767137652902],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\n// Important: We import from the root path so the server handles it\nimport App from '/components/App.tsx';\n\nconst root = document.getElementById('root');\nif (!root) {\n\tthrow new Error('No root element found');\n}\n\ncreateRoot(root).render();\n",[],[158,176,317],{"_105":325,"_96":326,"_159":327,"_161":177,"_162":144,"_163":328,"_165":121,"_107":329,"_101":32,"_167":194,"_169":330,"_170":22,"_171":-5,"_172":331,"_99":332},"0cfe1b1a-e5d8-11f0-b282-42dde27851f2","index_20251230183307.tsx","0cfe1c00-e5d8-11f0-b282-42dde27851f2",64,["D",1767137652902],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// FIX: Use a relative path (go up one folder, then into components)\nimport App from \"../components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,326],{"_105":334,"_96":335,"_159":336,"_161":177,"_162":144,"_163":337,"_165":121,"_107":338,"_101":32,"_167":194,"_169":339,"_170":22,"_171":-5,"_172":340,"_99":341},"0c447ba6-e5d8-11f0-8615-42dde27851f2","index_20251230183405.tsx","0c447c82-e5d8-11f0-8615-42dde27851f2",53,["D",1767137652903],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\n\n// FIX: Use relative path \"../\" instead of absolute \"/\"\nimport App from '../components/App.tsx';\n\nconst root = document.getElementById('root');\nif (!root) {\n\tthrow new Error('No root element found');\n}\n\ncreateRoot(root).render();\n",[],[158,176,335],{"_105":343,"_96":344,"_159":345,"_161":177,"_162":144,"_163":346,"_165":121,"_107":347,"_101":32,"_167":194,"_169":348,"_170":22,"_171":-5,"_172":349,"_99":350},"ef60b878-e5d8-11f0-8b43-42dde27851f2","index_20251230183927.tsx","ef60b986-e5d8-11f0-8b43-42dde27851f2",68,["D",1767138034019],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// FIX: Use \"../\" to go up out of 'frontend' and into 'components'.\n// This works for both the Deno LSP (Editor) and the Browser.\nimport App from \"../components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,344],{"_105":352,"_96":353,"_159":354,"_161":177,"_162":144,"_163":355,"_165":121,"_107":356,"_101":32,"_167":194,"_169":357,"_170":22,"_171":-5,"_172":358,"_99":359},"ef927e94-e5d8-11f0-b783-42dde27851f2","index_20251230184026.tsx","ef927f70-e5d8-11f0-b783-42dde27851f2",73,["D",1767138034026],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// CHANGE THIS LINE:\n// Use \"../\" to go up one level from 'frontend' into the root, then into 'components'\nimport App from \"../components/App.tsx\"; \n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,353],{"_105":361,"_96":362,"_159":363,"_161":177,"_162":144,"_163":364,"_165":121,"_107":365,"_101":32,"_167":194,"_169":366,"_170":22,"_171":-5,"_172":367,"_99":368},"cd87b0d4-e5d9-11f0-b955-42dde27851f2","index_20251230184154.tsx","cd87b19c-e5d9-11f0-b955-42dde27851f2",76,["D",1767138406731],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\n// Import using Val Town's ESM URL pattern\nimport App from \"https://esm.town/v/aphoristicepigram/pillChoice/components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,362],{"_105":370,"_96":371,"_159":372,"_161":177,"_162":144,"_163":373,"_165":121,"_107":374,"_101":32,"_167":194,"_169":375,"_170":22,"_171":-5,"_172":376,"_99":377},"cdb58568-e5d9-11f0-b0ce-42dde27851f2","index_20251230184217.tsx","cdb58608-e5d9-11f0-b0ce-42dde27851f2",81,["D",1767138406999],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useEffect } from \"https://esm.sh/react@18.2.0\";\n\n// ... paste all your App component code here ...\n\nfunction App() {\n // your App code\n}\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[158,176,371],{"_105":379,"_96":380,"_159":381,"_161":177,"_162":144,"_163":382,"_165":121,"_107":383,"_101":32,"_167":194,"_169":384,"_170":22,"_171":-5,"_172":385,"_99":386},"cdbf1e8e-e5d9-11f0-bc2b-42dde27851f2","index_20251230184435.tsx","cdbf1f56-e5d9-11f0-bc2b-42dde27851f2",83,["D",1767138406748],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { ReactNode, MouseEvent } from \"https://esm.sh/react@18.2.0\";\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nfunction track(evt: TrackEvent): void {\n fetch(\"/api/track\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({\n ...evt,\n path: evt.path ?? window.location.pathname,\n }),\n }).catch(() => {});\n}\n\nfunction Shell({ children }: { children: ReactNode }) {\n return (\n

{children}

\n Built on Val Town · Hono + React · logs pill choice + page views\n

\n );\n}\n\nfunction Home() {\n const handleRedClick = (e: MouseEvent) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: \"red\", path: \"/red\" });\n window.location.href = \"/red\";\n };\n\n const handleBlueClick = (e: MouseEvent) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n window.location.href = \"/blue\";\n };\n\n return (\n \n

VAL TOWN // APPLICATION

Choose your path.

\n Tiny, shippable demo: routes, tracking, and an automation trigger—built\n like a growth experiment.\n

\n\n

\n \n

🔴 Red pill — Ship mode

Public CV + what I'd build in week 1–2

\n \n\n \n

🔵 Blue pill — Behind the curtain

\n Hidden page + automation trigger + instrumentation proof\n

\n \n

\n \n );\n}\n\nfunction Red() {\n return (\n \n \n ← back\n \n\n

Andy Wingrave

\n Growth Engineer: shipping + analytics + automations + developer empathy\n

\n\n

Why Val Town

\n I like tools that make programming feel like play. Val Town is\n "ship in minutes" made real—and this role sits exactly\n where I work best: product + engineering + go-to-market.\n

\n\n

Week 1–2 experiments

\n Instrument "time-to-first-successful-val" and cohort by\n template / entry point.\n
\n Activation: template gallery around dev JTBDs (email, cron,\n webhook).\n
3–5 tutorials that end with "Remix this".
Light loops: shareable pages + onboarding nudges.

\n\n

Instrumentation

\n This site logs page views + pill choices. Blue pill also triggers a\n server-side automation.\n

\n \n View recent events (JSON)\n \n

\n \n );\n}\n\nfunction Blue() {\n return (\n \n \n ← back\n \n\n

Behind the curtain

\n Visiting this route triggers a server handler: it logs an event and\n optionally POSTs a webhook / sends an email.\n

\n\n

Proof

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n\t\t\t

{children}

\n\t\t\t

\n\t\t\t\tBuilt on Val Town · Hono + React · logs pill choice + page views\n\t\t\t

\n\t\t

\n\t);\n}\n\nfunction Home() {\n\tconst handleRedClick = (e: MouseEvent) => {\n\t\te.preventDefault();\n\t\ttrack({ type: 'pill_choice', pill: 'red', path: '/red' });\n\t\twindow.location.href = '/red';\n\t};\n\n\tconst handleBlueClick = (e: MouseEvent) => {\n\t\te.preventDefault();\n\t\ttrack({ type: 'pill_choice', pill: 'blue', path: '/blue' });\n\t\twindow.location.href = '/blue';\n\t};\n\n\treturn (\n\t\t\n\t\t\t

VAL TOWN // APPLICATION

\n\t\t\t

Choose your path.

\n\t\t\t

\n\t\t\t\tTiny, shippable demo: routes, tracking, and an automation trigger—built\n\t\t\t\tlike a growth experiment.\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\t

🔴 Red pill — Ship mode

\n\t\t\t\t\t

Public CV + what I'd build in week 1–2

\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

🔵 Blue pill — Behind the curtain

\n\t\t\t\t\t

\n\t\t\t\t\t\tHidden page + automation trigger + instrumentation proof\n\t\t\t\t\t

\n\t\t\t\t\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Red() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t← back\n\t\t\t\n\n\t\t\t

Andy Wingrave

\n\t\t\t

\n\t\t\t\tGrowth Engineer: shipping + analytics + automations + developer empathy\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

Why Val Town

\n\t\t\t\t\t

\n\t\t\t\t\t\tI like tools that make programming feel like play. Val Town is\n\t\t\t\t\t\t"ship in minutes" made real—and this role sits exactly\n\t\t\t\t\t\twhere I work best: product + engineering + go-to-market.\n\t\t\t\t\t

\n\t\t\t\t

\n\n\t\t\t\t

\n\t\t\t\t\t

Week 1–2 experiments

\n\t\t\t\t\t

\n\t\t\t\t\t\t\tInstrument "time-to-first-successful-val" and cohort by\n\t\t\t\t\t\t\ttemplate / entry point.\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tActivation: template gallery around dev JTBDs (email, cron,\n\t\t\t\t\t\t\twebhook).\n\t\t\t\t\t\t
3–5 tutorials that end with "Remix this".
Light loops: shareable pages + onboarding nudges.

\n\t\t\t\t

\n\n\t\t\t\t

\n\t\t\t\t\t

Instrumentation

\n\t\t\t\t\t

\n\t\t\t\t\t\tThis site logs page views + pill choices. Blue pill also triggers a\n\t\t\t\t\t\tserver-side automation.\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\tView recent events (JSON)\n\t\t\t\t\t\n\t\t\t\t

\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Blue() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t← back\n\t\t\t\n\n\t\t\t

Behind the curtain

\n\t\t\t

\n\t\t\t\tVisiting this route triggers a server handler: it logs an event and\n\t\t\t\toptionally POSTs a webhook / sends an email.\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t

Proof

\n\t\t\t\t

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction App() {\n\tuseEffect(() => {\n\t\ttrack({ type: 'page_view', path: window.location.pathname });\n\t}, []);\n\n\tconst path = window.location.pathname;\n\tif (path === '/red') return ;\n\tif (path === '/blue') return ;\n\treturn ;\n}\n\nconst root = document.getElementById('root');\nif (!root) {\n\tthrow new Error('No root element found');\n}\n\ncreateRoot(root).render();\n",[],[158,176,389],{"_105":397,"_96":398,"_159":399,"_161":177,"_162":144,"_163":400,"_165":121,"_107":401,"_101":32,"_167":302,"_169":402,"_170":22,"_171":-5,"_172":403,"_99":404},"edd2ab86-e5da-11f0-b4e9-42dde27851f2","index_20251230185424.html","edd2ac30-e5da-11f0-b4e9-42dde27851f2",87,["D",1767138890403],"\n\n\t\n\t\t\n\t\t\n\t\tVal Town Application\n\t\t\n\t\n\t\n\t\t

\n\t\t\t

\n\t\t

\n\t\t\n\t\n\n",[],[158,176,398],{"_105":406,"_96":407,"_159":408,"_161":177,"_162":144,"_163":409,"_165":121,"_107":410,"_101":32,"_167":194,"_169":411,"_170":22,"_171":-5,"_172":412,"_99":413},"ee350092-e5da-11f0-8ef1-42dde27851f2","index_20251230185437.tsx","ee350146-e5da-11f0-8ef1-42dde27851f2",99,["D",1767138890405],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from 'https://esm.sh/react-dom@18.2.0/client';\nimport { useEffect } from 'https://esm.sh/react@18.2.0';\nimport type { ReactNode, MouseEvent } from 'https://esm.sh/react@18.2.0';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n};\n\n// ============================================================================\n// Analytics\n// ============================================================================\n\nfunction track(evt: TrackEvent): void {\n\tfetch('/api/track', {\n\t\tmethod: 'POST',\n\t\theaders: { 'content-type': 'application/json' },\n\t\tbody: JSON.stringify({\n\t\t\t...evt,\n\t\t\tpath: evt.path ?? window.location.pathname,\n\t\t}),\n\t}).catch(() => {});\n}\n\n// ============================================================================\n// Layout Components\n// ============================================================================\n\nfunction Shell({ children }: { children: ReactNode }) {\n\treturn (\n\t\t

\n\t\t\t

{children}

\n\t\t\t\n\t\t

\n\t);\n}\n\nfunction BackLink() {\n\treturn (\n\t\t\n\t\t\t← back\n\t\t\n\t);\n}\n\nfunction Panel({ title, children }: { title: string; children: ReactNode }) {\n\treturn (\n\t\t

\n\t\t\t

{title}

\n\t\t\t{children}\n\t\t

\n\t);\n}\n\n// ============================================================================\n// Page Components\n// ============================================================================\n\nfunction Home() {\n\tconst handleRedClick = (e: MouseEvent) => {\n\t\te.preventDefault();\n\t\ttrack({ type: 'pill_choice', pill: 'red', path: '/red' });\n\t\twindow.location.href = '/red';\n\t};\n\n\tconst handleBlueClick = (e: MouseEvent) => {\n\t\te.preventDefault();\n\t\ttrack({ type: 'pill_choice', pill: 'blue', path: '/blue' });\n\t\twindow.location.href = '/blue';\n\t};\n\n\treturn (\n\t\t\n\t\t\t

VAL TOWN // APPLICATION

\n\t\t\t

Choose your path.

\n\t\t\t

\n\t\t\t\tTiny, shippable demo: routes, tracking, and an automation trigger—built\n\t\t\t\tlike a growth experiment.\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\t

🔴 Red pill — Ship mode

\n\t\t\t\t\t

Public CV + what I'd build in week 1–2

\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

🔵 Blue pill — Behind the curtain

\n\t\t\t\t\t

\n\t\t\t\t\t\tHidden page + automation trigger + instrumentation proof\n\t\t\t\t\t

\n\t\t\t\t\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Red() {\n\treturn (\n\t\t\n\t\t\t\n\n\t\t\t

Andy Wingrave

\n\t\t\t

\n\t\t\t\tGrowth Engineer: shipping + analytics + automations + developer empathy\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\t\tInstrument \"time-to-first-successful-val\" and cohort by template /\n\t\t\t\t\t\t\tentry point.\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tActivation: template gallery around dev JTBDs (email, cron,\n\t\t\t\t\t\t\twebhook).\n\t\t\t\t\t\t
3–5 tutorials that end with \"Remix this\".
Light loops: shareable pages + onboarding nudges.

\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tThis site logs page views + pill choices. Blue pill also triggers a\n\t\t\t\t\t\tserver-side automation.\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\tView recent events (JSON)\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Blue() {\n\treturn (\n\t\t\n\t\t\t\n\n\t\t\t

Behind the curtain

\n\t\t\t

\n\t\t\t\tVisiting this route triggers a server handler: it logs an event and\n\t\t\t\toptionally POSTs a webhook / sends an email.\n\t\t\t

\n\n\t\t\t\n\t\t\t\t

Route hit: /blue
Event logged to SQLite
Webhook/email attempted (if configured)

\n\t\t\t\n\t\t\n\t);\n}\n\n// ============================================================================\n// Router & App\n// ============================================================================\n\nfunction App() {\n\tuseEffect(() => {\n\t\ttrack({ type: 'page_view', path: window.location.pathname });\n\t}, []);\n\n\tconst path = window.location.pathname;\n\tif (path === '/red') return ;\n\tif (path === '/blue') return ;\n\treturn ;\n}\n\n// ============================================================================\n// Mount\n// ============================================================================\n\nconst root = document.getElementById('root');\nif (!root) {\n\tthrow new Error('No root element found');\n}\n\ncreateRoot(root).render();\n",[],[158,176,407],{"_105":415,"_96":416,"_159":417,"_161":177,"_162":144,"_163":102,"_165":121,"_107":418,"_101":32,"_167":302,"_169":402,"_170":22,"_171":-5,"_172":419,"_99":420},"90819338-e5e0-11f0-b687-42dde27851f2","index_20251230193335.html","90819432-e5e0-11f0-b687-42dde27851f2",["D",1767141310821],[],[158,176,416],{"_105":422,"_96":423,"_159":424,"_161":177,"_162":144,"_163":425,"_165":121,"_107":426,"_101":32,"_167":302,"_169":427,"_170":22,"_171":-5,"_172":428,"_99":429},"a1c62752-e5d2-11f0-87ed-42dde27851f2","style_20250516102732.css","a1c6281a-e5d2-11f0-87ed-42dde27851f2",29,["D",1767135326841],"body {\n font-family: -apple-system, Arial, sans-serif;\n color: #333;\n padding: 20px;\n}\n\nbutton {\n background-color: #4a90e2;\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:hover {\n background-color: #357ae8;\n}",[],[158,176,423],{"_105":431,"_96":432,"_159":433,"_161":177,"_162":144,"_163":434,"_165":121,"_107":435,"_101":32,"_167":302,"_169":213,"_170":22,"_171":-5,"_172":436,"_99":437},"a1a9f3de-e5d2-11f0-9c24-42dde27851f2","style_20251230175254.css","a1a9f4a6-e5d2-11f0-9c24-42dde27851f2",27,["D",1767135326327],[],[158,176,432],{"_105":439,"_96":440,"_159":441,"_161":177,"_162":144,"_163":442,"_165":121,"_107":443,"_101":32,"_167":302,"_169":444,"_170":22,"_171":-5,"_172":445,"_99":446},"0c57490c-e5d8-11f0-afbd-42dde27851f2","style_20251230183130.css","0c574a06-e5d8-11f0-afbd-42dde27851f2",55,["D",1767137653103],".page {\n\tmin-height: 100vh;\n\tbackground: radial-gradient(\n\t\t\t1200px 600px at 20% 10%,\n\t\t\trgba(0, 255, 170, 0.15),\n\t\t\ttransparent\n\t\t),\n\t\t#050607;\n\tcolor: rgba(255, 255, 255, 0.92);\n\tfont-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto,\n\t\tHelvetica, Arial;\n\tpadding: 48px 20px;\n}\n\n.container {\n\tmax-width: 920px;\n\tmargin: 0 auto;\n}\n\n.footer {\n\tmax-width: 920px;\n\tmargin: 48px auto 0;\n\tfont-size: 12px;\n\topacity: 0.6;\n}\n\n.kicker {\n\topacity: 0.9;\n\tletter-spacing: 2px;\n\tfont-size: 12px;\n}\n\n.title {\n\tfont-size: 44px;\n\tmargin: 14px 0 10px;\n\tline-height: 1.05;\n}\n\n.lede {\n\tmax-width: 720px;\n\tfont-size: 16px;\n\topacity: 0.82;\n\tline-height: 1.6;\n}\n\n.grid {\n\tdisplay: grid;\n\tgap: 14px;\n\tmargin-top: 26px;\n}\n\n.card {\n\tdisplay: block;\n\ttext-decoration: none;\n\tpadding: 16px 18px;\n\tborder-radius: 14px;\n\tborder: 1px solid rgba(255, 255, 255, 0.12);\n\tbackground: rgba(255, 255, 255, 0.03);\n\tcolor: rgba(255, 255, 255, 0.92);\n}\n\n.cardTitle {\n\tfont-size: 16px;\n\tfont-weight: 650;\n}\n\n.cardDesc {\n\tmargin-top: 6px;\n\tfont-size: 13px;\n\topacity: 0.75;\n}\n\n.card.red {\n\tborder-color: rgba(255, 80, 80, 0.35);\n\tbox-shadow: 0 0 0 1px rgba(255, 80, 80, 0.25),\n\t\t0 20px 70px rgba(255, 80, 80, 0.1);\n}\n\n.card.blue {\n\tborder-color: rgba(90, 150, 255, 0.35);\n\tbox-shadow: 0 0 0 1px rgba(90, 150, 255, 0.25),\n\t\t0 20px 70px rgba(90, 150, 255, 0.1);\n}\n\n.back {\n\tdisplay: inline-block;\n\tcolor: rgba(255, 255, 255, 0.7);\n\ttext-decoration: none;\n\tmargin-bottom: 10px;\n}\n\n.stack {\n\tmargin-top: 24px;\n\tdisplay: grid;\n\tgap: 18px;\n}\n\n.panel {\n\tpadding: 18px;\n\tborder-radius: 16px;\n\tborder: 1px solid rgba(255, 255, 255, 0.1);\n\tbackground: rgba(255, 255, 255, 0.03);\n}\n\n.h2 {\n\tmargin: 0 0 8px;\n\tfont-size: 16px;\n}\n\n.button {\n\tdisplay: inline-block;\n\tmargin-top: 12px;\n\tpadding: 10px 12px;\n\tborder-radius: 12px;\n\tborder: 1px solid rgba(255, 255, 255, 0.15);\n\ttext-decoration: none;\n\tcolor: rgba(255, 255, 255, 0.9);\n\tbackground: rgba(255, 255, 255, 0.03);\n}\n",[],[158,176,440],{"_105":448,"_96":449,"_159":450,"_161":177,"_162":144,"_163":451,"_165":121,"_107":452,"_101":32,"_167":302,"_169":453,"_170":22,"_171":-5,"_172":454,"_99":455},"ede15f3c-e5da-11f0-90cf-42dde27851f2","style_20251230185446.css","ede16004-e5da-11f0-90cf-42dde27851f2",89,["D",1767138890434],"* {\n\tbox-sizing: border-box;\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody {\n\tfont-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n\t\tUbuntu, Cantarell, sans-serif;\n\tbackground: #0a0a0a;\n\tcolor: #fafafa;\n\tmin-height: 100vh;\n}\n\n.page {\n\tmin-height: 100vh;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n.container {\n\tflex: 1;\n\tmax-width: 800px;\n\tmargin: 0 auto;\n\tpadding: 4rem 2rem;\n}\n\n.footer {\n\ttext-align: center;\n\tpadding: 2rem;\n\tcolor: #666;\n\tfont-size: 0.85rem;\n\tborder-top: 1px solid #222;\n}\n\n.kicker {\n\tfont-size: 0.75rem;\n\tletter-spacing: 0.15em;\n\tcolor: #888;\n\tmargin-bottom: 1rem;\n}\n\n.title {\n\tfont-size: 2.5rem;\n\tfont-weight: 700;\n\tmargin-bottom: 1rem;\n\tline-height: 1.1;\n}\n\n.lede {\n\tfont-size: 1.15rem;\n\tcolor: #aaa;\n\tmargin-bottom: 2.5rem;\n\tline-height: 1.6;\n}\n\n.grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n\tgap: 1.5rem;\n\tmargin-top: 2rem;\n}\n\n.card {\n\tdisplay: block;\n\tpadding: 1.5rem;\n\tborder-radius: 12px;\n\ttext-decoration: none;\n\tcolor: #fafafa;\n\ttransition: transform 0.2s, box-shadow 0.2s;\n\tborder: 1px solid #333;\n}\n\n.card:hover {\n\ttransform: translateY(-4px);\n\tbox-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n}\n\n.card.red {\n\tbackground: linear-gradient(135deg, #1a0a0a 0%, #2a1010 100%);\n\tborder-color: #4a2020;\n}\n\n.card.red:hover {\n\tborder-color: #c53030;\n\tbox-shadow: 0 12px 40px rgba(197, 48, 48, 0.2);\n}\n\n.card.blue {\n\tbackground: linear-gradient(135deg, #0a0a1a 0%, #101020 100%);\n\tborder-color: #203050;\n}\n\n.card.blue:hover {\n\tborder-color: #3182ce;\n\tbox-shadow: 0 12px 40px rgba(49, 130, 206, 0.2);\n}\n\n.cardTitle {\n\tfont-size: 1.1rem;\n\tfont-weight: 600;\n\tmargin-bottom: 0.5rem;\n}\n\n.cardDesc {\n\tfont-size: 0.9rem;\n\tcolor: #888;\n}\n\n.back {\n\tdisplay: inline-block;\n\tcolor: #888;\n\ttext-decoration: none;\n\tmargin-bottom: 2rem;\n\tfont-size: 0.9rem;\n}\n\n.back:hover {\n\tcolor: #fafafa;\n}\n\n.stack {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 1.5rem;\n}\n\n.panel {\n\tbackground: #111;\n\tborder: 1px solid #222;\n\tborder-radius: 12px;\n\tpadding: 1.5rem;\n}\n\n.h2 {\n\tfont-size: 1.1rem;\n\tfont-weight: 600;\n\tmargin-bottom: 0.75rem;\n\tcolor: #fafafa;\n}\n\n.panel p {\n\tcolor: #aaa;\n\tline-height: 1.6;\n}\n\n.panel ul {\n\tcolor: #aaa;\n\tpadding-left: 1.25rem;\n\tline-height: 1.8;\n}\n\n.button {\n\tdisplay: inline-block;\n\tmargin-top: 1rem;\n\tpadding: 0.6rem 1.2rem;\n\tbackground: #222;\n\tcolor: #fafafa;\n\ttext-decoration: none;\n\tborder-radius: 6px;\n\tfont-size: 0.9rem;\n\ttransition: background 0.2s;\n}\n\n.button:hover {\n\tbackground: #333;\n}\n\n@media (max-width: 600px) {\n\t.title {\n\t\tfont-size: 1.75rem;\n\t}\n\t.container {\n\t\tpadding: 2rem 1rem;\n\t}\n}\n",[],[158,176,449],[158,176],{"_105":458,"_96":459,"_159":460,"_161":160,"_162":144,"_163":461,"_165":121,"_107":462,"_101":32,"_167":302,"_169":463,"_170":22,"_171":-5,"_172":464,"_99":465},"55294436-e5d4-11f0-9fb0-42dde27851f2","AGENTS_20250909155931.md","552944e0-e5d4-11f0-9fb0-42dde27851f2",42,["D",1767136057302],"You are an advanced assistant specialized in generating Val Town code.\n\n## Core Guidelines\n\n- Ask clarifying questions when requirements are ambiguous\n- Provide complete, functional solutions rather than skeleton implementations\n- Test your logic against edge cases before presenting the final solution\n- Ensure all code follows Val Town's specific platform requirements\n- If a section of code that you're working on is getting too complex, consider refactoring it into subcomponents\n\n## Code Standards\n\n- Generate code in TypeScript or TSX\n- Add appropriate TypeScript types and interfaces for all data structures\n- Prefer official SDKs or libraries than writing API calls directly\n- Ask the user to supply API or library documentation if you are at all unsure about it\n- **Never bake in secrets into the code** - always use environment variables\n- Include comments explaining complex logic (avoid commenting obvious operations)\n- Follow modern ES6+ conventions and functional programming practices if possible\n\n## Types of triggers\n\n### 1. HTTP Trigger\n\n- Create web APIs and endpoints\n- Handle HTTP requests and responses\n- Example structure:\n\n```ts\nexport default async function (req: Request) {\n return new Response(\"Hello World\");\n}\n```\n\nFiles that are HTTP triggers have http in their name like `foobar.http.tsx`\n\n### 2. Cron Triggers\n\n- Run on a schedule\n- Use cron expressions for timing\n- Example structure:\n\n```ts\nexport default async function () {\n // Scheduled task code\n}\n```\n\nFiles that are Cron triggers have cron in their name like `foobar.cron.tsx`\n\n### 3. Email Triggers\n\n- Process incoming emails\n- Handle email-based workflows\n- Example structure:\n\n```ts\nexport default async function (email: Email) {\n // Process email\n}\n```\n\nFiles that are Email triggers have email in their name like `foobar.email.tsx`\n\n\n## Val Town Standard Libraries\n\nVal Town provides several hosted services and utility functions.\n\n### Blob Storage\n\n```ts\nimport { blob } from \"https://esm.town/v/std/blob\";\nawait blob.setJSON(\"myKey\", { hello: \"world\" });\nlet blobDemo = await blob.getJSON(\"myKey\");\nlet appKeys = await blob.list(\"app_\");\nawait blob.delete(\"myKey\");\n```\n\n### SQLite\n\n```ts\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nconst TABLE_NAME = 'todo_app_users_2';\n// Create table - do this before usage and change table name when modifying schema\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT NOT NULL\n)`);\n// Query data\nconst result = await sqlite.execute(`SELECT * FROM ${TABLE_NAME} WHERE id = ?`, [1]);\n```\n\nNote: When changing a SQLite table's schema, change the table's name (e.g., add _2 or _3) to create a fresh table.\n\n### OpenAI\n\n```ts\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\nconst openai = new OpenAI();\nconst completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: \"Say hello in a creative way\" },\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 30,\n});\n```\n\n### Email\n\n```ts\nimport { email } from \"https://esm.town/v/std/email\";\n// By default emails the owner of the val\nawait email({ \n subject: \"Hi\", \n text: \"Hi\", \n html: \"

Hi

\"\n});\n```\n\n## Val Town Utility Functions\n\nVal Town provides several utility functions to help with common project tasks.\n\n### Importing Utilities\n\nAlways import utilities with version pins to avoid breaking changes:\n\n```ts\nimport { parseProject, readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Available Utilities\n\n\n#### **serveFile** - Serve project files with proper content types\n\nFor example, in Hono:\n\n```ts\n// serve all files in frontend/ and shared/\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n```\n\n#### **readFile** - Read files from within the project:\n\n```ts\n// Read a file from the project\nconst fileContent = await readFile(\"/frontend/index.html\", import.meta.url);\n```\n\n#### **listFiles** - List all files in the project\n\n```ts\nconst files = await listFiles(import.meta.url);\n```\n\n#### **parseProject** - Extract information about the current project from import.meta.url\n\nThis is useful for including info for linking back to a val, ie in \"view source\" urls:\n\n```ts\nconst projectVal = parseProject(import.meta.url);\nconsole.log(projectVal.username); // Owner of the project\nconsole.log(projectVal.name); // Project name\nconsole.log(projectVal.version); // Version number\nconsole.log(projectVal.branch); // Branch name\nconsole.log(projectVal.links.self.project); // URL to the project page\n```\n\nHowever, it's *extremely importing* to note that `parseProject` and other Standard Library utilities ONLY RUN ON THE SERVER.\nIf you need access to this data on the client, run it in the server and pass it to the client by splicing it into the HTML page\nor by making an API request for it.\n\n## Val Town Platform Specifics\n\n- **Redirects:** Use `return new Response(null, { status: 302, headers: { Location: \"/place/to/redirect\" }})` instead of `Response.redirect` which is broken\n- **Images:** Avoid external images or base64 images. Use emojis, unicode symbols, or icon fonts/libraries instead\n- **AI Image:** To inline generate an AI image use: `

`\n- **Storage:** DO NOT use the Deno KV module for storage\n- **Browser APIs:** DO NOT use the `alert()`, `prompt()`, or `confirm()` methods\n- **Weather Data:** Use open-meteo for weather data (doesn't require API keys) unless otherwise specified\n- **View Source:** Add a view source link by importing & using `import.meta.url.replace(\"ems.sh\", \"val.town)\"` (or passing this data to the client) and include `target=\"_top\"` attribute\n- **Error Debugging:** Add `` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[],[158,459],{"_105":467,"_96":468,"_159":469,"_161":160,"_162":144,"_163":470,"_165":121,"_107":471,"_101":32,"_167":302,"_169":472,"_170":22,"_171":-5,"_172":473,"_99":474},"55014364-e5d4-11f0-9d3f-42dde27851f2","AGENTS_20251230180702.md","5501442c-e5d4-11f0-9d3f-42dde27851f2",39,["D",1767136057032],"# AGENTS.md — pillChoice\n\nThis file defines guidance for humans or AI agents extending the **pillChoice** experiment.\n\nThe goal is not abstraction or scale — it’s to enable **fast, observable growth experiments** inside Val Town.\n\n---\n\n## Project intent\n\npillChoice is a deliberately small experiment:\n\n- one entry point\n- two paths\n- immediate instrumentation\n\nAny changes should preserve:\n\n- speed of iteration\n- clarity of user intent\n- observability of outcomes\n\nIf a change makes the experiment harder to reason about, it’s probably the wrong change.\n\n---\n\n## What _not_ to add\n\nAvoid:\n\n- heavy routing frameworks\n- complex client state management\n- premature abstractions\n- background jobs unless they demonstrate a clear growth loop\n\nThis project should remain understandable in under 5 minutes.\n\n---\n\n## Acceptable extensions\n\nGood next experiments include:\n\n- adding a third path (e.g. “neutral pill”) and comparing conversion\n- logging additional activation metrics (time on page, scroll depth)\n- changing copy and measuring pill selection rate\n- adding a lightweight follow-up action after `/blue` (e.g. delayed email)\n\n---\n\n## Data & instrumentation rules\n\n- Every meaningful user action should emit an event.\n- Events should be append-only.\n- Prefer adding new event types over modifying existing ones.\n- Schema changes should create new tables if needed.\n\n---\n\n## Server-side constraints\n\n- All persistence must use Val Town `std/sqlite`.\n- Side effects (email, webhook) should happen **server-side only**.\n- Failures in side effects must not break the user flow.\n\n---\n\n## Style & tone\n\n- Code should favor readability over cleverness.\n- UI copy should be concise, slightly playful, and developer-native.\n- This is a growth experiment, not a portfolio site.\n\n---\n\n## If you are an AI agent\n\nOptimize for:\n\n1. Shipping quickly\n2. Measuring outcomes\n3. Minimizing complexity\n\nIf unsure, choose the simplest possible implementation.\n",[],[158,468],{"_105":476,"_96":477,"_159":478,"_161":160,"_162":144,"_163":479,"_165":121,"_107":480,"_101":32,"_167":302,"_169":481,"_170":22,"_171":-5,"_172":482,"_99":483},"551b434a-e5d4-11f0-8b08-42dde27851f2","README_20250815145218.md","551b4430-e5d4-11f0-8b08-42dde27851f2",41,["D",1767136057039],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n## Getting started\n\nGet a copy of this starter template by clicking the **Remix** button in the\ntop-right.\n\n## How it works\n\n- The **entrypoint** is [`index.ts`](index.ts). That's the backend HTTP server,\n which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is\n [`/frontend/index.html`](/frontend/index.html)\n - which in turn imports [`/frontend/index.tsx`](/frontend/index.tsx)\n - which in turn imports the React app from\n [`/frontend/components/App.tsx`](/frontend/components/App.tsx).\n\nSo if you wanted to get a sense of how this app comes together, we suggest\nreading the files in this order:\n\n[`index.ts`](index.ts) -> [`/frontend/index.html`](/frontend/index.html) ->\n[`/frontend/index.tsx`](/frontend/index.tsx) ->\n[`/frontend/components/App.tsx`](/frontend/components/App.tsx)\n\n## Further resources\n\n- [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a\n bigger example project, with a SQLite database table, queries, client-side\n CSS, a favicon, and shared code that runs on both client and server.",[],[158,477],{"_105":485,"_96":486,"_159":487,"_161":160,"_162":144,"_163":488,"_165":121,"_107":489,"_101":32,"_167":302,"_169":490,"_170":22,"_171":-5,"_172":491,"_99":492},"55438530-e5d4-11f0-b55d-42dde27851f2","README_20251230180520.md","554385d0-e5d4-11f0-b55d-42dde27851f2",43,["D",1767136057310],"# pillChoice\n\nA tiny, shippable growth experiment built on **Val Town**.\n\nThis project is intentionally small: one email, two links, and a fully-instrumented mini web app. It demonstrates how I approach growth engineering at dev-tool companies—**ship fast, measure everything, and wire feedback loops end-to-end**.\n\n---\n\n## What this is\n\n**pillChoice** is a two-path experience inspired by the classic “choose your pill” metaphor:\n\n* **Red pill** → a public, role-tailored CV page + concrete growth ideas\n* **Blue pill** → a hidden route that triggers a server-side automation\n\nBoth paths log events to a shared SQLite database so behavior is observable immediately.\n\n---\n\n## Why this exists\n\nThis was built as an application experiment for a **Growth Engineer** role at Val Town.\n\nRather than sending a traditional cover letter, I wanted to:\n\n* Build *inside* the platform\n* Show how I think about activation, instrumentation, and growth loops\n* Demonstrate comfort with Val Town’s execution model (Deno, Hono, stdlib)\n\n---\n\n## How it works\n\n### Frontend\n\n* Single-page React app\n* No router library — routing is done via `window.location.pathname`\n* Client-side event tracking on:\n\n * page views\n * pill selection\n\n### Backend\n\n* Hono HTTP app (`index.ts`)\n* Val Town `std/sqlite` for persistence\n* Optional email + webhook triggers on the blue-pill route\n\n### Data\n\nEvents are stored in SQLite with:\n\n* timestamp\n* event type\n* pill choice (if applicable)\n* path\n* user-agent + referrer\n\nYou can inspect recent events at:\n\n```\n/api/events?limit=50\n```\n\n---\n\n## Routes\n\n| Route | Description |\n| ------------- | ------------------------------------- |\n| `/` | Landing page with pill choice |\n| `/red` | Public CV + growth plan |\n| `/blue` | Hidden route that triggers automation |\n| `/api/events` | JSON event log |\n\n---\n\n## Environment variables (optional)\n\nThese are **not required**, but enable extra proof points:\n\n* `WEBHOOK_URL` — POSTs a JSON payload when `/blue` is visited\n* `NOTIFY_EMAIL_SUBJECT` — subject line for notification email\n* `NOTIFY_EMAIL_TO` — recipient (if supported by plan)\n\n---\n\n## Development workflow (Val Town)\n\nThere is **no local dev server**.\n\nInstead:\n\n```bash\nvt watch # sync changes continuously\nvt browse # open the live site\nvt tail # view logs\n```\n\nThe deployed site *is* the development environment.\n\n---\n\n## Design principles\n\n* **Minimal surface area** — fewer moving parts, clearer intent\n* **Observable by default** — every meaningful action emits an event\n* **Fast to iterate** — new experiments should take minutes, not days\n\n---\n\n## If you’re reading this\n\nThanks for taking the time 🙏\n\nThis project is small on purpose. The goal isn’t polish—it’s to show how quickly I can:\n\n* understand a platform\n* build within its constraints\n* and turn an idea into a measurable experiment\n\n— Andy\n",[],[158,486],{"_105":494,"_96":495,"_159":496,"_161":160,"_162":144,"_163":497,"_165":121,"_107":498,"_101":32,"_167":302,"_169":499,"_170":22,"_171":-5,"_172":500,"_99":501},"a2007114-e5d2-11f0-87ed-42dde27851f2","deno_20251015150645.json","a20071dc-e5d2-11f0-87ed-42dde27851f2",34,["D",1767135327220],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}",[],[158,495],{"_105":503,"_96":504,"_159":505,"_161":160,"_162":144,"_163":506,"_165":121,"_107":507,"_101":32,"_167":302,"_169":508,"_170":22,"_171":-5,"_172":509,"_99":510},"a1d425a0-e5d2-11f0-872a-42dde27851f2","deno_20251230175505.json","a1d4264a-e5d2-11f0-872a-42dde27851f2",30,["D",1767135326930],"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/98f62cee78e85bfc47c62ed703777c6bc8794f1c/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"jsx\": \"react-jsx\",\n \"jsxImportSource\": \"https://esm.sh/react@18\"\n },\n \"lint\": {\n \"include\": [\"deno:/https/esm.town/**/*\"],\n \"rules\": {\n \"exclude\": [\"no-explicit-any\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n",[],[158,504],{"_105":512,"_96":513,"_159":514,"_161":160,"_162":144,"_163":515,"_165":121,"_107":516,"_101":32,"_167":194,"_169":517,"_170":22,"_171":-5,"_172":518,"_99":519},"87e9a6c0-e5d1-11f0-ac7d-42dde27851f2","index_20250815150933.ts","87e9a774-e5d1-11f0-ac7d-42dde27851f2",15,["D",1767134853957],"import { serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\n\n// Serve index.html at the root /\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\n\n// Serve all /frontend files\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// Add your API routes here\n// app.get(\"/api/data\", c => c.json({ hello: \"world\" }));\n\n// Unwrap and rethrow Hono errors as the original error\n// If you delete this, all errors will be \"Internal Server Error\"\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\n// This is how you \"run the server\" in Val Town with Hono\nexport default app.fetch;",[],[158,513],{"_105":521,"_96":522,"_159":523,"_161":160,"_162":144,"_163":524,"_165":121,"_107":525,"_101":32,"_167":194,"_169":526,"_170":22,"_171":-5,"_172":527,"_99":528},"87c9f898-e5d1-11f0-bef6-42dde27851f2","index_20251230174230.ts","87c9f956-e5d1-11f0-bef6-42dde27851f2",13,["D",1767134853753],"import React, { useEffect, useMemo } from 'react';\n\nfunction track(evt: {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n}) {\n\tfetch('/api/track', {\n\t\tmethod: 'POST',\n\t\theaders: { 'content-type': 'application/json' },\n\t\tbody: JSON.stringify({\n\t\t\t...evt,\n\t\t\tpath: evt.path ?? window.location.pathname,\n\t\t}),\n\t}).catch(() => {});\n}\n\nfunction Shell({ children }: { children: React.ReactNode }) {\n\treturn (\n\t\t\n\t\t\t

\n\t\t\t\t{children}\n\t\t\t\t

\n\t\t\t\t\tBuilt on Val Town · Hono + React · logs pill choice + page views\n\t\t\t\t

\n\t\t\t

\n\t\t

\n\t);\n}\n\nfunction PillButton({\n\tlabel,\n\thref,\n\taccent,\n}: {\n\tlabel: string;\n\thref: string;\n\taccent: 'red' | 'blue';\n}) {\n\tconst glow =\n\t\taccent === 'red'\n\t\t\t? '0 0 0 1px rgba(255,80,80,0.25), 0 20px 70px rgba(255,80,80,0.10)'\n\t\t\t: '0 0 0 1px rgba(90,150,255,0.25), 0 20px 70px rgba(90,150,255,0.10)';\n\n\tconst border =\n\t\taccent === 'red' ? 'rgba(255,80,80,0.35)' : 'rgba(90,150,255,0.35)';\n\n\treturn (\n\t\t track({ type: 'pill_choice', pill: accent, path: href })}\n\t\t\tstyle={{\n\t\t\t\tdisplay: 'block',\n\t\t\t\ttextDecoration: 'none',\n\t\t\t\tpadding: '16px 18px',\n\t\t\t\tborderRadius: 14,\n\t\t\t\tborder: `1px solid ${border}`,\n\t\t\t\tboxShadow: glow,\n\t\t\t\tbackground: 'rgba(255,255,255,0.03)',\n\t\t\t\tcolor: 'rgba(255,255,255,0.92)',\n\t\t\t}}\n\t\t>\n\t\t\t

{label}

\n\t\t\t

\n\t\t\t\t{accent === 'red'\n\t\t\t\t\t? 'Public CV + what I’d build in week 1–2 as Growth Engineer'\n\t\t\t\t\t: 'Hidden page + automation trigger + instrumentation proof'}\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Home() {\n\treturn (\n\t\t\n\t\t\t

\n\t\t\t\tVAL TOWN // APPLICATION\n\t\t\t

\n\t\t\t

\n\t\t\t\tChoose your path.\n\t\t\t

\n\t\t\t

\n\t\t\t\tTiny, shippable demo: a mini-site with routes, tracking, and an\n\t\t\t\tautomation trigger—built the way I’d run growth experiments: fast,\n\t\t\t\tinstrumented, and user-first.\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\n\t\t\t

\n\t\t\n\t);\n}\n\nfunction Red() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t← back\n\t\t\t\n\t\t\t

Andy Wingrave

\n\t\t\t

\n\t\t\t\tGrowth Engineer: shipping + analytics + automations + developer empathy\n\t\t\t

\n\n\t\t\t

\n\t\t\t\t\n\t\t\t\t\t

Why Val Town

\n\t\t\t\t\t

\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tWeek 1–2 experiments I’d run\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tInstrument “time to first successful val” + cohort by template /\n\t\t\t\t\t\t\tentry point.\n\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tActivation: template gallery optimized around dev JTBDs (email,\n\t\t\t\t\t\t\tSlack, cron, webhook).\n\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\t3–5 tutorials that map to common automations + a “Remix this” CTA.\n\t\t\t\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t\t\t\tLight loops: shareable “my first val” pages + onboarding nudges.\n\t\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tInstrumentation\n\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t\t\tThis site logs page views + pill choices. Blue pill also triggers a\n\t\t\t\t\t\tserver-side automation.\n\t\t\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tView recent events (JSON)\n\t\t\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nfunction Blue() {\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t← back\n\t\t\t\n\t\t\t

Behind the curtain

\n\t\t\t

\n\t\t\t\tVisiting this page triggers a server-side handler: it logs an event and\n\t\t\t\toptionally POSTs to a webhook / sends an email.\n\t\t\t

\n\n\t\t\t\n\t\t\t\t

Proof points

\n\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t\t\tRoute hit: /blue\n\t\t\t\t\t

\n\t\t\t\t\t

Event logged to SQLite

\n\t\t\t\t\t

Webhook/email attempted (if configured)

\n\t\t\t\t\n\t\t\t\n\t\t\n\t);\n}\n\nexport default function App() {\n\tconst path = useMemo(() => window.location.pathname, []);\n\n\tuseEffect(() => {\n\t\ttrack({ type: 'page_view', path: window.location.pathname });\n\t}, []);\n\n\tif (path === '/red') return ;\n\tif (path === '/blue') return ;\n\treturn ;\n}\n",[],[158,522],{"_105":530,"_96":531,"_159":532,"_161":160,"_162":144,"_163":533,"_165":121,"_107":534,"_101":32,"_167":194,"_169":535,"_170":22,"_171":-5,"_172":536,"_99":537},"87ee1598-e5d1-11f0-a6b7-42dde27851f2","index_20251230174344.ts","87ee1638-e5d1-11f0-a6b7-42dde27851f2",16,["D",1767134853988],"// index.ts (root)\nimport { Hono } from \"https://esm.sh/hono@4\";\nimport { serveStatic } from \"https://esm.sh/hono@4/deno\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { email } from \"https://esm.town/v/std/email\";\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB\nconst db = sqlite(\"pill_choice\");\n\nawait db.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await db.execute(\n `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n [ts, evt.type, evt.pill ?? null, path, ref, ua],\n );\n}\n\nasync function serveSPA() {\n return await Deno.readTextFile(new URL(\"./frontend/index.html\", import.meta.url));\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n ref: c.req.header(\"referer\") ?? null,\n };\n\n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try {\n await fetch(webhook, {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n } catch {\n // ignore\n }\n }\n\n try {\n const subject = Deno.env.get(\"NOTIFY_EMAIL_SUBJECT\") ?? \"Blue pill taken\";\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\"); // optional\n await email({\n subject,\n text: JSON.stringify(payload, null, 2),\n ...(to ? { to } : {}),\n });\n } catch {\n // ignore\n }\n}\n\n// ---- API\napp.post(\"/api/track\", async (c) => {\n const body = await c.req.json();\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await db.execute(`SELECT * FROM events ORDER BY id DESC LIMIT ?`, [limit]);\n return c.json({ ok: true, events: res.rows });\n});\n\n// ---- Static assets (Vite dev/build output under /frontend)\napp.use(\"/frontend/*\", serveStatic({ root: \"./\" }));\n\n// ---- Special: /blue triggers side effects but still serves SPA\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n return c.html(await serveSPA());\n});\n\n// ---- Everything else → SPA (React handles / and /red)\napp.get(\"*\", async (c) => {\n return c.html(await serveSPA());\n});\n\nexport default app;\n",[],[158,531],{"_105":539,"_96":540,"_159":541,"_161":160,"_162":144,"_163":542,"_165":121,"_107":543,"_101":32,"_167":194,"_169":544,"_170":22,"_171":-5,"_172":545,"_99":546},"87c72bcc-e5d1-11f0-ad90-42dde27851f2","index_20251230174608.ts","87c72c76-e5d1-11f0-ad90-42dde27851f2",12,["D",1767134853734],"// index.ts (root)\nimport { Hono } from \"https://esm.sh/hono@4\";\nimport { serveStatic } from \"https://esm.sh/hono@4/deno\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { email } from \"https://esm.town/v/std/email\";\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB\nconst db = sqlite(\"pill_choice\");\n\nawait db.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await db.execute(\n `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n [ts, evt.type, evt.pill ?? null, path, ref, ua],\n );\n}\n\nasync function serveSPA() {\n return await Deno.readTextFile(new URL(\"./frontend/index.html\", import.meta.url));\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n ref: c.req.header(\"referer\") ?? null,\n };\n\n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try {\n await fetch(webhook, {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n } catch {\n // ignore\n }\n }\n\n try {\n const subject = Deno.env.get(\"NOTIFY_EMAIL_SUBJECT\") ?? \"Blue pill taken\";\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\"); // optional\n await email({\n subject,\n text: JSON.stringify(payload, null, 2),\n ...(to ? { to } : {}),\n });\n } catch {\n // ignore\n }\n}\n\n// ---- API\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await db.execute(`SELECT * FROM events ORDER BY id DESC LIMIT ?`, [limit]);\n return c.json({ ok: true, events: res.rows });\n});\n\n// ---- Static assets (Vite dev/build output under /frontend)\napp.use(\"/frontend/*\", serveStatic({ root: \"./\" }));\n\n// ---- Special: /blue triggers side effects but still serves SPA\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n return c.html(await serveSPA());\n});\n\n// ---- Everything else → SPA (React handles / and /red)\napp.get(\"*\", async (c) => {\n return c.html(await serveSPA());\n});\n\nexport default app;\n",[],[158,540],{"_105":548,"_96":549,"_159":550,"_161":160,"_162":144,"_163":551,"_165":121,"_107":552,"_101":32,"_167":194,"_169":553,"_170":22,"_171":-5,"_172":554,"_99":555},"a1db74c2-e5d2-11f0-87ed-42dde27851f2","index_20251230174903.ts","a1db758a-e5d2-11f0-87ed-42dde27851f2",31,["D",1767135326944],"// index.ts (root)\nimport { Hono } from \"https://esm.sh/hono@4\";\nimport { serveStatic } from \"https://esm.sh/hono@4/deno\";\nimport sqlite from \"https://esm.town/v/std/sqlite\";\nimport { email } from \"https://esm.town/v/std/email\";\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute(\n `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n [ts, evt.type, evt.pill ?? null, path, ref, ua],\n );\n}\n\nasync function serveSPA() {\n return await Deno.readTextFile(new URL(\"./frontend/index.html\", import.meta.url));\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n ref: c.req.header(\"referer\") ?? null,\n };\n\n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try {\n await fetch(webhook, {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n } catch {\n // ignore\n }\n }\n\n try {\n const subject = Deno.env.get(\"NOTIFY_EMAIL_SUBJECT\") ?? \"Blue pill taken\";\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\"); // optional\n await email({\n subject,\n text: JSON.stringify(payload, null, 2),\n ...(to ? { to } : {}),\n });\n } catch {\n // ignore\n }\n}\n\n// ---- API\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await sqlite.execute(`SELECT * FROM events ORDER BY id DESC LIMIT ?`, [limit]);\n return c.json({ ok: true, events: res.rows });\n});\n\n// ---- Static assets\napp.use(\"/frontend/*\", serveStatic({ root: \"./\" }));\n\n// ---- /blue triggers server-side effects, then serves SPA\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n return c.html(await serveSPA());\n});\n\n// ---- SPA fallback for everything else\napp.get(\"*\", async (c) => c.html(await serveSPA()));\n\nexport default app;\n",[],[158,549],{"_105":557,"_96":558,"_159":559,"_161":160,"_162":144,"_163":560,"_165":121,"_107":561,"_101":32,"_167":194,"_169":562,"_170":22,"_171":-5,"_172":563,"_99":564},"a1e6e5e6-e5d2-11f0-8711-42dde27851f2","index_20251230174928.ts","a1e6e672-e5d2-11f0-8711-42dde27851f2",33,["D",1767135327027],"import { Hono } from \"https://esm.sh/hono@4\";\nimport { serveStatic } from \"https://esm.sh/hono@4/deno\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\nimport { email } from \"https://esm.town/v/std/email\";\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute(\n `INSERT INTO events (ts, type, pill, path, ref, ua)\n VALUES (?, ?, ?, ?, ?, ?)`,\n [ts, evt.type, evt.pill ?? null, path, ref, ua],\n );\n}\n\nasync function serveSPA() {\n return await Deno.readTextFile(new URL(\"./frontend/index.html\", import.meta.url));\n}\n\n// ---- API\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await sqlite.execute(\n `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n [limit],\n );\n return c.json({ ok: true, events: res.rows });\n});\n\n// ---- /blue triggers side effects\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n\n try {\n await email({\n subject: \"Blue pill taken\",\n text: \"Someone chose the blue pill on pillChoice.\",\n });\n } catch {\n // ignore\n }\n\n return c.html(await serveSPA());\n});\n\n// ---- Static + SPA fallback\napp.use(\"/frontend/*\", serveStatic({ root: \"./\" }));\napp.get(\"*\", async () => new Response(await serveSPA(), { headers: { \"content-type\": \"text/html\" } }));\n\nexport default app;\n",[],[158,558],{"_105":566,"_96":567,"_159":568,"_161":160,"_162":144,"_163":569,"_165":121,"_107":570,"_101":32,"_167":194,"_169":571,"_170":22,"_171":-5,"_172":572,"_99":573},"a1e27a7e-e5d2-11f0-8406-42dde27851f2","index_20251230175032.ts","a1e27b50-e5d2-11f0-8406-42dde27851f2",32,["D",1767135326943],"import { Hono } from \"https://esm.sh/hono@4\";\nimport { serveStatic } from \"https://esm.sh/hono@4/deno\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\nimport { email } from \"https://esm.town/v/std/email\";\n\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\nasync function serveSPA() {\n return await Deno.readTextFile(new URL(\"./frontend/index.html\", import.meta.url));\n}\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute({\n sql: `\n INSERT INTO events (ts, type, pill, path, ref, ua)\n VALUES (?, ?, ?, ?, ?, ?)\n `,\n args: [ts, evt.type, evt.pill ?? null, path, ref, ua],\n });\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n ref: c.req.header(\"referer\") ?? null,\n ipHint: c.req.header(\"cf-connecting-ip\") ?? null,\n };\n\n // Optional webhook\n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try {\n await fetch(webhook, {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n } catch {\n // ignore\n }\n }\n\n // Optional email\n try {\n const subject = Deno.env.get(\"NOTIFY_EMAIL_SUBJECT\") ?? \"Blue pill taken\";\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\"); // optional\n await email({\n subject,\n text: JSON.stringify(payload, null, 2),\n ...(to ? { to } : {}),\n });\n } catch {\n // ignore\n }\n}\n\n// ---- API: track\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\n// ---- API: events (for debugging / proof)\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n\n const res = await sqlite.execute({\n sql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n args: [limit],\n });\n\n return c.json({ ok: true, events: res.rows });\n});\n\n// ---- Static assets\napp.use(\"/frontend/*\", serveStatic({ root: \"./\" }));\n\n// ---- /blue triggers server-side effects and then serves SPA\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n return 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;\n",[],[158,567],{"_105":575,"_96":576,"_159":577,"_161":160,"_162":144,"_163":578,"_165":121,"_107":579,"_101":32,"_167":194,"_169":580,"_170":22,"_171":-5,"_172":581,"_99":582},"4feb78ac-e5d6-11f0-b365-42dde27851f2","index_20251230182140.ts","4feb794c-e5d6-11f0-b365-42dde27851f2",46,["D",1767136907467],"import { Hono } from 'https://esm.sh/hono@4';\nimport { serveStatic } from 'https://esm.sh/hono@4/deno';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\n\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\nasync function serveSPA() {\n\treturn await Deno.readTextFile(\n\t\tnew URL('./frontend/index.html', import.meta.url)\n\t);\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\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",[],[158,576],{"_105":584,"_96":585,"_159":586,"_161":160,"_162":144,"_163":587,"_165":121,"_107":588,"_101":32,"_167":194,"_169":589,"_170":22,"_171":-5,"_172":590,"_99":591},"8555e25c-e5d6-11f0-a854-42dde27851f2","index_20251230182313.ts","8555e310-e5d6-11f0-a854-42dde27851f2",48,["D",1767136997087],"import { Hono } from 'https://esm.sh/hono@4';\nimport { serveStatic } from 'https://esm.sh/hono@4/deno';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\n\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\nasync function serveSPA() {\n\t// FIX: Use a relative string path instead of a URL object.\n\t// Val Town files are accessible relative to the root.\n\treturn await Deno.readTextFile('./frontend/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\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\n// FIX: Export app.fetch so Val Town receives the correct handler function\nexport default app.fetch;\n",[],[158,585],{"_105":593,"_96":594,"_159":595,"_161":160,"_162":144,"_163":596,"_165":121,"_107":597,"_101":32,"_167":194,"_169":598,"_170":22,"_171":-5,"_172":599,"_99":600},"b56254ee-e5d6-11f0-82b6-42dde27851f2","index_20251230182431.ts","b56255ac-e5d6-11f0-82b6-42dde27851f2",49,["D",1767137077728],"import { Hono } from 'https://esm.sh/hono@4';\nimport { serveStatic } from 'https://esm.sh/hono@4/deno';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\n\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// FIX: Inline the HTML to avoid \"File Not Found\" errors on the server file system\nconst INDEX_HTML = `\n\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\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",[],[158,594],{"_105":602,"_96":603,"_159":604,"_161":160,"_162":144,"_163":605,"_165":121,"_107":606,"_101":32,"_167":194,"_169":607,"_170":22,"_171":-5,"_172":608,"_99":609},"0c3ad8ee-e5d8-11f0-ab76-42dde27851f2","index_20251230182721.ts","0c3ad9a2-e5d8-11f0-ab76-42dde27851f2",52,["D",1767137652914],"import { Hono } from 'https://esm.sh/hono@4';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\n\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n};\n\nconst app = new Hono();\n\n// ---- DB init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// ---- SERVER-SIDE HTML GENERATION\n// We use Babel Standalone to compile React/JSX inside the browser.\nasync function serveSPA() {\n\treturn `\n\n\n \n \n \n The Pill Choice\n \n \n \n \n

\n\n \n \n \n\n \n \n\n `;\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: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\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};\n\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\ttry {\n\t\tconst subject = Deno.env.get('NOTIFY_EMAIL_SUBJECT') ?? 'Blue pill taken';\n\t\tconst to = Deno.env.get('NOTIFY_EMAIL_TO');\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// ---- ROUTES\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\napp.get('/api/events', async (c) => {\n\tconst limit = Math.min(Number(c.req.query('limit') ?? 25), 200);\n\tconst res = await sqlite.execute({\n\t\tsql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n\t\targs: [limit],\n\t});\n\treturn c.json({ ok: true, events: res.rows });\n});\n\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\napp.get('*', async (c) => c.html(await serveSPA()));\n\nexport default app.fetch;\n",[],[158,603],{"_105":611,"_96":612,"_159":613,"_161":160,"_162":144,"_163":614,"_165":121,"_107":615,"_101":32,"_167":194,"_169":616,"_170":22,"_171":-5,"_172":617,"_99":618},"0c7b4b40-e5d8-11f0-8615-42dde27851f2","index_20251230182939.ts","0c7b4be0-e5d8-11f0-8615-42dde27851f2",58,["D",1767137653312],"import { Hono } from \"https://esm.sh/hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\nimport { email } from \"https://esm.town/v/std/email\";\n\n// --- TYPES ---\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: \"red\" | \"blue\";\n path?: string;\n};\n\nconst app = new Hono();\n\n// --- DB INIT ---\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- FRONTEND TEMPLATE ---\n// This function returns the HTML with your React App inlined.\n// We use Babel Standalone to compile the JSX in the browser.\nasync function serveSPA() {\n return `\n\n\n \n \n \n Val Town Application\n \n \n \n \n

\n\n \n \n \n\n \n \n\n `;\n}\n\n// --- SERVER SIDE HANDLERS ---\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute({\n sql: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [ts, evt.type, evt.pill ?? null, path, ref, ua],\n });\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n ref: c.req.header(\"referer\") ?? null,\n ipHint: c.req.header(\"cf-connecting-ip\") ?? null,\n };\n\n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try {\n await fetch(webhook, {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify(payload),\n });\n } catch { /* ignore */ }\n }\n\n try {\n const subject = Deno.env.get(\"NOTIFY_EMAIL_SUBJECT\") ?? \"Blue pill taken\";\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\");\n await email({\n subject,\n text: JSON.stringify(payload, null, 2),\n ...(to ? { to } : {}),\n });\n } catch { /* ignore */ }\n}\n\n// --- ROUTES ---\n\n// 1. Tracking API\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\n// 2. Events API (for proof)\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await sqlite.execute({\n sql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n args: [limit],\n });\n return c.json({ ok: true, events: res.rows });\n});\n\n// 3. Blue Pill Route (Server-side trigger + load SPA)\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n return c.html(await serveSPA());\n});\n\n// 4. Fallback (Load SPA for Home, Red, and 404s)\napp.get(\"*\", async (c) => c.html(await serveSPA()));\n\n// --- EXPORT ---\nexport default app.fetch;",[],[158,612],{"_105":620,"_96":621,"_159":622,"_161":160,"_162":144,"_163":623,"_165":121,"_107":624,"_101":32,"_167":194,"_169":625,"_170":22,"_171":-5,"_172":626,"_99":627},"0c74f6dc-e5d8-11f0-ac3d-42dde27851f2","index_20251230182940.ts","0c74f7a4-e5d8-11f0-ac3d-42dde27851f2",57,["D",1767137653312],"import { Hono } from 'https://esm.sh/hono@4';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\n\n// --- TYPES ---\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: 'red' | 'blue';\n\tpath?: string;\n};\n\nconst app = new Hono();\n\n// --- DB INIT ---\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- FRONTEND TEMPLATE ---\n// This function returns the HTML with your React App inlined.\n// We use Babel Standalone to compile the JSX in the browser.\nasync function serveSPA() {\n\treturn `\n\n\n \n \n \n Val Town Application\n \n \n \n \n

\n\n \n \n \n\n \n \n\n `;\n}\n\n// --- SERVER SIDE HANDLERS ---\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: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\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\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\ttry {\n\t\tconst subject = Deno.env.get('NOTIFY_EMAIL_SUBJECT') ?? 'Blue pill taken';\n\t\tconst to = Deno.env.get('NOTIFY_EMAIL_TO');\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// --- ROUTES ---\n\n// 1. Tracking API\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// 2. Events API (for proof)\napp.get('/api/events', async (c) => {\n\tconst limit = Math.min(Number(c.req.query('limit') ?? 25), 200);\n\tconst res = await sqlite.execute({\n\t\tsql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n\t\targs: [limit],\n\t});\n\treturn c.json({ ok: true, events: res.rows });\n});\n\n// 3. Blue Pill Route (Server-side trigger + load 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// 4. Fallback (Load SPA for Home, Red, and 404s)\napp.get('*', async (c) => c.html(await serveSPA()));\n\n// --- EXPORT ---\nexport default app.fetch;\n",[],[158,621],{"_105":629,"_96":630,"_159":631,"_161":160,"_162":144,"_163":632,"_165":121,"_107":633,"_101":32,"_167":194,"_169":634,"_170":22,"_171":-5,"_172":635,"_99":636},"0c820782-e5d8-11f0-afbd-42dde27851f2","index_20251230183214.ts","0c82096c-e5d8-11f0-afbd-42dde27851f2",59,["D",1767137653357],"import { Hono } from 'https://esm.sh/hono@4';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\n\nconst app = new Hono();\n\n// --- DB Init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- Helper to serve local files\nasync function serveFile(c: any, path: string, type: string) {\n\ttry {\n\t\tconst content = await Deno.readTextFile(path);\n\t\treturn c.body(content, 200, { 'Content-Type': type });\n\t} catch (e) {\n\t\tconsole.error(`Failed to load ${path}`, e);\n\t\treturn c.text('Not Found', 404);\n\t}\n}\n\n// --- STATIC FILES (Served Manually to fix 404s)\napp.get('/frontend/style.css', (c) =>\n\tserveFile(c, './frontend/style.css', 'text/css')\n);\napp.get('/frontend/index.tsx', (c) =>\n\tserveFile(c, './frontend/index.tsx', 'text/javascript')\n);\napp.get('/components/App.tsx', (c) =>\n\tserveFile(c, './components/App.tsx', 'text/javascript')\n);\n\n// --- HTML SHELL\n// Note: We use type=\"module\" so the browser can handle imports\nconst HTML_SHELL = `\n\n\n \n \n \n React Hono Val Town Starter\n \n \n \n \n

\n \n \n\n`;\n\n// --- BACKEND LOGIC\ntype TrackEvent = { type: \"page_view\" | \"pill_choice\"; pill?: string; path?: string };\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute({\n sql: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [ts, evt.type, evt.pill ?? null, path, ref, ua],\n });\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n };\n \n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try { await fetch(webhook, { method: \"POST\", body: JSON.stringify(payload) }); } catch {}\n }\n\n try {\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\");\n await email({ subject: \"Blue pill taken\", text: JSON.stringify(payload, null, 2), ...(to ? { to } : {}) });\n } catch {}\n}\n\n// --- API ROUTES\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await sqlite.execute({ sql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`, args: [limit] });\n return c.json({ ok: true, events: res.rows });\n});\n\n// --- PAGE ROUTES\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n return c.html(HTML_SHELL);\n});\n\n// Catch-all\napp.get(\"*\", (c) => c.html(HTML_SHELL));\n\nexport default app.fetch;",[],[158,657],{"_105":665,"_96":666,"_159":667,"_161":160,"_162":144,"_163":668,"_165":121,"_107":669,"_101":32,"_167":194,"_169":670,"_170":22,"_171":-5,"_172":671,"_99":672},"ef64d0b6-e5d8-11f0-bf43-42dde27851f2","index_20251230183822.ts","ef64d17e-e5d8-11f0-bf43-42dde27851f2",69,["D",1767138034031],"import { Hono } from \"https://esm.sh/hono@4\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\nimport { email } from \"https://esm.town/v/std/email\";\nimport { join, extname } from \"https://deno.land/std@0.224.0/path/mod.ts\";\n\nconst app = new Hono();\n\n// --- DIAGNOSTICS\nconsole.log(\"🚀 Server starting...\");\nconsole.log(`📂 Current Working Directory: ${Deno.cwd()}`);\ntry {\n console.log(\"📄 Files in root:\", [...Deno.readDirSync(\"./\")].map(f => f.name));\n} catch (e) {\n // FIX: Cast 'e' to Error to access .message\n console.log(\"⚠️ Could not list root directory:\", (e as Error).message);\n}\n\n// --- DB Init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- STATIC FILE HANDLER\nasync function serveStaticFile(c: any) {\n const urlPath = new URL(c.req.url).pathname; \n const filePath = `.${urlPath}`; \n \n const ext = extname(filePath);\n const mimeType = {\n \".css\": \"text/css\",\n \".ts\": \"text/javascript\",\n \".tsx\": \"text/javascript\",\n \".js\": \"text/javascript\",\n \".svg\": \"image/svg+xml\",\n \".html\": \"text/html\",\n }[ext] || \"text/plain\";\n\n try {\n const content = await Deno.readTextFile(filePath);\n return c.body(content, 200, { \"Content-Type\": mimeType });\n } catch (e) {\n // FIX: Cast 'e' to Error here as well\n console.error(`❌ 404 Not Found: ${filePath} (Error: ${(e as Error).message})`);\n return c.text(\"Not Found\", 404);\n }\n}\n\n// Register Static Routes\napp.get(\"/frontend/*\", serveStaticFile);\napp.get(\"/components/*\", serveStaticFile);\n\n// --- HTML SHELL\nconst HTML_SHELL = `\n\n\n \n \n \n Val Town Application\n \n \n \n

\n \n \n\n`;\n\n// --- BACKEND LOGIC\ntype TrackEvent = { type: \"page_view\" | \"pill_choice\"; pill?: string; path?: string };\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute({\n sql: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [ts, evt.type, evt.pill ?? null, path, ref, ua],\n });\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n };\n \n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try { await fetch(webhook, { method: \"POST\", body: JSON.stringify(payload) }); } catch {}\n }\n\n try {\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\");\n await email({ subject: \"Blue pill taken\", text: JSON.stringify(payload, null, 2), ...(to ? { to } : {}) });\n } catch {}\n}\n\n// --- API ROUTES\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await sqlite.execute({ sql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`, args: [limit] });\n return c.json({ ok: true, events: res.rows });\n});\n\n// --- PAGE ROUTES\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n return c.html(HTML_SHELL);\n});\n\n// Catch-all\napp.get(\"*\", (c) => c.html(HTML_SHELL));\n\nexport default app.fetch;",[],[158,666],{"_105":674,"_96":675,"_159":676,"_161":160,"_162":144,"_163":677,"_165":121,"_107":678,"_101":32,"_167":194,"_169":679,"_170":22,"_171":-5,"_172":680,"_99":681},"ef6ba0da-e5d8-11f0-977e-42dde27851f2","index_20251230183823.ts","ef6ba17a-e5d8-11f0-977e-42dde27851f2",70,["D",1767138034056],"import { Hono } from 'https://esm.sh/hono@4';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\nimport { join, extname } from 'https://deno.land/std@0.224.0/path/mod.ts';\n\nconst app = new Hono();\n\n// --- DIAGNOSTICS\nconsole.log('🚀 Server starting...');\nconsole.log(`📂 Current Working Directory: ${Deno.cwd()}`);\ntry {\n\tconsole.log(\n\t\t'📄 Files in root:',\n\t\t[...Deno.readDirSync('./')].map((f) => f.name)\n\t);\n} catch (e) {\n\t// FIX: Cast 'e' to Error to access .message\n\tconsole.log('⚠️ Could not list root directory:', (e as Error).message);\n}\n\n// --- DB Init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- STATIC FILE HANDLER\nasync function serveStaticFile(c: any) {\n\tconst urlPath = new URL(c.req.url).pathname;\n\tconst filePath = `.${urlPath}`;\n\n\tconst ext = extname(filePath);\n\tconst mimeType =\n\t\t{\n\t\t\t'.css': 'text/css',\n\t\t\t'.ts': 'text/javascript',\n\t\t\t'.tsx': 'text/javascript',\n\t\t\t'.js': 'text/javascript',\n\t\t\t'.svg': 'image/svg+xml',\n\t\t\t'.html': 'text/html',\n\t\t}[ext] || 'text/plain';\n\n\ttry {\n\t\tconst content = await Deno.readTextFile(filePath);\n\t\treturn c.body(content, 200, { 'Content-Type': mimeType });\n\t} catch (e) {\n\t\t// FIX: Cast 'e' to Error here as well\n\t\tconsole.error(\n\t\t\t`❌ 404 Not Found: ${filePath} (Error: ${(e as Error).message})`\n\t\t);\n\t\treturn c.text('Not Found', 404);\n\t}\n}\n\n// Register Static Routes\napp.get('/frontend/*', serveStaticFile);\napp.get('/components/*', serveStaticFile);\n\n// --- HTML SHELL\nconst HTML_SHELL = `\n\n\n \n \n \n Val Town Application\n \n \n \n

\n \n \n\n`;\n\n// --- BACKEND LOGIC\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: string;\n path?: string;\n};\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute({\n sql: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [ts, evt.type, evt.pill ?? null, path, ref, ua],\n });\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n };\n\n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try {\n await fetch(webhook, { method: \"POST\", body: JSON.stringify(payload) });\n } catch {}\n }\n\n try {\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\");\n await email({\n subject: \"Blue pill taken\",\n text: JSON.stringify(payload, null, 2),\n ...(to ? { to } : {}),\n });\n } catch {}\n}\n\n// --- API ROUTES\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await sqlite.execute({\n sql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n args: [limit],\n });\n return c.json({ ok: true, events: res.rows });\n});\n\n// --- PAGE ROUTES\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n return c.html(HTML_SHELL);\n});\n\n// Catch-all\napp.get(\"*\", (c) => c.html(HTML_SHELL));\n\nexport default app.fetch;",[],[158,692],{"_105":700,"_96":701,"_159":702,"_161":160,"_162":144,"_163":703,"_165":121,"_107":704,"_101":32,"_167":194,"_169":705,"_170":22,"_171":-5,"_172":706,"_99":707},"edefc3b0-e5da-11f0-ae26-42dde27851f2","index_20251230185019.ts","edefc48c-e5da-11f0-ae26-42dde27851f2",91,["D",1767138890515],"import { Hono } from 'npm:hono@4';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\n\nconst app = new Hono();\n\n// --- DB Init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- INLINE CSS\nconst CSS = `\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen,\n Ubuntu, Cantarell, sans-serif;\n background: #0a0a0a;\n color: #fafafa;\n min-height: 100vh;\n}\n\n.page {\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n}\n\n.container {\n flex: 1;\n max-width: 800px;\n margin: 0 auto;\n padding: 4rem 2rem;\n}\n\n.footer {\n text-align: center;\n padding: 2rem;\n color: #666;\n font-size: 0.85rem;\n border-top: 1px solid #222;\n}\n\n.kicker {\n font-size: 0.75rem;\n letter-spacing: 0.15em;\n color: #888;\n margin-bottom: 1rem;\n}\n\n.title {\n font-size: 2.5rem;\n font-weight: 700;\n margin-bottom: 1rem;\n line-height: 1.1;\n}\n\n.lede {\n font-size: 1.15rem;\n color: #aaa;\n margin-bottom: 2.5rem;\n line-height: 1.6;\n}\n\n.grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n margin-top: 2rem;\n}\n\n.card {\n display: block;\n padding: 1.5rem;\n border-radius: 12px;\n text-decoration: none;\n color: #fafafa;\n transition: transform 0.2s, box-shadow 0.2s;\n border: 1px solid #333;\n}\n\n.card:hover {\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);\n}\n\n.card.red {\n background: linear-gradient(135deg, #1a0a0a 0%, #2a1010 100%);\n border-color: #4a2020;\n}\n\n.card.red:hover {\n border-color: #c53030;\n box-shadow: 0 12px 40px rgba(197, 48, 48, 0.2);\n}\n\n.card.blue {\n background: linear-gradient(135deg, #0a0a1a 0%, #101020 100%);\n border-color: #203050;\n}\n\n.card.blue:hover {\n border-color: #3182ce;\n box-shadow: 0 12px 40px rgba(49, 130, 206, 0.2);\n}\n\n.cardTitle {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.5rem;\n}\n\n.cardDesc {\n font-size: 0.9rem;\n color: #888;\n}\n\n.back {\n display: inline-block;\n color: #888;\n text-decoration: none;\n margin-bottom: 2rem;\n font-size: 0.9rem;\n}\n\n.back:hover {\n color: #fafafa;\n}\n\n.stack {\n display: flex;\n flex-direction: column;\n gap: 1.5rem;\n}\n\n.panel {\n background: #111;\n border: 1px solid #222;\n border-radius: 12px;\n padding: 1.5rem;\n}\n\n.h2 {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.75rem;\n color: #fafafa;\n}\n\n.panel p {\n color: #aaa;\n line-height: 1.6;\n}\n\n.panel ul {\n color: #aaa;\n padding-left: 1.25rem;\n line-height: 1.8;\n}\n\n.button {\n display: inline-block;\n margin-top: 1rem;\n padding: 0.6rem 1.2rem;\n background: #222;\n color: #fafafa;\n text-decoration: none;\n border-radius: 6px;\n font-size: 0.9rem;\n transition: background 0.2s;\n}\n\n.button:hover {\n background: #333;\n}\n\n@media (max-width: 600px) {\n .title {\n font-size: 1.75rem;\n }\n .container {\n padding: 2rem 1rem;\n }\n}\n`;\n\n// --- INLINE FRONTEND JS (React app)\nconst FRONTEND_JS = `\nimport { jsx, jsxs, Fragment } from \"https://esm.sh/react@18.2.0/jsx-runtime\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { useEffect } from \"https://esm.sh/react@18.2.0\";\n\nfunction track(evt) {\n fetch(\"/api/track\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({\n ...evt,\n path: evt.path ?? window.location.pathname,\n }),\n }).catch(() => {});\n}\n\nfunction Shell({ children }) {\n return jsxs(\"div\", { \n className: \"page\", \n children: [\n jsx(\"div\", { className: \"container\", children }),\n jsx(\"footer\", { \n className: \"footer\", \n children: \"Built on Val Town · Hono + React · logs pill choice + page views\" \n })\n ]\n });\n}\n\nfunction Home() {\n const handleRedClick = (e) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: \"red\", path: \"/red\" });\n window.location.href = \"/red\";\n };\n\n const handleBlueClick = (e) => {\n e.preventDefault();\n track({ type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n window.location.href = \"/blue\";\n };\n\n return jsx(Shell, {\n children: jsxs(Fragment, {\n children: [\n jsx(\"div\", { className: \"kicker\", children: \"VAL TOWN // APPLICATION\" }),\n jsx(\"h1\", { className: \"title\", children: \"Choose your path.\" }),\n jsx(\"p\", { \n className: \"lede\", \n children: \"Tiny, shippable demo: routes, tracking, and an automation trigger—built like a growth experiment.\" \n }),\n jsxs(\"div\", { \n className: \"grid\", \n children: [\n jsxs(\"a\", { \n className: \"card red\", \n href: \"/red\", \n onClick: handleRedClick,\n children: [\n jsx(\"div\", { className: \"cardTitle\", children: \"🔴 Red pill — Ship mode\" }),\n jsx(\"div\", { className: \"cardDesc\", children: \"Public CV + what I'd build in week 1–2\" })\n ]\n }),\n jsxs(\"a\", { \n className: \"card blue\", \n href: \"/blue\", \n onClick: handleBlueClick,\n children: [\n jsx(\"div\", { className: \"cardTitle\", children: \"🔵 Blue pill — Behind the curtain\" }),\n jsx(\"div\", { className: \"cardDesc\", children: \"Hidden page + automation trigger + instrumentation proof\" })\n ]\n })\n ]\n })\n ]\n })\n });\n}\n\nfunction Red() {\n return jsx(Shell, {\n children: jsxs(Fragment, {\n children: [\n jsx(\"a\", { className: \"back\", href: \"/\", children: \"← back\" }),\n jsx(\"h1\", { className: \"title\", children: \"Andy Wingrave\" }),\n jsx(\"p\", { \n className: \"lede\", \n children: \"Growth Engineer: shipping + analytics + automations + developer empathy\" \n }),\n jsxs(\"div\", { \n className: \"stack\", \n children: [\n jsxs(\"section\", { \n className: \"panel\", \n children: [\n jsx(\"h2\", { className: \"h2\", children: \"Why Val Town\" }),\n jsx(\"p\", { \n children: \"I like tools that make programming feel like play. Val Town is \\\\\"ship in minutes\\\\\" made real—and this role sits exactly where I work best: product + engineering + go-to-market.\" \n })\n ]\n }),\n jsxs(\"section\", { \n className: \"panel\", \n children: [\n jsx(\"h2\", { className: \"h2\", children: \"Week 1–2 experiments\" }),\n jsxs(\"ul\", { \n children: [\n jsx(\"li\", { children: \"Instrument \\\\\"time-to-first-successful-val\\\\\" and cohort by template / entry point.\" }),\n jsx(\"li\", { children: \"Activation: template gallery around dev JTBDs (email, cron, webhook).\" }),\n jsx(\"li\", { children: \"3–5 tutorials that end with \\\\\"Remix this\\\\\".\" }),\n jsx(\"li\", { children: \"Light loops: shareable pages + onboarding nudges.\" })\n ]\n })\n ]\n }),\n jsxs(\"section\", { \n className: \"panel\", \n children: [\n jsx(\"h2\", { className: \"h2\", children: \"Instrumentation\" }),\n jsx(\"p\", { children: \"This site logs page views + pill choices. Blue pill also triggers a server-side automation.\" }),\n jsx(\"a\", { className: \"button\", href: \"/api/events?limit=50\", children: \"View recent events (JSON)\" })\n ]\n })\n ]\n })\n ]\n })\n });\n}\n\nfunction Blue() {\n return jsx(Shell, {\n children: jsxs(Fragment, {\n children: [\n jsx(\"a\", { className: \"back\", href: \"/\", children: \"← back\" }),\n jsx(\"h1\", { className: \"title\", children: \"Behind the curtain\" }),\n jsx(\"p\", { \n className: \"lede\", \n children: \"Visiting this route triggers a server handler: it logs an event and optionally POSTs a webhook / sends an email.\" \n }),\n jsxs(\"section\", { \n className: \"panel\", \n children: [\n jsx(\"h2\", { className: \"h2\", children: \"Proof\" }),\n jsxs(\"ul\", { \n children: [\n jsx(\"li\", { children: \"Route hit: /blue\" }),\n jsx(\"li\", { children: \"Event logged to SQLite\" }),\n jsx(\"li\", { children: \"Webhook/email attempted (if configured)\" })\n ]\n })\n ]\n })\n ]\n })\n });\n}\n\nfunction App() {\n useEffect(() => {\n track({ type: \"page_view\", path: window.location.pathname });\n }, []);\n\n const path = window.location.pathname;\n if (path === \"/red\") return jsx(Red, {});\n if (path === \"/blue\") return jsx(Blue, {});\n return jsx(Home, {});\n}\n\nconst root = document.getElementById(\"root\");\nif (!root) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render(jsx(App, {}));\n`;\n\n// --- HTML SHELL\nconst HTML_SHELL = `\n\n \n \n \n Val Town Application\n \n \n \n

\n \n \n\n`;\n\n// --- BACKEND LOGIC\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: string;\n\tpath?: string;\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: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\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};\n\n\tconst webhook = Deno.env.get('WEBHOOK_URL');\n\tif (webhook) {\n\t\ttry {\n\t\t\tawait fetch(webhook, { method: 'POST', body: JSON.stringify(payload) });\n\t\t} catch {}\n\t}\n\n\ttry {\n\t\tconst to = Deno.env.get('NOTIFY_EMAIL_TO');\n\t\tawait email({\n\t\t\tsubject: 'Blue pill taken',\n\t\t\ttext: JSON.stringify(payload, null, 2),\n\t\t\t...(to ? { to } : {}),\n\t\t});\n\t} catch {}\n}\n\n// --- API ROUTES\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\napp.get('/api/events', async (c) => {\n\tconst limit = Math.min(Number(c.req.query('limit') ?? 25), 200);\n\tconst res = await sqlite.execute({\n\t\tsql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n\t\targs: [limit],\n\t});\n\treturn c.json({ ok: true, events: res.rows });\n});\n\n// --- PAGE ROUTES\napp.get('/blue', async (c) => {\n\tawait logEvent(c, { type: 'pill_choice', pill: 'blue', path: '/blue' });\n\tawait notifyBlue(c);\n\treturn c.html(HTML_SHELL);\n});\n\n// Catch-all\napp.get('*', (c) => c.html(HTML_SHELL));\n\nexport default app.fetch;\n",[],[158,701],{"_105":709,"_96":710,"_159":711,"_161":160,"_162":144,"_163":712,"_165":121,"_107":713,"_101":32,"_167":194,"_169":714,"_170":22,"_171":-5,"_172":715,"_99":716},"ee062cb8-e5da-11f0-9264-42dde27851f2","index_20251230185321.ts","ee062d80-e5da-11f0-9264-42dde27851f2",94,["D",1767138890708],"import { Hono } from 'npm:hono@4';\nimport {\n\treadFile,\n\tserveFile,\n} from 'https://esm.town/v/std/utils@85-main/index.ts';\nimport { sqlite } from 'https://esm.town/v/std/sqlite?v=6';\nimport { email } from 'https://esm.town/v/std/email';\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n\tthrow err;\n});\n\n// --- DB Init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- BACKEND LOGIC\ntype TrackEvent = {\n\ttype: 'page_view' | 'pill_choice';\n\tpill?: string;\n\tpath?: string;\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: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\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};\n\n\tconst webhook = Deno.env.get('WEBHOOK_URL');\n\tif (webhook) {\n\t\ttry {\n\t\t\tawait fetch(webhook, { method: 'POST', body: JSON.stringify(payload) });\n\t\t} catch {}\n\t}\n\n\ttry {\n\t\tconst to = Deno.env.get('NOTIFY_EMAIL_TO');\n\t\tawait email({\n\t\t\tsubject: 'Blue pill taken',\n\t\t\ttext: JSON.stringify(payload, null, 2),\n\t\t\t...(to ? { to } : {}),\n\t\t});\n\t} catch {}\n}\n\n// --- STATIC FILE ROUTES\n// Serve files from frontend/ and components/ directories\napp.get('/frontend/*', (c) => serveFile(c.req.path, import.meta.url));\napp.get('/components/*', (c) => serveFile(c.req.path, import.meta.url));\n\n// --- API ROUTES\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\napp.get('/api/events', async (c) => {\n\tconst limit = Math.min(Number(c.req.query('limit') ?? 25), 200);\n\tconst res = await sqlite.execute({\n\t\tsql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n\t\targs: [limit],\n\t});\n\treturn c.json({ ok: true, events: res.rows });\n});\n\n// --- PAGE ROUTES\napp.get('/blue', async (c) => {\n\tawait logEvent(c, { type: 'pill_choice', pill: 'blue', path: '/blue' });\n\tawait notifyBlue(c);\n\tconst html = await readFile('/frontend/index.html', import.meta.url);\n\treturn c.html(html);\n});\n\n// Catch-all: serve the index.html for client-side routing\napp.get('*', async (c) => {\n\tconst html = await readFile('/frontend/index.html', import.meta.url);\n\treturn c.html(html);\n});\n\nexport default app.fetch;\n",[],[158,710],{"_105":718,"_96":719,"_159":720,"_161":160,"_162":144,"_163":721,"_165":121,"_107":722,"_101":32,"_167":194,"_169":723,"_170":22,"_171":-5,"_172":724,"_99":725},"edf33388-e5da-11f0-9767-42dde27851f2","index_20251230185411.ts","edf33432-e5da-11f0-9767-42dde27851f2",92,["D",1767138890607],"import { Hono } from \"npm:hono@4\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\nimport { email } from \"https://esm.town/v/std/email\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// --- DB Init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- BACKEND LOGIC\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: string;\n path?: string;\n};\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute({\n sql: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [ts, evt.type, evt.pill ?? null, path, ref, ua],\n });\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n };\n\n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try {\n await fetch(webhook, { method: \"POST\", body: JSON.stringify(payload) });\n } catch {}\n }\n\n try {\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\");\n await email({\n subject: \"Blue pill taken\",\n text: JSON.stringify(payload, null, 2),\n ...(to ? { to } : {}),\n });\n } catch {}\n}\n\n// --- STATIC FILE ROUTES\n// Serve files from frontend/ and components/ directories\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\napp.get(\"/components/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// --- API ROUTES\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await sqlite.execute({\n sql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n args: [limit],\n });\n return c.json({ ok: true, events: res.rows });\n});\n\n// --- PAGE ROUTES\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Catch-all: serve the index.html for client-side routing\napp.get(\"*\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[158,719],{"_105":727,"_96":728,"_159":729,"_161":160,"_162":144,"_163":730,"_165":121,"_107":731,"_101":32,"_167":194,"_169":714,"_170":22,"_171":-5,"_172":732,"_99":733},"edd718a6-e5da-11f0-959c-42dde27851f2","index_20251230185412.ts","edd719be-e5da-11f0-959c-42dde27851f2",88,["D",1767138890416],[],[158,728],{"_105":735,"_96":736,"_159":737,"_161":160,"_162":144,"_163":738,"_165":121,"_107":739,"_101":32,"_167":194,"_169":740,"_170":22,"_171":-5,"_172":741,"_99":742},"907ca148-e5e0-11f0-a89d-42dde27851f2","index_20251230193431.ts","907ca206-e5e0-11f0-a89d-42dde27851f2",100,["D",1767141310791],"import { Hono } from \"npm:hono@4\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite?v=6\";\nimport { email } from \"https://esm.town/v/std/email\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// --- DB Init\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS events (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n ts TEXT NOT NULL,\n type TEXT NOT NULL,\n pill TEXT,\n path TEXT,\n ref TEXT,\n ua TEXT\n );\n`);\n\n// --- BACKEND LOGIC\ntype TrackEvent = {\n type: \"page_view\" | \"pill_choice\";\n pill?: string;\n path?: string;\n};\n\nasync function logEvent(c: any, evt: TrackEvent) {\n const ts = new Date().toISOString();\n const ua = c.req.header(\"user-agent\") ?? null;\n const ref = c.req.header(\"referer\") ?? null;\n const path = evt.path ?? new URL(c.req.url).pathname;\n\n await sqlite.execute({\n sql: `INSERT INTO events (ts, type, pill, path, ref, ua) VALUES (?, ?, ?, ?, ?, ?)`,\n args: [ts, evt.type, evt.pill ?? null, path, ref, ua],\n });\n}\n\nasync function notifyBlue(c: any) {\n const payload = {\n ts: new Date().toISOString(),\n pill: \"blue\",\n ua: c.req.header(\"user-agent\") ?? null,\n };\n\n const webhook = Deno.env.get(\"WEBHOOK_URL\");\n if (webhook) {\n try {\n await fetch(webhook, { method: \"POST\", body: JSON.stringify(payload) });\n } catch {}\n }\n\n try {\n const to = Deno.env.get(\"NOTIFY_EMAIL_TO\");\n await email({\n subject: \"Blue pill taken\",\n text: JSON.stringify(payload, null, 2),\n ...(to ? { to } : {}),\n });\n } catch {}\n}\n\n// --- STATIC FILE ROUTES\n// Serve files from frontend/ directory\napp.get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url));\n\n// --- IMAGE ROUTES (from blob storage)\napp.get(\"/images/:name\", async (c) => {\n const name = c.req.param(\"name\");\n \n try {\n const response = await blob.get(name);\n \n if (!response) {\n return c.text(\"Image not found\", 404);\n }\n \n // Get the blob data as ArrayBuffer\n const data = await response.arrayBuffer();\n \n // Determine content type based on common image extensions\n // Since blob keys might not have extensions, default to png\n let contentType = \"image/png\";\n if (name.endsWith(\".jpg\") || name.endsWith(\".jpeg\")) {\n contentType = \"image/jpeg\";\n } else if (name.endsWith(\".gif\")) {\n contentType = \"image/gif\";\n } else if (name.endsWith(\".webp\")) {\n contentType = \"image/webp\";\n } else if (name.endsWith(\".svg\")) {\n contentType = \"image/svg+xml\";\n }\n \n return new Response(data, {\n headers: { \n \"Content-Type\": contentType,\n \"Cache-Control\": \"public, max-age=86400\" // Cache for 1 day\n },\n });\n } catch (e) {\n console.error(\"Error fetching blob:\", name, e);\n return c.text(\"Image not found\", 404);\n }\n});\n\n// --- API ROUTES\napp.post(\"/api/track\", async (c) => {\n const body = (await c.req.json()) as TrackEvent;\n await logEvent(c, body);\n return c.json({ ok: true });\n});\n\napp.get(\"/api/events\", async (c) => {\n const limit = Math.min(Number(c.req.query(\"limit\") ?? 25), 200);\n const res = await sqlite.execute({\n sql: `SELECT * FROM events ORDER BY id DESC LIMIT ?`,\n args: [limit],\n });\n return c.json({ ok: true, events: res.rows });\n});\n\n// --- PAGE ROUTES\napp.get(\"/blue\", async (c) => {\n await logEvent(c, { type: \"pill_choice\", pill: \"blue\", path: \"/blue\" });\n await notifyBlue(c);\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// Catch-all: serve the index.html for client-side routing\napp.get(\"*\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[158,736],[158],{"_105":745,"_96":176,"_159":746,"_161":-5,"_162":144,"_163":747,"_165":121,"_107":748,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":749,"_99":800},"3d5cd8bc-e5d0-11f0-ab42-42dde27851f2","3d5cd952-e5d0-11f0-ab42-42dde27851f2",1,["D",1767134299386],[750,766,775,783,792],{"_105":751,"_96":183,"_159":752,"_161":746,"_162":144,"_163":753,"_165":121,"_107":754,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":755,"_99":765},"3d9c163a-e5d0-11f0-a2a2-42dde27851f2","3d9c16d0-e5d0-11f0-a2a2-42dde27851f2",2,["D",1767134299803],[756],{"_105":757,"_96":758,"_159":759,"_161":752,"_162":144,"_163":760,"_165":121,"_107":761,"_101":762,"_167":194,"_169":283,"_170":22,"_171":-5,"_172":763,"_99":764},"cdc5c360-e5d9-11f0-ad0d-42dde27851f2","App.tsx","3ddfbe1c-e5d0-11f0-90c9-42dde27851f2",85,["D",1767138407124],3,[],[176,183,758],[176,183],{"_105":767,"_96":768,"_159":769,"_161":746,"_162":144,"_163":770,"_165":121,"_107":771,"_101":32,"_167":302,"_169":772,"_170":22,"_171":-5,"_172":773,"_99":774},"3e0b72d2-e5d0-11f0-a967-42dde27851f2","favicon.svg","3e0b739a-e5d0-11f0-a967-42dde27851f2",7,["D",1767134300210],"\n",[],[176,768],{"_105":776,"_96":777,"_159":778,"_161":746,"_162":144,"_163":779,"_165":22,"_107":780,"_101":747,"_167":302,"_169":402,"_170":22,"_171":-5,"_172":781,"_99":782},"ee207cda-e5da-11f0-b036-42dde27851f2","index.html","3df0f1be-e5d0-11f0-9df4-42dde27851f2",97,["D",1767138890757],[],[176,777],{"_105":784,"_96":785,"_159":786,"_161":746,"_162":144,"_163":787,"_165":22,"_107":788,"_101":789,"_167":194,"_169":411,"_170":22,"_171":-5,"_172":790,"_99":791},"ee0f2912-e5da-11f0-be6a-42dde27851f2","index.tsx","3dd89772-e5d0-11f0-873e-42dde27851f2",95,["D",1767138890710],4,[],[176,785],{"_105":793,"_96":794,"_159":795,"_161":746,"_162":144,"_163":796,"_165":22,"_107":797,"_101":762,"_167":302,"_169":453,"_170":22,"_171":-5,"_172":798,"_99":799},"ee1ca164-e5da-11f0-842d-42dde27851f2","style.css","3ddb4db4-e5d0-11f0-ab68-42dde27851f2",96,["D",1767138890816],[],[176,794],[176],{"_105":802,"_96":803,"_159":804,"_161":-5,"_162":144,"_163":805,"_165":121,"_107":806,"_101":32,"_167":302,"_169":807,"_170":22,"_171":-5,"_172":808,"_99":809},"87f9cb86-e5d1-11f0-ad90-42dde27851f2",".vtignore","87f9cc4e-e5d1-11f0-ad90-42dde27851f2",17,["D",1767134854066],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[],[803],{"_105":811,"_96":812,"_159":813,"_161":-5,"_162":144,"_163":814,"_165":121,"_107":815,"_101":747,"_167":302,"_169":472,"_170":22,"_171":-5,"_172":816,"_99":817},"555b80d6-e5d4-11f0-9d3f-42dde27851f2","AGENTS.md","88082686-e5d1-11f0-9dc9-42dde27851f2",44,["D",1767136057589],[],[812],{"_105":819,"_96":820,"_159":821,"_161":-5,"_162":144,"_163":822,"_165":22,"_107":823,"_101":747,"_167":302,"_169":490,"_170":22,"_171":-5,"_172":824,"_99":825},"550ad7da-e5d4-11f0-9bc0-42dde27851f2","README.md","3e23df16-e5d0-11f0-ab68-42dde27851f2",40,["D",1767136057099],[],[820],{"_105":827,"_96":828,"_159":829,"_161":-5,"_162":144,"_163":830,"_165":121,"_107":831,"_101":747,"_167":302,"_169":508,"_170":22,"_171":-5,"_172":832,"_99":833},"a21ec448-e5d2-11f0-87ed-42dde27851f2","deno.json","87cd782e-e5d1-11f0-971f-42dde27851f2",36,["D",1767135327419],[],[828],{"_105":835,"_96":836,"_159":119,"_161":-5,"_162":144,"_163":837,"_165":22,"_107":838,"_101":839,"_167":840,"_169":714,"_170":22,"_171":841,"_172":842,"_99":843},"ee28e226-e5da-11f0-bedf-42dde27851f2","index.ts",98,["D",1767138890892],10,"http","growth-engineer-application",[],[836],"files",[156,174,181,188,198,207,216,225,233,242,251,260,268,277,287,296,306,315,324,333,342,351,360,369,378,387,396,405,414,421,430,438,447,457,466,475,484,493,502,511,520,529,538,547,556,565,574,583,592,601,610,619,628,637,646,655,664,673,682,690,699,708,717,726,734,744,750,756,766,775,783,792,801,810,818,826,834],"counts",{"_848":32,"_849":747,"_850":32,"_851":852},"pulls","branches","forks","envVars",{"_853":747,"_854":32},"count","emptyCount","contents",[857,860,863,866,869,872,875,878,881,884,887,890,893,896,899,902,905,908,911,914],{"_105":182,"_96":183,"_159":184,"_161":177,"_162":144,"_163":185,"_165":121,"_107":858,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":859},["D",1767135325945],[158,176,183],{"_105":288,"_96":289,"_159":290,"_161":177,"_162":144,"_163":291,"_165":121,"_107":861,"_101":32,"_167":194,"_169":293,"_170":22,"_171":-5,"_99":862},["D",1767137653237],[158,176,289],{"_105":297,"_96":298,"_159":299,"_161":177,"_162":144,"_163":300,"_165":121,"_107":864,"_101":32,"_167":302,"_169":303,"_170":22,"_171":-5,"_99":865},["D",1767138890513],[158,176,298],{"_105":307,"_96":308,"_159":309,"_161":177,"_162":144,"_163":310,"_165":121,"_107":867,"_101":32,"_167":194,"_169":312,"_170":22,"_171":-5,"_99":868},["D",1767137652901],[158,176,308],{"_105":316,"_96":317,"_159":318,"_161":177,"_162":144,"_163":319,"_165":121,"_107":870,"_101":32,"_167":194,"_169":321,"_170":22,"_171":-5,"_99":871},["D",1767137652902],[158,176,317],{"_105":325,"_96":326,"_159":327,"_161":177,"_162":144,"_163":328,"_165":121,"_107":873,"_101":32,"_167":194,"_169":330,"_170":22,"_171":-5,"_99":874},["D",1767137652902],[158,176,326],{"_105":334,"_96":335,"_159":336,"_161":177,"_162":144,"_163":337,"_165":121,"_107":876,"_101":32,"_167":194,"_169":339,"_170":22,"_171":-5,"_99":877},["D",1767137652903],[158,176,335],{"_105":343,"_96":344,"_159":345,"_161":177,"_162":144,"_163":346,"_165":121,"_107":879,"_101":32,"_167":194,"_169":348,"_170":22,"_171":-5,"_99":880},["D",1767138034019],[158,176,344],{"_105":352,"_96":353,"_159":354,"_161":177,"_162":144,"_163":355,"_165":121,"_107":882,"_101":32,"_167":194,"_169":357,"_170":22,"_171":-5,"_99":883},["D",1767138034026],[158,176,353],{"_105":361,"_96":362,"_159":363,"_161":177,"_162":144,"_163":364,"_165":121,"_107":885,"_101":32,"_167":194,"_169":366,"_170":22,"_171":-5,"_99":886},["D",1767138406731],[158,176,362],{"_105":370,"_96":371,"_159":372,"_161":177,"_162":144,"_163":373,"_165":121,"_107":888,"_101":32,"_167":194,"_169":375,"_170":22,"_171":-5,"_99":889},["D",1767138406999],[158,176,371],{"_105":379,"_96":380,"_159":381,"_161":177,"_162":144,"_163":382,"_165":121,"_107":891,"_101":32,"_167":194,"_169":384,"_170":22,"_171":-5,"_99":892},["D",1767138406748],[158,176,380],{"_105":388,"_96":389,"_159":390,"_161":177,"_162":144,"_163":391,"_165":121,"_107":894,"_101":32,"_167":194,"_169":393,"_170":22,"_171":-5,"_99":895},["D",1767138406742],[158,176,389],{"_105":397,"_96":398,"_159":399,"_161":177,"_162":144,"_163":400,"_165":121,"_107":897,"_101":32,"_167":302,"_169":402,"_170":22,"_171":-5,"_99":898},["D",1767138890403],[158,176,398],{"_105":406,"_96":407,"_159":408,"_161":177,"_162":144,"_163":409,"_165":121,"_107":900,"_101":32,"_167":194,"_169":411,"_170":22,"_171":-5,"_99":901},["D",1767138890405],[158,176,407],{"_105":415,"_96":416,"_159":417,"_161":177,"_162":144,"_163":102,"_165":121,"_107":903,"_101":32,"_167":302,"_169":402,"_170":22,"_171":-5,"_99":904},["D",1767141310821],[158,176,416],{"_105":422,"_96":423,"_159":424,"_161":177,"_162":144,"_163":425,"_165":121,"_107":906,"_101":32,"_167":302,"_169":427,"_170":22,"_171":-5,"_99":907},["D",1767135326841],[158,176,423],{"_105":431,"_96":432,"_159":433,"_161":177,"_162":144,"_163":434,"_165":121,"_107":909,"_101":32,"_167":302,"_169":213,"_170":22,"_171":-5,"_99":910},["D",1767135326327],[158,176,432],{"_105":439,"_96":440,"_159":441,"_161":177,"_162":144,"_163":442,"_165":121,"_107":912,"_101":32,"_167":302,"_169":444,"_170":22,"_171":-5,"_99":913},["D",1767137653103],[158,176,440],{"_105":448,"_96":449,"_159":450,"_161":177,"_162":144,"_163":451,"_165":121,"_107":915,"_101":32,"_167":302,"_169":453,"_170":22,"_171":-5,"_99":916},["D",1767138890434],[158,176,449],{"_105":175,"_96":176,"_159":177,"_161":160,"_162":144,"_163":178,"_165":121,"_107":918,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":919},["D",1767135325508],[158,176],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.version.$version.code.$",{"_94":95,"_96":97,"_98":44,"_101":102,"_99":100,"_103":928,"_154":933,"_844":1165,"_302":1166,"_855":1168,"_1209":-5,"_1210":-5,"_1211":-5,"_1212":-5,"_1213":1214,"_851":-5},{"_105":106,"_96":97,"_107":929,"_109":-5,"_110":22,"_111":112,"_113":114,"_115":116,"_14":117,"_118":119,"_120":121,"_122":-5,"_123":-5,"_124":32,"_16":125,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":930,"_138":931,"_141":932,"_153":22},["D",1767134297506],{"_94":95,"_136":137},{"_94":95,"_140":137,"_14":117},{"_101":143,"_96":44,"_105":144,"_145":106,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":-5,"_151":97,"_152":95},[934,1129,1150,1153,1156,1159,1162],{"_105":157,"_96":158,"_159":160,"_161":-5,"_162":144,"_163":164,"_165":121,"_107":166,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":935,"_99":1128},[936,1032,1035,1038,1041,1044,1047,1050,1053,1056,1059,1062,1065,1068,1071,1074,1077,1080,1083,1086,1089,1092,1095,1098,1101,1104,1107,1110,1113,1116,1119,1122,1125],{"_105":175,"_96":176,"_159":177,"_161":160,"_162":144,"_163":178,"_165":121,"_107":179,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":937,"_99":1031},[938,974,977,980,983,986,989,992,995,998,1001,1004,1007,1010,1013,1016,1019,1022,1025,1028],{"_105":182,"_96":183,"_159":184,"_161":177,"_162":144,"_163":185,"_165":121,"_107":186,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":939,"_99":973},[940,943,946,949,952,955,958,961,964,967,970],{"_105":189,"_96":190,"_159":191,"_161":184,"_162":144,"_163":192,"_165":121,"_107":193,"_101":32,"_167":194,"_169":195,"_170":22,"_171":-5,"_172":941,"_99":942},[],[158,176,183,190],{"_105":199,"_96":200,"_159":201,"_161":184,"_162":144,"_163":202,"_165":121,"_107":203,"_101":32,"_167":194,"_169":204,"_170":22,"_171":-5,"_172":944,"_99":945},[],[158,176,183,200],{"_105":208,"_96":209,"_159":210,"_161":184,"_162":144,"_163":211,"_165":121,"_107":212,"_101":32,"_167":194,"_169":213,"_170":22,"_171":-5,"_172":947,"_99":948},[],[158,176,183,209],{"_105":217,"_96":218,"_159":219,"_161":184,"_162":144,"_163":220,"_165":121,"_107":221,"_101":32,"_167":194,"_169":222,"_170":22,"_171":-5,"_172":950,"_99":951},[],[158,176,183,218],{"_105":226,"_96":227,"_159":228,"_161":184,"_162":144,"_163":229,"_165":121,"_107":230,"_101":32,"_167":194,"_169":222,"_170":22,"_171":-5,"_172":953,"_99":954},[],[158,176,183,227],{"_105":234,"_96":235,"_159":236,"_161":184,"_162":144,"_163":237,"_165":121,"_107":238,"_101":32,"_167":194,"_169":239,"_170":22,"_171":-5,"_172":956,"_99":957},[],[158,176,183,235],{"_105":243,"_96":244,"_159":245,"_161":184,"_162":144,"_163":246,"_165":121,"_107":247,"_101":32,"_167":194,"_169":248,"_170":22,"_171":-5,"_172":959,"_99":960},[],[158,176,183,244],{"_105":252,"_96":253,"_159":254,"_161":184,"_162":144,"_163":255,"_165":121,"_107":256,"_101":32,"_167":194,"_169":257,"_170":22,"_171":-5,"_172":962,"_99":963},[],[158,176,183,253],{"_105":261,"_96":262,"_159":263,"_161":184,"_162":144,"_163":264,"_165":121,"_107":265,"_101":32,"_167":194,"_169":257,"_170":22,"_171":-5,"_172":965,"_99":966},[],[158,176,183,262],{"_105":269,"_96":270,"_159":271,"_161":184,"_162":144,"_163":272,"_165":121,"_107":273,"_101":32,"_167":194,"_169":274,"_170":22,"_171":-5,"_172":968,"_99":969},[],[158,176,183,270],{"_105":278,"_96":279,"_159":280,"_161":184,"_162":144,"_163":281,"_165":121,"_107":282,"_101":32,"_167":194,"_169":283,"_170":22,"_171":-5,"_172":971,"_99":972},[],[158,176,183,279],[158,176,183],{"_105":288,"_96":289,"_159":290,"_161":177,"_162":144,"_163":291,"_165":121,"_107":292,"_101":32,"_167":194,"_169":293,"_170":22,"_171":-5,"_172":975,"_99":976},[],[158,176,289],{"_105":297,"_96":298,"_159":299,"_161":177,"_162":144,"_163":300,"_165":121,"_107":301,"_101":32,"_167":302,"_169":303,"_170":22,"_171":-5,"_172":978,"_99":979},[],[158,176,298],{"_105":307,"_96":308,"_159":309,"_161":177,"_162":144,"_163":310,"_165":121,"_107":311,"_101":32,"_167":194,"_169":312,"_170":22,"_171":-5,"_172":981,"_99":982},[],[158,176,308],{"_105":316,"_96":317,"_159":318,"_161":177,"_162":144,"_163":319,"_165":121,"_107":320,"_101":32,"_167":194,"_169":321,"_170":22,"_171":-5,"_172":984,"_99":985},[],[158,176,317],{"_105":325,"_96":326,"_159":327,"_161":177,"_162":144,"_163":328,"_165":121,"_107":329,"_101":32,"_167":194,"_169":330,"_170":22,"_171":-5,"_172":987,"_99":988},[],[158,176,326],{"_105":334,"_96":335,"_159":336,"_161":177,"_162":144,"_163":337,"_165":121,"_107":338,"_101":32,"_167":194,"_169":339,"_170":22,"_171":-5,"_172":990,"_99":991},[],[158,176,335],{"_105":343,"_96":344,"_159":345,"_161":177,"_162":144,"_163":346,"_165":121,"_107":347,"_101":32,"_167":194,"_169":348,"_170":22,"_171":-5,"_172":993,"_99":994},[],[158,176,344],{"_105":352,"_96":353,"_159":354,"_161":177,"_162":144,"_163":355,"_165":121,"_107":356,"_101":32,"_167":194,"_169":357,"_170":22,"_171":-5,"_172":996,"_99":997},[],[158,176,353],{"_105":361,"_96":362,"_159":363,"_161":177,"_162":144,"_163":364,"_165":121,"_107":365,"_101":32,"_167":194,"_169":366,"_170":22,"_171":-5,"_172":999,"_99":1000},[],[158,176,362],{"_105":370,"_96":371,"_159":372,"_161":177,"_162":144,"_163":373,"_165":121,"_107":374,"_101":32,"_167":194,"_169":375,"_170":22,"_171":-5,"_172":1002,"_99":1003},[],[158,176,371],{"_105":379,"_96":380,"_159":381,"_161":177,"_162":144,"_163":382,"_165":121,"_107":383,"_101":32,"_167":194,"_169":384,"_170":22,"_171":-5,"_172":1005,"_99":1006},[],[158,176,380],{"_105":388,"_96":389,"_159":390,"_161":177,"_162":144,"_163":391,"_165":121,"_107":392,"_101":32,"_167":194,"_169":393,"_170":22,"_171":-5,"_172":1008,"_99":1009},[],[158,176,389],{"_105":397,"_96":398,"_159":399,"_161":177,"_162":144,"_163":400,"_165":121,"_107":401,"_101":32,"_167":302,"_169":402,"_170":22,"_171":-5,"_172":1011,"_99":1012},[],[158,176,398],{"_105":406,"_96":407,"_159":408,"_161":177,"_162":144,"_163":409,"_165":121,"_107":410,"_101":32,"_167":194,"_169":411,"_170":22,"_171":-5,"_172":1014,"_99":1015},[],[158,176,407],{"_105":415,"_96":416,"_159":417,"_161":177,"_162":144,"_163":102,"_165":121,"_107":418,"_101":32,"_167":302,"_169":402,"_170":22,"_171":-5,"_172":1017,"_99":1018},[],[158,176,416],{"_105":422,"_96":423,"_159":424,"_161":177,"_162":144,"_163":425,"_165":121,"_107":426,"_101":32,"_167":302,"_169":427,"_170":22,"_171":-5,"_172":1020,"_99":1021},[],[158,176,423],{"_105":431,"_96":432,"_159":433,"_161":177,"_162":144,"_163":434,"_165":121,"_107":435,"_101":32,"_167":302,"_169":213,"_170":22,"_171":-5,"_172":1023,"_99":1024},[],[158,176,432],{"_105":439,"_96":440,"_159":441,"_161":177,"_162":144,"_163":442,"_165":121,"_107":443,"_101":32,"_167":302,"_169":444,"_170":22,"_171":-5,"_172":1026,"_99":1027},[],[158,176,440],{"_105":448,"_96":449,"_159":450,"_161":177,"_162":144,"_163":451,"_165":121,"_107":452,"_101":32,"_167":302,"_169":453,"_170":22,"_171":-5,"_172":1029,"_99":1030},[],[158,176,449],[158,176],{"_105":458,"_96":459,"_159":460,"_161":160,"_162":144,"_163":461,"_165":121,"_107":462,"_101":32,"_167":302,"_169":463,"_170":22,"_171":-5,"_172":1033,"_99":1034},[],[158,459],{"_105":467,"_96":468,"_159":469,"_161":160,"_162":144,"_163":470,"_165":121,"_107":471,"_101":32,"_167":302,"_169":472,"_170":22,"_171":-5,"_172":1036,"_99":1037},[],[158,468],{"_105":476,"_96":477,"_159":478,"_161":160,"_162":144,"_163":479,"_165":121,"_107":480,"_101":32,"_167":302,"_169":481,"_170":22,"_171":-5,"_172":1039,"_99":1040},[],[158,477],{"_105":485,"_96":486,"_159":487,"_161":160,"_162":144,"_163":488,"_165":121,"_107":489,"_101":32,"_167":302,"_169":490,"_170":22,"_171":-5,"_172":1042,"_99":1043},[],[158,486],{"_105":494,"_96":495,"_159":496,"_161":160,"_162":144,"_163":497,"_165":121,"_107":498,"_101":32,"_167":302,"_169":499,"_170":22,"_171":-5,"_172":1045,"_99":1046},[],[158,495],{"_105":503,"_96":504,"_159":505,"_161":160,"_162":144,"_163":506,"_165":121,"_107":507,"_101":32,"_167":302,"_169":508,"_170":22,"_171":-5,"_172":1048,"_99":1049},[],[158,504],{"_105":512,"_96":513,"_159":514,"_161":160,"_162":144,"_163":515,"_165":121,"_107":516,"_101":32,"_167":194,"_169":517,"_170":22,"_171":-5,"_172":1051,"_99":1052},[],[158,513],{"_105":521,"_96":522,"_159":523,"_161":160,"_162":144,"_163":524,"_165":121,"_107":525,"_101":32,"_167":194,"_169":526,"_170":22,"_171":-5,"_172":1054,"_99":1055},[],[158,522],{"_105":530,"_96":531,"_159":532,"_161":160,"_162":144,"_163":533,"_165":121,"_107":534,"_101":32,"_167":194,"_169":535,"_170":22,"_171":-5,"_172":1057,"_99":1058},[],[158,531],{"_105":539,"_96":540,"_159":541,"_161":160,"_162":144,"_163":542,"_165":121,"_107":543,"_101":32,"_167":194,"_169":544,"_170":22,"_171":-5,"_172":1060,"_99":1061},[],[158,540],{"_105":548,"_96":549,"_159":550,"_161":160,"_162":144,"_163":551,"_165":121,"_107":552,"_101":32,"_167":194,"_169":553,"_170":22,"_171":-5,"_172":1063,"_99":1064},[],[158,549],{"_105":557,"_96":558,"_159":559,"_161":160,"_162":144,"_163":560,"_165":121,"_107":561,"_101":32,"_167":194,"_169":562,"_170":22,"_171":-5,"_172":1066,"_99":1067},[],[158,558],{"_105":566,"_96":567,"_159":568,"_161":160,"_162":144,"_163":569,"_165":121,"_107":570,"_101":32,"_167":194,"_169":571,"_170":22,"_171":-5,"_172":1069,"_99":1070},[],[158,567],{"_105":575,"_96":576,"_159":577,"_161":160,"_162":144,"_163":578,"_165":121,"_107":579,"_101":32,"_167":194,"_169":580,"_170":22,"_171":-5,"_172":1072,"_99":1073},[],[158,576],{"_105":584,"_96":585,"_159":586,"_161":160,"_162":144,"_163":587,"_165":121,"_107":588,"_101":32,"_167":194,"_169":589,"_170":22,"_171":-5,"_172":1075,"_99":1076},[],[158,585],{"_105":593,"_96":594,"_159":595,"_161":160,"_162":144,"_163":596,"_165":121,"_107":597,"_101":32,"_167":194,"_169":598,"_170":22,"_171":-5,"_172":1078,"_99":1079},[],[158,594],{"_105":602,"_96":603,"_159":604,"_161":160,"_162":144,"_163":605,"_165":121,"_107":606,"_101":32,"_167":194,"_169":607,"_170":22,"_171":-5,"_172":1081,"_99":1082},[],[158,603],{"_105":611,"_96":612,"_159":613,"_161":160,"_162":144,"_163":614,"_165":121,"_107":615,"_101":32,"_167":194,"_169":616,"_170":22,"_171":-5,"_172":1084,"_99":1085},[],[158,612],{"_105":620,"_96":621,"_159":622,"_161":160,"_162":144,"_163":623,"_165":121,"_107":624,"_101":32,"_167":194,"_169":625,"_170":22,"_171":-5,"_172":1087,"_99":1088},[],[158,621],{"_105":629,"_96":630,"_159":631,"_161":160,"_162":144,"_163":632,"_165":121,"_107":633,"_101":32,"_167":194,"_169":634,"_170":22,"_171":-5,"_172":1090,"_99":1091},[],[158,630],{"_105":638,"_96":639,"_159":640,"_161":160,"_162":144,"_163":641,"_165":121,"_107":642,"_101":32,"_167":194,"_169":643,"_170":22,"_171":-5,"_172":1093,"_99":1094},[],[158,639],{"_105":647,"_96":648,"_159":649,"_161":160,"_162":144,"_163":650,"_165":121,"_107":651,"_101":32,"_167":194,"_169":652,"_170":22,"_171":-5,"_172":1096,"_99":1097},[],[158,648],{"_105":656,"_96":657,"_159":658,"_161":160,"_162":144,"_163":659,"_165":121,"_107":660,"_101":32,"_167":194,"_169":661,"_170":22,"_171":-5,"_172":1099,"_99":1100},[],[158,657],{"_105":665,"_96":666,"_159":667,"_161":160,"_162":144,"_163":668,"_165":121,"_107":669,"_101":32,"_167":194,"_169":670,"_170":22,"_171":-5,"_172":1102,"_99":1103},[],[158,666],{"_105":674,"_96":675,"_159":676,"_161":160,"_162":144,"_163":677,"_165":121,"_107":678,"_101":32,"_167":194,"_169":679,"_170":22,"_171":-5,"_172":1105,"_99":1106},[],[158,675],{"_105":683,"_96":684,"_159":685,"_161":160,"_162":144,"_163":686,"_165":121,"_107":687,"_101":32,"_167":194,"_169":679,"_170":22,"_171":-5,"_172":1108,"_99":1109},[],[158,684],{"_105":691,"_96":692,"_159":693,"_161":160,"_162":144,"_163":694,"_165":121,"_107":695,"_101":32,"_167":194,"_169":696,"_170":22,"_171":-5,"_172":1111,"_99":1112},[],[158,692],{"_105":700,"_96":701,"_159":702,"_161":160,"_162":144,"_163":703,"_165":121,"_107":704,"_101":32,"_167":194,"_169":705,"_170":22,"_171":-5,"_172":1114,"_99":1115},[],[158,701],{"_105":709,"_96":710,"_159":711,"_161":160,"_162":144,"_163":712,"_165":121,"_107":713,"_101":32,"_167":194,"_169":714,"_170":22,"_171":-5,"_172":1117,"_99":1118},[],[158,710],{"_105":718,"_96":719,"_159":720,"_161":160,"_162":144,"_163":721,"_165":121,"_107":722,"_101":32,"_167":194,"_169":723,"_170":22,"_171":-5,"_172":1120,"_99":1121},[],[158,719],{"_105":727,"_96":728,"_159":729,"_161":160,"_162":144,"_163":730,"_165":121,"_107":731,"_101":32,"_167":194,"_169":714,"_170":22,"_171":-5,"_172":1123,"_99":1124},[],[158,728],{"_105":735,"_96":736,"_159":737,"_161":160,"_162":144,"_163":738,"_165":121,"_107":739,"_101":32,"_167":194,"_169":740,"_170":22,"_171":-5,"_172":1126,"_99":1127},[],[158,736],[158],{"_105":745,"_96":176,"_159":746,"_161":-5,"_162":144,"_163":747,"_165":121,"_107":748,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1130,"_99":1149},[1131,1137,1140,1143,1146],{"_105":751,"_96":183,"_159":752,"_161":746,"_162":144,"_163":753,"_165":121,"_107":754,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_172":1132,"_99":1136},[1133],{"_105":757,"_96":758,"_159":759,"_161":752,"_162":144,"_163":760,"_165":121,"_107":761,"_101":762,"_167":194,"_169":283,"_170":22,"_171":-5,"_172":1134,"_99":1135},[],[176,183,758],[176,183],{"_105":767,"_96":768,"_159":769,"_161":746,"_162":144,"_163":770,"_165":121,"_107":771,"_101":32,"_167":302,"_169":772,"_170":22,"_171":-5,"_172":1138,"_99":1139},[],[176,768],{"_105":776,"_96":777,"_159":778,"_161":746,"_162":144,"_163":779,"_165":22,"_107":780,"_101":747,"_167":302,"_169":402,"_170":22,"_171":-5,"_172":1141,"_99":1142},[],[176,777],{"_105":784,"_96":785,"_159":786,"_161":746,"_162":144,"_163":787,"_165":22,"_107":788,"_101":789,"_167":194,"_169":411,"_170":22,"_171":-5,"_172":1144,"_99":1145},[],[176,785],{"_105":793,"_96":794,"_159":795,"_161":746,"_162":144,"_163":796,"_165":22,"_107":797,"_101":762,"_167":302,"_169":453,"_170":22,"_171":-5,"_172":1147,"_99":1148},[],[176,794],[176],{"_105":802,"_96":803,"_159":804,"_161":-5,"_162":144,"_163":805,"_165":121,"_107":806,"_101":32,"_167":302,"_169":807,"_170":22,"_171":-5,"_172":1151,"_99":1152},[],[803],{"_105":811,"_96":812,"_159":813,"_161":-5,"_162":144,"_163":814,"_165":121,"_107":815,"_101":747,"_167":302,"_169":472,"_170":22,"_171":-5,"_172":1154,"_99":1155},[],[812],{"_105":819,"_96":820,"_159":821,"_161":-5,"_162":144,"_163":822,"_165":22,"_107":823,"_101":747,"_167":302,"_169":490,"_170":22,"_171":-5,"_172":1157,"_99":1158},[],[820],{"_105":827,"_96":828,"_159":829,"_161":-5,"_162":144,"_163":830,"_165":121,"_107":831,"_101":747,"_167":302,"_169":508,"_170":22,"_171":-5,"_172":1160,"_99":1161},[],[828],{"_105":835,"_96":836,"_159":119,"_161":-5,"_162":144,"_163":837,"_165":22,"_107":838,"_101":839,"_167":840,"_169":714,"_170":22,"_171":841,"_172":1163,"_99":1164},[],[836],[934,936,938,940,943,946,949,952,955,958,961,964,967,970,974,977,980,983,986,989,992,995,998,1001,1004,1007,1010,1013,1016,1019,1022,1025,1028,1032,1035,1038,1041,1044,1047,1050,1053,1056,1059,1062,1065,1068,1071,1074,1077,1080,1083,1086,1089,1092,1095,1098,1101,1104,1107,1110,1113,1116,1119,1122,1125,1129,1131,1133,1137,1140,1143,1146,1150,1153,1156,1159,1162],{"_105":175,"_96":176,"_159":177,"_161":160,"_162":144,"_163":178,"_165":121,"_107":918,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":1167},[158,176],[1169,1171,1173,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207],{"_105":182,"_96":183,"_159":184,"_161":177,"_162":144,"_163":185,"_165":121,"_107":858,"_101":32,"_167":168,"_169":-5,"_170":22,"_171":-5,"_99":1170},[158,176,183],{"_105":288,"_96":289,"_159":290,"_161":177,"_162":144,"_163":291,"_165":121,"_107":861,"_101":32,"_167":194,"_169":293,"_170":22,"_171":-5,"_99":1172},[158,176,289],{"_105":297,"_96":298,"_159":299,"_161":177,"_162":144,"_163":300,"_165":121,"_107":864,"_101":32,"_167":302,"_169":303,"_170":22,"_171":-5,"_99":1174},[158,176,298],{"_105":307,"_96":308,"_159":309,"_161":177,"_162":144,"_163":310,"_165":121,"_107":867,"_101":32,"_167":194,"_169":312,"_170":22,"_171":-5,"_99":1176},[158,176,308],{"_105":316,"_96":317,"_159":318,"_161":177,"_162":144,"_163":319,"_165":121,"_107":870,"_101":32,"_167":194,"_169":321,"_170":22,"_171":-5,"_99":1178},[158,176,317],{"_105":325,"_96":326,"_159":327,"_161":177,"_162":144,"_163":328,"_165":121,"_107":873,"_101":32,"_167":194,"_169":330,"_170":22,"_171":-5,"_99":1180},[158,176,326],{"_105":334,"_96":335,"_159":336,"_161":177,"_162":144,"_163":337,"_165":121,"_107":876,"_101":32,"_167":194,"_169":339,"_170":22,"_171":-5,"_99":1182},[158,176,335],{"_105":343,"_96":344,"_159":345,"_161":177,"_162":144,"_163":346,"_165":121,"_107":879,"_101":32,"_167":194,"_169":348,"_170":22,"_171":-5,"_99":1184},[158,176,344],{"_105":352,"_96":353,"_159":354,"_161":177,"_162":144,"_163":355,"_165":121,"_107":882,"_101":32,"_167":194,"_169":357,"_170":22,"_171":-5,"_99":1186},[158,176,353],{"_105":361,"_96":362,"_159":363,"_161":177,"_162":144,"_163":364,"_165":121,"_107":885,"_101":32,"_167":194,"_169":366,"_170":22,"_171":-5,"_99":1188},[158,176,362],{"_105":370,"_96":371,"_159":372,"_161":177,"_162":144,"_163":373,"_165":121,"_107":888,"_101":32,"_167":194,"_169":375,"_170":22,"_171":-5,"_99":1190},[158,176,371],{"_105":379,"_96":380,"_159":381,"_161":177,"_162":144,"_163":382,"_165":121,"_107":891,"_101":32,"_167":194,"_169":384,"_170":22,"_171":-5,"_99":1192},[158,176,380],{"_105":388,"_96":389,"_159":390,"_161":177,"_162":144,"_163":391,"_165":121,"_107":894,"_101":32,"_167":194,"_169":393,"_170":22,"_171":-5,"_99":1194},[158,176,389],{"_105":397,"_96":398,"_159":399,"_161":177,"_162":144,"_163":400,"_165":121,"_107":897,"_101":32,"_167":302,"_169":402,"_170":22,"_171":-5,"_99":1196},[158,176,398],{"_105":406,"_96":407,"_159":408,"_161":177,"_162":144,"_163":409,"_165":121,"_107":900,"_101":32,"_167":194,"_169":411,"_170":22,"_171":-5,"_99":1198},[158,176,407],{"_105":415,"_96":416,"_159":417,"_161":177,"_162":144,"_163":102,"_165":121,"_107":903,"_101":32,"_167":302,"_169":402,"_170":22,"_171":-5,"_99":1200},[158,176,416],{"_105":422,"_96":423,"_159":424,"_161":177,"_162":144,"_163":425,"_165":121,"_107":906,"_101":32,"_167":302,"_169":427,"_170":22,"_171":-5,"_99":1202},[158,176,423],{"_105":431,"_96":432,"_159":433,"_161":177,"_162":144,"_163":434,"_165":121,"_107":909,"_101":32,"_167":302,"_169":213,"_170":22,"_171":-5,"_99":1204},[158,176,432],{"_105":439,"_96":440,"_159":441,"_161":177,"_162":144,"_163":442,"_165":121,"_107":912,"_101":32,"_167":302,"_169":444,"_170":22,"_171":-5,"_99":1206},[158,176,440],{"_105":448,"_96":449,"_159":450,"_161":177,"_162":144,"_163":451,"_165":121,"_107":915,"_101":32,"_167":302,"_169":453,"_170":22,"_171":-5,"_99":1208},[158,176,449],"upstream","pull","ahead","behind","templates",[],"actionData","errors"]