[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_196":197,"_198":199},"routes/_app.x.$handle.$name",{"_96":95,"_32":46,"_104":86,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":58,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",43,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","backend/index.ts","latestPath","fileId","8302f63a-8a54-11f0-a6b1-0224a6c84d84","name","index.ts","fileType","http","content","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\";\nimport { 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 const state = new SanitizeState();\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 sanitize: true,\n sanitizer: state.getSanitizer(),\n });\n\n const window = new JSDOM(\"\").window;\n const DOMPurify = createDOMPurify(window);\n\n marked.use(markedXhtml());\n\n // Convert markdown to HTML\n let html = await marked.parse(text);\n\n // Simply echo back the text\n return c.json({\n message: \"\",\n echoedText: 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;","createdAt",["D",1757252595376],"branchVersion","branchId","48ee2cee-8a54-11f0-b2ed-0224a6c84d84","id","48edcb32-8a54-11f0-b2ed-0224a6c84d84","quick-markdown-tester",["D",1757075505386],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","7f562a5c-8110-4626-b0e8-42f3ca081819","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0ea644ae-1945-4e3f-ac00-b5273ba7912c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_96":95,"_103":99},"org",{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},"branch",{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"isOwned",48,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","andrewn","handle","displayName","avatar","https://images.clerk.dev/oauth_github/img_2QHfEF9yREDnMfl2ii1vyIVUJva.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":192,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":193,"_80":194,"_82":195,"_84":25},"tree",[163,165,167],"files",[163,164,165,166,167],"counts",{"_152":62,"_153":154,"_155":62,"_156":157,"_158":159},"contents",[126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":146,"_32":147,"_30":148,"_132":-5,"_42":43,"_41":149,"_134":58,"_39":150,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_27":151},{"_44":139,"_32":140,"_30":141,"_132":-5,"_42":43,"_41":142,"_134":58,"_39":143,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_27":145},{"_44":129,"_32":130,"_30":131,"_132":-5,"_42":43,"_41":133,"_134":58,"_39":135,"_13":62,"_34":20,"_36":136,"_24":25,"_137":-5,"_27":138},"96dceda0-8a54-11f0-b4f7-0224a6c84d84","README.md","96dcee4a-8a54-11f0-b4f7-0224a6c84d84","parentId",6,"latest",["D",1757075636135],"# Echo Form Application\n\nA simple web application that demonstrates form submission and server response echoing.\n\n## Features\n\n- Frontend form with textarea input\n- Real-time form submission via JavaScript\n- Backend API that echoes submitted text\n- Clean, responsive UI with Tailwind CSS\n- Error handling and loading states\n\n## Structure\n\n```\n├── backend/\n│ └── index.ts # Hono server with API endpoints\n├── frontend/\n│ └── index.html # Main HTML page with form\n└── README.md\n```\n\n## How it works\n\n1. User enters text in the textarea\n2. Form submits via JavaScript to `/api/echo` endpoint\n3. Backend receives the text and echoes it back with metadata\n4. Frontend displays the server response next to the form\n\n## API Endpoints\n\n- `GET /` - Serves the main HTML page\n- `POST /api/echo` - Accepts JSON with `text` field, returns echoed response\n\n## Usage\n\nThe application is accessible via the HTTP trigger on the backend. Simply visit the URL and use the form to submit text and see it echoed back.","label",[130],"8c578c1e-8a54-11f0-9870-0224a6c84d84","frontend","67a40c05-9ef9-42a5-a57b-c06b5fd1c16d",3,["D",1757075618482],"directory",[140],"8302fd42-8a54-11f0-a6b1-0224a6c84d84","backend","279b3d99-52b4-489b-a2c7-2a4e23573bfd",2,["D",1757075602827],[147],"pulls","branches",1,"forks","envVars",{"_160":62,"_162":62},"connections",{"_160":62,"_161":62},"count","unfilledCount","emptyCount",{"_44":146,"_32":147,"_30":148,"_132":-5,"_42":43,"_41":149,"_134":58,"_39":189,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_169":190,"_27":191},{"_44":184,"_32":33,"_30":31,"_132":148,"_42":43,"_41":14,"_134":25,"_39":185,"_13":186,"_34":35,"_36":38,"_24":25,"_137":-5,"_169":187,"_27":188},{"_44":139,"_32":140,"_30":141,"_132":-5,"_42":43,"_41":142,"_134":58,"_39":181,"_13":62,"_34":144,"_36":-5,"_24":25,"_137":-5,"_169":182,"_27":183},{"_44":172,"_32":173,"_30":174,"_132":141,"_42":43,"_41":175,"_134":58,"_39":176,"_13":177,"_34":20,"_36":178,"_24":25,"_137":-5,"_169":179,"_27":180},{"_44":129,"_32":130,"_30":131,"_132":-5,"_42":43,"_41":133,"_134":58,"_39":168,"_13":62,"_34":20,"_36":136,"_24":25,"_137":-5,"_169":170,"_27":171},["D",1757075636135],"children",[],[130],"f023b3b2-8bee-11f0-8523-0224a6c84d84","index.html","8c577012-8a54-11f0-9870-0224a6c84d84",35,["D",1757251879575],5,"\n\n \n \n \n Echo Form\n \n \n \n \n

\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",[],[140,173],["D",1757075618482],[166],[140],"9acaf3d8-8bf0-11f0-8d3b-0224a6c84d84",["D",1757252595376],33,[],[147,33],["D",1757075602827],[164],[147],["D",1757075505386],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":55,"_100":101,"_102":25},{"_13":85,"_32":86,"_44":43,"_87":45,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":46,"_94":95},"ctx",{"_78":-5,"_123":229,"_230":231,"_232":233,"_234":25,"_235":25,"_236":25,"_237":58,"_238":-5,"_239":-7,"_240":-7,"_241":62,"_242":25,"_243":25,"_244":-5,"_245":25,"_246":25,"_247":25,"_248":-5},"ENV",{"_200":201,"_202":203,"_204":86,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224,"_225":226,"_227":228},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

Diff · v43