[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_214":215,"_216":217},"routes/_app.x.$handle.$name",{"_107":106,"_38":52,"_116":97,"_33":117,"_13":14,"_118":-5,"_11":119,"_120":121,"_122":123,"_124":125,"_126":127,"_26":-5,"_128":-5,"_129":-5,"_130":31,"_131":132,"_133":66,"_134":-5,"_135":-5,"_136":137},"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":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":90,"_91":92,"_93":94,"_95":31},"version",11,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","6fd8d1af-63a8-4ded-a62b-8f9d539eb356","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/app.tsx","latestPath","fileId","3cc6ec86-576c-11f1-937b-ee650bb23af1","name","app.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface AssistanceRequest {\n id: number;\n text: string;\n timestamp: string;\n}\n\nfunction App() {\n const [input, setInput] = useState(\"\");\n const [requests, setRequests] = useState([]);\n const [loading, setLoading] = useState(false);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n const text = input.trim();\n if (!text) return;\n\n setLoading(true);\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 if (!res.ok) throw new Error(\"Failed to submit request\");\n const newRequest = await res.json();\n setRequests((prev) => [newRequest, ...prev]);\n setInput(\"\");\n } catch (err) {\n alert(\"Something went wrong. Please try again.\");\n } finally {\n setLoading(false);\n }\n }\n\n return (\n

\n {/* Header */}\n

🙋 Assistance Request Board

Submit your request and it will appear below.

\n\n {/* Form */}\n \n\n {/* Requests Display */}\n

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

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

📭

No requests yet. Submit one above!

\n ) : (\n

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

{req.text}

{req.timestamp}

\n ))}\n

\n )}\n

\n\n {/* View Source */}\n

\n \n view source\n \n

