[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_164":165,"_166":167},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":49,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",10,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","fdb642a8-2792-11f0-9d52-569c3dd06744","name","fileType","http","content","/**\n * This val creates a simple web interface using Hono framework to convert HTML to Markdown.\n * It uses HTMX for dynamic updates and Alpine.js for reactivity.\n * The Turndown library is used for HTML to Markdown conversion.\n * The interface includes two text areas (input and output) and buttons for conversion and copying.\n */\n\nimport { Hono } from \"https://esm.sh/hono\";\nimport { html } from \"https://esm.sh/hono/html\";\nimport TurndownService from \"https://esm.sh/turndown\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n return c.html(html`\n \n \n \n \n \n HTML to Markdown Converter\n \n \n \n \n

HTML to Markdown Converter

HTML Input

\n \n

Markdown Output

\n \n

\n View Source\n

\n \n \n `);\n});\n\napp.post(\"/convert\", async (c) => {\n try {\n const body = await c.req.text();\n const params = new URLSearchParams(body);\n const html = params.get(\"html-input\");\n \n if (typeof html !== \"string\") {\n return c.text(\"Invalid input: HTML must be a string\");\n }\n\n const turndownService = new TurndownService();\n const markdown = turndownService.turndown(html);\n return c.text(markdown);\n } catch (error) {\n console.error(\"Error in /convert:\", error);\n return c.text(`An error occurred: ${error.message}`);\n }\n});\n\nexport default async function server(req: Request): Promise {\n return app.fetch(req);\n}","/**\n * This val creates a simple web interface using Hono framework to convert HTML to Markdown.\n * It uses HTMX for dynamic updates and Alpine.js for reactivity.\n * The Turndown library is used for HTML to Markdown conversion.\n * The interface includes two text areas (input and output) and buttons for conversion and copying.\n */\n\nimport { Hono } from \"https://esm.sh/hono\";\nimport { html } from \"https://esm.sh/hono/html\";\nimport TurndownService from \"https://esm.sh/turndown\";\n\nconst app = new Hono();\n\napp.get(\"/\", (c) => {\n return c.html(html`\n \n \n \n \n \n HTML to Markdown Converter\n \n \n \n \n

HTML to Markdown Converter

HTML Input

\n \n

Markdown Output

\n \n

\n View Source\n

\n \n \n `);\n});\n\napp.post(\"/convert\", async (c) => {\n try {\n const body = await c.req.text();\n const params = new URLSearchParams(body);\n let html = params.get(\"html-input\");\n \n if (typeof html !== \"string\") {\n return c.text(\"Invalid input: HTML must be a string\");\n }\n\n // Remove script tags and their contents\n html = html.replace(/)<[^<]*)*<\\/script>/gi, \"\");\n\n // Remove style tags and their contents\n html = html.replace(/)<[^<]*)*<\\/style>/gi, \"\");\n\n // Remove other non-content tags\n html = html.replace(/<(meta|link|input|br|hr)[^>]*>/gi, \"\");\n\n // Remove comments\n html = html.replace(//g, \"\");\n\n const turndownService = new TurndownService();\n const markdown = turndownService.turndown(html);\n\n // Trim whitespace and remove extra newlines\n const cleanedMarkdown = markdown.trim().replace(/\\n{3,}/g, \"\\n\\n\");\n\n return c.text(cleanedMarkdown);\n } catch (error) {\n console.error(\"Error in /convert:\", error);\n return c.text(`An error occurred: ${error.message}`);\n }\n});\n\nexport default async function server(req: Request): Promise {\n return app.fetch(req);\n}","createdAt",["D",1724399454870],"branchVersion","branchId","fdb3a0e8-2792-11f0-9d52-569c3dd06744","id","fdb35bba-2792-11f0-9d52-569c3dd06744","turnitdown",["D",1746217272356],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","a8270e74-6479-475a-8025-9b69544ee0e7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","8319defa-6e1a-46d4-ba66-2114ffd3360b","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":55,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",13,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","yawnxyz","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2NnaHhpxNuH1xWRIRjQNoo16TVc.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":160,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":161,"_79":162,"_81":163,"_83":25},"tree",[151,152],"files",[151,152],"counts",{"_141":61,"_142":137,"_143":61,"_144":145,"_146":147},"contents",[125,126],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":134,"_32":135,"_30":136,"_128":-5,"_41":42,"_40":137,"_129":49,"_38":138,"_13":61,"_33":20,"_35":139,"_24":25,"_132":-5,"_27":140},{"_43":127,"_32":28,"_30":31,"_128":-5,"_41":42,"_40":14,"_129":25,"_38":130,"_13":131,"_33":34,"_35":37,"_24":25,"_132":-5,"_27":133},"fddc8a4e-2792-11f0-9d52-569c3dd06744","parentId","latest",["D",1724399454870],9,"label",[28],"fdb6479e-2792-11f0-9d52-569c3dd06744","README.md","fdb6480c-2792-11f0-9d52-569c3dd06744",1,["D",1724399021450],"# HTML to Markdown Converter\n\nThis is a simple web application that converts HTML to Markdown. It provides a clean and efficient way to transform HTML content into Markdown format, which is widely used for documentation and content creation.\n\n## Features\n\n- **Easy-to-use Interface**: Simple textarea inputs for HTML and Markdown output.\n- **Real-time Conversion**: Converts HTML to Markdown instantly upon clicking the convert button.\n- **Clean Output**: Removes scripts, styles, and other non-content elements from the HTML before conversion.\n- **Copy to Clipboard**: One-click copying of the converted Markdown text.\n\n## How It Works\n\n1. The application uses the Hono framework to create a simple web server.\n2. HTMX is used for handling AJAX requests without writing JavaScript.\n3. Alpine.js provides reactivity for the clipboard functionality.\n4. The Turndown library is used to convert HTML to Markdown.\n\n## Usage\n\n1. Paste your HTML content into the \"HTML Input\" textarea.\n2. Click the \"Convert to Markdown\" button.\n3. The converted Markdown will appear in the \"Markdown Output\" textarea.\n4. Use the \"Copy to Clipboard\" button to easily copy the result.\n\n## Technical Details\n\n- The server removes `

Diff · v10