' +\n '' + escapeHtml(msg.username) + \"\" +\n '' + formatTime(msg.created_at) + \"\" +\n \"

\" +\n '

' + escapeHtml(msg.text) + \"

\";\n\n return div;\n}\n\nfunction renderUsers(users) {\n userListEl.innerHTML = \"\";\n userCountEl.textContent = users.length;\n for (const u of users) {\n const li = document.createElement(\"li\");\n li.className = u === currentUsername ? \"user-me\" : \"\";\n li.textContent = u === currentUsername ? u + \" (you)\" : u;\n userListEl.appendChild(li);\n }\n}\n\nfunction addSystemMessage(text) {\n const div = document.createElement(\"div\");\n div.className = \"msg-system\";\n div.textContent = text;\n messagesEl.appendChild(div);\n scrollToBottom();\n}\n\n// ===== Join flow =====\n\njoinForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n clearError(joinError);\n\n const username = usernameInput.value.trim();\n\n if (!username) {\n showError(joinError, \"Please enter a username.\");\n usernameInput.focus();\n return;\n }\n if (!/^[a-zA-Z0-9_-]+$/.test(username)) {\n showError(joinError, \"Only letters, numbers, hyphens, and underscores allowed.\");\n return;\n }\n\n joinBtn.disabled = true;\n joinBtn.textContent = \"Joining…\";\n\n try {\n const res = await fetch(\"/api/join\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username }),\n });\n const data = await res.json();\n\n if (!res.ok) {\n showError(joinError, data.error || \"Could not join.\");\n return;\n }\n\n currentUsername = username;\n enterChat();\n } catch {\n showError(joinError, \"Network error. Try again.\");\n } finally {\n joinBtn.disabled = false;\n joinBtn.textContent = \"Join Chat\";\n }\n});\n\n// ===== Enter chat =====\n\nasync function enterChat() {\n joinScreen.hidden = true;\n chatScreen.hidden = false;\n currentUserLabel.textContent = currentUsername;\n chatInput.focus();\n\n // Load history\n await loadHistory();\n\n // Connect SSE\n connectSSE();\n}\n\nasync function loadHistory() {\n try {\n const res = await fetch(\"/api/messages\");\n const data = await res.json();\n messagesEl.innerHTML = \"\";\n\n if (data.length === 0) {\n const p = document.createElement(\"p\");\n p.className = \"empty-state\";\n p.textContent = \"No messages yet. Say hello!\";\n messagesEl.appendChild(p);\n return;\n }\n\n for (const msg of data) {\n const el = renderMessage(msg);\n if (el) messagesEl.appendChild(el);\n }\n scrollToBottom();\n } catch {\n messagesEl.innerHTML = '

Failed to load history.

