\n Subscribe to Charlie's brain\n

\n {message &&

{message}

}\n

\n );\n}\n\nfunction App() {\n const [events, setEvents] = useState([]);\n const [updatedAt, setUpdatedAt] = useState(null);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [activeYear, setActiveYear] = useState(null);\n const [darkMode, setDarkMode] = useState(false);\n\n useEffect(() => {\n const mediaQuery = window.matchMedia(\"(prefers-color-scheme: dark)\");\n setDarkMode(mediaQuery.matches);\n const handleThemeChange = (e: MediaQueryListEvent) => setDarkMode(e.matches);\n mediaQuery.addEventListener(\"change\", handleThemeChange);\n return () => mediaQuery.removeEventListener(\"change\", handleThemeChange);\n }, []);\n\n useEffect(() => {\n (async () => {\n try {\n const response = await fetch(\"/api/timeline-events\");\n if (!response.ok) {\n const body = await response.json().catch(() => null);\n throw new Error(body?.error || `HTTP ${response.status}`);\n }\n const data = await response.json();\n setEvents(data.events || []);\n setUpdatedAt(data.updatedAt || null);\n } catch (err) {\n setError(err instanceof Error ? err.message : \"Failed to load timeline\");\n } finally {\n setLoading(false);\n }\n })();\n }, []);\n\n const formatDate = (timestamp: number) =>\n new Date(timestamp).toLocaleDateString(\"en-US\", { year: \"numeric\", month: \"short\", day: \"numeric\" });\n const formatYear = (timestamp: number) => new Date(timestamp).getFullYear();\n const formatMonth = (timestamp: number) =>\n new Date(timestamp).toLocaleDateString(\"en-US\", { year: \"numeric\", month: \"long\" });\n\n const scrollToYear = (year: number) => {\n const element = document.getElementById(`year-${year}`);\n if (element) {\n element.scrollIntoView({ behavior: \"smooth\", block: \"center\" });\n setActiveYear(year);\n }\n };\n\n if (loading) {\n return (\n

Loading timeline...

\n );\n }\n\n if (error) {\n return

Error: {error}

;\n }\n\n if (events.length === 0) {\n return

No timeline events found

;\n }\n\n const sortedEvents = [...events].sort((a, b) => a.expectedDate - b.expectedDate);\n const years = [...new Set(sortedEvents.map((event) => formatYear(event.expectedDate)))].sort();\n\n // Insert a \"Today\" marker into the timeline\n const today = Date.now();\n const todayEvent: TimelineEvent = {\n id: \"today\",\n statement: \"Today\",\n originalQuestion: \"Today\",\n expectedDate: today,\n confidence: 100,\n volume: 0,\n url: \"#\",\n creator: \"\",\n emojis: \"📅\",\n };\n const eventsWithToday = [...sortedEvents];\n const insertIndex = eventsWithToday.findIndex((e) => e.expectedDate > today);\n if (insertIndex === -1) eventsWithToday.push(todayEvent);\n else eventsWithToday.splice(insertIndex, 0, todayEvent);\n\n return (\n

Years

\n {years.map((year) => (\n scrollToYear(year)}\n >\n {year}\n \n ))}\n

\n\n

WHEN

\n A timeline of the future, based on{\" \"}\n \n Manifold Markets\n {\" \"}\n forecasts.\n

\n by{\" \"}\n \n Charlie\n \n

\n \n

\n\n

\n {isFirstOfYear && (\n
\n {year}\n
\n )}\n {isFirstOfMonth && !isFirstOfYear &&
{month}
}\n\n
\n {event.emojis &&
{event.emojis}
}\n\n
\n \n {isTodayEvent ? \"TODAY\" : formatDate(event.expectedDate)}\n {event.emojis && {event.emojis}}\n \n
\n\n
\n {isTodayEvent ? (\n
\n Today\n
\n ) : (\n \n {event.statement}\n \n \n \n \n \n \n )}\n
\n
\n

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/source\") {\n const { parseVal } = await import(\"https://esm.town/v/std/utils/index.ts\");\n return new Response(null, { status: 302, headers: { Location: parseVal().links.self.val } });\n }\n\n if (url.pathname === \"/api/subscribe\" && request.method === \"POST\") {\n return handleSubscribe(request);\n }\n\n if (url.pathname === \"/api/timeline-events\") {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const data = await blob.getJSON(\"when-timeline-v1\").catch(() => null);\n if (!data) {\n return Response.json(\n { error: \"Timeline not built yet — check back in a few minutes\" },\n { status: 503 },\n );\n }\n return Response.json(data, {\n headers: { \"Cache-Control\": \"public, max-age=300\" },\n });\n }\n\n return new Response(\n `\n \n \n WHEN - A Timeline of the Future\n \n \n \n \n \n

\n \n \n \n \n `,\n { headers: { \"content-type\": \"text/html\" } },\n );\n}\n\nasync function handleSubscribe(request: Request): Promise {\n try {\n const { blob } = await import(\"https://esm.town/v/std/blob\");\n const body = await request.json();\n const email = body.email?.trim()?.toLowerCase();\n\n if (!email) {\n return Response.json({ error: \"Email is required\" }, { status: 400 });\n }\n if (!/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(email)) {\n return Response.json({ error: \"Invalid email format\" }, { status: 400 });\n }\n\n const subscribers: string[] = (await blob.getJSON(\"charlie-brain-subscribers\").catch(() => null)) ?? [];\n if (subscribers.includes(email)) {\n return Response.json({ error: \"Email already subscribed\" }, { status: 400 });\n }\n\n const detailed: any[] = (await blob.getJSON(\"charlie-brain-subscribers-detailed\").catch(() => null)) ?? [];\n subscribers.push(email);\n detailed.push({ email, subscribedAt: new Date().toISOString() });\n\n await blob.setJSON(\"charlie-brain-subscribers\", subscribers);\n await blob.setJSON(\"charlie-brain-subscribers-detailed\", detailed);\n\n return Response.json({ success: true, message: \"Subscribed successfully!\" });\n } catch (error) {\n console.error(\"Subscription error:\", error);\n return Response.json({ error: \"Internal server error\" }, { status: 500 });\n }\n}\n",[168],"26ee2e22-69cb-11f0-9d62-0224a6c84d84","images.md","6348f694-69c7-11f0-b39a-0224a6c84d84",15,["D",1753498170080],"![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/637650b1-4228-4fcd-413d-5eb9e1576700/public)",[176],"0e624430-fa61-4ed9-8032-53ec1ee6f7e0","cache.ts","ec8d2188-69c6-11f0-9d22-0224a6c84d84",20,["D",1783476356302],"// SQLite-backed caches for question→statement conversions and statement→emojis.\n// Uses the per-val database (std/sqlite/main.ts).\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst CONVERSION_TABLE = \"conversion_cache_v2\";\nconst EMOJI_TABLE = \"emoji_cache_v2\";\n\nlet tablesReady = false;\nasync function ensureTables(): Promise {\n if (tablesReady) return;\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS ${CONVERSION_TABLE} (\n question TEXT PRIMARY KEY,\n statement TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`,\n `CREATE TABLE IF NOT EXISTS ${EMOJI_TABLE} (\n text TEXT PRIMARY KEY,\n emojis TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )`,\n ]);\n tablesReady = true;\n}\n\nexport async function getCachedConversion(question: string): Promise {\n try {\n await ensureTables();\n const result = await sqlite.execute({\n sql: `SELECT statement FROM ${CONVERSION_TABLE} WHERE question = ?`,\n args: [question],\n });\n if (result.rows.length > 0) return result.rows[0].statement as string;\n return null;\n } catch (error) {\n console.error(\"Error getting cached conversion:\", error);\n return null;\n }\n}\n\nexport async function setCachedConversion(question: string, statement: string): Promise {\n try {\n await ensureTables();\n await sqlite.execute({\n sql: `INSERT OR REPLACE INTO ${CONVERSION_TABLE} (question, statement) VALUES (?, ?)`,\n args: [question, statement],\n });\n } catch (error) {\n console.error(\"Error caching conversion:\", error);\n }\n}\n\nexport async function getCachedEmojis(text: string): Promise {\n try {\n await ensureTables();\n const result = await sqlite.execute({\n sql: `SELECT emojis FROM ${EMOJI_TABLE} WHERE text = ?`,\n args: [text],\n });\n if (result.rows.length > 0) return result.rows[0].emojis as string;\n return null;\n } catch (error) {\n console.error(\"Error getting cached emojis:\", error);\n return null;\n }\n}\n\nexport async function setCachedEmojis(text: string, emojis: string): Promise {\n try {\n await ensureTables();\n await sqlite.execute({\n sql: `INSERT OR REPLACE INTO ${EMOJI_TABLE} (text, emojis) VALUES (?, ?)`,\n args: [text, emojis],\n });\n } catch (error) {\n console.error(\"Error caching emojis:\", error);\n }\n}\n",[183],"fc68dfb8-4fa4-4ca3-b129-a37ba83531a0","build.ts","b3766618-7a71-11f1-81b7-1607ee4eb77e",22,["D",1783476418585],"interval","// Cron: rebuilds the timeline from Manifold and stores it in blob storage.\n// The HTTP endpoint (index.ts) serves this cached data instantly.\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { fetchTimelineEvents } from \"./logic.ts\";\n\nexport const TIMELINE_BLOB_KEY = \"when-timeline-v1\";\n\nexport async function buildAndStore() {\n const started = Date.now();\n const events = await fetchTimelineEvents();\n await blob.setJSON(TIMELINE_BLOB_KEY, {\n updatedAt: new Date().toISOString(),\n events,\n });\n console.log(`Built timeline with ${events.length} events in ${((Date.now() - started) / 1000).toFixed(1)}s`);\n return events.length;\n}\n\nexport default async function (interval: Interval) {\n await buildAndStore();\n}\n",[190],"cab1a04b-338c-44bb-89c9-e60ca0122110","README.md","2deb8ba8-7a72-11f1-911d-1607ee4eb77e",24,["D",1783476624032],"# WHEN — A Timeline of the Future\n\nA vertical timeline of the future built from [Manifold Markets](https://manifold.markets) DATE-market forecasts. Live at .\n\n## Architecture\n\n```mermaid\ngraph LR\n cron[build.ts cron
every 6h] -->|fetchTimelineEvents| logic[logic.ts]\n logic -->|Manifold API| M[api.manifold.markets]\n logic -->|conversion + emoji caches| cache[cache.ts / SQLite]\n cron -->|setJSON when-timeline-v1| B[(blob)]\n http[index.ts HTTP] -->|GET /api/timeline-events| B\n browser[React client
in index.ts] --> http\n```\n\n- **build.ts** (cron, every 6 hours) — fetches all Manifold DATE markets, computes probability-weighted expected dates, converts questions to statements, adds emojis, and stores the result in blob key `when-timeline-v1`. Answer fetches run with concurrency 15; external API calls (statement conversion, emojis) are capped per run and fall back gracefully — caches fill up across runs.\n- **logic.ts** — the build pipeline: `getExpectedDate` handles both bucket-style and cumulative threshold-style markets; `convertQuestionInternally` handles common \"When will X…?\" phrasings via regex before falling back to an external LLM conversion API.\n- **cache.ts** — SQLite (per-val DB) caches for question→statement conversions and statement→emojis.\n- **index.ts** — HTTP val. Serves the React client, `/api/timeline-events` (cached JSON from blob, instant), `/api/subscribe` (email list stored in blob), and `/source`.\n- **styles.ts** — CSS exported as a string.\n- **moi.md / images.md** — build.moi directory metadata.\n\n## Why the cron?\n\nThe timeline build takes ~90s (400+ markets, one answers request each, plus external APIs) — far past the HTTP request time limit. Previously the build ran per-request over SSE and got killed mid-stream. Now the HTTP endpoint just reads the pre-built blob.\n\n## External dependencies\n\n- Manifold API (`/v0/search-markets?contractType=DATE`, `/v0/market/:id/answers`)\n- `texttoemojis.val.run` — emoji tagging (dcm31's val)\n- Question→statement conversion API (dcm31's val)\n\n## Manual rebuild\n\nRun `build.ts` from the Val Town UI, or call `buildAndStore()` from a script.\n",[198],"d0bb8b9f-ee74-4a4c-a1ed-21198bcbe114","scripts","5aab5590-b420-4b84-9a53-d67c154cfd07",25,["D",1783477323676],"directory",[205],"pulls","branches",6,"forks","envVars",{"_219":63,"_221":63},"connections",{"_219":63,"_220":63},"count","unfilledCount","emptyCount",{"_43":204,"_32":205,"_30":206,"_143":-5,"_41":42,"_40":207,"_145":25,"_38":256,"_13":63,"_34":209,"_36":-5,"_24":49,"_149":-5,"_232":257,"_27":258},{"_43":197,"_32":198,"_30":199,"_143":-5,"_41":42,"_40":200,"_145":49,"_38":253,"_13":63,"_34":20,"_36":202,"_24":49,"_149":-5,"_232":254,"_27":255},{"_43":189,"_32":190,"_30":191,"_143":-5,"_41":42,"_40":192,"_145":25,"_38":250,"_13":63,"_34":194,"_36":195,"_24":49,"_149":-5,"_232":251,"_27":252},{"_43":182,"_32":183,"_30":184,"_143":-5,"_41":42,"_40":185,"_145":25,"_38":247,"_13":147,"_34":35,"_36":187,"_24":49,"_149":-5,"_232":248,"_27":249},{"_43":175,"_32":176,"_30":177,"_143":-5,"_41":42,"_40":178,"_145":25,"_38":244,"_13":147,"_34":20,"_36":180,"_24":49,"_149":-5,"_232":245,"_27":246},{"_43":167,"_32":168,"_30":58,"_143":-5,"_41":42,"_40":169,"_145":49,"_38":241,"_13":171,"_34":172,"_36":173,"_24":49,"_149":45,"_232":242,"_27":243},{"_43":159,"_32":160,"_30":161,"_143":-5,"_41":42,"_40":162,"_145":25,"_38":238,"_13":164,"_34":35,"_36":165,"_24":49,"_149":-5,"_232":239,"_27":240},{"_43":151,"_32":152,"_30":153,"_143":-5,"_41":42,"_40":154,"_145":25,"_38":235,"_13":156,"_34":20,"_36":157,"_24":49,"_149":-5,"_232":236,"_27":237},{"_43":140,"_32":141,"_30":142,"_143":-5,"_41":42,"_40":144,"_145":49,"_38":231,"_13":147,"_34":35,"_36":148,"_24":49,"_149":-5,"_232":233,"_27":234},["D",1754049891206],"children",[],[141],["D",1753498183371],[],[152],["D",1783476410072],[],[160],["D",1783476463705],[],[168],["D",1753498170080],[],[176],["D",1783476356302],[],[183],["D",1783476418585],[],[190],["D",1783476624032],[],[198],["D",1783477323676],[],[205],["D",1753454022202],["D",1789527031073],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":56,"_105":106,"_107":49},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":45,"_98":99},"ctx",{"_82":-5,"_128":297,"_298":299,"_300":301,"_302":49,"_303":49,"_304":49,"_305":25,"_306":-5,"_307":-7,"_308":-7,"_309":63,"_310":49,"_311":49,"_312":-5,"_313":49,"_314":49,"_315":49,"_316":-5},"ENV",{"_268":269,"_270":271,"_272":90,"_273":274,"_275":276,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v35