[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_245":246,"_247":248},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_185":-5,"_20":186,"_22":187,"_188":189,"_190":191,"_25":192,"_24":-5,"_193":-5,"_194":-5,"_195":54,"_196":197,"_198":45,"_199":-5,"_200":-5,"_201":202},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","NiA","name","my-script","branchName","main","version","path","","project",{"_34":128,"_13":14,"_46":129,"_130":-5,"_131":54,"_132":133,"_134":133,"_135":-5,"_136":-5,"_137":138,"_139":-5,"_140":54,"_141":-5,"_142":-5,"_143":62,"_144":145,"_146":147,"_148":149,"_150":151,"_152":-5,"_153":154,"_155":154,"_156":157,"_158":157,"_159":157,"_160":154,"_161":154,"_162":163,"_164":165,"_166":167,"_168":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","a6de8680-5a7b-11f1-88df-ee650bb23af1","main.ts","fileId","beef6192-5a79-11f1-a40a-ee650bb23af1","parentId","branchId","b9a43eb0-5a79-11f1-8021-ee650bb23af1","branchVersion",16,"latest",true,"createdAt",["D",1779962255209],8,"fileType","http","content","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { Hono } from \"npm:hono\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst MIN_LENGTH = 3;\nconst MAX_LENGTH = 500;\n\nlet initialized = false;\nasync function initDb() {\n if (initialized) return;\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS requests (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n created_at TEXT DEFAULT (datetime('now'))\n )`);\n initialized = true;\n}\n\nconst app = new Hono();\n\n// Serve frontend\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\n\n// View source\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// API: Get all requests (loaded on page open to show previous submissions)\napp.get(\"/api/requests\", async (c) => {\n await initDb();\n const result = await sqlite.execute(\"SELECT * FROM requests ORDER BY id DESC\");\n return c.json(result.rows);\n});\n\n// API: Submit a new request with validation\napp.post(\"/api/requests\", async (c) => {\n await initDb();\n\n let body: { text?: string };\n try {\n body = await c.req.json();\n } catch {\n return c.json({ error: \"Invalid JSON body\" }, 400);\n }\n\n const text = (body.text ?? \"\").trim();\n\n // Validation: reject empty / whitespace-only\n if (!text) {\n return c.json({ error: \"Request text cannot be empty.\" }, 400);\n }\n // Validation: minimum length\n if (text.length < MIN_LENGTH) {\n return c.json({ error: `Request must be at least ${MIN_LENGTH} characters.` }, 400);\n }\n // Validation: maximum length\n if (text.length > MAX_LENGTH) {\n return c.json({ error: `Request must be ${MAX_LENGTH} characters or fewer.` }, 400);\n }\n\n const result = await sqlite.execute({\n sql: \"INSERT INTO requests (text) VALUES (?)\",\n args: [text],\n });\n\n // Return the newly created row\n const row = await sqlite.execute({\n sql: \"SELECT * FROM requests WHERE id = ?\",\n args: [Number(result.lastInsertRowid)],\n });\n\n return c.json(row.rows[0], 201);\n});\n\n// API: Delete a request\napp.delete(\"/api/requests/:id\", async (c) => {\n await initDb();\n const id = Number(c.req.param(\"id\"));\n if (isNaN(id)) return c.json({ error: \"Invalid ID\" }, 400);\n\n const result = await sqlite.execute({\n sql: \"DELETE FROM requests WHERE id = ?\",\n args: [id],\n });\n\n if (result.rowsAffected === 0) {\n return c.json({ error: \"Request not found\" }, 404);\n }\n return c.json({ ok: true });\n});\n\napp.onError((err) => Promise.reject(err));\n\nexport default app.fetch;\n","deleted",false,"label",[36],"d972f9c4-5a7a-11f1-97b2-ee650bb23af1","frontend","d972fa78-5a7a-11f1-97b2-ee650bb23af1",7,["D",1779961910578],0,"directory",[58],{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":72,"_18":73},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":69,"_18":70},["D",1779962255209],"children",[],[36],["D",1779961910578],[74,75,76],[58],{"_34":93,"_13":94,"_37":95,"_39":59,"_40":41,"_42":96,"_44":45,"_46":97,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":98,"_18":99},{"_34":86,"_13":87,"_37":88,"_39":59,"_40":41,"_42":48,"_44":45,"_46":89,"_17":62,"_49":24,"_51":90,"_53":54,"_55":-5,"_68":91,"_18":92},{"_34":77,"_13":78,"_37":79,"_39":59,"_40":41,"_42":80,"_44":45,"_46":81,"_17":62,"_49":82,"_51":83,"_53":54,"_55":-5,"_68":84,"_18":85},"dee4db98-5a7a-11f1-9476-ee650bb23af1","index.tsx","dee4dcba-5a7a-11f1-9476-ee650bb23af1",10,["D",1779961919717],"script","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { App } from \"./components/App.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\n\ncreateRoot(root).render();\n",[],[58,78],"dc9766b2-5a7a-11f1-9476-ee650bb23af1","index.html","dc9767f2-5a7a-11f1-9476-ee650bb23af1",["D",1779961915851],"\n\n \n \n \n Assistance Requests\n \n 📋\">\n \n \n

\n \n \n \n",[],[58,87],"dcbc05b2-5a7a-11f1-9476-ee650bb23af1","components","dcbc071a-5a7a-11f1-9476-ee650bb23af1",9,["D",1779961916093],[100,101,102],[58,94],{"_34":120,"_13":121,"_37":122,"_39":95,"_40":41,"_42":123,"_44":45,"_46":124,"_17":108,"_49":82,"_51":125,"_53":54,"_55":-5,"_68":126,"_18":127},{"_34":112,"_13":113,"_37":114,"_39":95,"_40":41,"_42":115,"_44":45,"_46":116,"_17":108,"_49":82,"_51":117,"_53":54,"_55":-5,"_68":118,"_18":119},{"_34":103,"_13":104,"_37":105,"_39":95,"_40":41,"_42":106,"_44":45,"_46":107,"_17":108,"_49":82,"_51":109,"_53":54,"_55":-5,"_68":110,"_18":111},"b9ef4250-5a7b-11f1-b6e7-ee650bb23af1","RequestList.tsx","e910ea4e-5a7a-11f1-8d44-ee650bb23af1",19,["D",1779962287191],1,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface AssistanceRequest {\n id: number;\n text: string;\n created_at: string;\n}\n\ninterface Props {\n requests: AssistanceRequest[];\n onDelete: (id: number) => void;\n}\n\nexport function RequestList({ requests, onDelete }: Props) {\n const [confirmId, setConfirmId] = useState(null);\n\n if (requests.length === 0) {\n return (\n

📭

No requests yet. Submit one above!

\n );\n }\n\n return (\n

\n Saved Requests ({requests.length})\n

\n {requests.map((req) => (\n \n

{req.text}

\n #{req.id} · {new Date(req.created_at + \"Z\").toLocaleString()}\n

\n {confirmId === req.id ? (\n

\n { onDelete(req.id); setConfirmId(null); }}\n class=\"text-xs px-2 py-1 bg-red-500 text-white rounded hover:bg-red-600 transition-colors\"\n >\n Confirm\n \n setConfirmId(null)}\n class=\"text-xs px-2 py-1 bg-gray-200 text-gray-600 rounded hover:bg-gray-300 transition-colors\"\n >\n Cancel\n \n

\n ) : (\n setConfirmId(req.id)}\n class=\"text-gray-300 hover:text-red-500 transition-colors shrink-0\"\n title=\"Delete request\"\n >\n ✕\n \n )}\n

\n ))}\n \n );\n}\n",[],[58,94,104],"add10012-5a7b-11f1-835f-ee650bb23af1","RequestForm.tsx","e6aa3670-5a7a-11f1-97b2-ee650bb23af1",17,["D",1779962266863],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nconst MIN_LENGTH = 3;\nconst MAX_LENGTH = 500;\n\ninterface Props {\n onSubmit: (text: string) => Promise;\n}\n\nexport function RequestForm({ onSubmit }: Props) {\n const [text, setText] = useState(\"\");\n const [submitting, setSubmitting] = useState(false);\n const [error, setError] = useState(null);\n const [success, setSuccess] = useState(false);\n\n const trimmed = text.trim();\n const charCount = trimmed.length;\n const isValid = charCount >= MIN_LENGTH && charCount <= MAX_LENGTH;\n\n async function handleSubmit(e: Event) {\n e.preventDefault();\n setError(null);\n setSuccess(false);\n\n if (!isValid || submitting) return;\n\n setSubmitting(true);\n const err = await onSubmit(text);\n if (err) {\n setError(err);\n } else {\n setText(\"\");\n setSuccess(true);\n setTimeout(() => setSuccess(false), 2000);\n }\n setSubmitting(false);\n }\n\n return (\n