';\n }\n}\n\n// ===== SSE =====\n\nfunction connectSSE() {\n if (eventSource) eventSource.close();\n\n eventSource = new EventSource(\"/api/stream?username=\" + encodeURIComponent(currentUsername));\n\n eventSource.onmessage = (e) => {\n let event;\n try {\n event = JSON.parse(e.data);\n } catch {\n return;\n }\n\n if (event.type === \"users_list\" || event.type === \"user_joined\" || event.type === \"user_left\") {\n renderUsers(event.users || []);\n\n if (event.type === \"user_joined\" && event.username !== currentUsername) {\n addSystemMessage(event.username + \" joined the chat\");\n }\n if (event.type === \"user_left\") {\n addSystemMessage(event.username + \" left the chat\");\n }\n }\n\n if (event.type === \"new_message\" && event.message) {\n // Remove empty-state if present\n const empty = messagesEl.querySelector(\".empty-state\");\n if (empty) empty.remove();\n\n const el = renderMessage(event.message);\n if (el) {\n messagesEl.appendChild(el);\n scrollToBottom();\n }\n }\n };\n\n eventSource.onerror = () => {\n // Auto-reconnect is built into EventSource; just log\n console.warn(\"SSE connection lost, reconnecting…\");\n };\n}\n\n// ===== Send message =====\n\nchatForm.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n clearError(chatError);\n\n const text = chatInput.value.trim();\n\n if (!text) {\n showError(chatError, \"Message cannot be empty.\");\n chatInput.focus();\n return;\n }\n\n sendBtn.disabled = true;\n\n try {\n const res = await fetch(\"/api/messages\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username: currentUsername, text }),\n });\n const data = await res.json();\n\n if (!res.ok) {\n showError(chatError, data.error || \"Failed to send.\");\n return;\n }\n\n chatInput.value = \"\";\n chatInput.focus();\n } catch {\n showError(chatError, \"Network error. Try again.\");\n } finally {\n sendBtn.disabled = false;\n }\n});\n\n// Cleanup on page unload\nwindow.addEventListener(\"beforeunload\", () => {\n if (eventSource) eventSource.close();\n});\n",[106],"850a31b3c0dabac29add0fa6115b4f2df018351e6531fe94e02dbf3e2faa58c4","20acf350-4215-11f0-b215-76b3cceeab13","27db6ac2-4188-11f0-9fb1-76b3cceeab13",47,["D",1749131895828],7,"/* If you're feeling fancy you can add interactivity\n to your site with Javascript.\n Note: TypeScript won't work in this file. */\n\n// prints \"hi\" in the browser's dev tools console\nconsole.log(\"hi\");",[106],"64f11332c09344f36075ba3f447d75f81cd65f6db469468e727edd7dfd221d08","main.tsx",{"_32":136,"_13":125,"_81":137,"_83":-5,"_84":33,"_85":59,"_86":26,"_34":138,"_40":139,"_89":132,"_91":140,"_65":48,"_93":-5,"_94":-7,"_74":141,"_96":142},{"_32":128,"_13":125,"_81":129,"_83":-5,"_84":57,"_85":130,"_86":26,"_34":131,"_40":88,"_89":132,"_91":133,"_65":48,"_93":-5,"_94":-7,"_74":134,"_96":135},"a0fab9e6-5355-11f1-a266-ee650bb23af1","019e3f17-e7be-75a9-b3c3-0ea66f5db7ad",10,["D",1779176266312],"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// --- Database setup ---\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT NOT NULL,\n text TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n`);\n\n// --- Active users & SSE connections ---\nconst activeUsers = new Map(); // username -> connection count\nconst sseControllers = new Set();\n\n// BroadcastChannel for cross-isolate fan-out\nconst channel = new BroadcastChannel(\"chat\");\nchannel.onmessage = (e: MessageEvent) => {\n broadcast(JSON.stringify(e.data));\n};\n\nfunction broadcast(data: string) {\n for (const controller of sseControllers) {\n try {\n controller.enqueue(`data: ${data}\\n\\n`);\n } catch {\n sseControllers.delete(controller);\n }\n }\n}\n\nfunction broadcastEvent(event: Record) {\n const json = JSON.stringify(event);\n broadcast(json);\n // Also send to other isolates\n channel.postMessage(event);\n}\n\nconst fileHandler = staticHTTPServer();\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // --- Source redirect ---\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n\n // --- POST /api/join — claim a username ---\n if (url.pathname === \"/api/join\" && req.method === \"POST\") {\n const body = await req.json();\n const username = (typeof body.username === \"string\" ? body.username : \"\").trim();\n\n if (!username) {\n return Response.json({ error: \"Username cannot be empty.\" }, { status: 400 });\n }\n if (username.length > 24) {\n return Response.json({ error: \"Username must be 24 characters or fewer.\" }, { status: 400 });\n }\n if (!/^[a-zA-Z0-9_-]+$/.test(username)) {\n return Response.json(\n { error: \"Username may only contain letters, numbers, hyphens, and underscores.\" },\n { status: 400 },\n );\n }\n if (activeUsers.has(username)) {\n return Response.json({ error: `\"${username}\" is already taken. Pick another.` }, { status: 409 });\n }\n\n return Response.json({ ok: true });\n }\n\n // --- GET /api/stream?username=... — SSE stream ---\n if (url.pathname === \"/api/stream\" && req.method === \"GET\") {\n const username = url.searchParams.get(\"username\") || \"\";\n if (!username) {\n return Response.json({ error: \"Missing username.\" }, { status: 400 });\n }\n\n // Track this connection\n activeUsers.set(username, (activeUsers.get(username) || 0) + 1);\n\n // Notify everyone that user joined\n broadcastEvent({ type: \"user_joined\", username, users: [...activeUsers.keys()] });\n\n const stream = new ReadableStream({\n start(controller) {\n sseControllers.add(controller);\n\n // Send current user list as first event\n const welcome = JSON.stringify({\n type: \"users_list\",\n users: [...activeUsers.keys()],\n });\n controller.enqueue(`data: ${welcome}\\n\\n`);\n\n // Heartbeat every 25s to keep connection alive\n const heartbeat = setInterval(() => {\n try {\n controller.enqueue(`: heartbeat\\n\\n`);\n } catch {\n clearInterval(heartbeat);\n }\n }, 25_000);\n\n // Cleanup when client disconnects\n req.signal.addEventListener(\"abort\", () => {\n clearInterval(heartbeat);\n sseControllers.delete(controller);\n\n const count = (activeUsers.get(username) || 1) - 1;\n if (count <= 0) {\n activeUsers.delete(username);\n } else {\n activeUsers.set(username, count);\n }\n\n broadcastEvent({ type: \"user_left\", username, users: [...activeUsers.keys()] });\n });\n },\n cancel() {\n // handled by abort above\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 // --- GET /api/messages — chat history ---\n if (url.pathname === \"/api/messages\" && req.method === \"GET\") {\n const result = await sqlite.execute(\n \"SELECT id, username, text, created_at FROM messages ORDER BY created_at ASC LIMIT 200\",\n );\n return Response.json(result.rows);\n }\n\n // --- POST /api/messages — send a message ---\n if (url.pathname === \"/api/messages\" && req.method === \"POST\") {\n try {\n const body = await req.json();\n const username = (typeof body.username === \"string\" ? body.username : \"\").trim();\n const text = (typeof body.text === \"string\" ? body.text : \"\").trim();\n\n if (!username) {\n return Response.json({ error: \"Username is required.\" }, { status: 400 });\n }\n if (!text) {\n return Response.json({ error: \"Message cannot be empty.\" }, { status: 400 });\n }\n if (text.length > 2000) {\n return Response.json({ error: \"Message is too long (max 2000 chars).\" }, { status: 400 });\n }\n\n const result = await sqlite.execute({\n sql: \"INSERT INTO messages (username, text) VALUES (?, ?) RETURNING id, username, text, created_at\",\n args: [username, text],\n });\n\n const msg = result.rows[0];\n\n broadcastEvent({ type: \"new_message\", message: msg });\n\n return Response.json(msg, { status: 201 });\n } catch {\n return Response.json({ error: \"Invalid request body.\" }, { status: 400 });\n }\n }\n\n // --- Everything else: static files ---\n return fileHandler(req);\n}\n",[125],"27d02845dc80f88aca02e4051710fa56ebbedc45b3677bd07b54e51d8a7a548d","dfd5cc68-0dd3-11f1-a797-42dde27851f2","7a3d750a-4186-11f0-ae9b-76b3cceeab13",["D",1771533906963],20,"import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[125],"90dc6a3960d1c6cf605d17ce12b7f0b1623d7a74350872160331f94d11d03107","index.html",{"_32":153,"_13":143,"_81":154,"_83":-5,"_84":33,"_85":155,"_86":26,"_34":156,"_40":157,"_89":90,"_91":158,"_65":48,"_93":-5,"_94":-7,"_74":159,"_96":160},{"_32":146,"_13":143,"_81":147,"_83":-5,"_84":57,"_85":148,"_86":26,"_34":149,"_40":88,"_89":90,"_91":150,"_65":48,"_93":-5,"_94":-7,"_74":151,"_96":152},"a786248a-5355-11f1-ba8f-ee650bb23af1","019e3f17-e7be-75a9-b3c3-0a9ce859d012",11,["D",1779176277289],"\n\n \n 💬 Support Chat\n \n \n \n \n \n \n \n \n \n\n \n

💬 Support Chat

Enter a username to join the conversation.

\n\n \n \n\n \n\n",[143],"7051ea786e5d40dfbb810c3d3d3d41494663a2a53250c88040374c00f9432a08","e2240bac-418b-11f0-883e-76b3cceeab13","e0e955f2-4187-11f0-83ff-76b3cceeab13",41,["D",1749072949867],6,"\n\n \n Hi there!\n \n \n \n\n \n \n\n \n \n\n \n \n \n \n

Hi there!

\n\n

\n I'm your cool new webpage. Made with Val Town!\n

\n \n",[143],"c7361dc92d6ef7bac8fa83bfd60c3e7225006fd4a979847612f5e344669e252b","README.md",{"_32":170,"_13":161,"_81":171,"_83":-5,"_84":33,"_85":172,"_86":48,"_34":173,"_40":174,"_89":90,"_91":175,"_65":48,"_93":-5,"_94":-7,"_74":176,"_96":177},{"_32":164,"_13":161,"_81":165,"_83":-5,"_84":57,"_85":56,"_86":26,"_34":166,"_40":22,"_89":90,"_91":167,"_65":48,"_93":-5,"_94":-7,"_74":168,"_96":169},"d7edd7f8-5355-11f1-91a1-ee650bb23af1","019e3f17-e7be-75a9-b3c3-014d7d38a1f4",["D",1779176358504],"# 💬 Real-Time Support Chat\n\nA multi-user real-time chat app built on Val Town with persistent message history.\n\n## Features\n\n- **Username join gate** — users pick a unique username before entering chat\n- **Real-time messaging** — Server-Sent Events (SSE) push new messages to all connected clients instantly\n- **Persistent history** — messages are stored in SQLite and loaded on page reload\n- **Online user list** — sidebar shows who's currently connected\n- **Join/leave notifications** — system messages when users enter or leave\n- **Validation** — empty usernames, empty messages, duplicate usernames, and oversized messages are all rejected with clear error messages\n- **Multi-tab support** — open in multiple browser tabs with different usernames to test\n\n## Architecture\n\n```mermaid\nsequenceDiagram\n participant Client A\n participant Server (main.tsx)\n participant SQLite\n participant Client B\n\n Client A->>Server: POST /api/join {username}\n Server-->>Client A: 200 OK\n Client A->>Server: GET /api/stream?username=...\n Note over Server: SSE connection opened\n Server-->>Client A: event: users_list\n\n Client A->>Server: POST /api/messages {username, text}\n Server->>SQLite: INSERT INTO messages\n Server-->>Client A: 201 Created\n Server-->>Client A: SSE: new_message\n Server-->>Client B: SSE: new_message\n```\n\n## API Endpoints\n\n| Method | Path | Description |\n|--------|------|-------------|\n| `POST` | `/api/join` | Validate & claim a username |\n| `GET` | `/api/stream?username=` | SSE stream for real-time events |\n| `GET` | `/api/messages` | Fetch chat history (last 200) |\n| `POST` | `/api/messages` | Send a new message |\n\n## Files\n\n- `main.tsx` — HTTP server with API routes, SSE streaming, BroadcastChannel\n- `index.html` — Join screen + chat UI\n- `script.js` — Client-side logic (SSE client, form handling)\n- `style.css` — Chat layout and styling\n",[161],"d85b6bd5aee0512dba3f617765889713f4761459e0594a6c0f7a99ffa1562ff0","eafea982-5cd7-11f0-b062-0224a6c84d84","8ddbf374-4187-11f0-aa65-76b3cceeab13",68,["D",1752074287864],29,"# Welcome to Val Town\n\nVal Town is the simplest way to get code running in the cloud.\n\nThis is a basic HTML starter template.\n\n1. Click `Remix` on this val to get a copy of it\n2. Click `main.tsx` to view the website\n3. Saves to any file will instantly deploy\n\n### ← main.tsx\n\nThis HTTP server hosts all of the other files in this val.\n\nTo view your site in a new tab, click on the `...` menu of `main.tsx` to copy\nyour live HTTP endpoint.\n\n### ← README.md\n\nThat's this file, where you can tell people what your cool website does and how\nyou built it.\n\n### ← index.html\n\nWhere you'll write the content of your website.\n\n### ← style.css\n\nCSS files add styling rules to your content.\n\n### ← script.js\n\nIf you're feeling fancy you can add interactivity to your site with JavaScript.\n\nIf you want more interactivity, check out this\n[React starter](https://www.val.town/x/std/reactHonoStarter).\n\n### ← favicon.svg\n\nThe icon that shows up in the brower tab. Tip: AIs are pretty good at writing\nSVG favicons.\n\n---\n\nThis template was inspired by https://glitch.new/blank.",[161],"b98e0d30d7738f1f9895a67ecf662a9a4fb62187304f833f088a2ef0e7312a85",["D",1779174991728],"legacyEnvVars","httpPrivacy","description","Basic HTML starter template based on Glitch's starter","imageUrl","userId","61492f72-3c97-41e3-be1a-14c599ef17b7","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"019e3ef3-c6b7-7072-b10f-61f0f1c3dd2e","tursoName","a945800c535211f18fadee650bb23af1","tursoHostname","a945800c535211f18fadee650bb23af1-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789469441210],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_220":216},"org",{"_11":12,"_214":12,"_215":216,"_184":185,"_217":218,"_219":48},"branch","displayName","avatar","https://avatars.githubusercontent.com/u/127375577?v=4","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":58,"_13":14,"_34":300,"_46":-5,"_179":48,"_49":50,"_180":50,"_181":182,"_183":-5,"_184":185,"_186":129,"_187":26,"_188":-5,"_189":-5,"_190":191,"_53":192,"_193":194,"_195":196,"_197":301,"_199":-5,"_200":201,"_202":201,"_203":204,"_205":204,"_206":204,"_207":201,"_208":201,"_209":302,"_211":303,"_213":304,"_47":48},"tree",[281,282,283,284,285,286],"files",[281,282,283,284,285,286],"counts",{"_271":191,"_272":22,"_273":191,"_274":275,"_276":277},"contents",[249,250,251,252,253,254],"upstreamProject",{"_32":39,"_13":14,"_181":182,"_183":246,"_49":50,"_209":247},"upstreamBranch",{"_32":33,"_34":244,"_36":245,"_13":16,"_38":39,"_40":41,"_42":-5,"_43":-5,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":52,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1749070628054],["D",1779896149804],"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/1e130d76-f5f9-42d2-df67-91517700ff00/square512?exp=1789541999&sig=2c4f8e8762e91657f9fbbeb6de5d7ca68c14d159afdfdc3bf09959c9c9fa1b3c",{"_11":52,"_220":248},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789541999&sig=156ae2b8ac752fc06f52d45eab428b512e0d31e2aab99a830d8bb32149c64f0f",{"_32":164,"_13":161,"_81":165,"_83":-5,"_84":57,"_85":56,"_86":26,"_34":269,"_40":22,"_89":90,"_91":167,"_65":48,"_93":-5,"_74":270},{"_32":263,"_13":264,"_81":265,"_83":-5,"_84":57,"_85":22,"_86":26,"_34":266,"_40":191,"_89":90,"_91":267,"_65":48,"_93":-5,"_74":268},{"_32":146,"_13":143,"_81":147,"_83":-5,"_84":57,"_85":148,"_86":26,"_34":261,"_40":88,"_89":90,"_91":150,"_65":48,"_93":-5,"_74":262},{"_32":128,"_13":125,"_81":129,"_83":-5,"_84":57,"_85":130,"_86":26,"_34":259,"_40":88,"_89":132,"_91":133,"_65":48,"_93":-5,"_74":260},{"_32":109,"_13":106,"_81":110,"_83":-5,"_84":57,"_85":111,"_86":26,"_34":257,"_40":88,"_89":113,"_91":114,"_65":48,"_93":-5,"_74":258},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":57,"_85":20,"_86":26,"_34":255,"_40":88,"_89":90,"_91":92,"_65":48,"_93":-5,"_74":256},["D",1779176327878],[75],["D",1779176300949],[106],["D",1779176266312],[125],["D",1779176277289],[143],"a94ffed8-5352-11f1-8fad-ee650bb23af1","favicon.svg","019e3f17-e7be-75a9-b3c3-05560deb57fe",["D",1779174991728],"",[264],["D",1779176358504],[161],"pulls","branches","forks","envVars",{"_278":191,"_280":191},"connections",{"_278":191,"_279":191},"count","unfilledCount","emptyCount",{"_32":164,"_13":161,"_81":165,"_83":-5,"_84":57,"_85":56,"_86":26,"_34":166,"_40":22,"_89":90,"_91":167,"_65":48,"_93":-5,"_94":298,"_74":299},{"_32":263,"_13":264,"_81":265,"_83":-5,"_84":57,"_85":22,"_86":26,"_34":295,"_40":191,"_89":90,"_91":267,"_65":48,"_93":-5,"_94":296,"_74":297},{"_32":146,"_13":143,"_81":147,"_83":-5,"_84":57,"_85":148,"_86":26,"_34":149,"_40":88,"_89":90,"_91":150,"_65":48,"_93":-5,"_94":293,"_74":294},{"_32":128,"_13":125,"_81":129,"_83":-5,"_84":57,"_85":130,"_86":26,"_34":131,"_40":88,"_89":132,"_91":133,"_65":48,"_93":-5,"_94":291,"_74":292},{"_32":109,"_13":106,"_81":110,"_83":-5,"_84":57,"_85":111,"_86":26,"_34":112,"_40":88,"_89":113,"_91":114,"_65":48,"_93":-5,"_94":289,"_74":290},{"_32":80,"_13":75,"_81":82,"_83":-5,"_84":57,"_85":20,"_86":26,"_34":87,"_40":88,"_89":90,"_91":92,"_65":48,"_93":-5,"_94":287,"_74":288},[],[75],[],[106],[],[125],[],[143],["D",1779174991728],[],[264],[],[161],["D",1779174991728],["D",1789469441210],{"_11":12,"_220":216},{"_11":12,"_214":12,"_215":216,"_184":185,"_217":218,"_219":48},{"_40":56,"_13":16,"_32":57,"_38":58,"_42":33,"_43":59,"_60":50,"_61":39,"_62":54,"_55":14,"_51":12},"ctx",{"_209":-5,"_241":338,"_339":340,"_341":342,"_343":48,"_344":48,"_345":48,"_346":26,"_347":-5,"_348":-7,"_349":-7,"_350":191,"_351":48,"_352":48,"_353":-5,"_354":48,"_355":48,"_356":48,"_357":-5},"ENV",{"_309":310,"_311":312,"_313":16,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337},"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"]

Compare

Mergeserphenta7/mainintotemplates/main

README.md+40-34

index.html+62-13

Hmain.tsx+182-2

script.js+257-5

style.css+315-6