\n \n \n \n",[],[76,119],"dc139afe-3995-11f1-a080-42b51c65c3df","favicon.svg","019d966b-88ca-7498-923c-1ab280b019f8",["D",1776345122900],"\n",[],[76,127],"dc139946-3995-11f1-a080-42b51c65c3df","components","019d966b-88ca-7498-923c-164f218852cd",["D",1776345122900],[139,140,141],[76,134],{"_36":157,"_13":158,"_39":159,"_41":135,"_42":43,"_44":45,"_46":47,"_48":160,"_17":161,"_51":52,"_53":162,"_55":56,"_57":-5,"_86":163,"_18":164},{"_36":150,"_13":151,"_39":152,"_41":135,"_42":43,"_44":70,"_46":47,"_48":153,"_17":50,"_51":52,"_53":154,"_55":56,"_57":-5,"_86":155,"_18":156},{"_36":142,"_13":143,"_39":144,"_41":135,"_42":43,"_44":145,"_46":47,"_48":146,"_17":50,"_51":52,"_53":147,"_55":56,"_57":-5,"_86":148,"_18":149},"e3e89268-3998-11f1-b26a-42b51c65c3df","QROverlay.tsx","e3e89308-3998-11f1-b26a-42b51c65c3df",13,["D",1776346424661],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport QRCode from \"https://esm.sh/qrcode@1.5.4?bundle-deps\";\n\nexport function QROverlay({ visible }: { visible: boolean }) {\n const [dataUrl, setDataUrl] = useState(null);\n\n useEffect(() => {\n QRCode.toDataURL(window.location.href, { width: 256, margin: 2 })\n .then(setDataUrl)\n .catch(console.error);\n }, []);\n\n if (!visible || !dataUrl) return null;\n\n return (\n

\n $\"QR$ \n

\n );\n}\n",[],[76,134,143],"3d75e5a8-3997-11f1-b7e9-42b51c65c3df","Counter.tsx","3d75e6a2-3997-11f1-b7e9-42b51c65c3df",["D",1776345715901],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function Counter() {\n const [count, setCount] = useState(0);\n return (\n

\n Clicked\n setCount((c) => c + 1)}\n class=\"bg-blue-500 hover:bg-blue-600 text-white font-medium px-4 py-2 rounded-lg transition-colors cursor-pointer\"\n >\n {count}\n \n times\n

\n );\n}\n",[],[76,134,151],"11337944-399a-11f1-9a51-42b51c65c3df","App.tsx","019d966b-88ca-7498-923c-1036c341cd64",["D",1776346930133],18,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport { QROverlay } from \"./QROverlay.tsx\";\nimport { playRandomBlip } from \"../sounds.ts\";\n\ntype Message = {\n id: number;\n username: string;\n text: string;\n image_key: string | null;\n created_at: string;\n status: string | null;\n score: number | null;\n reasoning: string | null;\n};\n\nexport function App() {\n const [messages, setMessages] = useState([]);\n const [text, setText] = useState(\"\");\n const [username, setUsername] = useState(() => localStorage.getItem(\"chat-username\") || \"\");\n const [joined, setJoined] = useState(() => !!localStorage.getItem(\"chat-username\"));\n const [showQR, setShowQR] = useState(true);\n const [uploading, setUploading] = useState(false);\n const fileRef = useRef(null);\n const prevCountRef = useRef(0);\n\n // Poll for messages every second\n useEffect(() => {\n if (!joined) return;\n const fetchMessages = () => {\n fetch(`/api/messages?username=${encodeURIComponent(username)}`)\n .then((r) => r.json())\n .then((data) => setMessages(data))\n .catch(console.error);\n };\n fetchMessages();\n const id = setInterval(fetchMessages, 1000);\n return () => clearInterval(id);\n }, [joined, username]);\n\n // Play a random blip when new messages arrive\n useEffect(() => {\n if (messages.length > prevCountRef.current && prevCountRef.current > 0) {\n playRandomBlip();\n }\n prevCountRef.current = messages.length;\n }, [messages.length]);\n\n // NOTE: Do NOT add auto-scroll here — it hijacks the user's scroll position\n // and makes it impossible to read older messages while new ones arrive.\n\n const handleJoin = (e: React.FormEvent) => {\n e.preventDefault();\n if (!username.trim()) return;\n localStorage.setItem(\"chat-username\", username.trim());\n setJoined(true);\n };\n\n const handleSend = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!text.trim()) return;\n const msg = text.trim();\n setText(\"\");\n await fetch(\"/api/messages\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ username, text: msg }),\n });\n };\n\n const handlePhoto = async (e: React.ChangeEvent) => {\n const file = e.target.files?.[0];\n if (!file) return;\n setUploading(true);\n try {\n const form = new FormData();\n form.append(\"username\", username);\n form.append(\"photo\", file);\n await fetch(\"/api/upload\", { method: \"POST\", body: form });\n } catch (err) {\n console.error(\"Upload failed:\", err);\n } finally {\n setUploading(false);\n // Reset the file input so the same file can be re-selected\n if (fileRef.current) fileRef.current.value = \"\";\n }\n };\n\n if (!joined) {\n return (\n

