[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_243":244,"_245":246},"routes/_app.x.$handle.$name",{"_109":108,"_38":51,"_118":95,"_33":119,"_13":14,"_120":-5,"_11":121,"_122":123,"_124":125,"_126":127,"_128":129,"_26":-5,"_130":131,"_132":133,"_134":31,"_135":136,"_137":64,"_138":-5,"_139":-5,"_140":141},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":76,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":88,"_89":90,"_91":92,"_93":31},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","305ff22d-0eae-4650-8f69-301a3e070e7d","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","019e5736-7fdf-732d-97a0-21e443f4924b","name","fileType","http","content","import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { parseVal, readFile, serveFile } from \"https://esm.town/v/std/utils/index.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 // --- Static assets ---\n if (url.pathname === \"/style.css\") return serveFile(\"./style.css\", \"text/css\");\n if (url.pathname === \"/script.js\") return serveFile(\"./script.js\", \"text/javascript\");\n if (url.pathname === \"/favicon.svg\") return serveFile(\"./favicon.svg\", \"image/svg+xml\");\n if (url.pathname === \"/source\") {\n const { links } = parseVal();\n return new Response(null, { status: 302, headers: { Location: links.self.val } });\n }\n\n // --- POST /api/requests — save a new request ---\n if (req.method === \"POST\" && url.pathname === \"/api/requests\") {\n try {\n const body = await req.json();\n const text = (body.text || \"\").trim();\n\n if (!text) {\n return Response.json({ error: \"Request text cannot be empty.\" }, { status: 400 });\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: 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 / — render page with saved requests ---\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 \n \n \n

📋 Assistance Requests

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 \n \n \n

📋 Assistance Requests

\n \n \n`;\n\n return new Response(html, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\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}\n","createdAt",["D",1779580229845],"branchVersion","branchId","d4613cde-5700-11f1-bb8e-ee650bb23af1","id","d45d09b6-5700-11f1-bb8e-ee650bb23af1","assistance-requests",["D",1779579649958],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Simple page for submitting and viewing assistance requests","imageUrl","4eec23d2-7413-4ff2-95ba-aca08105871a","pinnedFileId","pinPreview",true,"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",{"_109":108,"_117":113},"org",{"_109":108,"_110":111,"_112":113,"_19":61,"_114":115,"_116":31},"branch",{"_13":94,"_38":95,"_49":48,"_96":50,"_97":98,"_99":100,"_101":56,"_102":103,"_104":105,"_106":51,"_107":108},"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",{"_49":50,"_38":51,"_44":238,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":37,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":239,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":240,"_89":241,"_91":242,"_93":31},"tree",[213,214,215,216,217,218],"files",[213,214,215,216,217,218],"counts",{"_203":68,"_204":187,"_205":68,"_206":207,"_208":209},"contents",[154,155,156,157,158,159],"upstreamProject",{"_49":103,"_38":149,"_58":150,"_60":151,"_55":56,"_87":152},"upstreamBranch",{"_49":98,"_44":142,"_143":144,"_38":95,"_96":103,"_13":145,"_97":-5,"_99":-5,"_146":147,"_53":-5,"_93":31,"_55":56,"_107":148,"_69":105,"_106":149},"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",{"_109":148,"_117":153},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789588799&sig=6ce4a653b65ad390b6349a1b0a383cb839cc380a1beaf91551581c108538875d",{"_49":196,"_38":197,"_36":198,"_163":-5,"_47":48,"_46":199,"_165":31,"_44":200,"_13":187,"_39":26,"_41":201,"_30":31,"_169":-5,"_33":202},{"_49":190,"_38":191,"_36":192,"_163":-5,"_47":48,"_46":187,"_165":64,"_44":193,"_13":68,"_39":26,"_41":194,"_30":31,"_169":-5,"_33":195},{"_49":183,"_38":184,"_36":185,"_163":-5,"_47":48,"_46":167,"_165":31,"_44":186,"_13":187,"_39":26,"_41":188,"_30":31,"_169":-5,"_33":189},{"_49":179,"_38":34,"_36":37,"_163":-5,"_47":48,"_46":14,"_165":31,"_44":180,"_13":181,"_39":40,"_41":43,"_30":31,"_169":-5,"_33":182},{"_49":171,"_38":172,"_36":173,"_163":-5,"_47":48,"_46":174,"_165":31,"_44":175,"_13":167,"_39":176,"_41":177,"_30":31,"_169":-5,"_33":178},{"_49":160,"_38":161,"_36":162,"_163":-5,"_47":48,"_46":164,"_165":31,"_44":166,"_13":167,"_39":26,"_41":168,"_30":31,"_169":-5,"_33":170},"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",[161],"237a8586-5702-11f1-be4d-ee650bb23af1","script.js","019e5736-7fdf-732d-97a0-2535ba885698",8,["D",1779580212185],"script","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",[172],"2e014562-5702-11f1-9e60-ee650bb23af1",["D",1779580229845],3,[34],"d82d90a6-5700-11f1-bb8e-ee650bb23af1","index.html","019e5736-7fdf-732d-97a0-1e0efbec30f5",["D",1779579656356],1,"\n\n \n Assistance Requests\n \n \n \n \n \n \n \n

📋 Assistance Requests

\n \n \n\n",[184],"d467ca7c-5700-11f1-bb8e-ee650bb23af1","favicon.svg","019e5736-7fdf-732d-97a0-19845f63e82a",["D",1779579649958],"",[191],"e62cec6a-5700-11f1-8dd2-ee650bb23af1","README.md","019e5736-7fdf-732d-97a0-16a579e50b0b",6,["D",1779579679842],"# 📋 Assistance Requests\n\nA simple client-side page for submitting and viewing assistance requests.\n\n- Type a request into the input field and click **Submit**\n- Requests appear below, newest first, with a timestamp\n- No page refresh — everything is handled with vanilla JavaScript\n\nBuilt with plain HTML, CSS, and JS on [Val Town](https://val.town).\n",[197],"pulls","branches","forks","envVars",{"_210":68,"_212":68},"connections",{"_210":68,"_211":68},"count","unfilledCount","emptyCount",{"_49":196,"_38":197,"_36":198,"_163":-5,"_47":48,"_46":199,"_165":31,"_44":235,"_13":187,"_39":26,"_41":201,"_30":31,"_169":-5,"_220":236,"_33":237},{"_49":190,"_38":191,"_36":192,"_163":-5,"_47":48,"_46":187,"_165":64,"_44":232,"_13":68,"_39":26,"_41":194,"_30":31,"_169":-5,"_220":233,"_33":234},{"_49":183,"_38":184,"_36":185,"_163":-5,"_47":48,"_46":167,"_165":31,"_44":229,"_13":187,"_39":26,"_41":188,"_30":31,"_169":-5,"_220":230,"_33":231},{"_49":179,"_38":34,"_36":37,"_163":-5,"_47":48,"_46":14,"_165":31,"_44":226,"_13":181,"_39":40,"_41":43,"_30":31,"_169":-5,"_220":227,"_33":228},{"_49":171,"_38":172,"_36":173,"_163":-5,"_47":48,"_46":174,"_165":31,"_44":223,"_13":167,"_39":176,"_41":177,"_30":31,"_169":-5,"_220":224,"_33":225},{"_49":160,"_38":161,"_36":162,"_163":-5,"_47":48,"_46":164,"_165":31,"_44":219,"_13":167,"_39":26,"_41":168,"_30":31,"_169":-5,"_220":221,"_33":222},["D",1779580213175],"children",[],[161],["D",1779580212185],[],[172],["D",1779580229845],[],[34],["D",1779579656356],[],[184],["D",1779579649958],[],[191],["D",1779579679842],[],[197],["D",1779579649958],["D",1789510872811],{"_109":108,"_117":113},{"_109":108,"_110":111,"_112":113,"_19":61,"_114":115,"_116":31},{"_13":94,"_38":95,"_49":48,"_96":50,"_97":98,"_99":100,"_101":56,"_102":103,"_104":105,"_106":51,"_107":108},"ctx",{"_87":-5,"_139":276,"_277":278,"_279":280,"_281":31,"_282":31,"_283":31,"_284":64,"_285":-5,"_286":-7,"_287":-7,"_288":68,"_289":31,"_290":31,"_291":-5,"_292":31,"_293":31,"_294":31,"_295":-5},"ENV",{"_247":248,"_249":250,"_251":95,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275},"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 · v10