SpaceX Launches 🚀

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"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",17,"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","spacexcalendar.ts","latestPath","fileId","7e1a376e-1740-11f0-9ed1-569c3dd06744","name","fileType","http","content","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};","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};","createdAt",["D",1744422753082],"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":210,"_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":211,"_81":212,"_83":213,"_85":25},"tree",[185,186,187,188,189,190],"files",[185,186,187,188,189,190],"counts",{"_175":63,"_176":140,"_177":63,"_178":179,"_180":181},"contents",[127,128,129,130,131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":169,"_32":170,"_30":171,"_136":-5,"_41":42,"_40":154,"_138":58,"_38":172,"_13":140,"_33":20,"_35":173,"_24":25,"_142":-5,"_27":174},{"_43":163,"_32":164,"_30":56,"_136":-5,"_41":42,"_40":165,"_138":25,"_38":166,"_13":154,"_33":34,"_35":167,"_24":25,"_142":45,"_27":168},{"_43":156,"_32":157,"_30":158,"_136":-5,"_41":42,"_40":159,"_138":25,"_38":160,"_13":140,"_33":34,"_35":161,"_24":25,"_142":-5,"_27":162},{"_43":152,"_32":28,"_30":31,"_136":-5,"_41":42,"_40":14,"_138":58,"_38":153,"_13":154,"_33":34,"_35":37,"_24":25,"_142":-5,"_27":155},{"_43":144,"_32":145,"_30":146,"_136":-5,"_41":42,"_40":147,"_138":25,"_38":148,"_13":140,"_33":149,"_35":150,"_24":25,"_142":-5,"_27":151},{"_43":133,"_32":134,"_30":135,"_136":-5,"_41":42,"_40":137,"_138":25,"_38":139,"_13":140,"_33":34,"_35":141,"_24":25,"_142":-5,"_27":143},"9bb1a000-1740-11f0-848b-569c3dd06744","spaceximage.ts","9a256244-1740-11f0-a447-569c3dd06744","parentId",15,"latest",["D",1744422670585],1,"/** @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}","label",[134],"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};",[145],"ccdd8fae-1740-11f0-956a-569c3dd06744",["D",1744422753082],2,[28],"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],"bb57bd68-1740-11f0-884d-569c3dd06744","index.ts",16,["D",1744422723681],"/** @jsxImportSource npm:hono@3/jsx */\nimport { frameHtml } from \"https://esm.town/v/moe/frameHtml\";\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.ts\";\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 · v17