No requests yet. Submit one above!

`\n : requestsResult.rows.map((r: any) => `\n

${escapeHtml(String(r.text))}

${new Date(String(r.timestamp)).toLocaleString()}

`).join(\"\");\n\n const html = `\n\n \n Support Hub\n \n \n \n \n \n \n

\n\n

\n \n \n\n

Submit a Request

\n \n

\n ${requestsHtml}\n

\n\n

\n \n

Join the chat to speak with our team

\n \n \n

\n\n

\n \n

\n\n

\n \n \n \n`;\n\n return new Response(html, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}\n\nfunction escapeHtml(str: string): string {\n return str\n .replace(/&/g, \"&\")\n .replace(//g, \">\")\n .replace(/\"/g, \""\")\n .replace(/'/g, \"'\");\n}","label","children",[73],"contentHash","54b77fda826be3db3e7c062c92bb4a69d22d7bd45a7fca07982fb83c527e3dff","dfd5cc68-0dd3-11f1-a797-42dde27851f2","7a3d750a-4186-11f0-ae9b-76b3cceeab13",["D",1771533906963],20,"import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[73],"90dc6a3960d1c6cf605d17ce12b7f0b1623d7a74350872160331f94d11d03107","README.md",{"_32":115,"_13":103,"_79":116,"_81":-5,"_82":33,"_83":117,"_84":48,"_34":118,"_40":119,"_87":111,"_89":120,"_66":48,"_91":-5,"_92":-7,"_72":121,"_94":122},{"_32":106,"_13":103,"_79":107,"_81":-5,"_82":58,"_83":108,"_84":26,"_34":109,"_40":110,"_87":111,"_89":112,"_66":48,"_91":-5,"_92":-7,"_72":113,"_94":114},"5e400c90-5702-11f1-be4d-ee650bb23af1","019e5736-7fdf-732d-97a0-16a579e50b0b",17,["D",1779580310792],2,"file","# 📋 Assistance Requests\n\nA simple full-stack app for submitting and viewing assistance requests, backed by SQLite.\n\n## How it works\n\n```mermaid\nsequenceDiagram\n participant Browser\n participant Server (main.tsx)\n participant SQLite\n\n Browser->>Server (main.tsx): GET /\n Server (main.tsx)->>SQLite: SELECT all requests\n SQLite-->>Server (main.tsx): rows\n Server (main.tsx)-->>Browser: HTML with pre-loaded requests\n\n Browser->>Server (main.tsx): POST /api/requests {text}\n Server (main.tsx)->>Server (main.tsx): Validate (reject empty)\n Server (main.tsx)->>SQLite: INSERT request\n SQLite-->>Server (main.tsx): lastInsertRowid\n Server (main.tsx)-->>Browser: JSON {id, text, timestamp}\n Browser->>Browser: Prepend card to DOM\n```\n\n## Features\n\n- **Persistent storage** — requests saved to SQLite (`assistance_requests` table)\n- **Server-side rendering** — GET `/` returns HTML with all saved requests pre-loaded\n- **REST API** — POST `/api/requests` to create a new request\n- **Validation** — both frontend and backend reject empty submissions\n- **No page refresh** — `fetch` API + DOM manipulation for seamless UX\n\n## Files\n\n| File | Purpose |\n|------|---------|\n| `main.tsx` | HTTP handler: routing, DB queries, HTML generation |\n| `script.js` | Client-side form handling via fetch API |\n| `style.css` | Minimal styling |\n\nBuilt with [Val Town](https://val.town).\n",[103],"6606654c42459b9f96e6226ce9167c605bc8584e3f7666187afa7a96025d2c2c","eafea982-5cd7-11f0-b062-0224a6c84d84","8ddbf374-4187-11f0-aa65-76b3cceeab13",68,["D",1752074287864],29,"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\nIf you want more interactivity, check out this\n[React starter](https://www.val.town/x/std/reactHonoStarter).\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.",[103],"b98e0d30d7738f1f9895a67ecf662a9a4fb62187304f833f088a2ef0e7312a85",{"_72":147,"_74":148,"_76":-7},{"_72":136,"_74":137,"_76":-7},{"_72":126,"_74":127,"_76":-7},"style.css",{"_32":128,"_13":126,"_79":129,"_81":-5,"_82":33,"_83":130,"_84":26,"_34":131,"_40":132,"_87":111,"_89":133,"_66":48,"_91":-5,"_92":-7,"_72":134,"_94":135},"26d82dd6-4188-11f0-833d-76b3cceeab13","1c120cd2-4188-11f0-b973-76b3cceeab13",27,["D",1749071347145],4,"/* CSS files add styling rules to your content */\n\nbody {\n font-family: Arial, sans-serif;\n margin: 2em;\n}\n\nh1 {\n font-style: italic;\n color: #373fff;\n}",[126],"a5a02a6d25dc285c0eb6ab28231fd299161d2ce86a5ad63f89e6396ccd64c355","script.js",{"_32":138,"_13":136,"_79":139,"_81":-5,"_82":33,"_83":140,"_84":26,"_34":141,"_40":142,"_87":143,"_89":144,"_66":48,"_91":-5,"_92":-7,"_72":145,"_94":146},"20acf350-4215-11f0-b215-76b3cceeab13","27db6ac2-4188-11f0-9fb1-76b3cceeab13",47,["D",1749131895828],7,"script","/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");",[136],"64f11332c09344f36075ba3f447d75f81cd65f6db469468e727edd7dfd221d08","index.html",{"_32":149,"_13":147,"_79":150,"_81":-5,"_82":33,"_83":151,"_84":26,"_34":152,"_40":153,"_87":111,"_89":154,"_66":48,"_91":-5,"_92":-7,"_72":155,"_94":156},"e2240bac-418b-11f0-883e-76b3cceeab13","e0e955f2-4187-11f0-83ff-76b3cceeab13",41,["D",1749072949867],6,"\n\n \n Hi there!\n \n \n \n\n \n \n\n \n \n\n \n \n \n \n

Hi there!

\n\n

\n I'm your cool new webpage. Made with Val Town!\n

\n \n",[147],"c7361dc92d6ef7bac8fa83bfd60c3e7225006fd4a979847612f5e344669e252b",["D",1779579649958],"legacyEnvVars","httpPrivacy","description","Simple page for submitting and viewing assistance requests","imageUrl","userId","4eec23d2-7413-4ff2-95ba-aca08105871a","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"019e572a-9807-726e-b565-1ff9d9da77ec","tursoName","d45d09b6570011f1bb8eee650bb23af1","tursoHostname","d45d09b6570011f1bb8eee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789510872811],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_200":196},"org",{"_11":12,"_193":194,"_195":196,"_163":164,"_197":198,"_199":48},"branch","displayName","Huseyn Samedzade","avatar","https://avatars.githubusercontent.com/u/129556088?v=4","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":59,"_13":14,"_34":263,"_46":-5,"_158":48,"_49":50,"_159":50,"_160":161,"_162":-5,"_163":164,"_165":80,"_166":26,"_167":-5,"_168":-5,"_169":170,"_53":171,"_172":173,"_174":175,"_176":264,"_178":-5,"_179":180,"_181":180,"_182":183,"_184":183,"_185":183,"_186":180,"_187":180,"_188":265,"_190":266,"_192":267,"_47":48},"tree",[253,254,255],"files",[253,254,255],"counts",{"_243":170,"_244":22,"_245":170,"_246":247,"_248":249},"contents",[230,231,232],"upstreamProject",{"_32":39,"_13":56,"_160":226,"_162":227,"_49":50,"_188":228},"upstreamBranch",{"_32":33,"_34":224,"_36":225,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],["D",1779896149804],"Basic HTML starter template based on Glitch's starter","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789585199&sig=c8bdde82b4aa2c9ad55e8958dbf3c342b34072b0e3fc9eb4f497a2ea04d3dd80",{"_11":52,"_200":229},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789585199&sig=e0ad9b96a0e58967744de3785adb3e9a68085da5b0c135b58439da2ef923cdc0",{"_32":106,"_13":103,"_79":107,"_81":-5,"_82":58,"_83":108,"_84":26,"_34":241,"_40":110,"_87":111,"_89":112,"_66":48,"_91":-5,"_72":242},{"_32":235,"_13":236,"_79":237,"_81":-5,"_82":58,"_83":22,"_84":26,"_34":238,"_40":170,"_87":111,"_89":239,"_66":48,"_91":-5,"_72":240},{"_32":78,"_13":73,"_79":80,"_81":-5,"_82":58,"_83":57,"_84":26,"_34":233,"_40":86,"_87":88,"_89":90,"_66":48,"_91":-5,"_72":234},["D",1779581473590],[73],"d467ca7c-5700-11f1-bb8e-ee650bb23af1","favicon.svg","019e5736-7fdf-732d-97a0-19845f63e82a",["D",1779579649958],"",[236],["D",1779580310792],[103],"pulls","branches","forks","envVars",{"_250":170,"_252":170},"connections",{"_250":170,"_251":170},"count","unfilledCount","emptyCount",{"_32":106,"_13":103,"_79":107,"_81":-5,"_82":58,"_83":108,"_84":26,"_34":109,"_40":110,"_87":111,"_89":112,"_66":48,"_91":-5,"_92":261,"_72":262},{"_32":235,"_13":236,"_79":237,"_81":-5,"_82":58,"_83":22,"_84":26,"_34":258,"_40":170,"_87":111,"_89":239,"_66":48,"_91":-5,"_92":259,"_72":260},{"_32":78,"_13":73,"_79":80,"_81":-5,"_82":58,"_83":57,"_84":26,"_34":85,"_40":86,"_87":88,"_89":90,"_66":48,"_91":-5,"_92":256,"_72":257},[],[73],["D",1779579649958],[],[236],[],[103],["D",1779579649958],["D",1789510872811],{"_11":12,"_200":196},{"_11":12,"_193":194,"_195":196,"_163":164,"_197":198,"_199":48},{"_40":57,"_13":16,"_32":58,"_38":59,"_42":33,"_43":60,"_61":50,"_62":39,"_63":54,"_55":14,"_51":12},"ctx",{"_188":-5,"_221":301,"_302":303,"_304":305,"_306":48,"_307":48,"_308":48,"_309":26,"_310":-5,"_311":-7,"_312":-7,"_313":170,"_314":48,"_315":48,"_316":-5,"_317":48,"_318":48,"_319":48,"_320":-5},"ENV",{"_272":273,"_274":275,"_276":16,"_277":278,"_279":280,"_281":282,"_283":284,"_285":286,"_287":288,"_289":290,"_291":292,"_293":294,"_295":296,"_297":298,"_299":300},"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"]

Compare

Mergesamedzadehh/mainintotemplates/main

README.md+32-35

Hmain.tsx+339-2

index.html+0-26

script.js+0-6

style.css+0-11