SpaceX Launches 🚀

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_260":261,"_262":263},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":106,"_13":14,"_107":-5,"_11":108,"_109":110,"_111":112,"_113":114,"_115":116,"_20":-5,"_117":-5,"_118":-5,"_119":25,"_120":121,"_122":58,"_123":-5,"_124":-5,"_125":126},"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":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",39,"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","spacexchart.ts","latestPath","fileId","8a490e66-1740-11f0-b705-569c3dd06744","name","fileType","script","content","export const getChartUrl = (launches, isPast) => {\n let vehicles = [\"F9 B5\", \"Falcon Heavy\", \"F9 B4\", \"F9 FT\", \"F9 v1.1\", \"F9 v1.0\"];\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 = 2025;\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++) futureYears.push(index);\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=${encodeURIComponent(JSON.stringify(chart))}`;\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};","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}","createdAt",["D",1775306056567],"branchVersion","branchId","96397d10-173f-11f0-8dde-569c3dd06744","id","96392c2a-173f-11f0-8dde-569c3dd06744","spacex",["D",1744422231917],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","6354d4b9-fd24-49d9-a600-cf17a1a9cf30","pinnedFileId","45f21276-1740-11f0-956a-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",37,"likeCount",0,"orgId","54e6f3c3-bf27-4301-a0b3-0ccc1fb75a27","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":100},"org",{"_97":96,"_98":-5,"_99":100,"_18":54,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",55,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","moe","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18yanFDd29JUGxvVEl1YVVlcHJiV2VYMUxFWjkifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":256,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":-5,"_60":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":257,"_81":258,"_83":259,"_85":25},"tree",[210,212,213,214,215,216,217,218,219],"files",[210,211,212,213,214,215,216,217,218,219],"counts",{"_200":63,"_201":183,"_202":63,"_203":204,"_205":206},"contents",[127,128,129,130,131,132,133,134,135],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":193,"_32":194,"_30":195,"_139":-5,"_41":42,"_40":196,"_140":58,"_38":197,"_13":63,"_33":198,"_35":-5,"_24":25,"_145":-5,"_27":199},{"_43":186,"_32":187,"_30":188,"_139":-5,"_41":42,"_40":189,"_140":58,"_38":190,"_13":63,"_33":20,"_35":191,"_24":25,"_145":-5,"_27":192},{"_43":179,"_32":180,"_30":181,"_139":-5,"_41":42,"_40":149,"_140":58,"_38":182,"_13":183,"_33":20,"_35":184,"_24":25,"_145":-5,"_27":185},{"_43":172,"_32":173,"_30":174,"_139":-5,"_41":42,"_40":175,"_140":58,"_38":176,"_13":63,"_33":20,"_35":177,"_24":25,"_145":-5,"_27":178},{"_43":165,"_32":166,"_30":56,"_139":-5,"_41":42,"_40":167,"_140":25,"_38":168,"_13":169,"_33":143,"_35":170,"_24":25,"_145":45,"_27":171},{"_43":158,"_32":159,"_30":160,"_139":-5,"_41":42,"_40":161,"_140":25,"_38":162,"_13":149,"_33":143,"_35":163,"_24":25,"_145":-5,"_27":164},{"_43":151,"_32":152,"_30":153,"_139":-5,"_41":42,"_40":154,"_140":58,"_38":155,"_13":149,"_33":143,"_35":156,"_24":25,"_145":-5,"_27":157},{"_43":147,"_32":28,"_30":31,"_139":-5,"_41":42,"_40":14,"_140":58,"_38":148,"_13":149,"_33":34,"_35":37,"_24":25,"_145":-5,"_27":150},{"_43":136,"_32":137,"_30":138,"_139":-5,"_41":42,"_40":61,"_140":58,"_38":141,"_13":142,"_33":143,"_35":144,"_24":25,"_145":-5,"_27":146},"f8719dc8-2428-11f0-a3da-569c3dd06744","spaceximage.tsx","9a256244-1740-11f0-a447-569c3dd06744","parentId","latest",["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}","label",[137],"98345f8e-3022-11f1-823d-42dde27851f2",["D",1775306056567],2,[28],"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};",[152],"23c836fc-7718-11f0-94f7-0224a6c84d84","spacexapi.ts","61db6b22-1740-11f0-a0c7-569c3dd06744",38,["D",1754960601161],"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 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(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(tableSelector)\n\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('lunar')) return '🌘'\n if (text.toLowerCase().includes('classified')) return '👽'\n if (text.toLowerCase().includes('tourist')) return '👨‍🚀'\n if (text.toLowerCase().includes('rideshare')) 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}",[159],"185be24a-23bd-11f0-b938-569c3dd06744","index.tsx",27,["D",1745795551285],11,"/** @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

Diff · v39