SpaceX Launches 🚀

{l.dateText}

{l.payloadIcon} {l.payload} • {l.customer}

{l.type} • {l.site} • {l.orbit}

{l.note}

,\n );\n}\n\nexport async function homeImage() {\n return await ogImage(\n

🚀

SpaceX

Launches

,\n );\n}","children",[],[170],"98345f8e-3022-11f1-823d-42dde27851f2","spacexchart.ts","8a490e66-1740-11f0-b705-569c3dd06744",39,["D",1775306056567],2,"script","export const getChartUrl = (launches, isPast) => {\n let vehicles = [\n 'F9 B5',\n 'Falcon Heavy',\n 'F9 B4',\n 'F9 FT',\n 'F9 v1.1',\n 'F9 v1.0',\n ]\n let colors = [\n 'rgba(54, 162, 235, 1)',\n 'rgba(255, 99, 132, 1)',\n 'rgba(255, 206, 86, 1)',\n 'rgba(75, 192, 192, 1)',\n 'rgba(153, 102, 255, 1)',\n 'rgba(255, 159, 64, 1)',\n 'rgba(100, 100, 100, 1)',\n ]\n\n let getChartData = (yearLabels, launches) => {\n let getYearFromDateText = (launchDateText) => {\n for (let y of yearLabels) if (launchDateText.includes(y)) return y\n }\n let data = {\n labels: yearLabels,\n datasets: vehicles.map((v, i) => {\n const ll = launches.filter((launch) => launch.type.includes(v))\n let years = ll.map((launch) => getYearFromDateText(launch.dateText))\n // console.log(v, years)\n\n let counts = years.reduce((map, val) => {\n map[val] = (map[val] || 0) + 1\n return map\n }, {})\n return {\n label: v,\n data: yearLabels.map((y) => counts[y] || 0),\n backgroundColor: colors[i],\n }\n }),\n }\n return data\n }\n\n const currentYear = 2026\n let pastYears = []\n for (let index = 2010; index <= currentYear; index++) pastYears.push(index)\n\n let futureYears = []\n for (let index = currentYear; index <= currentYear + 4; index++) {\n futureYears.push(index)\n }\n\n const years = isPast ? pastYears : futureYears\n const chartData = getChartData(years, launches)\n\n const chart = {\n type: 'bar',\n data: chartData,\n options: chartOptions,\n }\n\n return `https://quickchart.io/chart?c=${\n encodeURIComponent(JSON.stringify(chart))\n }`\n}\n\nconst gridLineColor = 'rgba(130, 130, 130, 0.3)'\n\nconst chartOptions = {\n maintainAspectRatio: false,\n animation: false,\n legend: {\n labels: {\n boxWidth: 20,\n fontColor: '#888',\n },\n },\n scales: {\n yAxes: [\n {\n stacked: true,\n ticks: {\n beginAtZero: true,\n fontColor: '#888',\n },\n gridLines: {\n color: gridLineColor,\n zeroLineColor: gridLineColor,\n },\n },\n ],\n xAxes: [\n {\n stacked: true,\n ticks: {\n fontColor: '#888',\n },\n gridLines: {\n color: gridLineColor,\n zeroLineColor: gridLineColor,\n },\n },\n ],\n },\n}",[],[180],"ccdd8fae-1740-11f0-956a-569c3dd06744","spacexcalendar.ts","7e1a376e-1740-11f0-9ed1-569c3dd06744",17,["D",1744422753082],"import ical from \"npm:ical-generator\";\nimport moment from \"npm:moment-timezone\";\n\nimport { getLaunches } from \"./spacexapi.ts\";\n\nexport default async function(req: Request): Promise {\n const data = await spacexCalendar();\n // return Response.json(data)\n return new Response(data, {\n headers: {\n \"Content-Type\": \"text/plain; charset=utf-8\",\n // \"Content-Type\": \"text/calendar; charset=utf-8\",\n // \"Cache-Control\": \"public, max-age=1800\",\n },\n });\n}\n\nexport const spacexCalendar = async () => {\n const data = await getLaunches();\n if (!data) { throw null; }\n // console.log(data)\n\n data.launches = data.launches.filter(l => !!l.date);\n\n const timezone = \"UTC\";\n const cal = ical({ domain: \"spacex.page\", name: \"SpaceX Launches\" }).timezone(timezone);\n\n for (let launch of data.launches) {\n // console.log(launch)\n const event = cal.createEvent({\n start: moment.tz(launch.date, timezone),\n end: moment.tz(launch.date, timezone).add(1, \"hour\"),\n timezone: timezone,\n summary: \"🚀 \" + (launch.payloadIcon ? launch.payloadIcon + \" \" : \"\") + launch.payload + \" • \" + launch.customer,\n location: launch.type + \" • \" + launch.site + \" • \" + launch.orbit,\n description: launch.note,\n organizer: \"SpaceX \",\n transparency: \"TRANSPARENT\",\n });\n const alarm = event.createAlarm({ type: \"audio\", trigger: 1800 });\n }\n\n // return (data.launches)\n return cal.toString();\n};",[],[190],"f54ece29-59a2-4062-8897-0e2f3fa34a0b","spacexapi.ts","61db6b22-1740-11f0-a0c7-569c3dd06744",["D",1784227813765],"import cheerio from 'npm:cheerio@1.0.0-rc.12'\n\nexport default async function (req: Request): Promise {\n const data = await getLaunches()\n return Response.json(data)\n}\n\nexport async function getLaunches() {\n var y10to19 = await loadPage(\n 'https://en.wikipedia.org/wiki/List_of_Falcon_9_and_Falcon_Heavy_launches_(2010%E2%80%932019)',\n )\n var y20to22 = await loadPage(\n 'https://en.wikipedia.org/wiki/List_of_Falcon_9_and_Falcon_Heavy_launches_(2020%E2%80%932022)',\n )\n var y23 = await loadPage(\n 'https://en.wikipedia.org/wiki/List_of_Falcon_9_and_Falcon_Heavy_launches_(2023)',\n )\n var y24 = await loadPage(\n 'https://en.wikipedia.org/wiki/List_of_Falcon_9_and_Falcon_Heavy_launches_(2024)',\n )\n var current = await loadPage(\n 'https://en.wikipedia.org/wiki/List_of_Falcon_9_and_Falcon_Heavy_launches',\n )\n\n var data = {\n pastLaunches: [\n ...getRows(y10to19, '#Launches', 'table.collapsible', parsePastRows),\n ...getRows(y20to22, '#Launches', 'table.collapsible', parsePastRows),\n ...getRows(y23, '#Launches', 'table.collapsible', parsePastRows),\n ...getRows(y24, '#Launches', 'table.collapsible', parsePastRows),\n ...getRows(current, '#Past_launches', 'table.collapsible', parsePastRows),\n ],\n launches: [\n ...getRows(current, '#Future_launches', 'table', parseFutureRows),\n ],\n }\n\n return data\n}\n\nasync function loadPage(url) {\n const response = await fetch(url)\n const body = await response.text()\n const $ = cheerio.load(body)\n return $\n}\n\nfunction getRows($, h2Selector, tableSelector, parseFunc) {\n var launchesH2 = $(h2Selector).parent()\n var launchesTable = launchesH2.nextAll().find(tableSelector)\n var rows = launchesTable.find('tr')\n rows = rows.filter(function (i, el) {\n if ($(this).find('th').length > 2) return false // hide header\n // if ($(this).find(\"td\").first().attr(\"colspan\") == 6) return false // hide year rows\n return true\n })\n\n let launches = parseFunc(rows, $)\n return launches\n}\n\nfunction parseFutureRows(rows, $) {\n var launches = []\n var launch: any = {}\n rows.each(function (i, el) {\n $(this).find('br').replaceWith(' ')\n var children = $(this).children()\n // console.log(children.length)\n if (children.first().attr('rowspan')) {\n launch = {}\n launch.dateText = removeReferences(children.eq(0).text())\n launch.dateText = launch.dateText.replace(/(\\d\\d:\\d\\d)/, ' $1')\n if (launch.dateText.match(/(\\d\\d:\\d\\d)/)) {\n launch.date = new Date(launch.dateText.replace('~', '@') + ' UTC')\n }\n if (isNaN(launch.date)) launch.date = null\n launch.type = removeReferences(children.eq(1).text()).replace('♺', '♻️')\n launch.site = removeReferences(children.eq(2).text())\n launch.payload = removeReferences(children.eq(3).text())\n launch.payloadIcon = getPayloadIcon(launch.payload)\n launch.orbit = removeReferences(children.eq(4).text())\n launch.customer = removeReferences(children.eq(5).text())\n } else if (!children.first().attr('colspan') && children.length == 1) {\n launch.type += ', ' + removeReferences(children.eq(0).text())\n } else if (children.first().attr('colspan')) {\n launch.note = removeReferences(children.eq(0).text())\n launch.payloadIcon = launch.payloadIcon || getPayloadIcon(launch.note)\n launches.push(launch)\n }\n })\n return launches\n}\nfunction parsePastRows(rows, $) {\n var launches = []\n var launch: any = {}\n rows.each(function (i, el) {\n $(this).find('br').replaceWith(' ')\n var children = $(this).children()\n // console.log(children.length)\n if (children.first().attr('rowspan')) {\n launch = {}\n launch.dateText = removeReferences(children.eq(1).text())\n launch.dateText = launch.dateText.replace(/(\\d\\d:\\d\\d)/, ' $1')\n if (launch.dateText.match(/(\\d\\d:\\d\\d)/)) {\n launch.date = new Date(launch.dateText.replace('~', '@') + ' UTC')\n }\n if (isNaN(launch.date)) launch.date = null\n launch.type = removeReferences(children.eq(2).text()).replace('♺', '♻️')\n launch.site = removeReferences(children.eq(3).text())\n launch.payload = removeReferences(children.eq(4).text())\n launch.payloadIcon = getPayloadIcon(launch.payload)\n launch.orbit = removeReferences(children.eq(6).text())\n launch.customer = removeReferences(children.eq(7).text())\n launch.outcome = removeReferences(children.eq(8).text())\n } else if (!children.first().attr('colspan') && children.length == 2) {\n launch.type += ', ' + removeReferences(children.eq(0).text())\n } else if (children.first().attr('colspan')) {\n launch.note = removeReferences(children.eq(0).text())\n launch.payloadIcon = launch.payloadIcon || getPayloadIcon(launch.note)\n launches.push(launch)\n }\n })\n return launches\n}\n\nfunction getPayloadIcon(text) {\n if (text.toLowerCase().includes('starlink')) return '🛰'\n if (text.toLowerCase().includes('gps')) return '📍'\n if (text.toLowerCase().includes('crs')) return '📦'\n if (text.toLowerCase().includes('astronaut')) return '👨‍🚀'\n if (text.toLowerCase().includes('crew')) return '👨‍🚀'\n if (text.toLowerCase().includes('lunar')) return '🌘'\n if (text.toLowerCase().includes('classified')) return '👽'\n if (text.toLowerCase().includes('tourist')) return '👨‍🚀'\n if (text.toLowerCase().includes('rideshare')) return '🚌'\n if (text.toLowerCase().includes('telescope')) return '🔭'\n return null\n}\n\nfunction removeReferences(string) {\n return string.replace(/\\[\\d+\\]/g, '').replace(/\\n$/g, '').replace(\n /\\u00A0/g,\n ' ',\n )\n}",[],[198],"58307fbe-0f07-4432-8272-fe87e53ba57c","index.tsx",40,["D",1784219427198],12,"/** @jsxImportSource npm:hono@3/jsx */\nimport { Hono } from 'npm:hono'\n\nimport { getLaunches } from './spacexapi.ts'\nimport { spacexCalendar } from './spacexcalendar.ts'\nimport { getChartUrl } from './spacexchart.ts'\nimport { homeImage, launchImage } from './spaceximage.tsx'\n\nconst app = new Hono()\nexport default app.fetch\n\nconst baseUrl = 'https://spacex.page'\n\napp.get('/', async (c) => {\n const url = new URL(c.req.url)\n const isPast = url.searchParams.has('past')\n const data = await getLaunches()\n const launches = isPast ? data.pastLaunches.reverse() : data.launches\n // console.log(launches)\n\n const chartUrl = getChartUrl(launches, isPast)\n\n const v2fcframe = {\n version: 'next',\n imageUrl: baseUrl + '/image',\n button: {\n title: 'SpaceX Launches 🚀',\n action: {\n type: 'launch_frame',\n name: 'SpaceX Launches 🚀',\n url: baseUrl,\n splashImageUrl: baseUrl + '/image',\n splashBackgroundColor: '#111111',\n },\n },\n }\n\n const html = (\n \n \n SpaceX Launches 🚀\n

History · .vtignore