[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_297":298,"_299":300},"routes/_app.x.$handle.$name",{"_109":108,"_37":50,"_117":95,"_32":118,"_13":14,"_119":-5,"_11":120,"_121":122,"_123":124,"_125":126,"_127":128,"_26":-5,"_129":130,"_131":132,"_133":30,"_134":135,"_136":64,"_137":-5,"_138":-5,"_139":140},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_48":49,"_37":50,"_43":51,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_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":30},"version",10,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","6de4fee0-6e5d-4373-b754-8cd8f4817a3d","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":-7,"_29":30,"_31":30,"_32":33,"_34":33},"file",{"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":14,"_46":47,"_29":30},"previous","deleted",false,"deletedHere","path","shared/blob-backup.ts","latestPath","fileId","2fb7e81e-5533-11f1-9e01-ee650bb23af1","name","blob-backup.ts","fileType","script","content","import { blob } from \"https://esm.town/v/std/blob\";\nimport type { AssistanceRequest } from \"./types.ts\";\n\n/**\n * Blob-based persistence layer for assistance requests.\n *\n * This mirrors SQLite data into Val Town Blob Storage, providing:\n * - A portable JSON backup of all requests\n * - A secondary persistence layer alongside SQLite\n * - Easy data export (the blob is a plain JSON array)\n *\n * Blob key: \"assistance_requests_backup\"\n */\n\nconst BLOB_KEY = \"assistance_requests_backup\";\n\n/** Read all requests from blob storage. Returns [] if no backup exists. */\nexport async function loadFromBlob(): Promise {\n try {\n const data = await blob.getJSON(BLOB_KEY);\n if (Array.isArray(data)) return data as AssistanceRequest[];\n return [];\n } catch {\n return [];\n }\n}\n\n/** Save the full requests array to blob storage (overwrites). */\nexport async function saveToBlob(requests: AssistanceRequest[]): Promise {\n await blob.setJSON(BLOB_KEY, requests);\n}\n\n/** Add a single request to the blob backup. */\nexport async function addToBlob(request: AssistanceRequest): Promise {\n const existing = await loadFromBlob();\n existing.unshift(request); // newest first\n await saveToBlob(existing);\n}\n\n/** Update a single request in the blob backup by ID. */\nexport async function updateInBlob(updated: AssistanceRequest): Promise {\n const existing = await loadFromBlob();\n const idx = existing.findIndex((r) => r.id === updated.id);\n if (idx !== -1) {\n existing[idx] = updated;\n } else {\n existing.unshift(updated);\n }\n await saveToBlob(existing);\n}\n\n/** Remove a single request from the blob backup by ID. */\nexport async function removeFromBlob(id: number): Promise {\n const existing = await loadFromBlob();\n const filtered = existing.filter((r) => r.id !== id);\n await saveToBlob(filtered);\n}\n\n/** Sync blob backup from SQLite (full overwrite). Call on startup or periodically. */\nexport async function syncBlobFromRows(rows: AssistanceRequest[]): Promise {\n await saveToBlob(rows);\n}\n","createdAt",["D",1779381375725],"branchVersion","branchId","0b0229b8-5532-11f1-9b7a-ee650bb23af1","id","0afa641c-5532-11f1-9b7a-ee650bb23af1","interactive-web-app",["D",1779380884593],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","5d16cccc-ee0c-49ed-ab05-2b111789a9a8","pinnedFileId","019e4b5d-94c6-709a-99d1-dfd4e10d8405","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e4b5a-06e9-749a-8bb4-3ce0f0379eae","tursoName","0afa641c553211f19b7aee650bb23af1","tursoHostname","0afa641c553211f19b7aee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789499469860],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_109":108,"_116":112},"org",{"_109":108,"_110":108,"_111":112,"_19":60,"_113":114,"_115":30},"branch",{"_13":94,"_37":95,"_48":47,"_96":49,"_97":98,"_99":100,"_101":55,"_102":103,"_104":105,"_106":50,"_107":108},"isOwned",12,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",88,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","engineer891","handle","displayName","avatar","https://avatars.githubusercontent.com/u/207613525?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_48":49,"_37":50,"_43":292,"_52":-5,"_53":30,"_54":55,"_56":55,"_57":58,"_59":-5,"_19":60,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":68,"_69":70,"_71":72,"_73":74,"_75":293,"_77":-5,"_78":79,"_80":79,"_81":82,"_83":82,"_84":82,"_85":79,"_86":79,"_87":294,"_89":295,"_91":296,"_93":30},"tree",[196,204,208,209],"files",[196,197,198,199,200,201,202,203,204,205,206,207,208,209],"counts",{"_186":68,"_187":170,"_188":68,"_189":190,"_191":192},"contents",[152,153,154,155],"upstreamProject",{"_48":103,"_37":148,"_57":58,"_59":149,"_54":55,"_87":150},"upstreamBranch",{"_48":98,"_43":141,"_142":143,"_37":95,"_96":103,"_13":144,"_97":-5,"_99":-5,"_145":146,"_52":-5,"_93":30,"_54":55,"_107":147,"_69":105,"_106":148},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789545599&sig=91cfcc631bd9f3dd8274549c04838d172adf2572755982193460d49bfd04bd62",{"_109":147,"_116":151},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789545599&sig=2316df07e67031dd48e537f6ce0c4c14b92716fed790ec83ecf27974cc65aa31",{"_48":181,"_37":182,"_35":183,"_158":-5,"_46":47,"_45":170,"_160":64,"_43":184,"_13":68,"_39":179,"_41":-5,"_29":30,"_165":-5,"_32":185},{"_48":174,"_37":175,"_35":176,"_158":-5,"_46":47,"_45":177,"_160":64,"_43":178,"_13":68,"_39":179,"_41":-5,"_29":30,"_165":-5,"_32":180},{"_48":167,"_37":168,"_35":169,"_158":-5,"_46":47,"_45":170,"_160":64,"_43":171,"_13":68,"_39":26,"_41":172,"_29":30,"_165":-5,"_32":173},{"_48":156,"_37":157,"_35":62,"_158":-5,"_46":47,"_45":159,"_160":30,"_43":161,"_13":162,"_39":163,"_41":164,"_29":30,"_165":-5,"_32":166},"d7f8355c-5532-11f1-9a8a-ee650bb23af1","index.ts","parentId",7,"latest",["D",1779381228502],2,"http","import { parseVal, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { Hono } from \"npm:hono\";\nimport type { AssistanceRequest, CreateRequestBody, UpdateRequestBody } from \"./shared/types.ts\";\nimport { VALID_STATUSES } from \"./shared/types.ts\";\n\n// Create table on startup (idempotent)\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS assistance_requests (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n status TEXT NOT NULL DEFAULT 'pending',\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n`);\n\n// Migrate: add status column if it doesn't exist yet (safe for existing data)\ntry {\n await sqlite.execute(`ALTER TABLE assistance_requests ADD COLUMN status TEXT NOT NULL DEFAULT 'pending'`);\n} catch {\n // Column already exists — ignore\n}\n\nconst app = new Hono();\n\n// --- Static files ---\n\napp.get(\"/\", () => serveFile(\"/frontend/index.html\"));\napp.get(\"/frontend/**/*\", (c) => serveFile(c.req.path));\napp.get(\"/source\", (c) => c.redirect(parseVal().links.self.val));\n\n// --- API routes ---\n\n// GET all requests (newest first)\napp.get(\"/api/requests\", async (c) => {\n const result = await sqlite.execute(\n \"SELECT id, text, status, created_at FROM assistance_requests ORDER BY id DESC\"\n );\n return c.json(result.rows as AssistanceRequest[]);\n});\n\n// POST a new request\napp.post(\"/api/requests\", async (c) => {\n const body: CreateRequestBody = await c.req.json();\n const text = body?.text?.trim();\n if (!text) {\n return c.json({ error: \"Text is required\" }, 400);\n }\n const result = await sqlite.execute({\n sql: \"INSERT INTO assistance_requests (text, status) VALUES (?, 'pending') RETURNING id, text, status, created_at\",\n args: [text],\n });\n return c.json(result.rows[0] as AssistanceRequest, 201);\n});\n\n// PATCH update a request's status\napp.patch(\"/api/requests/:id\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const body: UpdateRequestBody = await c.req.json();\n\n if (body.status && !VALID_STATUSES.includes(body.status)) {\n return c.json({ error: `Invalid status. Must be one of: ${VALID_STATUSES.join(\", \")}` }, 400);\n }\n\n const result = await sqlite.execute({\n sql: \"UPDATE assistance_requests SET status = ? WHERE id = ? RETURNING id, text, status, created_at\",\n args: [body.status!, id],\n });\n\n if (result.rows.length === 0) {\n return c.json({ error: \"Request not found\" }, 404);\n }\n return c.json(result.rows[0] as AssistanceRequest);\n});\n\n// Unwrap and rethrow Hono errors as the original error\napp.onError((err) => Promise.reject(err));\n\n// HTTP vals expect an exported \"fetch handler\"\nexport default app.fetch;\n","label",[157],"0b08a946-5532-11f1-9b7a-ee650bb23af1","README.md","019e4b5d-94c6-709a-99d1-db4ec0794d4b",1,["D",1779380884593],"# React + Hono Starter\n\nA minimal starter template for building client-side React apps with a Hono\nbackend on Val Town. Click **Remix** to get your own copy.\n\n**Want to build UI?** Start writing React components in\n[`frontend/components/`](/frontend/components/). Import them into `App.tsx` and\nyou're good to go. Styling is [Twind](https://twind.style/) — just use Tailwind\nutility classes, zero config.\n\n**Want to add an API?** Add routes in [`index.ts`](/index.ts) (there's a\ncommented-out example). Fetch them from your React components.\n\n## Architecture\n\n```mermaid\ngraph LR\n Browser -->|\"GET /\"| Hono[\"index.ts
(Hono server)\"]\n Hono -->|serves| HTML[\"index.html\"]\n HTML -->|loads| Entry[\"index.tsx\"]\n Entry -->|renders| App[\"App.tsx\"]\n App -->|renders| Counter[\"Counter.tsx\"]\n```\n\n## File structure\n\n```\nindex.ts ← Hono backend (serves frontend + API routes)\nfrontend/\n index.html ← HTML shell (loads Twind + React)\n index.tsx ← React entrypoint (mounts )\n favicon.svg ← App icon\n components/\n App.tsx ← Root component (layout + view source link)\n Counter.tsx ← Example component with state\n```\n\n## How it works\n\n1. **`index.ts`** is the HTTP entrypoint — a Hono server that serves the\n frontend and any API routes you add.\n2. **`frontend/index.html`** loads Twind and the React entrypoint.\n3. **`frontend/index.tsx`** mounts the React app.\n4. **`frontend/components/App.tsx`** is the root layout — add new components\n alongside it.\n5. **`frontend/components/Counter.tsx`** is an example stateful component —\n replace it with your own!\n\n## Next steps\n\n- Add API routes in `index.ts`\n- Add new components in `frontend/components/`\n- Add a SQLite database — see the\n [React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) for\n a full-stack example with database, queries, and shared types",[168],"d192932e-5532-11f1-9a8a-ee650bb23af1","shared","764e5100-afa9-478f-bfc8-aa2c1168264a",6,["D",1779381217783],"directory",[175],"0b08a73e-5532-11f1-9b7a-ee650bb23af1","frontend","019e4b5d-94c6-709a-99d1-d480d9c15284",["D",1779380884593],[182],"pulls","branches","forks","envVars",{"_193":68,"_195":68},"connections",{"_193":68,"_194":68},"count","unfilledCount","emptyCount",{"_48":181,"_37":182,"_35":183,"_158":-5,"_46":47,"_45":170,"_160":64,"_43":289,"_13":68,"_39":179,"_41":-5,"_29":30,"_165":-5,"_211":290,"_32":291},{"_48":285,"_37":270,"_35":264,"_158":183,"_46":47,"_45":170,"_160":64,"_43":286,"_13":68,"_39":179,"_41":-5,"_29":30,"_165":-5,"_211":287,"_32":288},{"_48":278,"_37":279,"_35":280,"_158":264,"_46":47,"_45":162,"_160":64,"_43":281,"_13":170,"_39":40,"_41":282,"_29":30,"_165":-5,"_211":283,"_32":284},{"_48":271,"_37":272,"_35":273,"_158":264,"_46":47,"_45":170,"_160":64,"_43":274,"_13":68,"_39":40,"_41":275,"_29":30,"_165":-5,"_211":276,"_32":277},{"_48":261,"_37":262,"_35":263,"_158":264,"_46":47,"_45":265,"_160":30,"_43":266,"_13":170,"_39":40,"_41":267,"_29":30,"_165":-5,"_211":268,"_32":269},{"_48":254,"_37":255,"_35":256,"_158":183,"_46":47,"_45":170,"_160":64,"_43":257,"_13":68,"_39":26,"_41":258,"_29":30,"_165":-5,"_211":259,"_32":260},{"_48":246,"_37":247,"_35":248,"_158":183,"_46":47,"_45":249,"_160":64,"_43":250,"_13":170,"_39":26,"_41":251,"_29":30,"_165":-5,"_211":252,"_32":253},{"_48":239,"_37":240,"_35":241,"_158":183,"_46":47,"_45":170,"_160":64,"_43":242,"_13":68,"_39":40,"_41":243,"_29":30,"_165":-5,"_211":244,"_32":245},{"_48":174,"_37":175,"_35":176,"_158":-5,"_46":47,"_45":177,"_160":64,"_43":236,"_13":68,"_39":179,"_41":-5,"_29":30,"_165":-5,"_211":237,"_32":238},{"_48":232,"_37":38,"_35":36,"_158":176,"_46":47,"_45":14,"_160":64,"_43":233,"_13":68,"_39":40,"_41":42,"_29":30,"_165":-5,"_211":234,"_32":235},{"_48":225,"_37":226,"_35":227,"_158":176,"_46":47,"_45":177,"_160":64,"_43":228,"_13":68,"_39":40,"_41":229,"_29":30,"_165":-5,"_211":230,"_32":231},{"_48":217,"_37":218,"_35":219,"_158":176,"_46":47,"_45":220,"_160":64,"_43":221,"_13":68,"_39":40,"_41":222,"_29":30,"_165":-5,"_211":223,"_32":224},{"_48":167,"_37":168,"_35":169,"_158":-5,"_46":47,"_45":170,"_160":64,"_43":214,"_13":68,"_39":26,"_41":172,"_29":30,"_165":-5,"_211":215,"_32":216},{"_48":156,"_37":157,"_35":62,"_158":-5,"_46":47,"_45":159,"_160":30,"_43":210,"_13":162,"_39":163,"_41":164,"_29":30,"_165":-5,"_211":212,"_32":213},["D",1779381228502],"children",[],[157],["D",1779380884593],[],[168],"2a7d2a30-5533-11f1-9d34-ee650bb23af1","validation.ts","2a7d2ada-5533-11f1-9d34-ee650bb23af1",9,["D",1779381366961],"import { VALID_STATUSES } from \"./types.ts\";\nimport type { RequestStatus } from \"./types.ts\";\n\n/** Validation result — either success with cleaned data, or failure with errors */\nexport type ValidationResult =\n | { ok: true; data: T }\n | { ok: false; errors: string[] };\n\nconst MAX_TEXT_LENGTH = 1000;\nconst MIN_TEXT_LENGTH = 3;\n\n/**\n * Validates and sanitizes a new request submission.\n * Returns cleaned text on success, or an array of error messages.\n */\nexport function validateCreateRequest(body: unknown): ValidationResult<{ text: string }> {\n const errors: string[] = [];\n\n if (body === null || body === undefined || typeof body !== \"object\") {\n return { ok: false, errors: [\"Request body must be a JSON object.\"] };\n }\n\n const { text } = body as Record;\n\n // Check presence\n if (text === undefined || text === null) {\n errors.push(\"The 'text' field is required.\");\n return { ok: false, errors };\n }\n\n // Check type\n if (typeof text !== \"string\") {\n errors.push(\"The 'text' field must be a string.\");\n return { ok: false, errors };\n }\n\n // Trim and check emptiness\n const trimmed = text.trim();\n if (trimmed.length === 0) {\n errors.push(\"Request text cannot be empty or whitespace-only.\");\n return { ok: false, errors };\n }\n\n // Check length bounds\n if (trimmed.length < MIN_TEXT_LENGTH) {\n errors.push(`Request text must be at least ${MIN_TEXT_LENGTH} characters (got ${trimmed.length}).`);\n }\n\n if (trimmed.length > MAX_TEXT_LENGTH) {\n errors.push(`Request text must be at most ${MAX_TEXT_LENGTH} characters (got ${trimmed.length}).`);\n }\n\n if (errors.length > 0) return { ok: false, errors };\n\n return { ok: true, data: { text: trimmed } };\n}\n\n/**\n * Validates a status update payload.\n * Returns the validated status on success, or error messages.\n */\nexport function validateUpdateRequest(body: unknown): ValidationResult<{ status: RequestStatus }> {\n const errors: string[] = [];\n\n if (body === null || body === undefined || typeof body !== \"object\") {\n return { ok: false, errors: [\"Request body must be a JSON object.\"] };\n }\n\n const { status } = body as Record;\n\n if (status === undefined || status === null) {\n errors.push(\"The 'status' field is required.\");\n return { ok: false, errors };\n }\n\n if (typeof status !== \"string\") {\n errors.push(\"The 'status' field must be a string.\");\n return { ok: false, errors };\n }\n\n if (!VALID_STATUSES.includes(status as RequestStatus)) {\n errors.push(`Invalid status '${status}'. Must be one of: ${VALID_STATUSES.join(\", \")}.`);\n return { ok: false, errors };\n }\n\n return { ok: true, data: { status: status as RequestStatus } };\n}\n\n/**\n * Client-side validation for the input field.\n * Returns null if valid, or an error message string.\n */\nexport function validateInputText(text: string): string | null {\n const trimmed = text.trim();\n if (trimmed.length === 0) return \"Please enter a request before submitting.\";\n if (trimmed.length < MIN_TEXT_LENGTH) return `Request must be at least ${MIN_TEXT_LENGTH} characters.`;\n if (trimmed.length > MAX_TEXT_LENGTH) return `Request must be at most ${MAX_TEXT_LENGTH} characters.`;\n return null;\n}\n",[],[175,218],"d1926af2-5532-11f1-9a8a-ee650bb23af1","types.ts","d1926ba6-5532-11f1-9a8a-ee650bb23af1",["D",1779381217783],"/**\n * AssistanceRequest — the core data structure for submitted requests.\n *\n * Each request stores:\n * - id: Unique auto-incrementing identifier\n * - text: The user's request content (required, non-empty)\n * - status: Lifecycle state: \"pending\" → \"in_progress\" → \"resolved\"\n * - created_at: ISO-8601 timestamp when the request was created\n */\nexport interface AssistanceRequest {\n id: number;\n text: string;\n status: RequestStatus;\n created_at: string;\n}\n\n/** The allowed lifecycle states for a request */\nexport type RequestStatus = \"pending\" | \"in_progress\" | \"resolved\";\n\n/** Valid statuses, useful for runtime validation */\nexport const VALID_STATUSES: RequestStatus[] = [\"pending\", \"in_progress\", \"resolved\"];\n\n/** Payload shape accepted by POST /api/requests */\nexport interface CreateRequestBody {\n text: string;\n}\n\n/** Payload shape accepted by PATCH /api/requests/:id */\nexport interface UpdateRequestBody {\n status?: RequestStatus;\n}\n",[],[175,226],"2fb7e738-5533-11f1-9e01-ee650bb23af1",["D",1779381375725],[],[175,38],["D",1779381217783],[205,206,207],[175],"0b08a3f6-5532-11f1-9b7a-ee650bb23af1","index.tsx","019e4b5d-94c6-709a-99d1-d01e3249763f",["D",1779380884593],"/** @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) {\n throw new Error(\"No root element found\");\n}\n\ncreateRoot(root).render();",[],[182,240],"53b61cfa-5532-11f1-9067-ee650bb23af1","index.html","019e4b5d-94c6-709a-99d1-cc85fd629561",5,["D",1779381006620],"\n\n \n \n \n Assistance Requests\n \n \n \n \n

