// This val creates a simple comment box where users can submit a comment, // and it stores all comments in blob storage. It displays all previous comments // and allows new comments to be added. import { blob } from "https://esm.town/v/std/blob?v=12"; import { Hono } from "npm:hono@3"; import { html } from "https://esm.town/v/stevekrouse/html?v=5"; // Key for blob storage const COMMENTS_KEY = "comments_storage"; // HTML template for the comment box const template = (comments: any) => ` Comment Box

Comments

${comments.map((comment: string) => `

${comment}

`).join("")}

`; const app = new Hono(); app.get("/", async (c) => { // Retrieve stored comments const comments = await blob.getJSON(COMMENTS_KEY) || []; // Generate HTML response return c.html(template(comments)); }); app.post("/", async (c) => { // Extract comment from form data const formData = await c.req.parseBody(); const newComment = formData.comment; // Retrieve existing comments from storage const comments = await blob.getJSON(COMMENTS_KEY) || []; // Add the new comment to the list comments.push(newComment); // Save updated comments back to storage await blob.setJSON(COMMENTS_KEY, comments); // Redirect back to the main page to show updated comments return c.redirect("/"); }); export default app.fetch;

valle_tmp_43654664469855205133021678427796