\n \n\n\n","label",[155,64],"frontend","pulls","branches",1,"forks","envVars",{"_164":166,"_167":26},"connections",{"_164":26,"_165":26},"count","unfilledCount",2,"emptyCount",{"_32":209,"_13":155,"_62":147,"_42":-5,"_34":35,"_148":210,"_149":84,"_36":211,"_38":26,"_65":212,"_151":-5,"_66":24,"_153":-5,"_180":213,"_17":214},{"_32":201,"_13":202,"_62":203,"_42":147,"_34":35,"_148":204,"_149":84,"_36":205,"_38":158,"_65":194,"_151":206,"_66":24,"_153":-5,"_180":207,"_17":208},{"_32":146,"_13":64,"_62":63,"_42":147,"_34":35,"_148":39,"_149":84,"_36":198,"_38":26,"_65":21,"_151":152,"_66":24,"_153":-5,"_180":199,"_17":200},{"_32":190,"_13":191,"_62":192,"_42":147,"_34":35,"_148":110,"_149":84,"_36":193,"_38":166,"_65":194,"_151":195,"_66":24,"_153":-5,"_180":196,"_17":197},{"_32":183,"_13":184,"_62":185,"_42":147,"_34":35,"_148":178,"_149":84,"_36":186,"_38":26,"_65":21,"_151":187,"_66":24,"_153":-5,"_180":188,"_17":189},{"_32":174,"_13":175,"_62":82,"_42":-5,"_34":35,"_148":176,"_149":84,"_36":177,"_38":178,"_65":14,"_151":179,"_66":24,"_153":-5,"_180":181,"_17":182},"5447b074-576d-11f1-ae47-ee650bb23af1","main.ts",12,["D",1779626250213],5,"import { Hono } from \"npm:hono@4\";\nimport { serveFile, parseVal } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nconst app = new Hono();\n\n// Error handler for full stack traces\napp.onError((err) => Promise.reject(err));\n\n// Ensure table exists\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS assistance_requests (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n timestamp TEXT NOT NULL\n )\n`);\n\n// --- Simple token auth ---\n// Generate a random token on login, store in memory\nconst validTokens = new Set();\n\nfunction generateToken(): string {\n const array = new Uint8Array(32);\n crypto.getRandomValues(array);\n return Array.from(array, (b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nfunction verifyAuth(authHeader: string | undefined): boolean {\n if (!authHeader?.startsWith(\"Bearer \")) return false;\n return validTokens.has(authHeader.slice(7));\n}\n\n// --- Guest API ---\n\n// Submit a new request (public)\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 timestamp = new Date().toLocaleString(\"en-US\", {\n dateStyle: \"medium\",\n timeStyle: \"short\",\n });\n await sqlite.execute({\n sql: \"INSERT INTO assistance_requests (text, timestamp) VALUES (?, ?)\",\n args: [text, timestamp],\n });\n return c.json({ ok: true, message: \"Request submitted\" }, 201);\n});\n\n// --- Admin API ---\n\n// Admin login\napp.post(\"/api/admin/login\", async (c) => {\n const body = await c.req.json();\n const { username, password } = body;\n\n const adminUser = Deno.env.get(\"ADMIN_USERNAME\");\n const adminPass = Deno.env.get(\"ADMIN_PASSWORD\");\n\n if (username !== adminUser || password !== adminPass) {\n return c.json({ error: \"Invalid username or password\" }, 401);\n }\n\n const token = generateToken();\n validTokens.add(token);\n return c.json({ token });\n});\n\n// Get all requests (admin only)\napp.get(\"/api/admin/requests\", async (c) => {\n if (!verifyAuth(c.req.header(\"Authorization\"))) {\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n const result = await sqlite.execute(\n \"SELECT id, text, timestamp FROM assistance_requests ORDER BY id DESC\"\n );\n return c.json(result.rows);\n});\n\n// Delete a request (admin only)\napp.delete(\"/api/admin/requests/:id\", async (c) => {\n if (!verifyAuth(c.req.header(\"Authorization\"))) {\n return c.json({ error: \"Unauthorized\" }, 401);\n }\n const id = c.req.param(\"id\");\n await sqlite.execute({ sql: \"DELETE FROM assistance_requests WHERE id = ?\", args: [Number(id)] });\n return c.json({ ok: true });\n});\n\n// --- Pages ---\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// Admin page\napp.get(\"/admin\", async (c) => {\n return serveFile(\"/frontend/admin.html\");\n});\n\n// Serve frontend files\napp.get(\"/frontend/*\", async (c) => {\n return serveFile(c.req.path);\n});\n\n// Guest form (home page)\napp.get(\"/\", async (c) => {\n return serveFile(\"/frontend/index.html\");\n});\n\nexport default app.fetch;\n","children",[],[175],"34a49b5c-576c-11f1-b2ae-ee650bb23af1","index.html","34a49c56-576c-11f1-b2ae-ee650bb23af1",["D",1779625767638],"\n\n\n \n \n Assistance Request Board\n \n \n\n\n

\n \n\n\n",[],[155,184],"9a5cb142-5770-11f1-9712-ee650bb23af1","app.tsx","3cc6ec86-576c-11f1-937b-ee650bb23af1",["D",1779627656275],"script","/** @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

\n 🙋 Assistance Request\n

\n Submit your request and our team will review it.\n

\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 );\n}\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[155,191],["D",1779626194867],[],[155,64],"93035306-5770-11f1-8c09-ee650bb23af1","admin-app.tsx","42e4b4ee-576d-11f1-a4ac-ee650bb23af1",13,["D",1779627643952],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useEffect, 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 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 Sign in to view assistance requests\n

\n\n

\n \n Username\n \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 \n Password\n \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(\n { token, onLogout }: { token: string; onLogout: () => void },\n) {\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

\n 🛡️ Admin Dashboard\n

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

\n Loading requests...\n

\n )\n : error\n ? (\n

\n {error}\n

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

📭

No requests have been submitted yet.

\n )\n : (\n

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

{req.text}

\n #{req.id}\n \n {req.timestamp}\n \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 );\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();",[],[155,202],"32477a5a-576c-11f1-b99c-ee650bb23af1",4,["D",1779625763653],"directory",[169,170,171,172],[155],["D",1779625579460],["D",1789578655349],{"_11":12,"_124":69},{"_11":12,"_119":120,"_68":69,"_30":67,"_121":122,"_123":24},{"_38":110,"_13":16,"_32":35,"_111":71,"_112":-5,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":14,"_118":12},"ctx",{"_52":-5,"_143":253,"_254":255,"_256":257,"_258":24,"_259":24,"_260":24,"_261":84,"_262":-5,"_263":-7,"_264":-7,"_265":26,"_266":24,"_267":24,"_268":-5,"_269":24,"_270":24,"_271":24,"_272":-5},"ENV",{"_224":225,"_226":227,"_228":16,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · admin.html