\n {\n setText((e.target as HTMLInputElement).value);\n setError(null);\n setSuccess(false);\n }}\n placeholder=\"Type your assistance request...\"\n maxLength={MAX_LENGTH}\n class={`w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:border-transparent text-base ${\n error ? \"border-red-400 focus:ring-red-400\" : \"border-gray-300 focus:ring-blue-500\"\n }`}\n disabled={submitting}\n />\n

\n \n {error\n ? error\n : trimmed.length > 0 && trimmed.length < MIN_LENGTH\n ? `At least ${MIN_LENGTH} characters required`\n : \"\\u00A0\"}\n \n MAX_LENGTH ? \"text-red-500\" : \"text-gray-400\"}`}>\n {charCount > 0 ? `${charCount}/${MAX_LENGTH}` : \"\"}\n \n

\n \n {submitting ? \"Sending...\" : \"Submit\"}\n \n \n {success && (\n

✅ Request submitted successfully!

\n )}\n

\n );\n}\n",[],[58,94,113],"b48625c2-5a7b-11f1-835f-ee650bb23af1","App.tsx","e266f7f6-5a7a-11f1-846d-ee650bb23af1",18,["D",1779962278108],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { RequestForm } from \"./RequestForm.tsx\";\nimport { RequestList } from \"./RequestList.tsx\";\n\ninterface AssistanceRequest {\n id: number;\n text: string;\n created_at: string;\n}\n\nexport function App() {\n const [requests, setRequests] = useState([]);\n const [loading, setLoading] = useState(true);\n const [loadError, setLoadError] = useState(null);\n\n // Load saved requests from SQLite when the page opens\n useEffect(() => {\n fetchRequests();\n }, []);\n\n async function fetchRequests() {\n try {\n const res = await fetch(\"/api/requests\");\n if (!res.ok) throw new Error(\"Failed to load requests\");\n const data = await res.json();\n setRequests(data);\n setLoadError(null);\n } catch (err) {\n setLoadError(\"Could not load requests. Please refresh.\");\n } finally {\n setLoading(false);\n }\n }\n\n // Returns an error message string, or null on success\n async function handleSubmit(text: string): Promise {\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 if (!res.ok) {\n const data = await res.json();\n return data.error || \"Submission failed.\";\n }\n\n // Refresh list to show the new request persisted in the database\n await fetchRequests();\n return null;\n } catch {\n return \"Network error. Please try again.\";\n }\n }\n\n async function handleDelete(id: number) {\n try {\n const res = await fetch(`/api/requests/${id}`, { method: \"DELETE\" });\n if (res.ok) {\n setRequests((prev) => prev.filter((r) => r.id !== id));\n }\n } catch {\n // silently fail\n }\n }\n\n return (\n