\n \n \n \n",[],[182,247],"0b089ba4-5532-11f1-9b7a-ee650bb23af1","favicon.svg","019e4b5d-94c6-709a-99d1-ca0e131ab84e",["D",1779380884593],"\n",[],[182,255],"e13b7782-5532-11f1-9a22-ee650bb23af1","RequestForm.tsx","4c39cca6-5532-11f1-bf1e-ee650bb23af1","019e4b5d-94c6-709a-99d1-c5b851a76a56",8,["D",1779381244053],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { AssistanceRequest, RequestStatus } from \"../../shared/types.ts\";\n\nconst STATUS_STYLES: Record = {\n pending: { label: \"⏳ Pending\", classes: \"bg-yellow-100 text-yellow-800\" },\n in_progress: { label: \"🔧 In Progress\", classes: \"bg-blue-100 text-blue-800\" },\n resolved: { label: \"✅ Resolved\", classes: \"bg-green-100 text-green-800\" },\n};\n\nexport function RequestForm() {\n const [input, setInput] = useState(\"\");\n const [requests, setRequests] = useState([]);\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState(null);\n\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: AssistanceRequest[] = await res.json();\n setRequests(data);\n } catch (e: any) {\n setError(e.message);\n }\n }\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n const trimmed = input.trim();\n if (!trimmed) return;\n\n setLoading(true);\n setError(null);\n try {\n const res = await fetch(\"/api/requests\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ text: trimmed }),\n });\n if (!res.ok) throw new Error(\"Failed to submit request\");\n const newReq: AssistanceRequest = await res.json();\n setRequests((prev) => [newReq, ...prev]);\n setInput(\"\");\n } catch (e: any) {\n setError(e.message);\n } finally {\n setLoading(false);\n }\n }\n\n async function handleStatusChange(id: number, status: RequestStatus) {\n try {\n const res = await fetch(`/api/requests/${id}`, {\n method: \"PATCH\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ status }),\n });\n if (!res.ok) throw new Error(\"Failed to update status\");\n const updated: AssistanceRequest = await res.json();\n setRequests((prev) => prev.map((r) => (r.id === id ? updated : r)));\n } catch (e: any) {\n setError(e.message);\n }\n }\n\n return (\n