\n \n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\nfunction App() {\n const [input, setInput] = useState(\"\");\n const [submitted, setSubmitted] = useState(false);\n const [loading, setLoading] = useState(false);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n const text = input.trim();\n if (!text) return;\n\n setLoading(true);\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 if (!res.ok) throw new Error(\"Failed to submit request\");\n setInput(\"\");\n setSubmitted(true);\n setTimeout(() => setSubmitted(false), 3000);\n } catch {\n alert(\"Something went wrong. Please try again.\");\n } finally {\n setLoading(false);\n }\n }\n\n return (\n

\n {/* Header */}\n

🙋 Assistance Request

Submit your request and our team will review it.

\n\n {/* Form */}\n

\n \n What do you need help with?\n \n setInput(e.target.value)}\n placeholder=\"Describe your assistance request in detail...\"\n rows={4}\n className=\"w-full border border-gray-300 rounded-lg px-4 py-2.5 text-gray-800 focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:border-transparent transition resize-none\"\n disabled={loading}\n />\n

\n {submitted && (\n \n ✅ Request submitted successfully!\n \n )}\n

\n \n {loading ? \"Sending...\" : \"Submit Request\"}\n \n

\n \n\n {/* Footer */}\n

\n \n 🔐 Admin Login\n \n \n view source\n \n

\n );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n","createdAt",["D",1779626234692],"branchVersion","branchId","c47a9138-576b-11f1-94a6-ee650bb23af1","id","c4799c42-576b-11f1-94a6-ee650bb23af1","http",["D",1779625579460],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Simple assistance request board with input, submit, and display","imageUrl","6ac6388c-27de-4bc8-a5a0-71dcba3a2b9f","pinnedFileId","c47dedc4-576b-11f1-94a6-ee650bb23af1","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e59ec-4cb8-7108-ac28-c863e4beae83","tursoName","c4799c42576b11f194a6ee650bb23af1","tursoHostname","c4799c42576b11f194a6ee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789491713377],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_107":106,"_115":111},"org",{"_107":106,"_108":109,"_110":111,"_19":62,"_112":113,"_114":31},"branch",{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"isOwned",14,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dozybal","handle","displayName","Telman Asgarov","avatar","https://avatars.githubusercontent.com/u/121565264?v=4","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_50":51,"_38":52,"_45":209,"_54":-5,"_55":31,"_56":57,"_58":57,"_59":60,"_61":-5,"_19":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":70,"_71":72,"_73":74,"_75":76,"_77":210,"_79":-5,"_80":81,"_82":81,"_83":84,"_85":84,"_86":84,"_87":81,"_88":81,"_89":211,"_91":212,"_93":213,"_95":31},"tree",[168,173],"files",[168,169,170,171,172,173],"counts",{"_156":70,"_157":158,"_159":70,"_160":161,"_162":163},"contents",[138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_50":150,"_38":151,"_36":152,"_142":-5,"_48":49,"_47":146,"_144":66,"_45":153,"_13":70,"_40":154,"_42":-5,"_30":31,"_148":-5,"_33":155},{"_50":140,"_38":141,"_36":64,"_142":-5,"_48":49,"_47":143,"_144":31,"_45":145,"_13":146,"_40":52,"_42":147,"_30":31,"_148":-5,"_33":149},"cd678bc4-576c-11f1-87fe-ee650bb23af1","main.ts","parentId",8,"latest",["D",1779626023916],4,"import { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst app = new Hono();\n\n// Error handler for full stack traces\napp.onError((err) => Promise.reject(err));\n\n// In-memory store for requests\nlet nextId = 1;\nconst requests: { id: number; text: string; timestamp: string }[] = [];\n\n// API: Submit a new request\napp.post(\"/api/requests\", async (c) => {\n const body = await c.req.json();\n const text = body.text?.trim();\n if (!text) {\n return c.json({ error: \"Request text is required\" }, 400);\n }\n const newRequest = {\n id: nextId++,\n text,\n timestamp: new Date().toLocaleString(\"en-US\", {\n dateStyle: \"medium\",\n timeStyle: \"short\",\n }),\n };\n requests.unshift(newRequest);\n return c.json(newRequest, 201);\n});\n\n// API: Get all requests\napp.get(\"/api/requests\", (c) => {\n return c.json(requests);\n});\n\n// View source link\napp.get(\"/source\", (c) => {\n const url = parseVal().links.self.val;\n return new Response(null, { status: 302, headers: { Location: url } });\n});\n\n// Serve frontend files\napp.get(\"/frontend/*\", async (c) => {\n return serveFile(c.req.path);\n});\n\n// Serve index.html at root\napp.get(\"/\", async (c) => {\n return serveFile(\"/frontend/index.html\");\n});\n\nexport default app.fetch;\n","label",[141],"32477a5a-576c-11f1-b99c-ee650bb23af1","frontend","32477b22-576c-11f1-b99c-ee650bb23af1",["D",1779625763653],"directory",[151],"pulls","branches",1,"forks","envVars",{"_164":166,"_167":70},"connections",{"_164":70,"_165":70},"count","unfilledCount",2,"emptyCount",{"_50":150,"_38":151,"_36":152,"_142":-5,"_48":49,"_47":146,"_144":66,"_45":206,"_13":70,"_40":154,"_42":-5,"_30":31,"_148":-5,"_175":207,"_33":208},{"_50":198,"_38":199,"_36":200,"_142":152,"_48":49,"_47":201,"_144":31,"_45":202,"_13":70,"_40":41,"_42":203,"_30":31,"_148":-5,"_175":204,"_33":205},{"_50":190,"_38":191,"_36":192,"_142":152,"_48":49,"_47":193,"_144":66,"_45":194,"_13":70,"_40":26,"_42":195,"_30":31,"_148":-5,"_175":196,"_33":197},{"_50":186,"_38":39,"_36":37,"_142":152,"_48":49,"_47":14,"_144":31,"_45":187,"_13":158,"_40":41,"_42":44,"_30":31,"_148":-5,"_175":188,"_33":189},{"_50":178,"_38":179,"_36":180,"_142":152,"_48":49,"_47":181,"_144":66,"_45":182,"_13":70,"_40":26,"_42":183,"_30":31,"_148":-5,"_175":184,"_33":185},{"_50":140,"_38":141,"_36":64,"_142":-5,"_48":49,"_47":143,"_144":31,"_45":174,"_13":146,"_40":52,"_42":147,"_30":31,"_148":-5,"_175":176,"_33":177},["D",1779626023916],"children",[],[141],"34a49b5c-576c-11f1-b2ae-ee650bb23af1","index.html","34a49c56-576c-11f1-b2ae-ee650bb23af1",5,["D",1779625767638],"\n\n\n \n \n Assistance Request Board\n \n \n\n\n

\n \n\n\n",[],[151,179],"4b07bc34-576d-11f1-bb18-ee650bb23af1",["D",1779626234692],[],[151,39],"334a12d6-576d-11f1-ae47-ee650bb23af1","admin.html","334a13d0-576d-11f1-ae47-ee650bb23af1",9,["D",1779626194867],"\n\n\n \n \n Admin Panel - Assistance Requests\n \n \n\n\n

\n \n\n\n",[],[151,191],"42e4b3ea-576d-11f1-a4ac-ee650bb23af1","admin-app.tsx","42e4b4ee-576d-11f1-a4ac-ee650bb23af1",10,["D",1779626221046],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\n\ninterface AssistanceRequest {\n id: number;\n text: string;\n timestamp: string;\n}\n\nfunction LoginForm({ onLogin }: { onLogin: (token: string) => void }) {\n const [username, setUsername] = useState(\"\");\n const [password, setPassword] = useState(\"\");\n const [error, setError] = useState(\"\");\n const [loading, setLoading] = useState(false);\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n setError(\"\");\n setLoading(true);\n try {\n const res = await fetch(\"/api/admin/login\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username, password }),\n });\n if (!res.ok) {\n const data = await res.json();\n setError(data.error || \"Login failed\");\n return;\n }\n const data = await res.json();\n onLogin(data.token);\n } catch {\n setError(\"Something went wrong. Please try again.\");\n } finally {\n setLoading(false);\n }\n }\n\n return (\n

🔐

Admin Login

\n\n

\n Username\n setUsername(e.target.value)}\n placeholder=\"Enter username\"\n className=\"w-full border border-gray-300 rounded-lg px-4 py-2.5 text-gray-800 focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:border-transparent transition\"\n disabled={loading}\n required\n />\n

