[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_169":170,"_171":172},"routes/_app.x.$handle.$name",{"_102":101,"_32":45,"_111":90,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":-5,"_124":125,"_126":25,"_127":128,"_129":59,"_130":-5,"_131":-5,"_132":133},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",6,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","index.ts","latestPath","fileId","0198423b-3552-765c-b25c-ae470a631723","name","fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface TimelineEvent {\n id: string;\n statement: string;\n originalQuestion: string;\n expectedDate: number;\n confidence: number;\n volume: number;\n url: string;\n creator: string;\n}\n\nfunction App() {\n const [events, setEvents] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [activeYear, setActiveYear] = useState(null);\n\n useEffect(() => {\n fetchTimelineEvents();\n }, []);\n\n const fetchTimelineEvents = async () => {\n try {\n const response = await fetch('/api/timeline-events');\n const data = await response.json();\n setEvents(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load timeline');\n } finally {\n setLoading(false);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n };\n\n const formatYear = (timestamp: number) => {\n return new Date(timestamp).getFullYear();\n };\n\n const getCountdown = (timestamp: number) => {\n const now = Date.now();\n const diff = timestamp - now;\n \n if (diff <= 0) return \"Overdue\";\n \n const days = Math.floor(diff / (1000 * 60 * 60 * 24));\n const years = Math.floor(days / 365);\n const months = Math.floor((days % 365) / 30);\n const remainingDays = days % 30;\n \n if (years > 0) {\n return `${years}y ${months}m`;\n } else if (months > 0) {\n return `${months}m ${remainingDays}d`;\n } else {\n return `${days}d`;\n }\n };\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 // 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 return (\n

\n {/* Year Navigation */}\n

Years

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

\n\n

🔮 Future Predictions

Manifold Markets predictions timeline

\n\n