\n {/* Input form */}\n

\n setInput(e.target.value)}\n placeholder=\"Describe what you need help with…\"\n class=\"flex-1 border border-gray-300 rounded-lg px-4 py-2 text-base focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent\"\n disabled={loading}\n />\n \n {loading ? \"Sending…\" : \"Submit\"}\n \n \n\n {/* Error message */}\n {error && (\n

\n {error}\n

\n )}\n\n {/* Display area */}\n

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

\n\n {requests.length === 0 ? (\n

No requests yet. Submit one above!

\n ) : (\n

{req.text}

\n \n {style.label}\n \n

\n {new Date(req.created_at).toLocaleString()}\n

\n {req.status !== \"resolved\" && (\n handleStatusChange(req.id, e.target.value)}\n class=\"text-xs border border-gray-200 rounded px-2 py-1 text-gray-600\"\n >\n \n \n \n \n )}\n

\n \n );\n })}\n

\n )}\n

\n );\n}\n",[],[182,270,262],"components","0b089186-5532-11f1-9b7a-ee650bb23af1","Counter.tsx","019e4b5d-94c6-709a-99d1-c397ed769c45",["D",1779380884593],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[182,270,272],"44284862-5532-11f1-9067-ee650bb23af1","App.tsx","019e4b5d-94c6-709a-99d1-bfcfe8d082d8",["D",1779380980524],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { RequestForm } from \"./RequestForm.tsx\";\n\nexport function App() {\n return (\n

🛎️ Assistance Requests

Submit a request and it will appear below.

\n \n

\n View source\n

\n );\n}\n",[],[182,270,279],"0b0897ee-5532-11f1-9b7a-ee650bb23af1",["D",1779380884593],[198,199,200],[182,270],["D",1779380884593],[197,201,202,203],[182],["D",1779380884593],["D",1789499469860],{"_109":108,"_116":112},{"_109":108,"_110":108,"_111":112,"_19":60,"_113":114,"_115":30},{"_13":94,"_37":95,"_48":47,"_96":49,"_97":98,"_99":100,"_101":55,"_102":103,"_104":105,"_106":50,"_107":108},"ctx",{"_87":-5,"_138":330,"_331":332,"_333":334,"_335":30,"_336":30,"_337":30,"_338":64,"_339":-5,"_340":-7,"_341":-7,"_342":68,"_343":30,"_344":30,"_345":-5,"_346":30,"_347":30,"_348":30,"_349":-5},"ENV",{"_301":302,"_303":304,"_305":95,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329},"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 · v10