' + escapeHtml(text) + \"

\" +\n '' + timeStr + \"\";\n if (prepend) { list.prepend(card); } else { list.appendChild(card); }\n}\n\n// ── Chat Tab ──\nvar chatUsername = null;\nvar eventSource = null;\n\nvar joinForm = document.getElementById(\"join-form\");\nvar usernameInput = document.getElementById(\"username-input\");\nvar chatJoin = document.getElementById(\"chat-join\");\nvar chatRoom = document.getElementById(\"chat-room\");\nvar chatMessages = document.getElementById(\"chat-messages\");\nvar chatForm = document.getElementById(\"chat-form\");\nvar chatInput = document.getElementById(\"chat-input\");\nvar chatUsernameDisplay = document.getElementById(\"chat-username-display\");\n\n// Join chat\njoinForm.addEventListener(\"submit\", async function (e) {\n e.preventDefault();\n clearError(joinForm, usernameInput);\n var username = usernameInput.value.trim();\n if (!username) {\n showError(joinForm, usernameInput, \"Please enter a username.\");\n return;\n }\n\n var joinBtn = document.getElementById(\"join-btn\");\n joinBtn.disabled = true;\n joinBtn.textContent = \"Joining…\";\n\n try {\n var res = await fetch(\"/api/chat/join\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username: username }),\n });\n if (!res.ok) {\n var data = await res.json();\n showError(joinForm, usernameInput, data.error || \"Could not join.\");\n return;\n }\n chatUsername = username;\n chatUsernameDisplay.textContent = \"Chatting as: \" + username;\n chatJoin.style.display = \"none\";\n chatRoom.style.display = \"\";\n await loadChatHistory();\n connectSSE();\n } catch (err) {\n showError(joinForm, usernameInput, \"Network error. Please try again.\");\n console.error(err);\n } finally {\n joinBtn.disabled = false;\n joinBtn.textContent = \"Join Chat\";\n }\n});\n\n// Leave chat\ndocument.getElementById(\"leave-btn\").addEventListener(\"click\", async function () {\n if (chatUsername) {\n try {\n await fetch(\"/api/chat/leave\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username: chatUsername }),\n });\n } catch (err) { console.error(err); }\n }\n disconnectSSE();\n chatUsername = null;\n chatRoom.style.display = \"none\";\n chatJoin.style.display = \"\";\n chatMessages.innerHTML = \"\";\n usernameInput.value = \"\";\n});\n\n// Send message\nchatForm.addEventListener(\"submit\", async function (e) {\n e.preventDefault();\n clearError(chatForm, chatInput);\n var message = chatInput.value.trim();\n if (!message) {\n showError(chatForm, chatInput, \"Message cannot be empty.\");\n return;\n }\n\n var sendBtn = document.getElementById(\"send-btn\");\n sendBtn.disabled = true;\n\n try {\n var res = await fetch(\"/api/chat/messages\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username: chatUsername, message: message }),\n });\n if (!res.ok) {\n var data = await res.json();\n showError(chatForm, chatInput, data.error || \"Failed to send.\");\n return;\n }\n chatInput.value = \"\";\n chatInput.focus();\n } catch (err) {\n showError(chatForm, chatInput, \"Network error.\");\n console.error(err);\n } finally {\n sendBtn.disabled = false;\n }\n});\n\n// Load history\nasync function loadChatHistory() {\n try {\n var res = await fetch(\"/api/chat/messages\");\n var messages = await res.json();\n chatMessages.innerHTML = \"\";\n for (var i = 0; i < messages.length; i++) {\n appendChatMessage(messages[i]);\n }\n scrollChat();\n } catch (err) { console.error(\"Failed to load chat:\", err); }\n}\n\n// SSE connection\nfunction connectSSE() {\n if (eventSource) eventSource.close();\n eventSource = new EventSource(\"/api/chat/stream\");\n eventSource.onmessage = function (e) {\n var data = JSON.parse(e.data);\n if (data.type === \"new_message\") {\n appendChatMessage(data);\n scrollChat();\n } else if (data.type === \"user_joined\") {\n appendSystemMessage(data.username + \" joined the chat\");\n scrollChat();\n } else if (data.type === \"user_left\") {\n appendSystemMessage(data.username + \" left the chat\");\n scrollChat();\n }\n };\n eventSource.onerror = function () {\n console.warn(\"SSE connection lost, reconnecting…\");\n };\n}\n\nfunction disconnectSSE() {\n if (eventSource) { eventSource.close(); eventSource = null; }\n}\n\nfunction appendChatMessage(msg) {\n var el = document.createElement(\"div\");\n var isMe = msg.username === chatUsername;\n el.className = \"chat-bubble \" + (isMe ? \"chat-mine\" : \"chat-other\");\n var time = new Date(msg.created_at + \"Z\").toLocaleTimeString([], { hour: \"2-digit\", minute: \"2-digit\" });\n el.innerHTML =\n '' + escapeHtml(msg.username) + \"\" +\n '' + escapeHtml(msg.message) + \"\" +\n '' + time + \"\";\n chatMessages.appendChild(el);\n}\n\nfunction appendSystemMessage(text) {\n var el = document.createElement(\"div\");\n el.className = \"chat-system\";\n el.textContent = text;\n chatMessages.appendChild(el);\n}\n\nfunction scrollChat() {\n chatMessages.scrollTop = chatMessages.scrollHeight;\n}\n\n// Clean up on page unload\nwindow.addEventListener(\"beforeunload\", function () {\n if (chatUsername) {\n navigator.sendBeacon(\n \"/api/chat/leave\",\n new Blob([JSON.stringify({ username: chatUsername })], { type: \"application/json\" })\n );\n }\n});\n\n// ── Shared Helpers ──\nfunction showError(formEl, inputEl, msg) {\n clearError(formEl, inputEl);\n var el = document.createElement(\"p\");\n el.className = \"error-message\";\n el.textContent = msg;\n formEl.appendChild(el);\n if (inputEl) inputEl.classList.add(\"input-error\");\n}\n\nfunction clearError(formEl, inputEl) {\n var existing = formEl.querySelector(\".error-message\");\n if (existing) existing.remove();\n if (inputEl) inputEl.classList.remove(\"input-error\");\n}\n\nfunction escapeHtml(str) {\n var div = document.createElement(\"div\");\n div.textContent = str;\n return div.innerHTML;\n}\n",[151],"8970c1f2-5789-11f1-984d-ee650bb23af1","main.tsx",10,["D",1779638365308],"http","import { parseVal, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\n// Create tables on startup\nawait sqlite.batch([\n {\n sql: `CREATE TABLE IF NOT EXISTS requests (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS chat_messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n message TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n },\n {\n sql: `CREATE TABLE IF NOT EXISTS active_usernames (\n username TEXT PRIMARY KEY,\n connected_at TEXT NOT NULL DEFAULT (datetime('now'))\n )`,\n },\n]);\n\nconst staticServer = staticHTTPServer();\n\n// Track SSE clients for real-time broadcasting\nconst sseClients = new Set();\n\nfunction broadcast(data: object) {\n const payload = `data: ${JSON.stringify(data)}\\n\\n`;\n for (const controller of sseClients) {\n try {\n controller.enqueue(new TextEncoder().encode(payload));\n } catch {\n sseClients.delete(controller);\n }\n }\n}\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n if (url.pathname === \"/source\") {\n const { links } = parseVal();\n return new Response(null, { status: 302, headers: { Location: links.self.val } });\n }\n\n // ── Assistance Requests API ──\n\n if (url.pathname === \"/api/requests\" && req.method === \"GET\") {\n const result = await sqlite.execute(\"SELECT id, text, created_at FROM requests ORDER BY id DESC\");\n return Response.json(result.rows);\n }\n\n if (url.pathname === \"/api/requests\" && req.method === \"POST\") {\n const body = await req.json();\n const text = (body.text || \"\").trim();\n if (!text) {\n return Response.json({ error: \"Request text cannot be empty.\" }, { status: 400 });\n }\n const result = await sqlite.execute({\n sql: \"INSERT INTO requests (text) VALUES (?) RETURNING id, text, created_at\",\n args: [text],\n });\n return Response.json(result.rows[0], { status: 201 });\n }\n\n // ── Chat API ──\n\n // SSE stream for real-time messages\n if (url.pathname === \"/api/chat/stream\" && req.method === \"GET\") {\n const stream = new ReadableStream({\n start(controller) {\n sseClients.add(controller);\n // Send a heartbeat so the client knows it's connected\n controller.enqueue(new TextEncoder().encode(\": connected\\n\\n\"));\n },\n cancel(controller) {\n sseClients.delete(controller);\n },\n });\n\n return new Response(stream, {\n headers: {\n \"Content-Type\": \"text/event-stream\",\n \"Cache-Control\": \"no-cache\",\n Connection: \"keep-alive\",\n },\n });\n }\n\n // Join chat — check username uniqueness\n if (url.pathname === \"/api/chat/join\" && req.method === \"POST\") {\n const body = await req.json();\n const username = (body.username || \"\").trim();\n if (!username) {\n return Response.json({ error: \"Username cannot be empty.\" }, { status: 400 });\n }\n if (username.length > 30) {\n return Response.json({ error: \"Username must be 30 characters or less.\" }, { status: 400 });\n }\n\n // Check if username is taken\n const existing = await sqlite.execute({\n sql: \"SELECT username FROM active_usernames WHERE username = ?\",\n args: [username],\n });\n if (existing.rows.length > 0) {\n return Response.json({ error: \"That username is already taken. Please choose another.\" }, { status: 409 });\n }\n\n await sqlite.execute({\n sql: \"INSERT INTO active_usernames (username) VALUES (?)\",\n args: [username],\n });\n\n // Broadcast join event\n broadcast({ type: \"user_joined\", username });\n\n return Response.json({ ok: true });\n }\n\n // Leave chat — free up the username\n if (url.pathname === \"/api/chat/leave\" && req.method === \"POST\") {\n const body = await req.json();\n const username = (body.username || \"\").trim();\n if (username) {\n await sqlite.execute({ sql: \"DELETE FROM active_usernames WHERE username = ?\", args: [username] });\n broadcast({ type: \"user_left\", username });\n }\n return Response.json({ ok: true });\n }\n\n // Get chat history\n if (url.pathname === \"/api/chat/messages\" && req.method === \"GET\") {\n const result = await sqlite.execute(\n \"SELECT id, username, message, created_at FROM chat_messages ORDER BY id ASC LIMIT 200\",\n );\n return Response.json(result.rows);\n }\n\n // Post a chat message\n if (url.pathname === \"/api/chat/messages\" && req.method === \"POST\") {\n const body = await req.json();\n const username = (body.username || \"\").trim();\n const message = (body.message || \"\").trim();\n\n if (!username) {\n return Response.json({ error: \"Username is required.\" }, { status: 400 });\n }\n if (!message) {\n return Response.json({ error: \"Message cannot be empty.\" }, { status: 400 });\n }\n\n const result = await sqlite.execute({\n sql: \"INSERT INTO chat_messages (username, message) VALUES (?, ?) RETURNING id, username, message, created_at\",\n args: [username, message],\n });\n\n const saved = result.rows[0];\n\n // Broadcast to all SSE clients\n broadcast({ type: \"new_message\", ...saved });\n\n return Response.json(saved, { status: 201 });\n }\n\n // Get active users\n if (url.pathname === \"/api/chat/users\" && req.method === \"GET\") {\n const result = await sqlite.execute(\"SELECT username FROM active_usernames ORDER BY connected_at ASC\");\n return Response.json(result.rows.map((r: any) => r.username));\n }\n\n return staticServer(req);\n}\n",[159],"90891624-5789-11f1-af8b-ee650bb23af1","index.html","019e5aa7-b00d-7268-a76c-229c9bd70849",11,["D",1779638377205],2,"\n\n \n Assistance Requests\n \n \n \n \n \n \n \n \n \n