\n );\n }\n\n return (\n

\n {/* Header */}\n

💬 Chat

\n \n setShowQR(!showQR)}\n class=\"px-2 py-1 rounded bg-gray-100 hover:bg-gray-200 text-xs\"\n >\n {showQR ? \"Hide QR\" : \"Show QR\"}\n \n {username} · source\n \n

\n\n \n\n {/* Messages */}\n

\n {messages.length === 0 && (\n

No messages yet. Say hi! 👋

\n )}\n {messages.map((m) => {\n const isOwn = m.username === username;\n const isRejected = m.score !== null && m.score < 50;\n\n // Rejected message visible only to sender\n if (isRejected && isOwn) {\n return (\n

⚠️ Message not sent

{m.text}

{m.reasoning || \"This message was flagged by our content filter.\"}

\n );\n }\n\n return (\n

\n \n {!isOwn && (\n

{m.username}

\n )}\n {m.image_key\n ? $\"photo\"$ \n :

{m.text}

}\n

\n );\n })}\n

\n\n {/* Input */}\n

\n {/* Hidden file input for camera/gallery */}\n \n fileRef.current?.click()}\n disabled={uploading}\n class=\"w-10 h-10 flex items-center justify-center rounded-full bg-gray-100 hover:bg-gray-200 text-lg shrink-0 disabled:opacity-50\"\n title=\"Send a photo\"\n >\n {uploading ? \"⏳\" : \"📷\"}\n \n setText(e.target.value)}\n placeholder=\"Type a message...\"\n class=\"flex-1 border rounded-full px-4 py-2 outline-none focus:ring-2 focus:ring-blue-400 text-sm\"\n // NOTE: Do NOT add autoFocus here — it causes scroll/focus issues on mobile\n // and fights with the 1-second polling re-renders.\n />\n \n \n \n );\n}\n",[],[76,134,158],"dc047dda-3995-11f1-a080-42b51c65c3df",["D",1776345122900],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","dc047dda399511f1a08042b51c65c3df","tursoHostname","dc047dda399511f1a08042b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789501263826],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_221":217},"org",{"_11":12,"_215":-5,"_216":217,"_175":176,"_218":219,"_220":56},"branch",{"_17":45,"_13":16,"_36":43,"_207":165,"_208":-5,"_209":-5,"_210":-5,"_211":-5,"_212":-5,"_213":14,"_214":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":165,"_13":14,"_48":293,"_167":-5,"_168":56,"_169":170,"_171":170,"_172":173,"_174":-5,"_175":176,"_177":61,"_178":47,"_179":-5,"_180":-5,"_181":50,"_182":183,"_184":185,"_186":187,"_188":294,"_190":-5,"_191":192,"_193":192,"_194":195,"_196":195,"_197":195,"_198":192,"_199":192,"_200":295,"_202":296,"_204":297,"_206":56},[257,266,267,268],"files",[257,258,259,260,261,262,263,264,265,266,267,268],"counts",{"_248":50,"_249":70,"_250":50,"_31":251,"_252":253},[240,241,242,243],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_36":75,"_13":76,"_39":77,"_41":-5,"_42":43,"_44":72,"_46":47,"_48":78,"_17":50,"_51":79,"_53":-5,"_55":56,"_57":-5,"_18":247},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":70,"_46":47,"_48":71,"_17":72,"_51":24,"_53":73,"_55":56,"_57":-5,"_18":246},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":62,"_17":63,"_51":64,"_53":65,"_55":56,"_57":-5,"_18":245},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":49,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_18":244},[38],[60],[68],[76],"pulls","branches","forks",{"_254":50,"_256":50},"connections",{"_254":50,"_255":50},"count","unfilledCount","emptyCount",{"_36":75,"_13":76,"_39":77,"_41":-5,"_42":43,"_44":72,"_46":47,"_48":95,"_17":50,"_51":79,"_53":-5,"_55":56,"_57":-5,"_86":291,"_18":292},{"_36":133,"_13":134,"_39":135,"_41":77,"_42":43,"_44":72,"_46":47,"_48":136,"_17":50,"_51":79,"_53":-5,"_55":56,"_57":-5,"_86":289,"_18":290},{"_36":157,"_13":158,"_39":159,"_41":135,"_42":43,"_44":45,"_46":47,"_48":160,"_17":161,"_51":52,"_53":162,"_55":56,"_57":-5,"_86":287,"_18":288},{"_36":150,"_13":151,"_39":152,"_41":135,"_42":43,"_44":70,"_46":47,"_48":153,"_17":50,"_51":52,"_53":154,"_55":56,"_57":-5,"_86":285,"_18":286},{"_36":142,"_13":143,"_39":144,"_41":135,"_42":43,"_44":145,"_46":47,"_48":146,"_17":50,"_51":52,"_53":147,"_55":56,"_57":-5,"_86":283,"_18":284},{"_36":126,"_13":127,"_39":128,"_41":77,"_42":43,"_44":72,"_46":47,"_48":129,"_17":50,"_51":24,"_53":130,"_55":56,"_57":-5,"_86":281,"_18":282},{"_36":118,"_13":119,"_39":120,"_41":77,"_42":43,"_44":121,"_46":47,"_48":122,"_17":70,"_51":24,"_53":123,"_55":56,"_57":-5,"_86":279,"_18":280},{"_36":111,"_13":112,"_39":113,"_41":77,"_42":43,"_44":72,"_46":47,"_48":114,"_17":50,"_51":52,"_53":115,"_55":56,"_57":-5,"_86":277,"_18":278},{"_36":103,"_13":104,"_39":105,"_41":77,"_42":43,"_44":106,"_46":47,"_48":107,"_17":50,"_51":52,"_53":108,"_55":56,"_57":-5,"_86":275,"_18":276},{"_36":67,"_13":68,"_39":69,"_41":-5,"_42":43,"_44":70,"_46":47,"_48":92,"_17":72,"_51":24,"_53":73,"_55":56,"_57":-5,"_86":273,"_18":274},{"_36":59,"_13":60,"_39":61,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":89,"_17":63,"_51":64,"_53":65,"_55":56,"_57":-5,"_86":271,"_18":272},{"_36":37,"_13":38,"_39":40,"_41":-5,"_42":43,"_44":45,"_46":47,"_48":85,"_17":50,"_51":52,"_53":54,"_55":56,"_57":-5,"_86":269,"_18":270},[],[38],[],[60],[],[68],[],[76,104],[],[76,112],[],[76,119],[],[76,127],[],[76,134,143],[],[76,134,151],[],[76,134,158],[259,260,261],[76,134],[258,262,263,264,265],[76],["D",1776345122900],["D",1789501263826],{"_11":12,"_221":217},{"_11":12,"_215":-5,"_216":217,"_175":176,"_218":219,"_220":56},{"_17":45,"_13":16,"_36":43,"_207":165,"_208":-5,"_209":-5,"_210":-5,"_211":-5,"_212":-5,"_213":14,"_214":12},"ctx",{"_200":-5,"_237":331,"_332":333,"_334":335,"_336":56,"_337":56,"_338":56,"_339":47,"_340":-5,"_341":-7,"_342":-7,"_343":50,"_344":56,"_345":56,"_346":-5,"_347":56,"_348":56,"_349":56,"_350":-5},"ENV",{"_302":303,"_304":305,"_306":16,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316,"_317":318,"_319":320,"_321":322,"_323":324,"_325":326,"_327":328,"_329":330},"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"]