// We'll create a simple comment system using an input field and a button to submit comments. // Comments will be persisted using SQLite and displayed below the input box. import { Hono } from "npm:hono@3.0.0"; import { sqlite } from "https://esm.town/v/std/sqlite"; import { html } from "https://esm.town/v/stevekrouse/html"; // Initialize SQLite and create the comments table if it doesn't exist. await sqlite.execute(` CREATE TABLE IF NOT EXISTS comments ( id INTEGER PRIMARY KEY AUTOINCREMENT, content TEXT NOT NULL ) `); // Define the main function to handle HTTP requests. export default async function main(req: Request): Promise { if (req.method === "POST") { const formData = await req.formData(); const content = formData.get("content"); if (typeof content === "string" && content.trim() !== "") { await sqlite.execute("INSERT INTO comments (content) VALUES (?)", [content]); } return Response.redirect(new URL(req.url).origin); } // Retrieve all comments from the database. const { values: comments } = await sqlite.execute("SELECT content FROM comments"); // Generate HTML for the comments. const commentsHTML = comments.map(({ content }) => `

${content}

`).join(""); // Return the HTML response with the form and comments. const responseHTML = ` Comment Box

Comment Box

Comments:

${commentsHTML} `; return html(responseHTML); }

valle_tmp_39122300029538671437128838517412