📋 Assistance Requests

\n\n \n

\n \n \n

\n\n \n

Submit your request below and it will appear in the list.

\n\n \n\n

Submitted Requests

No requests yet. Submit one above!

\n\n \n

\n \n

Enter a username to join the chat room.

\n \n

\n\n \n

\n \n \n

\n \n

\n\n \n

\n \n\n",[166],"49f04270-5787-11f1-8e75-ee650bb23af1","favicon.svg","019e5aa7-b00d-7268-a76c-1fd6b50a56a1",1,["D",1779637399510],"",[174],"6098a2c4-5787-11f1-9b63-ee650bb23af1","README.md","019e5aa7-b00d-7268-a76c-19db104128eb",6,["D",1779637437789],"# 📋 Assistance Requests\n\nA minimal, clean webpage where users can type and submit assistance requests. Submitted requests appear in a list below the input field, newest first.\n\n## Features\n\n- Text input with a submit button\n- Requests display as cards with timestamps\n- Client-side only — requests live in the current browser session\n- Clean, responsive design\n",[181],"pulls","branches","forks","envVars",{"_194":42,"_196":42},"connections",{"_194":42,"_195":42},"count","unfilledCount","emptyCount",{"_18":180,"_20":181,"_136":182,"_138":-5,"_139":71,"_140":183,"_141":38,"_22":219,"_68":176,"_144":104,"_145":185,"_147":26,"_148":-5,"_204":220,"_93":221},{"_18":173,"_20":174,"_136":175,"_138":-5,"_139":71,"_140":176,"_141":38,"_22":216,"_68":42,"_144":104,"_145":178,"_147":26,"_148":-5,"_204":217,"_93":218},{"_18":165,"_20":166,"_136":167,"_138":-5,"_139":71,"_140":168,"_141":38,"_22":213,"_68":170,"_144":104,"_145":171,"_147":26,"_148":-5,"_204":214,"_93":215},{"_18":158,"_20":159,"_136":36,"_138":-5,"_139":71,"_140":160,"_141":38,"_22":210,"_68":143,"_144":162,"_145":163,"_147":26,"_148":-5,"_204":211,"_93":212},{"_18":150,"_20":151,"_136":152,"_138":-5,"_139":71,"_140":153,"_141":38,"_22":207,"_68":143,"_144":155,"_145":156,"_147":26,"_148":-5,"_204":208,"_93":209},{"_18":134,"_20":135,"_136":137,"_138":-5,"_139":71,"_140":69,"_141":38,"_22":203,"_68":143,"_144":104,"_145":146,"_147":26,"_148":-5,"_204":205,"_93":206},["D",1779638430974],"children",[],[135],["D",1779638407181],[],[151],["D",1779638365308],[],[159],["D",1779638377205],[],[166],["D",1779637399510],[],[174],["D",1779637437789],[],[181],["D",1779637399510],["D",1789498239291],{"_16":17,"_91":87},{"_16":17,"_84":85,"_86":87,"_33":34,"_88":89,"_90":26},{"_68":69,"_20":70,"_18":71,"_72":19,"_73":74,"_75":76,"_77":28,"_78":79,"_80":81,"_82":21,"_83":17},"ctx",{"_61":-5,"_114":260,"_261":262,"_263":264,"_265":26,"_266":26,"_267":26,"_268":38,"_269":-5,"_270":-7,"_271":-7,"_272":42,"_273":26,"_274":26,"_275":-5,"_276":26,"_277":26,"_278":26,"_279":-5},"ENV",{"_231":232,"_233":234,"_235":70,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259},"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