\n Echo Form\n

\n\n

\n \n

\n Submit Your Text\n

\n\n \n

\n Server Response\n

\n \n

\n Submit the form to see the echoed response here...\n

\n \n\n \n \n",[],[132,164],["D",1757075618482],[157],[132],"0eeedd5e-8bf3-11f0-8e5a-0224a6c84d84","index.ts",["D",1757253649220],38,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport epub from \"jsr:@izg/epub\";\nimport jEpub from \"npm:jepub\";\n// import { SanitizeState } from \"npm:marked-sanitizer-github\";\nimport { JSDOM } from \"npm:jsdom\";\nimport DOMPurify from \"npm:dompurify\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err) => Promise.reject(err));\n\n// Serve the main HTML page\napp.get(\"/\", async (c) => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\n// API endpoint to echo back the submitted text\napp.post(\"/api/echo\", async (c) => {\n const body = await c.req.json();\n const { text } = body;\n\n const { marked } = await import(\"https://esm.sh/marked@9.1.6\");\n const { markedXhtml } = await import(\"https://esm.sh/marked-xhtml\");\n\n // Configure marked for EPUB-safe output\n marked.setOptions({\n breaks: true, // Convert line breaks to
\n gfm: true, // GitHub Flavored Markdown\n headerIds: false, // Don't add IDs to headers (EPUB doesn't need them)\n mangle: false, // Don't mangle email addresses,\n });\n\n const window = new JSDOM(\"\").window;\n const purify = DOMPurify(window);\n\n function sanitize(str) {\n return purify.sanitize(str, {\n FORBID_ATTR: [\"start\"],\n });\n }\n\n marked.use(markedXhtml());\n\n // Convert markdown to HTML\n let html = await marked.parse(text);\n\n [\"~~hello~~\", \"

\"].forEach(\n (str) => {\n console.log(str, sanitize(str));\n },\n );\n\n // Simply echo back the text\n return c.json({\n message: \"\",\n echoedText: sanitize(html),\n timestamp: new Date().toISOString(),\n });\n});\n\n// API endpoint to echo back the submitted text\napp.get(\"/api/epub\", async (c) => {\n // const body = await c.req.json();\n // const { text } = body;\n\n const text = \"\";\n\n const { marked } = await import(\"https://esm.sh/marked@9.1.6\");\n const { markedXhtml } = await import(\"https://esm.sh/marked-xhtml\");\n\n // Configure marked for EPUB-safe output\n marked.setOptions({\n breaks: true, // Convert line breaks to
\n gfm: true, // GitHub Flavored Markdown\n headerIds: false, // Don't add IDs to headers (EPUB doesn't need them)\n mangle: false, // Don't mangle email addresses\n // xhtml: true,\n });\n\n marked.use(markedXhtml());\n\n // Convert markdown to HTML\n const html = await marked.parse(text);\n\n const details: jEpubInitDetails = {\n i18n: \"en\",\n title: \"My Book\",\n author: \"Author Name\",\n publisher: \"Publisher\",\n description: \"Book description\",\n tags: [\"epub\", \"typescript\"],\n };\n\n const content =\n `

This has a improper line break
and this is a proper one
`;\n\n const jepub = new jEpub();\n jepub.init(details);\n\n jepub.add(\"Chapter 1\", content);\n\n const epub: Promise = await jepub.generate(\"blob\");\n\n return c.body(epub, 201, {\n \"Content-Type\": \"application/epub+zip\",\n });\n});\n\n// Serve frontend files\napp.get(\"/frontend/*\", async (c) => {\n try {\n const content = await readFile(c.req.path, import.meta.url);\n const contentType = c.req.path.endsWith(\".css\")\n ? \"text/css\"\n : c.req.path.endsWith(\".js\")\n ? \"application/javascript\"\n : \"text/plain\";\n return new Response(content, {\n headers: { \"Content-Type\": contentType },\n });\n } catch (error) {\n return c.notFound();\n }\n});\n\nexport default app.fetch;",[],[139,176],["D",1757075602827],[155],[139],["D",1757075505386],{"_11":12,"_87":83},{"_11":12,"_81":-5,"_82":83,"_44":45,"_84":85,"_86":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_76":-5,"_77":-5,"_78":-5,"_79":14,"_80":12},"ctx",{"_69":-5,"_109":223,"_224":225,"_226":227,"_228":38,"_229":38,"_230":38,"_231":49,"_232":-5,"_233":-7,"_234":-7,"_235":53,"_236":38,"_237":38,"_238":-5,"_239":38,"_240":38,"_241":38,"_242":-5},"ENV",{"_194":195,"_196":197,"_198":26,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches1

Branches
1