[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_236":237,"_238":239},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_122":-5,"_19":123,"_124":125,"_126":127,"_128":129,"_130":131,"_21":132,"_133":-5,"_134":-5,"_135":24,"_136":137,"_138":139,"_140":-5,"_141":-5,"_142":143},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","NiA","name","my-script","branchName","main","path","frontend/index.html","project",{"_32":71,"_13":14,"_36":72,"_73":-5,"_74":24,"_75":76,"_77":76,"_78":-5,"_79":-5,"_30":67,"_80":-5,"_81":24,"_82":-5,"_83":-5,"_84":26,"_40":41,"_85":86,"_87":88,"_89":90,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_52":101,"_102":103,"_104":105,"_106":24},"file",{"_62":63,"_13":64,"_65":21,"_66":24,"_70":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5,"_58":-5,"_59":60},"id","dc997bfa-5a7a-11f1-9476-ee650bb23af1","branchId","b9a43eb0-5a79-11f1-8021-ee650bb23af1","createdAt",["D",1779961915851],"version",8,"orgId","019e6df5-6ee0-7266-9105-1e6da6b32f6b","parentId","d974a6d4-5a7a-11f1-97b2-ee650bb23af1","incomingCommitId","aiChatMessageId","7e046588-6c4b-4c11-89ae-742b7675c461","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":67,"_40":41,"_11":12,"_68":69},{"_62":63,"_13":64,"_65":21,"_66":24},"pull","merge","revert","multiple","commits",[61],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":46,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":-5,"_52":53,"_21":54,"_55":-5,"_56":-5,"_57":-5},"fileId","dc9767f2-5a7a-11f1-9476-ee650bb23af1","index.html","fileType","deleted","f15d5686-d777-4d79-bc1c-7cf62ee1f7d8","avatar","https://lh3.googleusercontent.com/a/ACg8ocJgHUbKGHaLa74xEcUiMot4oim0Rq6gvTmvPSgijPxzCYogJw=s96-c","deletedAtVersion","b9a369fe-5a79-11f1-8021-ee650bb23af1",["D",1779961427722],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","b9a369fe5a7911f18021ee650bb23af1","tursoHostname","b9a369fe5a7911f18021ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789558275908],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_121":69},"org",{"_11":12,"_116":117,"_68":69,"_30":67,"_118":119,"_120":24},"branch",{"_38":107,"_13":16,"_32":35,"_108":71,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"isOwned",19,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Nigar Aghazada","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":71,"_13":14,"_36":231,"_73":-5,"_74":24,"_75":76,"_77":76,"_78":-5,"_79":-5,"_30":67,"_80":-5,"_81":24,"_82":-5,"_83":-5,"_84":26,"_40":41,"_85":86,"_87":88,"_89":232,"_91":-5,"_92":93,"_94":93,"_95":96,"_97":96,"_98":96,"_99":93,"_100":93,"_52":233,"_102":234,"_104":235,"_106":24},"tree",[165,172],"files",[165,166,167,168,169,170,171,172],"counts",{"_154":26,"_155":156,"_157":26,"_158":159,"_160":161},"contents",[],{"_32":144,"_13":64,"_62":63,"_42":145,"_34":35,"_146":39,"_147":139,"_36":148,"_38":26,"_65":21,"_149":150,"_66":24,"_151":-5,"_17":152},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},"dc9766b2-5a7a-11f1-9476-ee650bb23af1","d972fa78-5a7a-11f1-97b2-ee650bb23af1","branchVersion","latest",["D",1779961915851],"content","\n\n \n \n \n Assistance Requests\n \n 📋\">\n \n \n

\n \n \n \n","label",[153,64],"frontend","pulls","branches",1,"forks","envVars",{"_162":26,"_164":26},"connections",{"_162":26,"_163":26},"count","unfilledCount","emptyCount",{"_32":226,"_13":153,"_62":145,"_42":-5,"_34":35,"_146":227,"_147":139,"_36":228,"_38":26,"_65":223,"_149":-5,"_66":24,"_151":-5,"_180":229,"_17":230},{"_32":220,"_13":203,"_62":198,"_42":145,"_34":35,"_146":221,"_147":139,"_36":222,"_38":26,"_65":223,"_149":-5,"_66":24,"_151":-5,"_180":224,"_17":225},{"_32":212,"_13":213,"_62":214,"_42":198,"_34":35,"_146":215,"_147":139,"_36":216,"_38":156,"_65":188,"_149":217,"_66":24,"_151":-5,"_180":218,"_17":219},{"_32":204,"_13":205,"_62":206,"_42":198,"_34":35,"_146":207,"_147":139,"_36":208,"_38":156,"_65":188,"_149":209,"_66":24,"_151":-5,"_180":210,"_17":211},{"_32":195,"_13":196,"_62":197,"_42":198,"_34":35,"_146":107,"_147":139,"_36":199,"_38":156,"_65":188,"_149":200,"_66":24,"_151":-5,"_180":201,"_17":202},{"_32":144,"_13":64,"_62":63,"_42":145,"_34":35,"_146":39,"_147":139,"_36":192,"_38":26,"_65":21,"_149":150,"_66":24,"_151":-5,"_180":193,"_17":194},{"_32":183,"_13":184,"_62":185,"_42":145,"_34":35,"_146":186,"_147":139,"_36":187,"_38":26,"_65":188,"_149":189,"_66":24,"_151":-5,"_180":190,"_17":191},{"_32":173,"_13":174,"_62":175,"_42":-5,"_34":35,"_146":176,"_147":139,"_36":177,"_38":39,"_65":178,"_149":179,"_66":24,"_151":-5,"_180":181,"_17":182},"a6de8680-5a7b-11f1-88df-ee650bb23af1","main.ts","beef6192-5a79-11f1-a40a-ee650bb23af1",16,["D",1779962255209],"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","children",[],[174],"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",[],[153,184],["D",1779961915851],[],[153,64],"b9ef4250-5a7b-11f1-b6e7-ee650bb23af1","RequestList.tsx","e910ea4e-5a7a-11f1-8d44-ee650bb23af1","dcbc071a-5a7a-11f1-9476-ee650bb23af1",["D",1779962287191],"/** @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",[],[153,203,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",[],[153,203,205],"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",[],[153,203,213],"dcbc05b2-5a7a-11f1-9476-ee650bb23af1",9,["D",1779961916093],"directory",[167,168,169],[153,203],"d972f9c4-5a7a-11f1-97b2-ee650bb23af1",7,["D",1779961910578],[166,170,171],[153],["D",1779961427722],["D",1789558275908],{"_11":12,"_121":69},{"_11":12,"_116":117,"_68":69,"_30":67,"_118":119,"_120":24},{"_38":107,"_13":16,"_32":35,"_108":71,"_109":-5,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":14,"_115":12},"ctx",{"_52":-5,"_141":269,"_270":271,"_272":273,"_274":24,"_275":24,"_276":24,"_277":139,"_278":-5,"_279":-7,"_280":-7,"_281":26,"_282":24,"_283":24,"_284":-5,"_285":24,"_286":24,"_287":24,"_288":-5},"ENV",{"_240":241,"_242":243,"_244":16,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268},"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"]

History · index.html