/** * This val creates a simple web interface using Hono framework to convert HTML to Markdown. * It uses HTMX for dynamic updates and Alpine.js for reactivity. * The Turndown library is used for HTML to Markdown conversion. * The interface includes two text areas (input and output) and buttons for conversion and copying. */ import { Hono } from "https://esm.sh/hono"; import { html } from "https://esm.sh/hono/html"; import TurndownService from "https://esm.sh/turndown"; const app = new Hono(); app.get("/", (c) => { return c.html(html` HTML to Markdown Converter

HTML to Markdown Converter

HTML Input

Markdown Output

View Source

`); }); app.post("/convert", async (c) => { try { const body = await c.req.text(); const params = new URLSearchParams(body); let html = params.get("html-input"); if (typeof html !== "string") { return c.text("Invalid input: HTML must be a string"); } // Remove script tags and their contents html = html.replace(/)<[^<]*)*<\/script>/gi, ""); // Remove style tags and their contents html = html.replace(/)<[^<]*)*<\/style>/gi, ""); // Remove other non-content tags html = html.replace(/<(meta|link|input|br|hr)[^>]*>/gi, ""); // Remove comments html = html.replace(//g, ""); const turndownService = new TurndownService(); const markdown = turndownService.turndown(html); // Trim whitespace and remove extra newlines const cleanedMarkdown = markdown.trim().replace(/\n{3,}/g, "\n\n"); return c.text(cleanedMarkdown); } catch (error) { console.error("Error in /convert:", error); return c.text(`An error occurred: ${error.message}`); } }); export default async function server(req: Request): Promise { return app.fetch(req); }

turnitdown