${title}

import { frameHtml } from "https://esm.town/v/moe/frameHtmlRaw"; export function sketch(module: string, title = "P5 Sketch") { return async function(req: Request): Promise { // console.log("module:", module) const url = new URL(req.url); // console.log("url:", url) const isImage = url.pathname.endsWith("/image"); if (isImage) { const imageUrl = `https://api.apiflash.com/v1/urltoimage?access_key=${ Deno.env.get("APIFLASH_API_KEY") }&url=${url.origin}&format=png&width=1200&height=800&scale_factor=2`; // const imageUrl = "https://charlypoly-httpapiscreenshotpageexample.web.val.run/?url=" + url.origin; // return Response.redirect(imageUrl, 302) const res = await fetch(imageUrl); const blob = await res.blob(); return new Response(blob, { headers: { "Content-Type": "image/png" } }); } const baseUrl = url.origin; const v2fcframe = { version: "next", imageUrl: baseUrl + "/image", button: { title: title, action: { type: "launch_frame", name: title, url: baseUrl, // splashImageUrl: baseUrl + "/image", splashBackgroundColor: "#111111", }, }, }; const html = ` ${title} `; return new Response(html, { headers: { "Content-Type": "text/html" } }); }; } function r() { return Math.floor(Math.random() * 100); }

p5

Version 21