\n Password\n setPassword(e.target.value)}\n placeholder=\"Enter password\"\n className=\"w-full border border-gray-300 rounded-lg px-4 py-2.5 text-gray-800 focus:outline-none focus:ring-2 focus:ring-indigo-400 focus:border-transparent transition\"\n disabled={loading}\n required\n />\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n \n {loading ? \"Signing in...\" : \"Sign In\"}\n \n \n\n

\n \n ← Back to request form\n \n

\n );\n}\n\nfunction AdminDashboard({ token, onLogout }: { token: string; onLogout: () => void }) {\n const [requests, setRequests] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(\"\");\n\n async function fetchRequests() {\n setLoading(true);\n setError(\"\");\n try {\n const res = await fetch(\"/api/admin/requests\", {\n headers: { Authorization: `Bearer ${token}` },\n });\n if (res.status === 401) {\n onLogout();\n return;\n }\n if (!res.ok) throw new Error(\"Failed to fetch requests\");\n const data = await res.json();\n setRequests(data);\n } catch {\n setError(\"Failed to load requests.\");\n } finally {\n setLoading(false);\n }\n }\n\n async function handleDelete(id: number) {\n if (!confirm(\"Delete this request?\")) return;\n try {\n const res = await fetch(`/api/admin/requests/${id}`, {\n method: \"DELETE\",\n headers: { Authorization: `Bearer ${token}` },\n });\n if (res.ok) {\n setRequests((prev) => prev.filter((r) => r.id !== id));\n }\n } catch {\n alert(\"Failed to delete request.\");\n }\n }\n\n useEffect(() => {\n fetchRequests();\n }, []);\n\n return (\n

\n {/* Header */}\n

🛡️ Admin Dashboard

Manage assistance requests

\n \n 🔄 Refresh\n \n \n Logout\n \n

\n\n {/* Stats */}\n

\n {requests.length}\n

\n Total request{requests.length !== 1 ? \"s\" : \"\"} received\n

\n\n {/* Content */}\n {loading ? (\n

\n Loading requests...\n

\n ) : error ? (\n

{error}

\n ) : requests.length === 0 ? (\n

📭

No requests have been submitted yet.

\n ) : (\n

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

{req.text}

\n #{req.id}\n {req.timestamp}\n

\n handleDelete(req.id)}\n className=\"text-red-400 hover:text-red-300 text-sm px-2 py-1 rounded hover:bg-red-900/30 transition cursor-pointer\"\n title=\"Delete request\"\n >\n 🗑️\n \n

\n ))}\n

\n )}\n\n {/* Footer */}\n

\n \n view source\n \n

\n \n );\n}\n\nfunction App() {\n const [token, setToken] = useState(() => {\n return localStorage.getItem(\"admin_token\");\n });\n\n function handleLogin(newToken: string) {\n localStorage.setItem(\"admin_token\", newToken);\n setToken(newToken);\n }\n\n function handleLogout() {\n localStorage.removeItem(\"admin_token\");\n setToken(null);\n }\n\n if (!token) {\n return ;\n }\n\n return ;\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();\n",[],[151,199],["D",1779625763653],[169,170,171,172],[151],["D",1779625579460],["D",1789491713377],{"_107":106,"_115":111},{"_107":106,"_108":109,"_110":111,"_19":62,"_112":113,"_114":31},{"_13":96,"_38":97,"_50":49,"_98":51,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":-5,"_104":52,"_105":106},"ctx",{"_89":-5,"_135":247,"_248":249,"_250":251,"_252":31,"_253":31,"_254":31,"_255":66,"_256":-5,"_257":-7,"_258":-7,"_259":70,"_260":31,"_261":31,"_262":-5,"_263":31,"_264":31,"_265":31,"_266":-5},"ENV",{"_218":219,"_220":221,"_222":97,"_223":224,"_225":226,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246},"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 · v11