/** @jsxImportSource npm:hono@3/jsx */ import { blob } from "https://esm.town/v/std/blob?v=10"; import { Hono } from "npm:hono"; const app = new Hono(); // app.get("/", async (c) => { // const comments = await blob.getJSON("comments") || []; // return c.html( //

Comments

// {comments.map((comment) => ( //

// {comment.text} // //

// ))} //

// //

, // ); // }); // app.post("/comment", async (c) => { // const formData = await c.req.parseBody(); // const newComment = formData.comment as string; // let comments = await blob.getJSON("comments") || []; // comments.push({ text: newComment, id: Math.floor(Math.random() * 1000).toString() }); // await blob.setJSON("comments", comments); // return c.redirect("/"); // }); // app.post("/comment/:id/delete", async (c) => { // const id = c.req.param("id"); // let comments = await blob.getJSON("comments"); // await blob.setJSON("comments", comments.filter((comment) => comment.id !== id)); // return c.redirect("/"); // }); // New route to serve images from blob storage app.get("/image/:id.png", async (c) => { console.log(c.req) const id = c.req.param("id"); console.log({ id }) const imageBlob = await blob.get(id); const known = await blob.get("notionDeleteTest") console.log({ known }) if (!imageBlob) { return c.text("Image not found", 404); } return new Response(imageBlob.body, { headers: { "Content-Type": "image/png" } }); }); app.get('/:temp/:filename.png', async (c) => { console.log(c.req) // const filename = c.req.param('filename') // console.log({ filename }) const checkParams = c.req.param("temp") console.log({ checkParams }) const filename = c.req.path.split("/").at(-1).split(".png").at(0) console.log({ filename }) // Handle the PNG file request here // For example, you could: // 1. Serve a PNG file from storage // 2. Generate a PNG dynamically // 3. Return a PNG buffer const known = await blob.get(filename) console.log({ known }) // Example response: return c.body(known.body, { headers: { 'Content-Type': 'image/png' } }) }) // https://app.studyraid.com/en/read/11303/352712/route-parameters-and-dynamic-routing app.get('/:filename{.*\\.png}', async (c) => { // app.get('/:filename.png', async (c) => { // console.log(c.req) // this doesnt work as :fileName probably bc of the . const filename1 = c.req.param('filename') console.log({ filename1, withoutFiletype: filename1.split(".").at(0) }) const filename = c.req.path.split("/").at(-1).split(".png").at(0) console.log({ filename }) // Handle the PNG file request here // For example, you could: // 1. Serve a PNG file from storage // 2. Generate a PNG dynamically // 3. Return a PNG buffer const known = await blob.get(filename) console.log({ known }) // Example response: return c.body(known.body, { headers: { 'Content-Type': 'image/png' } }) }) app.get('/filename.png', async (c) => { const filename = c.req.param('filename') console.log({ filename }) // Handle the PNG file request here // For example, you could: // 1. Serve a PNG file from storage // 2. Generate a PNG dynamically // 3. Return a PNG buffer const known = await blob.get("notionDeleteTest") console.log({ known }) // Example response: return c.body(known.body, { headers: { 'Content-Type': 'image/png' } }) }) export default app.fetch;

airandopal