SpaceX Launches 🚀

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_262":263,"_264":265},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_198":-5,"_20":199,"_22":200,"_201":202,"_203":204,"_26":205,"_24":206,"_207":-5,"_208":-5,"_209":70,"_210":211,"_212":64,"_213":-5,"_214":-5,"_215":216},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","moe","name","spacex","branchName","main","version","path",".vtignore","project",{"_33":145,"_13":14,"_44":146,"_147":-5,"_148":70,"_149":150,"_151":150,"_152":-5,"_153":-5,"_154":155,"_156":102,"_157":64,"_158":-5,"_159":62,"_160":42,"_161":162,"_163":-5,"_164":-5,"_165":-5,"_166":-5,"_167":168,"_169":168,"_170":171,"_172":171,"_173":171,"_174":168,"_175":168,"_176":177,"_178":179,"_180":181,"_182":70},"tree",[50,51,52,53,54,55,56,57,58],"file",{"_33":34,"_35":36,"_37":38,"_13":19,"_39":40,"_41":24,"_17":42,"_43":-5,"_44":45,"_46":47,"_48":-5,"_18":49},"contents",[],"upstream","pull","ahead","behind","envVars","id","1861bf80-23bd-11f0-889c-569c3dd06744","branchId","96397d10-173f-11f0-8dde-569c3dd06744","fileId","1861c00c-23bd-11f0-889c-569c3dd06744","content",".git\n.DS_Store\nnode_modules\nvendor","fileType",0,"parentId","createdAt",["D",1745795551289],"branchVersion",29,"label",[19],{"_33":128,"_13":129,"_37":130,"_43":-5,"_35":36,"_46":131,"_63":64,"_44":132,"_17":42,"_41":133,"_39":-5,"_69":70,"_48":-5,"_71":134,"_18":135},{"_33":34,"_13":19,"_37":38,"_43":-5,"_35":36,"_46":47,"_63":64,"_44":125,"_17":42,"_41":24,"_39":40,"_69":70,"_48":-5,"_71":126,"_18":127},{"_33":117,"_13":118,"_37":119,"_43":-5,"_35":36,"_46":79,"_63":64,"_44":120,"_17":121,"_41":24,"_39":122,"_69":70,"_48":-5,"_71":123,"_18":124},{"_33":109,"_13":110,"_37":111,"_43":-5,"_35":36,"_46":112,"_63":64,"_44":113,"_17":42,"_41":24,"_39":114,"_69":70,"_48":-5,"_71":115,"_18":116},{"_33":100,"_13":101,"_37":102,"_43":-5,"_35":36,"_46":103,"_63":64,"_44":104,"_17":105,"_41":67,"_39":106,"_69":70,"_48":14,"_71":107,"_18":108},{"_33":92,"_13":93,"_37":94,"_43":-5,"_35":36,"_46":95,"_63":64,"_44":96,"_17":87,"_41":67,"_39":97,"_69":70,"_48":-5,"_71":98,"_18":99},{"_33":84,"_13":85,"_37":86,"_43":-5,"_35":36,"_46":87,"_63":64,"_44":88,"_17":79,"_41":67,"_39":89,"_69":70,"_48":-5,"_71":90,"_18":91},{"_33":74,"_13":75,"_37":76,"_43":-5,"_35":36,"_46":77,"_63":64,"_44":78,"_17":79,"_41":80,"_39":81,"_69":70,"_48":-5,"_71":82,"_18":83},{"_33":59,"_13":60,"_37":61,"_43":-5,"_35":36,"_46":62,"_63":64,"_44":65,"_17":66,"_41":67,"_39":68,"_69":70,"_48":-5,"_71":72,"_18":73},"f8719dc8-2428-11f0-a3da-569c3dd06744","spaceximage.tsx","9a256244-1740-11f0-a447-569c3dd06744",37,"latest",true,["D",1745841883389],8,"http","/** @jsxImportSource https://esm.sh/react */\nimport { ogImage } from \"https://esm.town/v/moe/ogImage\";\n\nexport default async function(req: Request): Promise {\n // const data = await fetch(\"https://moe-spacexapi.web.val.run\").then((res) => res.json())\n // const l = data.launches[0]\n // console.log(l)\n // return Response.json({ ok: true })\n // return new Response(await launchImage(l), { headers: { \"Content-Type\": \"image/png\" } })\n return new Response(await homeImage(), {\n headers: { \"Content-Type\": \"image/png\", \"cache-control\": \"public, max-age=86400\" },\n });\n}\n\nexport async function launchImage(l) {\n return await ogImage(\n

{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}","deleted",false,"children",[],[60],"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}",[],[75],"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};",[],[85],"f54ece29-59a2-4062-8897-0e2f3fa34a0b","spacexapi.ts","61db6b22-1740-11f0-a0c7-569c3dd06744",55,["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}",[],[93],"58307fbe-0f07-4432-8272-fe87e53ba57c","index.tsx","45f21276-1740-11f0-956a-569c3dd06744",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