{children}

\n \n \n);\n\napp.get(\"/\", (c) => c.redirect(\"/help\"));\n\napp.get(\"/help\", async (c) => {\n const el = (\n \n

URL → React replica

\n Use /view?url=<encoded URL> for iframe proxy mode, or\n {\" \"}\n /inline?url=<encoded URL>{\" \"}\n to inject sanitized HTML directly into this template.\n

Scripts are stripped; styles are preserved.
\n We inject a <base> to fix relative asset paths.\n
\n For SPAs, the snapshot reflects the server HTML only (no client JS).\n

\n \n );\n return new Response(await renderToReadableStream(el), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n});\n\n// Same-origin proxy that returns a sanitized, standalone HTML document.\napp.get(\"/proxy\", async (c) => {\n const url = c.req.query(\"url\");\n if (!url) return c.text(\"Missing ?url\", 400);\n const r = await fetch(url, {\n headers: { \"User-Agent\": \"ValTown-Proxy/1.0\" },\n });\n if (!r.ok) return c.text(`Upstream error: ${r.status}`, 502);\n const html = await r.text();\n const { title, headLinks, headStyles, bodyHtml } = await sanitizeAndExtract(\n html,\n url,\n );\n\n const doc = (\n \n \n \n \n {title}\n {/* Preserve original CSS */}\n <>{headLinks.map((s, i) => )}\n <>\n {headStyles.map((s, i) => )}\n \n {/* Add a small reset so text isn’t broken if no CSS loads */}\n \n \n \n \n );\n return new Response(await renderToReadableStream(doc), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n});\n\n// React page that shows the proxied document in an iframe (reliable visual replica)\napp.get(\"/view\", async (c) => {\n const url = c.req.query(\"url\");\n if (!url) return c.text(\"Missing ?url\", 400);\n const proxied = `/proxy?url=${encodeURIComponent(url)}`;\n const el = (\n \n

\n Source:{\" \"}\n {url}\n

\n \n \n );\n return new Response(await renderToReadableStream(el), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n});\n\n// React page that injects sanitized HTML directly (cleaner DOM, still styled)\napp.get(\"/inline\", async (c) => {\n const url = c.req.query(\"url\");\n if (!url) return c.text(\"Missing ?url\", 400);\n const r = await fetch(url);\n if (!r.ok) return c.text(`Upstream error: ${r.status}`, 502);\n const html = await r.text();\n const { title, headLinks, headStyles, bodyHtml } = await sanitizeAndExtract(\n html,\n url,\n );\n\n const extraHead = (\n <>\n {headLinks.map((s, i) => )}\n {headStyles.map((s, i) => )}\n \n );\n\n const el = (\n \n \n \n Open original\n \n \n

\n \n );\n return new Response(await renderToReadableStream(el), {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n});\n\n// Utility to safely inject raw HTML fragments (e.g., ,

lightweight

untitled-9548