[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_230":231,"_232":233},"routes/_app.x.$handle.$name",{"_104":103,"_38":52,"_113":94,"_33":114,"_13":14,"_115":-5,"_11":116,"_117":118,"_119":120,"_121":122,"_123":124,"_26":-5,"_125":-5,"_126":-5,"_127":31,"_128":129,"_130":131,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_50":51,"_38":52,"_45":53,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":-5,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":75,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":87,"_88":89,"_90":91,"_92":31},"version",18,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","748d607d-50a3-4292-9db7-135957c86886","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":39,"_40":41,"_42":44,"_45":46,"_47":14,"_48":49,"_30":31},"previous",{"_36":37,"_38":39,"_40":41,"_42":43},"deleted",false,"deletedHere","path","frontend/components/App.tsx","latestPath","fileId","e266f7f6-5a7a-11f1-846d-ee650bb23af1","name","App.tsx","fileType","script","content","/** @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\n useEffect(() => {\n fetchRequests();\n }, []);\n\n async function fetchRequests() {\n const res = await fetch(\"/api/requests\");\n const data = await res.json();\n setRequests(data);\n setLoading(false);\n }\n\n async function handleSubmit(text: string) {\n const res = await fetch(\"/api/requests\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text }),\n });\n if (res.ok) {\n await fetchRequests();\n }\n }\n\n return (\n

📋 Assistance Requests

Submit a request and it will appear below

\n\n \n\n {loading\n ?

\n : }\n\n

\n view source\n

\n );\n}\n","/** @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","createdAt",["D",1779962278108],"branchVersion","branchId","b9a43eb0-5a79-11f1-8021-ee650bb23af1","id","b9a369fe-5a79-11f1-8021-ee650bb23af1","my-script",["D",1779961427722],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","f15d5686-d777-4d79-bc1c-7cf62ee1f7d8","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"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",{"_104":103,"_112":108},"org",{"_104":103,"_105":106,"_107":108,"_19":61,"_109":110,"_111":31},"branch",{"_13":93,"_38":94,"_50":49,"_95":51,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":52,"_102":103},"isOwned",19,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","NiA","handle","displayName","Nigar Aghazada","avatar","https://lh3.googleusercontent.com/a/ACg8ocJgHUbKGHaLa74xEcUiMot4oim0Rq6gvTmvPSgijPxzCYogJw=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":225,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":-5,"_19":61,"_62":-5,"_63":31,"_64":-5,"_65":-5,"_66":67,"_68":69,"_70":71,"_72":73,"_74":226,"_76":-5,"_77":78,"_79":78,"_80":81,"_82":81,"_83":81,"_84":78,"_85":78,"_86":227,"_88":228,"_90":229,"_92":31},"tree",[168,175],"files",[168,169,170,171,172,173,174,175],"counts",{"_157":67,"_158":159,"_160":67,"_161":162,"_163":164},"contents",[136,137],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_50":150,"_38":151,"_36":152,"_141":-5,"_48":49,"_47":153,"_143":131,"_45":154,"_13":67,"_40":155,"_42":-5,"_30":31,"_148":-5,"_33":156},{"_50":138,"_38":139,"_36":140,"_141":-5,"_48":49,"_47":142,"_143":131,"_45":144,"_13":145,"_40":146,"_42":147,"_30":31,"_148":-5,"_33":149},"a6de8680-5a7b-11f1-88df-ee650bb23af1","main.ts","beef6192-5a79-11f1-a40a-ee650bb23af1","parentId",16,"latest",["D",1779962255209],8,"http","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","label",[139],"d972f9c4-5a7a-11f1-97b2-ee650bb23af1","frontend","d972fa78-5a7a-11f1-97b2-ee650bb23af1",7,["D",1779961910578],"directory",[151],"pulls","branches",1,"forks","envVars",{"_165":67,"_167":67},"connections",{"_165":67,"_166":67},"count","unfilledCount","emptyCount",{"_50":150,"_38":151,"_36":152,"_141":-5,"_48":49,"_47":153,"_143":131,"_45":222,"_13":67,"_40":155,"_42":-5,"_30":31,"_148":-5,"_177":223,"_33":224},{"_50":217,"_38":204,"_36":198,"_141":152,"_48":49,"_47":218,"_143":131,"_45":219,"_13":67,"_40":155,"_42":-5,"_30":31,"_148":-5,"_177":220,"_33":221},{"_50":213,"_38":39,"_36":37,"_141":198,"_48":49,"_47":14,"_143":131,"_45":214,"_13":159,"_40":41,"_42":44,"_30":31,"_148":-5,"_177":215,"_33":216},{"_50":205,"_38":206,"_36":207,"_141":198,"_48":49,"_47":208,"_143":131,"_45":209,"_13":159,"_40":41,"_42":210,"_30":31,"_148":-5,"_177":211,"_33":212},{"_50":195,"_38":196,"_36":197,"_141":198,"_48":49,"_47":199,"_143":31,"_45":200,"_13":67,"_40":41,"_42":201,"_30":31,"_148":-5,"_177":202,"_33":203},{"_50":188,"_38":189,"_36":190,"_141":152,"_48":49,"_47":145,"_143":131,"_45":191,"_13":67,"_40":26,"_42":192,"_30":31,"_148":-5,"_177":193,"_33":194},{"_50":180,"_38":181,"_36":182,"_141":152,"_48":49,"_47":183,"_143":131,"_45":184,"_13":67,"_40":41,"_42":185,"_30":31,"_148":-5,"_177":186,"_33":187},{"_50":138,"_38":139,"_36":140,"_141":-5,"_48":49,"_47":142,"_143":131,"_45":176,"_13":145,"_40":146,"_42":147,"_30":31,"_148":-5,"_177":178,"_33":179},["D",1779962255209],"children",[],[139],"dee4db98-5a7a-11f1-9476-ee650bb23af1","index.tsx","dee4dcba-5a7a-11f1-9476-ee650bb23af1",10,["D",1779961919717],"/** @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",[],[151,181],"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",[],[151,189],"e910e95e-5a7a-11f1-8d44-ee650bb23af1","RequestList.tsx","e910ea4e-5a7a-11f1-8d44-ee650bb23af1","dcbc071a-5a7a-11f1-9476-ee650bb23af1",13,["D",1779961936782],"/** @jsxImportSource 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}\n\nexport function RequestList({ requests }: Props) {\n if (requests.length === 0) {\n return (\n

📭

No requests yet. Submit one above!

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

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

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

{req.text}

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

\n ))}\n

\n );\n}\n",[],[151,204,196],"components","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",[],[151,204,206],"b48625c2-5a7b-11f1-835f-ee650bb23af1",["D",1779962278108],[],[151,204,39],"dcbc05b2-5a7a-11f1-9476-ee650bb23af1",9,["D",1779961916093],[170,171,172],[151,204],["D",1779961910578],[169,173,174],[151],["D",1779961427722],["D",1789471840176],{"_104":103,"_112":108},{"_104":103,"_105":106,"_107":108,"_19":61,"_109":110,"_111":31},{"_13":93,"_38":94,"_50":49,"_95":51,"_96":-5,"_97":-5,"_98":-5,"_99":-5,"_100":-5,"_101":52,"_102":103},"ctx",{"_86":-5,"_133":263,"_264":265,"_266":267,"_268":31,"_269":31,"_270":31,"_271":131,"_272":-5,"_273":-7,"_274":-7,"_275":67,"_276":31,"_277":31,"_278":-5,"_279":31,"_280":31,"_281":31,"_282":-5},"ENV",{"_234":235,"_236":237,"_238":94,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262},"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"]

Diff · v18