${title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_177":178,"_179":180},"routes/_app.x.$handle.$name",{"_99":98,"_32":45,"_107":85,"_27":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":25,"_124":125,"_126":25,"_127":-5,"_128":-5,"_129":130},"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":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":-5,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",113,"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","main.tsx","latestPath","fileId","32b06422-2769-11f0-86ff-569c3dd06744","name","fileType","script","content","import { frameHtml } from \"https://esm.town/v/moe/frameHtmlRaw\";\n\nexport function sketch(module: string, title = \"P5 Sketch\") {\n return async function(req: Request): Promise {\n // console.log(\"module:\", module)\n const url = new URL(req.url);\n // console.log(\"url:\", url)\n const isImage = url.pathname.endsWith(\"/image\");\n\n if (isImage) {\n const imageUrl = `https://api.apiflash.com/v1/urltoimage?access_key=${\n Deno.env.get(\"APIFLASH_API_KEY\")\n }&url=${url.origin}&format=png&width=1200&height=800&scale_factor=2`;\n // const imageUrl = \"https://charlypoly-httpapiscreenshotpageexample.web.val.run/?url=\" + url.origin;\n // return Response.redirect(imageUrl, 302)\n const res = await fetch(imageUrl);\n const blob = await res.blob();\n return new Response(blob, { headers: { \"Content-Type\": \"image/png\" } });\n }\n\n const baseUrl = url.origin;\n\n const v2fcframe = {\n version: \"next\",\n imageUrl: baseUrl + \"/image\",\n button: {\n title: title,\n action: {\n type: \"launch_frame\",\n name: title,\n url: baseUrl,\n // splashImageUrl: baseUrl + \"/image\",\n splashBackgroundColor: \"#111111\",\n },\n },\n };\n\n const html = `\n \n \n ${title}\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n `;\n\n return new Response(html, { headers: { \"Content-Type\": \"text/html\" } });\n };\n}\n\nfunction r() {\n return Math.floor(Math.random() * 100);\n}","import { frameHtml } from \"https://esm.town/v/moe/frameHtmlRaw\";\n\nexport function sketch(module: string, title = \"P5 Sketch\") {\n return async function(req: Request): Promise {\n // console.log(\"module:\", module)\n const url = new URL(req.url);\n // console.log(\"url:\", url)\n const isImage = url.pathname.endsWith(\"/image\");\n\n if (isImage) {\n const imageUrl = `https://api.apiflash.com/v1/urltoimage?access_key=${\n Deno.env.get(\"APIFLASH_API_KEY\")\n }&url=${url.origin}&format=png&width=1200&height=800&scale_factor=2`;\n // const imageUrl = \"https://charlypoly-httpapiscreenshotpageexample.web.val.run/?url=\" + url.origin;\n // return Response.redirect(imageUrl, 302)\n const res = await fetch(imageUrl);\n const blob = await res.blob();\n return new Response(blob, { headers: { \"Content-Type\": \"image/png\" } });\n }\n\n const baseUrl = url.origin;\n\n const v2fcframe = {\n version: \"next\",\n imageUrl: baseUrl + \"/image\",\n button: {\n title: title,\n action: {\n type: \"launch_frame\",\n name: title,\n url: baseUrl,\n // splashImageUrl: baseUrl + \"/image\",\n splashBackgroundColor: \"#111111\",\n },\n },\n };\n\n const html = `\n \n \n ${title}\n \n \n \n \n \n \n \n \n \n \n \n

Diff · v113