📋 Assistance Requests

\n Submit a request and it will be saved permanently\n

\n\n \n\n {loadError ? (\n

{loadError}

\n ) : loading ? (\n

Loading saved requests...

\n ) : (\n \n )}\n\n

\n view source\n {\" · \"}\n Requests persist in Val Town SQLite\n

\n );\n}\n",[],[58,94,121],"b9a369fe-5a79-11f1-8021-ee650bb23af1",["D",1779961427722],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","f15d5686-d777-4d79-bc1c-7cf62ee1f7d8","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","019e6df5-6ee0-7266-9105-1e6da6b32f6b","tursoName","b9a369fe5a7911f18021ee650bb23af1","tursoHostname","b9a369fe5a7911f18021ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789471840176],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_184":180},"org",{"_11":12,"_177":178,"_179":180,"_137":138,"_181":182,"_183":54},"branch",{"_17":106,"_13":16,"_34":41,"_169":128,"_170":-5,"_171":-5,"_172":-5,"_173":-5,"_174":-5,"_175":14,"_176":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Nigar Aghazada","avatar","https://lh3.googleusercontent.com/a/ACg8ocJgHUbKGHaLa74xEcUiMot4oim0Rq6gvTmvPSgijPxzCYogJw=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":128,"_13":14,"_46":240,"_130":-5,"_131":54,"_132":133,"_134":133,"_135":-5,"_136":-5,"_137":138,"_139":-5,"_140":54,"_141":-5,"_142":-5,"_143":62,"_144":145,"_146":147,"_148":149,"_150":241,"_152":-5,"_153":154,"_155":154,"_156":157,"_158":157,"_159":157,"_160":154,"_161":154,"_162":242,"_164":243,"_166":244,"_168":54},[216,223],"files",[216,217,218,219,220,221,222,223],"counts",{"_207":62,"_208":108,"_209":62,"_31":210,"_211":212},[203,204],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_18":206},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":205},[36],[58],"pulls","branches","forks",{"_213":62,"_215":62},"connections",{"_213":62,"_214":62},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":238,"_18":239},{"_34":93,"_13":94,"_37":95,"_39":59,"_40":41,"_42":96,"_44":45,"_46":97,"_17":62,"_49":63,"_51":-5,"_53":54,"_55":-5,"_68":236,"_18":237},{"_34":120,"_13":121,"_37":122,"_39":95,"_40":41,"_42":123,"_44":45,"_46":124,"_17":108,"_49":82,"_51":125,"_53":54,"_55":-5,"_68":234,"_18":235},{"_34":112,"_13":113,"_37":114,"_39":95,"_40":41,"_42":115,"_44":45,"_46":116,"_17":108,"_49":82,"_51":117,"_53":54,"_55":-5,"_68":232,"_18":233},{"_34":103,"_13":104,"_37":105,"_39":95,"_40":41,"_42":106,"_44":45,"_46":107,"_17":108,"_49":82,"_51":109,"_53":54,"_55":-5,"_68":230,"_18":231},{"_34":86,"_13":87,"_37":88,"_39":59,"_40":41,"_42":48,"_44":45,"_46":89,"_17":62,"_49":24,"_51":90,"_53":54,"_55":-5,"_68":228,"_18":229},{"_34":77,"_13":78,"_37":79,"_39":59,"_40":41,"_42":80,"_44":45,"_46":81,"_17":62,"_49":82,"_51":83,"_53":54,"_55":-5,"_68":226,"_18":227},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":224,"_18":225},[],[36],[],[58,78],[],[58,87],[],[58,94,104],[],[58,94,113],[],[58,94,121],[218,219,220],[58,94],[217,221,222],[58],["D",1779961427722],["D",1789471840176],{"_11":12,"_184":180},{"_11":12,"_177":178,"_179":180,"_137":138,"_181":182,"_183":54},{"_17":106,"_13":16,"_34":41,"_169":128,"_170":-5,"_171":-5,"_172":-5,"_173":-5,"_174":-5,"_175":14,"_176":12},"ctx",{"_162":-5,"_200":278,"_279":280,"_281":282,"_283":54,"_284":54,"_285":54,"_286":45,"_287":-5,"_288":-7,"_289":-7,"_290":62,"_291":54,"_292":54,"_293":-5,"_294":54,"_295":54,"_296":54,"_297":-5},"ENV",{"_249":250,"_251":252,"_253":16,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Code