\n {sortedEvents.map((event, index) => {\n const year = formatYear(event.expectedDate);\n const isFirstOfYear = index === 0 || formatYear(sortedEvents[index - 1].expectedDate) !== year;\n \n return (\n

\n {isFirstOfYear && (\n

{year}

\n )}\n \n

\n {getCountdown(event.expectedDate)}\n

\n \n

\n {formatDate(event.expectedDate)}\n \n 📊\n \n

\n \n

\n {event.statement}\n

\n );\n })}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\n// Smart internal conversion function\nfunction convertQuestionInternally(question: string): string | null {\n // Pattern: \"When will X be Y?\" -> \"X will be Y\"\n const willBePattern = /^(?:When will|In what year will)\\s+(.+?)\\s+be\\s+(.+?)\\??$/i;\n const willBeMatch = question.match(willBePattern);\n if (willBeMatch) {\n const [, subject, predicate] = willBeMatch;\n return `${subject.trim()} will be ${predicate.trim()}`;\n }\n\n // Pattern: \"When will X happen?\" -> \"X will happen\"\n const willHappenPattern = /^(?:When will|In what year will)\\s+(.+?)\\s+happen\\??$/i;\n const willHappenMatch = question.match(willHappenPattern);\n if (willHappenMatch) {\n const [, subject] = willHappenMatch;\n return `${subject.trim()} will happen`;\n }\n\n // Pattern: \"When will X Y?\" -> \"X will Y\" (general case)\n const generalWillPattern = /^(?:When will|In what year will)\\s+(.+?)\\s+((?:release|launch|reach|hit|achieve|solve|cure|discover|invent|create|build|develop|announce|reveal|complete|finish|start|begin|end|die|live|marry|divorce|retire|resign|win|lose|fail|succeed|break|fix|open|close|buy|sell|move|travel|visit|return|leave|arrive|depart|graduate|study|work|play|eat|drink|sleep|wake|run|walk|fly|drive|ride|swim|jump|dance|sing|speak|write|read|listen|watch|see|hear|feel|touch|taste|smell|think|know|learn|teach|help|save|kill|destroy|love|hate|like|dislike|want|need|have|get|give|take|make|do|go|come|stay|remain|become|turn|change|grow|shrink|expand|contract|rise|fall|increase|decrease|improve|worsen|fix|repair|break|damage|build|destroy|create|delete).+)\\??$/i;\n const generalWillMatch = question.match(generalWillPattern);\n if (generalWillMatch) {\n const [, subject, action] = generalWillMatch;\n return `${subject.trim()} will ${action.trim()}`;\n }\n\n // Pattern: \"In what year will X?\" -> \"X will happen in [year]\"\n const yearPattern = /^In what year will\\s+(.+?)\\??$/i;\n const yearMatch = question.match(yearPattern);\n if (yearMatch) {\n const [, subject] = yearMatch;\n return `${subject.trim()} will happen`;\n }\n\n return null; // Return null if no pattern matches\n}\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 try {\n // Fetch more markets to get 15 total\n const response = await fetch('https://api.manifold.markets/v0/search-markets?contractType=DATE&limit=100');\n const allMarkets = await response.json();\n \n if (allMarkets.length === 0) {\n return new Response(JSON.stringify({ error: 'No DATE markets found' }), {\n status: 404,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n \n // Filter for open markets\n const now = Date.now();\n const openMarkets = allMarkets.filter(market => \n !market.isResolved && market.closeTime > now\n );\n \n // Take first 15 open markets\n const first15Open = openMarkets.slice(0, 15);\n \n // For each market, fetch answers and calculate weighted average\n const marketsWithPredictions = await Promise.all(\n first15Open.map(async (market) => {\n try {\n const answersResponse = await fetch(`https://api.manifold.markets/v0/market/${market.id}/answers`);\n const answers = await answersResponse.json();\n \n if (!answers || answers.length === 0) {\n return null;\n }\n \n // Calculate weighted average\n let weightedSum = 0;\n let totalWeight = 0;\n \n answers.forEach(answer => {\n const weight = answer.prob;\n const midpoint = answer.midpoint;\n \n weightedSum += midpoint * weight;\n totalWeight += weight;\n });\n \n const weightedAverage = totalWeight > 0 ? weightedSum / totalWeight : null;\n if (!weightedAverage) return null;\n \n // Find top choice for confidence\n const topAnswer = answers.reduce((max, answer) => \n answer.prob > max.prob ? answer : max, answers[0]\n );\n \n return {\n id: market.id,\n question: market.question,\n expectedDate: weightedAverage,\n confidence: Math.round(topAnswer.prob * 100),\n volume: market.volume,\n url: market.url,\n creator: market.creatorName\n };\n } catch (err) {\n console.error(`Error processing market ${market.id}:`, err);\n return null;\n }\n })\n );\n \n // Filter out null results\n const validMarkets = marketsWithPredictions.filter(Boolean);\n \n if (validMarkets.length === 0) {\n return new Response(JSON.stringify({ error: 'No valid markets with predictions found' }), {\n status: 404,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n \n // Convert questions to statements - try internal conversion first\n const statements = [];\n const questionsNeedingAPI = [];\n const questionIndices = [];\n \n for (let i = 0; i < validMarkets.length; i++) {\n const question = validMarkets[i].question;\n const internalConversion = convertQuestionInternally(question);\n \n if (internalConversion) {\n statements[i] = internalConversion;\n console.log(`Internal conversion: \"${question}\" -> \"${internalConversion}\"`);\n } else {\n questionsNeedingAPI.push(question);\n questionIndices.push(i);\n }\n }\n \n // For questions that couldn't be converted internally, use the API\n if (questionsNeedingAPI.length > 0) {\n console.log(`Using API for ${questionsNeedingAPI.length} questions that couldn't be converted internally`);\n \n for (let i = 0; i < questionsNeedingAPI.length; i++) {\n const originalIndex = questionIndices[i];\n try {\n const singleResponse = await fetch('https://dcm31--3ecca0c4696611f092dd0224a6c84d84.web.val.run/convert', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ question: questionsNeedingAPI[i] })\n });\n \n if (singleResponse.ok) {\n const result = await singleResponse.json();\n statements[originalIndex] = result.statement;\n console.log(`API conversion: \"${questionsNeedingAPI[i]}\" -> \"${result.statement}\"`);\n } else {\n // Fallback: simple conversion\n statements[originalIndex] = questionsNeedingAPI[i].replace(/^(When will|In what year will)\\s+/i, '').replace(/\\?$/, '') + ' will happen';\n }\n \n // Rate limiting delay\n if (i < questionsNeedingAPI.length - 1) {\n await new Promise(resolve => setTimeout(resolve, 1200));\n }\n } catch (err) {\n console.error(`Error converting question ${i}:`, err);\n statements[originalIndex] = questionsNeedingAPI[i].replace(/^(When will|In what year will)\\s+/i, '').replace(/\\?$/, '') + ' will happen';\n }\n }\n }\n \n // Combine the data\n const timelineEvents: TimelineEvent[] = validMarkets.map((market, index) => ({\n id: market.id,\n statement: statements[index] || (market.question.replace(/^(When will|In what year will)\\s+/i, '').replace(/\\?$/, '') + ' will happen'),\n originalQuestion: market.question,\n expectedDate: market.expectedDate,\n confidence: market.confidence,\n volume: market.volume,\n url: market.url,\n creator: market.creator\n }));\n \n return new Response(JSON.stringify(timelineEvents), {\n headers: { 'Content-Type': 'application/json' }\n });\n \n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n Future Predictions Timeline\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n line-height: 1.6;\n background-color: #f8fafc;\n color: #334155;\n }\n\n .app-container {\n display: flex;\n min-height: 100vh;\n }\n\n .year-nav {\n position: fixed;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border-radius: 12px;\n padding: 16px 8px;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n border: 1px solid #e2e8f0;\n z-index: 100;\n }\n\n .year-nav-title {\n font-size: 0.8em;\n font-weight: 600;\n color: #64748b;\n text-align: center;\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .year-nav-btn {\n display: block;\n width: 100%;\n padding: 8px 12px;\n margin-bottom: 4px;\n background: none;\n border: none;\n border-radius: 6px;\n font-size: 0.9em;\n font-weight: 500;\n color: #64748b;\n cursor: pointer;\n transition: all 0.2s;\n text-align: center;\n min-width: 60px;\n }\n\n .year-nav-btn:hover {\n background-color: #f1f5f9;\n color: #3b82f6;\n }\n\n .year-nav-btn.active {\n background-color: #3b82f6;\n color: white;\n }\n\n .timeline-container {\n flex: 1;\n max-width: 900px;\n margin: 0 auto;\n padding: 40px 20px;\n padding-right: 120px;\n }\n\n .timeline-header {\n text-align: center;\n margin-bottom: 50px;\n padding-bottom: 30px;\n border-bottom: 2px solid #e2e8f0;\n }\n\n .timeline-header h1 {\n font-size: 2.5em;\n color: #1e293b;\n margin-bottom: 10px;\n }\n\n .timeline-header p {\n font-size: 1.1em;\n color: #64748b;\n }\n\n .timeline-wrapper {\n position: relative;\n }\n\n .timeline-track {\n position: relative;\n padding-left: 140px;\n }\n\n .timeline-track::before {\n content: '';\n position: absolute;\n left: 80px;\n top: 0;\n bottom: 0;\n width: 3px;\n background-color: #cbd5e1;\n }\n\n .year-separator {\n position: relative;\n margin: 50px 0 30px 0;\n }\n\n .year-line {\n position: absolute;\n left: -80px;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 4px;\n background-color: #3b82f6;\n }\n\n .year-label {\n font-size: 1.5em;\n font-weight: 700;\n color: #3b82f6;\n padding-left: 20px;\n }\n\n .timeline-event {\n margin-bottom: 25px;\n }\n\n .event-row {\n display: flex;\n align-items: flex-start;\n position: relative;\n }\n\n .countdown-section {\n position: absolute;\n left: -140px;\n width: 60px;\n text-align: right;\n top: 0;\n }\n\n .countdown {\n font-size: 0.85em;\n font-weight: 600;\n color: #059669;\n background-color: #f0fdf4;\n padding: 4px 8px;\n border-radius: 4px;\n border: 1px solid #bbf7d0;\n }\n\n .event-marker {\n position: absolute;\n left: -80px;\n z-index: 2;\n top: 0;\n }\n\n .event-dot {\n width: 12px;\n height: 12px;\n background-color: #3b82f6;\n border: 3px solid #f8fafc;\n border-radius: 50%;\n box-shadow: 0 0 0 2px #cbd5e1;\n }\n\n .event-line {\n position: absolute;\n left: 50%;\n top: 6px;\n transform: translateX(-50%);\n width: 2px;\n height: 20px;\n background-color: #cbd5e1;\n }\n\n .event-content {\n flex: 1;\n padding-left: 20px;\n }\n\n .event-date {\n font-size: 0.9em;\n color: #3b82f6;\n font-weight: 600;\n margin-bottom: 8px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .market-icon {\n font-size: 1em;\n text-decoration: none;\n padding: 2px 4px;\n border-radius: 4px;\n transition: background-color 0.2s;\n opacity: 0.7;\n }\n\n .market-icon:hover {\n background-color: #f1f5f9;\n opacity: 1;\n }\n\n .event-statement {\n font-size: 1.1em;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.4;\n margin-bottom: 5px;\n }\n\n .loading-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n color: #475569;\n }\n\n .loading-spinner {\n width: 40px;\n height: 40px;\n border: 3px solid #e2e8f0;\n border-top: 3px solid #3b82f6;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin-bottom: 20px;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .error {\n text-align: center;\n padding: 40px;\n font-size: 1.1em;\n color: #dc2626;\n background: #fef2f2;\n border: 1px solid #fecaca;\n border-radius: 10px;\n margin: 50px auto;\n max-width: 500px;\n }\n\n @media (max-width: 768px) {\n .timeline-container {\n padding: 20px 15px;\n padding-right: 80px;\n }\n \n .timeline-header h1 {\n font-size: 2em;\n }\n \n .timeline-track {\n padding-left: 100px;\n }\n \n .countdown-section {\n left: -100px;\n width: 50px;\n }\n \n .countdown {\n font-size: 0.8em;\n padding: 3px 6px;\n }\n \n .event-marker {\n left: -60px;\n }\n \n .timeline-track::before {\n left: 60px;\n }\n \n .year-line {\n left: -60px;\n width: 30px;\n }\n \n .year-nav {\n right: 10px;\n padding: 12px 6px;\n }\n \n .year-nav-btn {\n padding: 6px 8px;\n min-width: 50px;\n font-size: 0.85em;\n }\n }\n\n @media (max-width: 480px) {\n .timeline-track {\n padding-left: 60px;\n }\n \n .countdown-section {\n left: -60px;\n width: 40px;\n }\n \n .countdown {\n font-size: 0.75em;\n padding: 2px 4px;\n }\n \n .event-marker {\n left: -30px;\n }\n \n .timeline-track::before {\n left: 30px;\n }\n \n .year-line {\n left: -30px;\n width: 20px;\n }\n \n .event-content {\n padding-left: 15px;\n }\n \n .event-statement {\n font-size: 1em;\n }\n }\n`;\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface TimelineEvent {\n id: string;\n statement: string;\n originalQuestion: string;\n expectedDate: number;\n confidence: number;\n volume: number;\n url: string;\n creator: string;\n}\n\nfunction App() {\n const [events, setEvents] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n const [activeYear, setActiveYear] = useState(null);\n\n useEffect(() => {\n fetchTimelineEvents();\n }, []);\n\n const fetchTimelineEvents = async () => {\n try {\n const response = await fetch('/api/timeline-events');\n const data = await response.json();\n setEvents(data);\n } catch (err) {\n setError(err instanceof Error ? err.message : 'Failed to load timeline');\n } finally {\n setLoading(false);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n };\n\n const formatYear = (timestamp: number) => {\n return new Date(timestamp).getFullYear();\n };\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 const getEventPosition = (eventDate: number, minDate: number, maxDate: number, index: number, totalEvents: number) => {\n // Use proportional spacing based on actual dates\n if (maxDate === minDate) return index * 100; // Fallback if all same date\n const dateProgress = (eventDate - minDate) / (maxDate - minDate);\n return dateProgress * (totalEvents - 1) * 100; // Scale to fit timeline\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 // Sort events by expected date\n const sortedEvents = [...events].sort((a, b) => a.expectedDate - b.expectedDate);\n const minDate = sortedEvents[0].expectedDate;\n const maxDate = sortedEvents[sortedEvents.length - 1].expectedDate;\n \n // Get unique years for navigation\n const years = [...new Set(sortedEvents.map(event => formatYear(event.expectedDate)))].sort();\n\n return (\n

