[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_216":217,"_218":219},"routes/_app.x.$handle.$name",{"_103":102,"_32":44,"_112":89,"_27":113,"_13":14,"_114":-5,"_11":115,"_116":117,"_118":119,"_120":121,"_122":123,"_20":-5,"_124":125,"_126":127,"_128":48,"_129":130,"_131":25,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_32":44,"_37":45,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":48},"version",19,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",true,"deletedHere","path","script.js","latestPath","fileId","019e5736-7fdf-732d-97a0-2535ba885698","name","fileType","script","content","const form = document.getElementById(\"request-form\");\nconst input = document.getElementById(\"request-input\");\nconst list = document.getElementById(\"requests-list\");\nconst errorMsg = document.getElementById(\"error-msg\");\n\nfunction showError(msg) {\n errorMsg.textContent = msg;\n errorMsg.hidden = false;\n}\n\nfunction clearError() {\n errorMsg.textContent = \"\";\n errorMsg.hidden = true;\n}\n\nfunction createRequestCard(text, timestamp) {\n const item = document.createElement(\"div\");\n item.className = \"request-item\";\n\n const textEl = document.createElement(\"p\");\n textEl.className = \"text\";\n textEl.textContent = text;\n\n const timeEl = document.createElement(\"p\");\n timeEl.className = \"time\";\n timeEl.textContent = new Date(timestamp).toLocaleString();\n\n item.appendChild(textEl);\n item.appendChild(timeEl);\n return item;\n}\n\nform.addEventListener(\"submit\", async function (e) {\n e.preventDefault();\n clearError();\n\n const text = input.value.trim();\n if (!text) {\n showError(\"Request text cannot be empty.\");\n return;\n }\n\n const submitBtn = form.querySelector(\"button[type='submit']\");\n submitBtn.disabled = true;\n submitBtn.textContent = \"Saving...\";\n\n try {\n const res = await fetch(\"/api/requests\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text }),\n });\n\n const data = await res.json();\n\n if (!res.ok) {\n showError(data.error || \"Something went wrong.\");\n return;\n }\n\n // Remove the \"no requests\" message if present\n const emptyEl = list.querySelector(\".empty-msg\");\n if (emptyEl) emptyEl.remove();\n\n // Add the new card at the top\n const card = createRequestCard(data.text, data.timestamp);\n list.prepend(card);\n\n input.value = \"\";\n input.focus();\n } catch (err) {\n showError(\"Network error. Please try again.\");\n } finally {\n submitBtn.disabled = false;\n submitBtn.textContent = \"Submit\";\n }\n});\n","createdAt",["D",1779581172228],"branchVersion","branchId","d4613cde-5700-11f1-bb8e-ee650bb23af1","id","d45d09b6-5700-11f1-bb8e-ee650bb23af1","assistance-requests",["D",1779579649958],"deletedAt","legacyEnvVars",false,"privacy","public","httpPrivacy","description","Simple page for submitting and viewing assistance requests","imageUrl","4eec23d2-7413-4ff2-95ba-aca08105871a","pinnedFileId","019e5736-7fdf-732d-97a0-21e443f4924b","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","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",{"_103":102,"_111":107},"org",{"_103":102,"_104":105,"_106":107,"_18":55,"_108":109,"_110":48},"branch",{"_13":88,"_32":89,"_42":41,"_90":43,"_91":92,"_93":94,"_95":50,"_96":97,"_98":99,"_100":44,"_101":102},"isOwned",22,"main","projectId","forkedBranchId","7a3b261a-4186-11f0-ae9b-76b3cceeab13","forkedBranchVersion",75,"forkedProjectPrivacy","forkedProjectId","7a3abcf2-4186-11f0-ae9b-76b3cceeab13","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","samedzadehh","handle","displayName","Huseyn Samedzade","avatar","https://avatars.githubusercontent.com/u/129556088?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_32":44,"_37":211,"_46":-5,"_47":48,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":212,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":213,"_83":214,"_85":215,"_87":48},"tree",[194,195,196,197],"files",[194,195,196,197],"counts",{"_184":62,"_185":173,"_186":62,"_187":188,"_189":190},"contents",[148,149,150,151],"upstreamProject",{"_42":97,"_32":143,"_52":144,"_54":145,"_49":50,"_81":146},"upstreamBranch",{"_42":92,"_37":136,"_137":138,"_32":89,"_90":97,"_13":139,"_91":-5,"_93":-5,"_140":141,"_46":-5,"_87":48,"_49":50,"_101":142,"_63":99,"_100":143},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],"updatedAt",["D",1779896149804],76,"lockfileKey","1779896350378-esm.town_v_templates_basic-html-starter@76-main","templates","basic-html-starter","Basic HTML starter template based on Glitch's starter","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789588799&sig=7a4e4547de36f0a23e153eea630217f36709d955bbdc4e6d4f5150f68a5e2e03",{"_103":142,"_111":147},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789588799&sig=6ce4a653b65ad390b6349a1b0a383cb839cc380a1beaf91551581c108538875d",{"_42":177,"_32":178,"_30":179,"_155":-5,"_40":41,"_39":180,"_157":25,"_37":181,"_13":159,"_33":20,"_35":182,"_24":48,"_161":-5,"_27":183},{"_42":170,"_32":171,"_30":172,"_155":-5,"_40":41,"_39":173,"_157":25,"_37":174,"_13":62,"_33":20,"_35":175,"_24":48,"_161":-5,"_27":176},{"_42":163,"_32":164,"_30":57,"_155":-5,"_40":41,"_39":165,"_157":48,"_37":166,"_13":156,"_33":167,"_35":168,"_24":48,"_161":-5,"_27":169},{"_42":152,"_32":153,"_30":154,"_155":-5,"_40":41,"_39":156,"_157":48,"_37":158,"_13":159,"_33":20,"_35":160,"_24":48,"_161":-5,"_27":162},"24125e74-5702-11f1-be4d-ee650bb23af1","style.css","019e5736-7fdf-732d-97a0-288321ab092c","parentId",9,"latest",["D",1779580213175],2,"* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: system-ui, -apple-system, sans-serif;\n background: #f5f5f5;\n color: #333;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 2rem 1rem;\n}\n\n.container {\n width: 100%;\n max-width: 600px;\n}\n\nh1 {\n margin-bottom: 1.5rem;\n font-size: 1.5rem;\n}\n\n#request-form {\n display: flex;\n gap: 0.5rem;\n margin-bottom: 1.5rem;\n}\n\n#request-input {\n flex: 1;\n padding: 0.6rem 0.8rem;\n border: 1px solid #ccc;\n border-radius: 6px;\n font-size: 0.95rem;\n}\n\n#request-input:focus {\n outline: none;\n border-color: #555;\n}\n\nbutton[type=\"submit\"] {\n padding: 0.6rem 1.2rem;\n background: #333;\n color: #fff;\n border: none;\n border-radius: 6px;\n font-size: 0.95rem;\n cursor: pointer;\n}\n\nbutton[type=\"submit\"]:hover {\n background: #555;\n}\n\n#requests-list {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.empty-msg {\n color: #999;\n font-size: 0.9rem;\n}\n\n.error-msg {\n color: #d32f2f;\n font-size: 0.85rem;\n margin-bottom: 1rem;\n}\n\n.request-item {\n background: #fff;\n border: 1px solid #e0e0e0;\n border-radius: 6px;\n padding: 0.75rem 1rem;\n}\n\n.request-item .text {\n font-size: 0.95rem;\n}\n\n.request-item .time {\n font-size: 0.75rem;\n color: #999;\n margin-top: 0.25rem;\n}\n\nfooter {\n margin-top: 2rem;\n font-size: 0.8rem;\n}\n\nfooter a {\n color: #999;\n}\n","label",[153],"6f2f2aa8-5703-11f1-80f7-ee650bb23af1","main.tsx",18,["D",1779580768698],"http","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Create table on module load\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS assistance_requests (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n timestamp TEXT NOT NULL DEFAULT (datetime('now'))\n )\n`);\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // --- POST /api/requests — yeni sorğunu yaddaşa yazır ---\n if (req.method === \"POST\" && url.pathname === \"/api/requests\") {\n try {\n const body = await req.json(); // Məlumatı JSON olaraq oxuyur\n const text = (body.text || \"\").trim();\n\n if (!text) {\n return Response.json({ error: \"Request text cannot be empty.\" }, {\n status: 400,\n });\n }\n\n const timestamp = new Date().toISOString();\n const result = await sqlite.execute({\n sql: \"INSERT INTO assistance_requests (text, timestamp) VALUES (?, ?)\",\n args: [text, timestamp],\n });\n\n return Response.json({\n id: Number(result.lastInsertRowid),\n text,\n timestamp,\n }, { status: 201 });\n } catch {\n return Response.json({ error: \"Invalid request body.\" }, { status: 400 });\n }\n }\n\n // --- GET / — Səhifəni və bazadakı qeydləri göstərir ---\n if (req.method === \"GET\" && (url.pathname === \"/\" || url.pathname === \"\")) {\n const result = await sqlite.execute(\n \"SELECT id, text, timestamp FROM assistance_requests ORDER BY id DESC\",\n );\n\n const requestsHtml = result.rows.length === 0\n ? `

