\n \n \n \n",[],[130,169],"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",[],[130,183,176],"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",[],[130,183,185],"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",[],[130,183,193],"dcbc05b2-5a7a-11f1-9476-ee650bb23af1",9,["D",1779961916093],[149,150,151],[130,183],["D",1779961910578],[148,152,153],[130],["D",1779961427722],["D",1789471840176],{"_16":17,"_84":80},{"_16":17,"_77":78,"_79":80,"_32":33,"_81":82,"_83":26},{"_65":66,"_20":67,"_18":68,"_69":19,"_70":-5,"_71":-5,"_72":-5,"_73":-5,"_74":-5,"_75":21,"_76":17},"ctx",{"_58":-5,"_106":246,"_247":248,"_249":250,"_251":26,"_252":26,"_253":26,"_254":104,"_255":-5,"_256":-7,"_257":-7,"_258":39,"_259":26,"_260":26,"_261":-5,"_262":26,"_263":26,"_264":26,"_265":-5},"ENV",{"_217":218,"_219":220,"_221":67,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245},"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"]

Search