P5 Sketch

/** @jsxImportSource npm:hono@3/jsx */ import { frameHtml } from "https://esm.town/v/moe/frameHtml" import { getLaunches } from "https://esm.town/v/moe/spacexapi" 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://moe-spacex.web.val.run" const homeFrame = { image: "/image", buttons: [ { text: "Upcoming Launches", target: "/frames?launch" }, { text: "Past Launches", target: "/frames?launch&past" }, ], } app.get("/", async (c) => { const html = ( P5 Sketch {/* */} ) return c.html(html as any) }) // app.get("/image", async (c) => { // const url = new URL(c.req.url) // const isLaunch = url.searchParams.has("launch") // if (!isLaunch) // return c.body(await homeImage(), 200, { "Content-Type": "image/png" }) // const isPast = url.searchParams.has("past") // const index = parseInt(url.searchParams.get("i") || "0") // const data = await getLaunches() // const launches = isPast ? data.pastLaunches.reverse() : data.launches // const l = launches[index] // return c.body(await launchImage(l), 200, { "Content-Type": "image/png" }) // }) // app.post("/frames", async (c) => { // const url = new URL(c.req.url) // const isLaunch = url.searchParams.has("launch") // if (!isLaunch) return c.html(frameHtml(homeFrame, baseUrl)) // const isPast = url.searchParams.has("past") // const index = parseInt(url.searchParams.get("i") || "0") // // const data = await getLaunches() // // const launches = isPast ? data.pastLaunches.reverse() : data.launches // // const l = launches[index] // const pastPostfix = isPast ? "&past" : "" // const frame = { // image: `/image?launch&i=${index}${pastPostfix}`, // buttons: [ // (index > 0) && { text: "←", target: `/frames?launch&i=${index - 1}${pastPostfix}` }, // { text: "→", target: `/frames?launch&i=${index + 1}${pastPostfix}` }, // ].filter(Boolean), // } // return c.html(frameHtml(frame, baseUrl)) // }) export function sketch(module: string): (req: Request) => Response { return function(req: Request): Response { // console.log("module:", module) const url = new URL(req.url) // console.log("url:", url) const searchParams = new URLSearchParams(url.search) const isImage = searchParams.get("image") !== null // console.log("isImage:", isImage) if (isImage) { const imageUrl = "https://charlypoly-httpapiscreenshotpageexample.web.val.run/?url=" + url.origin return Response.redirect(imageUrl, 302) } const baseUrl = url.origin const homeFrame = { image: "/?image", buttons: [ // { text: "Randomize", target: "/frames?launch" }, ], } return new Response( ` P5 Sketch `, { headers: { "Content-Type": "text/html" } }, ) } }

p5

Version 41