No requests yet. Submit one above!

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

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

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

`).join(\"\");\n\n const html = `\n\n \n Assistance Requests\n \n \n \n \n \n

📋 Assistance Requests

\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}",[164],"d467ca7c-5700-11f1-bb8e-ee650bb23af1","favicon.svg","019e5736-7fdf-732d-97a0-19845f63e82a",1,["D",1779579649958],"",[171],"5e400c90-5702-11f1-be4d-ee650bb23af1","README.md","019e5736-7fdf-732d-97a0-16a579e50b0b",17,["D",1779580310792],"# 📋 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",[178],"pulls","branches","forks","envVars",{"_191":62,"_193":62},"connections",{"_191":62,"_192":62},"count","unfilledCount","emptyCount",{"_42":177,"_32":178,"_30":179,"_155":-5,"_40":41,"_39":180,"_157":25,"_37":208,"_13":159,"_33":20,"_35":182,"_24":48,"_161":-5,"_199":209,"_27":210},{"_42":170,"_32":171,"_30":172,"_155":-5,"_40":41,"_39":173,"_157":25,"_37":205,"_13":62,"_33":20,"_35":175,"_24":48,"_161":-5,"_199":206,"_27":207},{"_42":163,"_32":164,"_30":57,"_155":-5,"_40":41,"_39":165,"_157":48,"_37":202,"_13":156,"_33":167,"_35":168,"_24":48,"_161":-5,"_199":203,"_27":204},{"_42":152,"_32":153,"_30":154,"_155":-5,"_40":41,"_39":156,"_157":48,"_37":198,"_13":159,"_33":20,"_35":160,"_24":48,"_161":-5,"_199":200,"_27":201},["D",1779580213175],"children",[],[153],["D",1779580768698],[],[164],["D",1779579649958],[],[171],["D",1779580310792],[],[178],["D",1779579649958],["D",1789510872811],{"_103":102,"_111":107},{"_103":102,"_104":105,"_106":107,"_18":55,"_108":109,"_110":48},{"_13":88,"_32":89,"_42":41,"_90":43,"_91":92,"_93":94,"_95":50,"_96":97,"_98":99,"_100":44,"_101":102},"ctx",{"_81":-5,"_133":249,"_250":251,"_252":253,"_254":48,"_255":48,"_256":48,"_257":25,"_258":-5,"_259":-7,"_260":-7,"_261":62,"_262":48,"_263":48,"_264":-5,"_265":48,"_266":48,"_267":48,"_268":-5},"ENV",{"_220":221,"_222":223,"_224":89,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248},"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 · v19