SpaceX Launches 🚀

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_215":216,"_217":218},"routes/_app.x.$handle.$name",{"_98":97,"_33":46,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":59,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_33":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",15,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30},"file",{"_31":32,"_33":28,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_31":32,"_33":28,"_34":35,"_36":37},"deleted",false,"deletedHere","path","spaceximage.ts","latestPath","spaceximage.tsx","fileId","9a256244-1740-11f0-a447-569c3dd06744","name","fileType","http","content","export default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}","/** @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=3600\" },\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}","createdAt",["D",1744422670585],"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",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":87,"_33":88,"_44":43,"_89":45,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":46,"_96":97},"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",{"_44":45,"_33":46,"_39":211,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":212,"_82":213,"_84":214,"_86":25},"tree",[186,187,188,189,190,191],"files",[186,187,188,189,190,191],"counts",{"_176":64,"_177":138,"_178":64,"_179":180,"_181":182},"contents",[128,129,130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":169,"_33":170,"_31":171,"_135":-5,"_42":43,"_41":172,"_136":59,"_39":173,"_13":138,"_34":20,"_36":174,"_24":25,"_139":-5,"_27":175},{"_44":163,"_33":164,"_31":57,"_135":-5,"_42":43,"_41":165,"_136":25,"_39":166,"_13":138,"_34":35,"_36":167,"_24":25,"_139":46,"_27":168},{"_44":156,"_33":157,"_31":158,"_135":-5,"_42":43,"_41":159,"_136":25,"_39":160,"_13":138,"_34":35,"_36":161,"_24":25,"_139":-5,"_27":162},{"_44":149,"_33":150,"_31":151,"_135":-5,"_42":43,"_41":152,"_136":25,"_39":153,"_13":138,"_34":35,"_36":154,"_24":25,"_139":-5,"_27":155},{"_44":141,"_33":142,"_31":143,"_135":-5,"_42":43,"_41":144,"_136":25,"_39":145,"_13":138,"_34":146,"_36":147,"_24":25,"_139":-5,"_27":148},{"_44":134,"_33":28,"_31":32,"_135":-5,"_42":43,"_41":14,"_136":25,"_39":137,"_13":138,"_34":35,"_36":38,"_24":25,"_139":-5,"_27":140},"9bb1a000-1740-11f0-848b-569c3dd06744","parentId","latest",["D",1744422670585],1,"label",[28],"8ba674c4-1740-11f0-9e50-569c3dd06744","spacexchart.ts","8a490e66-1740-11f0-b705-569c3dd06744",13,["D",1744422643668],"script","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};",[142],"7fdcc8aa-1740-11f0-b9f3-569c3dd06744","spacexcalendar.ts","7e1a376e-1740-11f0-9ed1-569c3dd06744",11,["D",1744422623890],"import { getLaunches } from \"https://esm.town/v/moe/spacexapi\";\nimport ical from \"npm:ical-generator\";\nimport moment from \"npm:moment-timezone\";\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};",[150],"655a6316-1740-11f0-98cf-569c3dd06744","spacexapi.ts","61db6b22-1740-11f0-a0c7-569c3dd06744",9,["D",1744422579418],"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 current = await loadPage(\"https://en.wikipedia.org/wiki/List_of_Falcon_9_and_Falcon_Heavy_launches\");\n\n var data = {\n pastLaunches: [\n ...getRows(y10to19, \"#Launches\", \"table.collapsible\", parsePastRows),\n ...getRows(y20to22, \"#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)/)) launch.date = new Date(launch.dateText.replace(\"~\", \"@\") + \" UTC\");\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 }\n else if (!children.first().attr(\"colspan\") && children.length == 1) {\n launch.type += \", \" + removeReferences(children.eq(0).text());\n }\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)/)) launch.date = new Date(launch.dateText.replace(\"~\", \"@\") + \" UTC\");\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 }\n else if (!children.first().attr(\"colspan\") && children.length == 2) {\n launch.type += \", \" + removeReferences(children.eq(0).text());\n }\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(/\\u00A0/g, \" \");\n}",[157],"48fe8120-1740-11f0-a556-569c3dd06744","index.ts",7,["D",1744422531816],"/** @jsxImportSource npm:hono@3/jsx */\nimport { frameHtml } from \"https://esm.town/v/moe/frameHtml\";\nimport { getLaunches } from \"https://esm.town/v/moe/spacexapi\";\nimport { spacexCalendar } from \"https://esm.town/v/moe/spacexcalendar\";\nimport { getChartUrl } from \"https://esm.town/v/moe/spacexchart\";\nimport { homeImage, launchImage } from \"https://esm.town/v/moe/spaceximage\";\nimport { Hono } from \"npm:hono\";\n\nconst app = new Hono();\nexport default app.fetch;\n\nconst baseUrl = \"https://spacex.page\";\n// const homeFrame = {\n// image: \"/image\",\n// buttons: [\n// { text: \"Upcoming Launches\", target: \"/frames?launch\" },\n// { text: \"Past Launches\", target: \"/frames?launch&past\" },\n// ],\n// };\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 · v15