Frame generation endpoint

\n Visit the{\" \"}\n \n readme on val.town\n {\" \"}\n to get started.\n

In short, this endpoint is used to generate individual frames for an e-ink display.

Example frame previews

\n Frames data is fetched, cached, and displayed with val.town, then fetched and rendered on an e-ink\n display.\n

Here are my personal frames. Feel free to remix them and create your own.

\n {frame}\n

\n ,\n );\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n }\n\n // get ?&generate=image&frame=S0mth1ingKrAzy\n if (frameId && !frame_list.includes(frameId)) {\n const html = renderToString(\n \n

Invalid frame name

\n ,\n );\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n }\n\n const generateUrl = frames[frameId as keyof typeof frames];\n\n // get ?&generate=image&frame=weather\n if (isImageRequest) {\n const width = 800;\n const height = 480;\n\n const imageResponse = await generateImageFromHtml(generateUrl, width, height);\n return new Response(imageResponse.body, {\n status: imageResponse.status,\n headers: {\n \"Content-Type\": \"image/png\",\n },\n });\n } else {\n return new Response(\"Invalid request\", {\n status: 500,\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n }\n}","deleted","label",[98],"permalink","https://www.val.town/x/charmaine/eink-frame-remix/code/index.tsx","extension","actionData","errors"]