\n {/* 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

{year}

\n )}\n \n

\n {formatDate(event.expectedDate)}\n

\n \n

\n \n \n {event.statement}\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\n// Smart internal conversion function\nfunction convertQuestionInternally(question: string): string | null {\n // Pattern: \"When will X be Y?\" -> \"X will be Y\"\n const willBePattern = /^(?:When will|In what year will)\\s+(.+?)\\s+be\\s+(.+?)\\??$/i;\n const willBeMatch = question.match(willBePattern);\n if (willBeMatch) {\n const [, subject, predicate] = willBeMatch;\n return `${subject.trim()} will be ${predicate.trim()}`;\n }\n\n // Pattern: \"When will X happen?\" -> \"X will happen\"\n const willHappenPattern = /^(?:When will|In what year will)\\s+(.+?)\\s+happen\\??$/i;\n const willHappenMatch = question.match(willHappenPattern);\n if (willHappenMatch) {\n const [, subject] = willHappenMatch;\n return `${subject.trim()} will happen`;\n }\n\n // Pattern: \"When will X Y?\" -> \"X will Y\" (general case)\n const generalWillPattern = /^(?:When will|In what year will)\\s+(.+?)\\s+((?:release|launch|reach|hit|achieve|solve|cure|discover|invent|create|build|develop|announce|reveal|complete|finish|start|begin|end|die|live|marry|divorce|retire|resign|win|lose|fail|succeed|break|fix|open|close|buy|sell|move|travel|visit|return|leave|arrive|depart|graduate|study|work|play|eat|drink|sleep|wake|run|walk|fly|drive|ride|swim|jump|dance|sing|speak|write|read|listen|watch|see|hear|feel|touch|taste|smell|think|know|learn|teach|help|save|kill|destroy|love|hate|like|dislike|want|need|have|get|give|take|make|do|go|come|stay|remain|become|turn|change|grow|shrink|expand|contract|rise|fall|increase|decrease|improve|worsen|fix|repair|break|damage|build|destroy|create|delete).+)\\??$/i;\n const generalWillMatch = question.match(generalWillPattern);\n if (generalWillMatch) {\n const [, subject, action] = generalWillMatch;\n return `${subject.trim()} will ${action.trim()}`;\n }\n\n // Pattern: \"In what year will X?\" -> \"X will happen in [year]\"\n const yearPattern = /^In what year will\\s+(.+?)\\??$/i;\n const yearMatch = question.match(yearPattern);\n if (yearMatch) {\n const [, subject] = yearMatch;\n return `${subject.trim()} will happen`;\n }\n\n return null; // Return null if no pattern matches\n}\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 try {\n // Fetch more markets to get 25 total\n const response = await fetch('https://api.manifold.markets/v0/search-markets?contractType=DATE&limit=150');\n const allMarkets = await response.json();\n \n if (allMarkets.length === 0) {\n return new Response(JSON.stringify({ error: 'No DATE markets found' }), {\n status: 404,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n \n // Filter for open markets\n const now = Date.now();\n const openMarkets = allMarkets.filter(market => \n !market.isResolved && market.closeTime > now\n );\n \n // Take first 25 open markets\n const first25Open = openMarkets.slice(0, 25);\n \n // For each market, fetch answers and calculate weighted average\n const marketsWithPredictions = await Promise.all(\n first25Open.map(async (market) => {\n try {\n const answersResponse = await fetch(`https://api.manifold.markets/v0/market/${market.id}/answers`);\n const answers = await answersResponse.json();\n \n if (!answers || answers.length === 0) {\n return null;\n }\n \n // Calculate weighted average\n let weightedSum = 0;\n let totalWeight = 0;\n \n answers.forEach(answer => {\n const weight = answer.prob;\n const midpoint = answer.midpoint;\n \n weightedSum += midpoint * weight;\n totalWeight += weight;\n });\n \n const weightedAverage = totalWeight > 0 ? weightedSum / totalWeight : null;\n if (!weightedAverage) return null;\n \n // Find top choice for confidence\n const topAnswer = answers.reduce((max, answer) => \n answer.prob > max.prob ? answer : max, answers[0]\n );\n \n return {\n id: market.id,\n question: market.question,\n expectedDate: weightedAverage,\n confidence: Math.round(topAnswer.prob * 100),\n volume: market.volume,\n url: market.url,\n creator: market.creatorName\n };\n } catch (err) {\n console.error(`Error processing market ${market.id}:`, err);\n return null;\n }\n })\n );\n \n // Filter out null results\n const validMarkets = marketsWithPredictions.filter(Boolean);\n \n if (validMarkets.length === 0) {\n return new Response(JSON.stringify({ error: 'No valid markets with predictions found' }), {\n status: 404,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n \n // Convert questions to statements - try internal conversion first\n const statements = [];\n const questionsNeedingAPI = [];\n const questionIndices = [];\n \n for (let i = 0; i < validMarkets.length; i++) {\n const question = validMarkets[i].question;\n const internalConversion = convertQuestionInternally(question);\n \n if (internalConversion) {\n statements[i] = internalConversion;\n console.log(`Internal conversion: \"${question}\" -> \"${internalConversion}\"`);\n } else {\n questionsNeedingAPI.push(question);\n questionIndices.push(i);\n }\n }\n \n // For questions that couldn't be converted internally, use the API\n if (questionsNeedingAPI.length > 0) {\n console.log(`Using API for ${questionsNeedingAPI.length} questions that couldn't be converted internally`);\n \n for (let i = 0; i < questionsNeedingAPI.length; i++) {\n const originalIndex = questionIndices[i];\n try {\n const singleResponse = await fetch('https://dcm31--3ecca0c4696611f092dd0224a6c84d84.web.val.run/convert', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ question: questionsNeedingAPI[i] })\n });\n \n if (singleResponse.ok) {\n const result = await singleResponse.json();\n statements[originalIndex] = result.statement;\n console.log(`API conversion: \"${questionsNeedingAPI[i]}\" -> \"${result.statement}\"`);\n } else {\n // Fallback: simple conversion\n statements[originalIndex] = questionsNeedingAPI[i].replace(/^(When will|In what year will)\\s+/i, '').replace(/\\?$/, '') + ' will happen';\n }\n \n // Rate limiting delay\n if (i < questionsNeedingAPI.length - 1) {\n await new Promise(resolve => setTimeout(resolve, 1200));\n }\n } catch (err) {\n console.error(`Error converting question ${i}:`, err);\n statements[originalIndex] = questionsNeedingAPI[i].replace(/^(When will|In what year will)\\s+/i, '').replace(/\\?$/, '') + ' will happen';\n }\n }\n }\n \n // Combine the data\n const timelineEvents: TimelineEvent[] = validMarkets.map((market, index) => ({\n id: market.id,\n statement: statements[index] || (market.question.replace(/^(When will|In what year will)\\s+/i, '').replace(/\\?$/, '') + ' will happen'),\n originalQuestion: market.question,\n expectedDate: market.expectedDate,\n confidence: market.confidence,\n volume: market.volume,\n url: market.url,\n creator: market.creator\n }));\n \n return new Response(JSON.stringify(timelineEvents), {\n headers: { 'Content-Type': 'application/json' }\n });\n \n } catch (error) {\n return new Response(JSON.stringify({ error: error.message }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\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 headers: { \"content-type\": \"text/html\" }\n });\n}\n\nconst css = `\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif;\n line-height: 1.6;\n background-color: #f8fafc;\n color: #334155;\n }\n\n .app-container {\n display: flex;\n min-height: 100vh;\n }\n\n .year-nav {\n position: fixed;\n right: 20px;\n top: 50%;\n transform: translateY(-50%);\n background: white;\n border-radius: 12px;\n padding: 16px 8px;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n border: 1px solid #e2e8f0;\n z-index: 100;\n }\n\n .year-nav-title {\n font-size: 0.8em;\n font-weight: 600;\n color: #64748b;\n text-align: center;\n margin-bottom: 12px;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n }\n\n .year-nav-btn {\n display: block;\n width: 100%;\n padding: 8px 12px;\n margin-bottom: 4px;\n background: none;\n border: none;\n border-radius: 6px;\n font-size: 0.9em;\n font-weight: 500;\n color: #64748b;\n cursor: pointer;\n transition: all 0.2s;\n text-align: center;\n min-width: 60px;\n }\n\n .year-nav-btn:hover {\n background-color: #f1f5f9;\n color: #3b82f6;\n }\n\n .year-nav-btn.active {\n background-color: #3b82f6;\n color: white;\n }\n\n .timeline-container {\n flex: 1;\n max-width: 900px;\n margin: 0 auto;\n padding: 40px 20px;\n padding-right: 120px;\n }\n\n .timeline-header {\n text-align: center;\n margin-bottom: 50px;\n padding-bottom: 30px;\n border-bottom: 2px solid #e2e8f0;\n }\n\n .timeline-header h1 {\n font-size: 4em;\n font-weight: 900;\n color: #1e293b;\n margin-bottom: 15px;\n letter-spacing: -0.02em;\n }\n\n .timeline-header p {\n font-size: 1.2em;\n color: #64748b;\n margin-bottom: 10px;\n }\n\n .timeline-header a {\n color: #3b82f6;\n text-decoration: none;\n font-weight: 500;\n }\n\n .timeline-header a:hover {\n text-decoration: underline;\n }\n\n .byline {\n font-size: 1em;\n color: #94a3b8;\n }\n\n .byline a {\n color: #64748b;\n }\n\n .timeline-wrapper {\n position: relative;\n }\n\n .timeline-track {\n position: relative;\n padding-left: 180px;\n }\n\n .timeline-track::before {\n content: '';\n position: absolute;\n left: 80px;\n top: 0;\n bottom: 0;\n width: 3px;\n background-color: #cbd5e1;\n }\n\n .year-separator {\n position: relative;\n margin: 50px 0 30px 0;\n }\n\n .year-line {\n position: absolute;\n left: -80px;\n top: 50%;\n transform: translateY(-50%);\n width: 40px;\n height: 4px;\n background-color: #3b82f6;\n }\n\n .year-label {\n font-size: 1.5em;\n font-weight: 700;\n color: #3b82f6;\n padding-left: 20px;\n }\n\n .timeline-event {\n margin-bottom: 30px;\n }\n\n .event-row {\n display: flex;\n align-items: center;\n position: relative;\n }\n\n .event-date {\n position: absolute;\n left: -180px;\n width: 100px;\n text-align: right;\n font-size: 0.9em;\n color: #64748b;\n font-weight: 500;\n }\n\n .event-marker {\n position: absolute;\n left: -80px;\n z-index: 2;\n display: flex;\n align-items: center;\n }\n\n .event-dot {\n width: 12px;\n height: 12px;\n background-color: #3b82f6;\n border: 3px solid #f8fafc;\n border-radius: 50%;\n box-shadow: 0 0 0 2px #cbd5e1;\n }\n\n .event-connector {\n width: 30px;\n height: 2px;\n background-color: #cbd5e1;\n margin-left: 6px;\n }\n\n .event-content {\n flex: 1;\n padding-left: 20px;\n }\n\n .event-link {\n display: flex;\n align-items: center;\n gap: 8px;\n text-decoration: none;\n color: inherit;\n transition: all 0.2s ease;\n padding: 8px 12px;\n border-radius: 6px;\n margin: -8px -12px;\n }\n\n .event-link:hover {\n background-color: #f1f5f9;\n color: #3b82f6;\n }\n\n .event-statement {\n font-size: 1.1em;\n font-weight: 500;\n color: #1e293b;\n line-height: 1.4;\n }\n\n .external-link-icon {\n color: #94a3b8;\n flex-shrink: 0;\n transition: color 0.2s ease;\n }\n\n .event-link:hover .external-link-icon {\n color: #3b82f6;\n }\n\n .loading-container {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n min-height: 100vh;\n color: #475569;\n }\n\n .loading-spinner {\n width: 40px;\n height: 40px;\n border: 3px solid #e2e8f0;\n border-top: 3px solid #3b82f6;\n border-radius: 50%;\n animation: spin 1s linear infinite;\n margin-bottom: 20px;\n }\n\n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n\n .error {\n text-align: center;\n padding: 40px;\n font-size: 1.1em;\n color: #dc2626;\n background: #fef2f2;\n border: 1px solid #fecaca;\n border-radius: 10px;\n margin: 50px auto;\n max-width: 500px;\n }\n\n @media (max-width: 768px) {\n .timeline-container {\n padding: 20px 15px;\n padding-right: 80px;\n }\n \n .timeline-header h1 {\n font-size: 3em;\n }\n \n .timeline-track {\n padding-left: 140px;\n }\n \n .event-date {\n left: -140px;\n width: 80px;\n font-size: 0.8em;\n }\n \n .event-marker {\n left: -60px;\n }\n \n .timeline-track::before {\n left: 60px;\n }\n \n .year-line {\n left: -60px;\n width: 30px;\n }\n \n .year-nav {\n right: 10px;\n padding: 12px 6px;\n }\n \n .year-nav-btn {\n padding: 6px 8px;\n min-width: 50px;\n font-size: 0.85em;\n }\n }\n\n @media (max-width: 480px) {\n .timeline-track {\n padding-left: 100px;\n }\n \n .event-date {\n left: -100px;\n width: 60px;\n font-size: 0.75em;\n }\n \n .event-marker {\n left: -40px;\n }\n \n .timeline-track::before {\n left: 40px;\n }\n \n .year-line {\n left: -40px;\n width: 25px;\n }\n \n .event-content {\n padding-left: 15px;\n }\n \n .event-statement {\n font-size: 1em;\n }\n \n .timeline-header h1 {\n font-size: 2.5em;\n }\n \n .timeline-header p {\n font-size: 1.1em;\n }\n }\n`;\n","createdAt",["D",1753459905644],"branchVersion","branchId","3c5290a4-696d-11f0-9970-0224a6c84d84","id","5cbdcc4a-6964-11f0-9ae6-0224a6c84d84","when",["D",1753454022202],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","a timeline of date markets on manifold.markets","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","6b727d94-6964-11f0-bad0-0224a6c84d84","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","5cbdcc4a696411f09ae60224a6c84d84","tursoHostname","5cbdcc4a696411f09ae60224a6c84d84-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789527031073],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_18":55,"_107":108,"_109":25},"branch",{"_13":89,"_32":90,"_43":42,"_91":44,"_92":93,"_94":95,"_96":50,"_97":44,"_98":65,"_99":45,"_100":101},"isOwned",12,"timeline","projectId","forkedBranchId","5cbe35ae-6964-11f0-9ae6-0224a6c84d84","forkedBranchVersion",5,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789592399&sig=88bcaa4ca5c91b3d37bd9f9e2265f250b254a647312a9ccca82d0aeb36af01f0","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":164,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":165,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":166,"_84":167,"_86":168,"_88":25},"tree",[159],"files",[159],"counts",{"_148":63,"_149":14,"_150":151,"_152":153,"_154":155},"contents",[141],"upstreamProject","upstreamBranch",{"_43":93,"_38":134,"_135":136,"_32":137,"_91":44,"_13":138,"_92":-5,"_94":-5,"_139":140,"_47":-5,"_88":25,"_49":50,"_100":101,"_64":65,"_99":45},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1753454022202],"updatedAt",["D",1784124994783],"main",45,"lockfileKey","1784124995001-esm.town_v_dcm31_when@45-main",{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":145,"_13":95,"_33":34,"_35":37,"_24":25,"_146":-5,"_27":147},"0f8d109e-6972-11f0-9857-0224a6c84d84","parentId","latest",["D",1753459905644],"label",[28],"pulls","branches","forks",1,"envVars",{"_156":63,"_158":63},"connections",{"_156":63,"_157":63},"count","unfilledCount","emptyCount",{"_43":142,"_32":28,"_30":31,"_143":-5,"_41":42,"_40":14,"_144":25,"_38":160,"_13":95,"_33":34,"_35":37,"_24":25,"_146":-5,"_161":162,"_27":163},["D",1753459905644],"children",[],[28],["D",1753454022202],["D",1789527031073],{"_102":101,"_110":106},{"_102":101,"_103":104,"_105":106,"_18":55,"_107":108,"_109":25},{"_13":89,"_32":90,"_43":42,"_91":44,"_92":93,"_94":95,"_96":50,"_97":44,"_98":65,"_99":45,"_100":101},"ctx",{"_82":-5,"_131":202,"_203":204,"_205":206,"_207":25,"_208":25,"_209":25,"_210":59,"_211":-5,"_212":-7,"_213":-7,"_214":63,"_215":25,"_216":25,"_217":-5,"_218":25,"_219":25,"_220":25,"_221":-5},"ENV",{"_173":174,"_175":176,"_177":137,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v6