SpaceX Launches 🚀

/** @jsxImportSource npm:hono@3/jsx */ import { frameHtml } from "https://esm.town/v/moe/frameHtml"; import { getLaunches } from "https://esm.town/v/moe/spacexapi"; import { spacexCalendar } from "https://esm.town/v/moe/spacexcalendar"; import { getChartUrl } from "https://esm.town/v/moe/spacexchart"; import { homeImage, launchImage } from "https://esm.town/v/moe/spaceximage"; import { Hono } from "npm:hono"; const app = new Hono(); export default app.fetch; const baseUrl = "https://spacex.page"; const homeFrame = { image: "/image", buttons: [ { text: "Upcoming Launches", target: "/frames?launch" }, { text: "Past Launches", target: "/frames?launch&past" }, ], }; app.get("/", async (c) => { const url = new URL(c.req.url); const isPast = url.searchParams.has("past"); const data = await getLaunches(); const launches = isPast ? data.pastLaunches.reverse() : data.launches; // console.log(launches) const chartUrl = getChartUrl(launches, isPast); const v2fcframe = { version: "next", imageUrl: baseUrl + "/image", button: { title: "SpaceX Launches 🚀", action: { type: "launch_frame", name: "SpaceX Launches 🚀", url: baseUrl, splashImageUrl: baseUrl + "/image", splashBackgroundColor: "#111111", }, }, }; const html = ( SpaceX Launches 🚀