\n {progress ? (\n

{progress.phase.replace('-', ' ').toUpperCase()}

{progress.message}

\n {progress.current}/{progress.total} ({getProgressPercentage()}%)\n

\n ) : (\n

Loading timeline...

\n )}\n

\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 // Sort events by expected date\n const sortedEvents = [...events].sort((a, b) => a.expectedDate - b.expectedDate);\n \n // Get unique years for navigation\n const years = [...new Set(sortedEvents.map(event => formatYear(event.expectedDate)))].sort();\n\n // Add today's date to events\n const today = Date.now();\n const todayEvent = {\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\n // Insert today into the sorted events\n const eventsWithToday = [...sortedEvents];\n let todayInserted = false;\n for (let i = 0; i < eventsWithToday.length; i++) {\n if (eventsWithToday[i].expectedDate > today) {\n eventsWithToday.splice(i, 0, todayEvent);\n todayInserted = true;\n break;\n }\n }\n if (!todayInserted) {\n eventsWithToday.push(todayEvent);\n }\n\n return (\n

\n {/* Scrollable Year Navigation */}\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 {isFirstOfYear && (\n
\n {year}\n
\n )}\n \n {isFirstOfMonth && !isFirstOfYear && (\n
\n {month}\n
\n )}\n \n
\n {/* Emojis positioned to the left of timeline for non-mobile */}\n {event.emojis && (\n
\n {event.emojis}\n
\n )}\n \n
\n \n {isTodayEvent ? 'TODAY' : formatDate(event.expectedDate)}\n {/* Emojis next to date on mobile */}\n {event.emojis && {event.emojis}}\n \n
\n \n
\n {isTodayEvent ? (\n
\n Today\n
\n ) : (\n \n \n {event.statement}\n \n \n \n )}\n
\n
\n

\n\n {/* OpenMoji attribution at bottom */}\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 === '/api/timeline-events') {\n // Use Server-Sent Events for progress updates\n const stream = new ReadableStream({\n start(controller) {\n const encoder = new TextEncoder();\n \n const sendProgress = (progress: ProgressUpdate) => {\n const data = `data: ${JSON.stringify({ type: 'progress', progress })}\\n\\n`;\n controller.enqueue(encoder.encode(data));\n };\n \n const sendComplete = (events: TimelineEvent[]) => {\n const data = `data: ${JSON.stringify({ type: 'complete', events })}\\n\\n`;\n controller.enqueue(encoder.encode(data));\n controller.close();\n };\n \n const sendError = (error: string) => {\n const data = `data: ${JSON.stringify({ type: 'error', error })}\\n\\n`;\n controller.enqueue(encoder.encode(data));\n controller.close();\n };\n \n // Start the async process\n fetchTimelineEvents(sendProgress)\n .then(sendComplete)\n .catch((error) => sendError(error.message));\n }\n });\n \n return new Response(stream, {\n headers: {\n 'Content-Type': 'text/event-stream',\n 'Cache-Control': 'no-cache',\n 'Connection': 'keep-alive',\n 'Access-Control-Allow-Origin': '*',\n 'Access-Control-Allow-Headers': 'Content-Type'\n }\n });\n }\n\n return new Response(`\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}",[162],"26ee2e22-69cb-11f0-9d62-0224a6c84d84",["D",1753498170080],[28],"ec8d20b6-69c6-11f0-9d22-0224a6c84d84","cache.ts","ec8d2188-69c6-11f0-9d22-0224a6c84d84",["D",1753496354146],"// Cache utilities for timeline data\n\n// Get unique key for this project\nfunction getProjectKey(): string {\n // Use a simple, consistent key for this project\n return \"when_timeline\";\n}\n\n// Conversion cache management\nexport async function getCachedConversion(question: string): Promise {\n try {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = getProjectKey();\n const TABLE_NAME = `${KEY}_conversion_cache_1`;\n \n // Create table if not exists - exactly like your texttoemojis project\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n question TEXT PRIMARY KEY,\n statement TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n \n const result = await sqlite.execute(\n `SELECT statement FROM ${TABLE_NAME} WHERE question = ?`,\n [question]\n );\n \n if (result.rows.length > 0) {\n console.log(`✅ Using cached conversion for: \"${question.slice(0, 50)}...\"`);\n return result.rows[0].statement as string;\n }\n \n console.log(`❌ No cache found for: \"${question.slice(0, 50)}...\"`);\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 const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = getProjectKey();\n const TABLE_NAME = `${KEY}_conversion_cache_1`;\n \n await sqlite.execute(\n `INSERT OR REPLACE INTO ${TABLE_NAME} (question, statement) VALUES (?, ?)`,\n [question, statement]\n );\n \n console.log(`💾 Cached conversion: \"${question.slice(0, 30)}...\" -> \"${statement.slice(0, 30)}...\"`);\n } catch (error) {\n console.error('Error caching conversion:', error);\n }\n}\n\n// Emoji cache management\nexport async function getCachedEmojis(text: string): Promise {\n try {\n const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = getProjectKey();\n const TABLE_NAME = `${KEY}_emoji_cache_1`;\n \n // Create table if not exists - exactly matching your texttoemojis structure\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n text TEXT PRIMARY KEY,\n emojis TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n \n const result = await sqlite.execute(\n `SELECT emojis FROM ${TABLE_NAME} WHERE text = ?`,\n [text]\n );\n \n if (result.rows.length > 0) {\n console.log(`✅ Using cached emojis for: \"${text.slice(0, 50)}...\"`);\n return result.rows[0].emojis as string;\n }\n \n console.log(`❌ No emoji cache found for: \"${text.slice(0, 50)}...\"`);\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 const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = getProjectKey();\n const TABLE_NAME = `${KEY}_emoji_cache_1`;\n \n await sqlite.execute(\n `INSERT OR REPLACE INTO ${TABLE_NAME} (text, emojis) VALUES (?, ?)`,\n [text, emojis]\n );\n \n console.log(`💾 Cached emojis: \"${text.slice(0, 30)}...\" -> \"${emojis}\"`);\n } catch (error) {\n console.error('Error caching emojis:', error);\n }\n}",[172],"pulls","branches",6,"forks","envVars",{"_185":62,"_187":62},"connections",{"_185":62,"_186":62},"count","unfilledCount","emptyCount",{"_42":171,"_32":172,"_30":173,"_138":-5,"_40":41,"_39":139,"_140":25,"_37":210,"_13":62,"_33":142,"_34":175,"_24":25,"_144":-5,"_195":211,"_27":212},{"_42":168,"_32":28,"_30":31,"_138":-5,"_40":41,"_39":14,"_140":58,"_37":207,"_13":158,"_33":20,"_34":36,"_24":25,"_144":-5,"_195":208,"_27":209},{"_42":161,"_32":162,"_30":56,"_138":-5,"_40":41,"_39":139,"_140":25,"_37":204,"_13":164,"_33":165,"_34":166,"_24":25,"_144":44,"_195":205,"_27":206},{"_42":154,"_32":155,"_30":156,"_138":-5,"_40":41,"_39":139,"_140":25,"_37":201,"_13":158,"_33":142,"_34":159,"_24":25,"_144":-5,"_195":202,"_27":203},{"_42":146,"_32":147,"_30":148,"_138":-5,"_40":41,"_39":149,"_140":25,"_37":198,"_13":151,"_33":20,"_34":152,"_24":25,"_144":-5,"_195":199,"_27":200},{"_42":135,"_32":136,"_30":137,"_138":-5,"_40":41,"_39":139,"_140":25,"_37":194,"_13":62,"_33":142,"_34":143,"_24":25,"_144":-5,"_195":196,"_27":197},["D",1753496354146],"children",[],[136],["D",1753497792209],[],[147],["D",1753496354146],[],[155],["D",1753496354146],[],[162],["D",1753498170080],[],[28],["D",1753496354146],[],[172],["D",1753454022202],["D",1789527031073],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":54,"_104":105,"_106":25},{"_13":88,"_32":89,"_42":41,"_90":43,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":44,"_97":98},"ctx",{"_81":-5,"_126":251,"_252":253,"_254":255,"_256":25,"_257":25,"_258":25,"_259":58,"_260":-5,"_261":-7,"_262":-7,"_263":62,"_264":25,"_265":25,"_266":-5,"_267":25,"_268":25,"_269":25,"_270":-5},"ENV",{"_222":223,"_224":225,"_226":89,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250},"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 · v15