\n \n \n \n\n",[],[80,158],"743887d2-39cc-11f1-a806-42b51c65c3df","favicon.svg","019d97d1-52c6-756f-9e82-0c629f21d64c",["D",1776368571090],"\n",[],[80,165],["D",1776368571090],[174],[80,81],{"_36":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_38":175,"_17":34,"_73":74,"_75":76,"_77":52,"_78":-5,"_99":176,"_18":177},["D",1776368929242],[],[80,81,61],"74387080-39cc-11f1-a806-42b51c65c3df","components","019d97d1-52c6-756f-9e82-01df6e540ca9",["D",1776368571090],[184,185,186,187,188],[80,179],{"_36":217,"_13":218,"_62":219,"_64":180,"_66":67,"_68":34,"_70":71,"_38":220,"_17":84,"_73":74,"_75":221,"_77":52,"_78":-5,"_99":222,"_18":223},{"_36":210,"_13":211,"_62":212,"_64":180,"_66":67,"_68":34,"_70":71,"_38":213,"_17":84,"_73":74,"_75":214,"_77":52,"_78":-5,"_99":215,"_18":216},{"_36":203,"_13":204,"_62":205,"_64":180,"_66":67,"_68":34,"_70":71,"_38":206,"_17":84,"_73":74,"_75":207,"_77":52,"_78":-5,"_99":208,"_18":209},{"_36":196,"_13":197,"_62":198,"_64":180,"_66":67,"_68":34,"_70":71,"_38":199,"_17":84,"_73":74,"_75":200,"_77":52,"_78":-5,"_99":201,"_18":202},{"_36":189,"_13":190,"_62":191,"_64":180,"_66":67,"_68":34,"_70":71,"_38":192,"_17":84,"_73":74,"_75":193,"_77":52,"_78":-5,"_99":194,"_18":195},"743859c4-39cc-11f1-a806-42b51c65c3df","QRBackground.tsx","019d97d1-52c6-756f-9e81-fd131d836330",["D",1776368571090],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n// qrcode-generator is tiny (~10KB) and has no deps.\nimport qrcode from \"https://esm.sh/qrcode-generator@1.4.4\";\n\ninterface QRData {\n modules: boolean[][]; // size x size grid of on/off\n size: number;\n url: string;\n}\n\ninterface QRBackgroundProps {\n inColumn?: boolean;\n}\n\nexport function QRBackground({ inColumn = false }: QRBackgroundProps) {\n const [qr, setQr] = useState(null);\n\n useEffect(() => {\n // Use the current page URL (origin + pathname) so scanners land on the chat.\n const url = window.location.origin + window.location.pathname;\n\n // typeNumber=0 auto-picks smallest version that fits; \"M\" error correction (~15%).\n const generator = qrcode(0, \"M\");\n generator.addData(url);\n generator.make();\n\n const size = generator.getModuleCount();\n const modules: boolean[][] = [];\n for (let row = 0; row < size; row++) {\n const rowArr: boolean[] = [];\n for (let col = 0; col < size; col++) {\n rowArr.push(generator.isDark(row, col));\n }\n modules.push(rowArr);\n }\n\n setQr({ modules, size, url });\n }, []);\n\n if (!qr) return null;\n\n // Build a single path data string for all dark modules (more efficient than\n // N individual s).\n const pathData = qr.modules\n .flatMap((row, r) =>\n row.map((on, c) => (on ? `M${c},${r}h1v1h-1z` : \"\"))\n )\n .join(\"\");\n\n // Two modes:\n // - inColumn=true: displayed in a dedicated sidebar column, solid and opaque\n // - inColumn=false: overlaid on the chat, faded and pointer-events-none\n if (inColumn) {\n return (\n

\n \n \n \n

\n {qr.url}\n

\n );\n }\n\n // Mobile/fallback: overlay on top of chat, faded\n return (\n \n

\n \n \n \n

\n {qr.url}\n

\n \n );\n}\n",[],[80,179,190],"74384dd0-39cc-11f1-a806-42b51c65c3df","MessageList.tsx","019d97d1-52c6-756f-9e81-fa8b9492e966",["D",1776368571090],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport type { Message } from \"../../shared/types.ts\";\n\ninterface MessageListProps {\n messages: Message[];\n}\n\nfunction formatTime(iso: string): string {\n const date = new Date(iso);\n return date.toLocaleTimeString([], { hour: \"numeric\", minute: \"2-digit\" });\n}\n\nexport function MessageList({ messages }: MessageListProps) {\n if (messages.length === 0) {\n return (\n

\n No messages yet. Say hi!\n

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

\n {messages.map((msg) => (\n \n

\n {msg.text}\n

{formatTime(msg.createdAt)}

\n ))}\n \n );\n}\n",[],[80,179,197],"74382b48-39cc-11f1-a806-42b51c65c3df","MessageInput.tsx","019d97d1-52c6-756f-9e81-f7fa9b31f696",["D",1776368571090],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface MessageInputProps {\n onSubmit: (text: string) => void | Promise;\n disabled?: boolean;\n}\n\nexport function MessageInput({ onSubmit, disabled }: MessageInputProps) {\n const [text, setText] = useState(\"\");\n const [sending, setSending] = useState(false);\n\n async function handleSubmit(e: Event) {\n e.preventDefault();\n const trimmed = text.trim();\n if (!trimmed || sending) return;\n setSending(true);\n try {\n await onSubmit(trimmed);\n setText(\"\");\n } finally {\n setSending(false);\n }\n }\n\n return (\n \n setText(e.target.value)}\n placeholder=\"Type a message...\"\n disabled={disabled || sending}\n class=\"flex-1 min-w-0 px-3 py-2 border border-gray-300 rounded-full text-base focus:outline-none focus:ring-2 focus:ring-blue-400 focus:border-transparent disabled:bg-gray-100\"\n // Prevent iOS from zooming in on focus (font-size >= 16px handles this, text-base is 16px)\n />\n \n Send\n \n \n );\n}\n",[],[80,179,204],"743825e4-39cc-11f1-a806-42b51c65c3df","Counter.tsx","019d97d1-52c6-756f-9e81-f3f0759da773",["D",1776368571090],"/** @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",[],[80,179,211],"7438195a-39cc-11f1-a806-42b51c65c3df","App.tsx","019d97d1-52c6-756f-9e81-eefe450ee8e6",["D",1776368571090],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useMessages } from \"../hooks/useMessages.ts\";\nimport { MessageInput } from \"./MessageInput.tsx\";\nimport { MessageList } from \"./MessageList.tsx\";\nimport { QRBackground } from \"./QRBackground.tsx\";\n\nexport function App() {\n const { messages, status, sendMessage } = useMessages();\n\n return (\n

\n {/* QR code column — hidden on mobile, visible on medium+ screens */}\n

\n \n

\n\n {/* Chat column */}\n

Chat

\n \n

\n \n view source\n \n

\n\n

\n \n

\n\n

\n \n

\n );\n}\n\nfunction StatusDot({ status }: { status: \"connecting\" | \"open\" | \"closed\" }) {\n const color = status === \"open\"\n ? \"bg-green-500\"\n : status === \"connecting\"\n ? \"bg-yellow-400\"\n : \"bg-gray-400\";\n const label = status === \"open\"\n ? \"Connected\"\n : status === \"connecting\"\n ? \"Connecting...\"\n : \"Reconnecting...\";\n return (\n \n \n \n \n );\n}\n",[],[80,179,218],"7438113a-39cc-11f1-a806-42b51c65c3df","database","019d97d1-52c6-756f-9e81-e9ac2130e0f0",["D",1776368571090],[230],[225],{"_36":231,"_13":232,"_62":233,"_64":226,"_66":67,"_68":34,"_70":71,"_38":234,"_17":84,"_73":74,"_75":235,"_77":52,"_78":-5,"_99":236,"_18":237},"7437e214-39cc-11f1-a806-42b51c65c3df","db.ts","019d97d1-52c6-756f-9e81-e61abbaafaa1",["D",1776368571090],"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport type { Message } from \"../shared/types.ts\";\n\n// Bump this when making breaking schema changes (safer than migrating in place).\nconst TABLE_NAME = \"messages_v1\";\n\nlet initialized = false;\nasync function ensureSchema() {\n if (initialized) return;\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n text TEXT NOT NULL,\n created_at TEXT NOT NULL DEFAULT (datetime('now'))\n )\n `);\n initialized = true;\n}\n\nfunction rowToMessage(row: Record): Message {\n // Normalize created_at (\"YYYY-MM-DD HH:MM:SS\" from sqlite) into ISO UTC.\n const createdAtRaw = String(row.created_at);\n const createdAt = createdAtRaw.includes(\"T\")\n ? createdAtRaw\n : new Date(createdAtRaw.replace(\" \", \"T\") + \"Z\").toISOString();\n return {\n id: Number(row.id),\n text: String(row.text),\n createdAt,\n };\n}\n\nexport async function listRecentMessages(limit = 100): Promise {\n await ensureSchema();\n // Fetch the most recent N, then return them in chronological order (oldest first).\n const res = await sqlite.execute({\n sql:\n `SELECT id, text, created_at FROM ${TABLE_NAME} ORDER BY id DESC LIMIT ?`,\n args: [limit],\n });\n const rows = (res.rows as Record[]).map(rowToMessage);\n return rows.reverse();\n}\n\nexport async function listMessagesSince(sinceId: number): Promise {\n await ensureSchema();\n const res = await sqlite.execute({\n sql:\n `SELECT id, text, created_at FROM ${TABLE_NAME} WHERE id > ? ORDER BY id ASC LIMIT 500`,\n args: [sinceId],\n });\n return (res.rows as Record[]).map(rowToMessage);\n}\n\nexport async function insertMessage(text: string): Promise {\n await ensureSchema();\n const res = await sqlite.execute({\n sql: `INSERT INTO ${TABLE_NAME} (text) VALUES (?) RETURNING id, text, created_at`,\n args: [text],\n });\n const row = (res.rows as Record[])[0];\n return rowToMessage(row);\n}\n",[],[225,232],["D",1776367889779],"legacyEnvVars","httpPrivacy","description","Starter template with client-side React & Hono server","imageUrl","userId","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","019d97c6-edc7-722c-8966-3d4dbbbae3b1","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","de221b1039ca11f182c242b51c65c3df","tursoHostname","de221b1039ca11f182c242b51c65c3df-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789510872811],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_284":280},"org",{"_11":12,"_278":-5,"_279":280,"_244":245,"_281":282,"_283":52},"branch",{"_17":69,"_13":16,"_36":67,"_43":44,"_46":37,"_47":274,"_275":54,"_276":44,"_277":57,"_58":14,"_55":12},20,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":44,"_13":14,"_38":380,"_50":-5,"_239":52,"_53":54,"_240":54,"_241":242,"_243":-5,"_244":245,"_246":247,"_248":71,"_249":-5,"_250":-5,"_251":84,"_56":57,"_252":253,"_254":255,"_256":381,"_258":-5,"_259":260,"_261":260,"_262":263,"_264":263,"_265":263,"_266":260,"_267":260,"_268":382,"_270":383,"_272":384,"_51":52},[320,322,334,338,339],"files",[320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339],"counts",{"_311":84,"_312":136,"_313":84,"_35":314,"_315":316},[309],{"_36":82,"_13":81,"_62":65,"_64":85,"_66":67,"_68":34,"_70":71,"_38":307,"_17":84,"_73":83,"_75":-5,"_77":52,"_78":-5,"_18":308},"upstreamProject","upstreamBranch",{"_36":37,"_38":305,"_40":306,"_13":42,"_43":44,"_17":45,"_46":-5,"_47":-5,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1776367889779],["D",1776368994041],["D",1776368571090],[80,81],{"_36":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_38":72,"_17":34,"_73":74,"_75":76,"_77":52,"_78":-5,"_18":310},[80,81,61],"pulls","branches","forks",{"_317":84,"_319":84},"connections",{"_317":84,"_318":84},"count","unfilledCount","emptyCount",{"_36":224,"_13":225,"_62":226,"_64":-5,"_66":67,"_68":34,"_70":71,"_38":227,"_17":84,"_73":83,"_75":-5,"_77":52,"_78":-5,"_99":378,"_18":379},{"_36":231,"_13":232,"_62":233,"_64":226,"_66":67,"_68":34,"_70":71,"_38":234,"_17":84,"_73":74,"_75":235,"_77":52,"_78":-5,"_99":376,"_18":377},{"_36":141,"_13":80,"_62":85,"_64":-5,"_66":67,"_68":34,"_70":71,"_38":142,"_17":84,"_73":83,"_75":-5,"_77":52,"_78":-5,"_99":374,"_18":375},{"_36":178,"_13":179,"_62":180,"_64":85,"_66":67,"_68":34,"_70":71,"_38":181,"_17":84,"_73":83,"_75":-5,"_77":52,"_78":-5,"_99":372,"_18":373},{"_36":217,"_13":218,"_62":219,"_64":180,"_66":67,"_68":34,"_70":71,"_38":220,"_17":84,"_73":74,"_75":221,"_77":52,"_78":-5,"_99":370,"_18":371},{"_36":210,"_13":211,"_62":212,"_64":180,"_66":67,"_68":34,"_70":71,"_38":213,"_17":84,"_73":74,"_75":214,"_77":52,"_78":-5,"_99":368,"_18":369},{"_36":203,"_13":204,"_62":205,"_64":180,"_66":67,"_68":34,"_70":71,"_38":206,"_17":84,"_73":74,"_75":207,"_77":52,"_78":-5,"_99":366,"_18":367},{"_36":196,"_13":197,"_62":198,"_64":180,"_66":67,"_68":34,"_70":71,"_38":199,"_17":84,"_73":74,"_75":200,"_77":52,"_78":-5,"_99":364,"_18":365},{"_36":189,"_13":190,"_62":191,"_64":180,"_66":67,"_68":34,"_70":71,"_38":192,"_17":84,"_73":74,"_75":193,"_77":52,"_78":-5,"_99":362,"_18":363},{"_36":82,"_13":81,"_62":65,"_64":85,"_66":67,"_68":34,"_70":71,"_38":171,"_17":84,"_73":83,"_75":-5,"_77":52,"_78":-5,"_99":360,"_18":361},{"_36":60,"_13":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_38":175,"_17":34,"_73":74,"_75":76,"_77":52,"_78":-5,"_99":358,"_18":359},{"_36":164,"_13":165,"_62":166,"_64":85,"_66":67,"_68":34,"_70":71,"_38":167,"_17":84,"_73":24,"_75":168,"_77":52,"_78":-5,"_99":356,"_18":357},{"_36":157,"_13":158,"_62":159,"_64":85,"_66":67,"_68":34,"_70":71,"_38":160,"_17":84,"_73":24,"_75":161,"_77":52,"_78":-5,"_99":354,"_18":355},{"_36":150,"_13":151,"_62":152,"_64":85,"_66":67,"_68":34,"_70":71,"_38":153,"_17":84,"_73":74,"_75":154,"_77":52,"_78":-5,"_99":352,"_18":353},{"_36":109,"_13":110,"_62":111,"_64":-5,"_66":67,"_68":34,"_70":71,"_38":112,"_17":84,"_73":83,"_75":-5,"_77":52,"_78":-5,"_99":350,"_18":351},{"_36":133,"_13":134,"_62":135,"_64":111,"_66":67,"_68":136,"_70":71,"_38":137,"_17":84,"_73":74,"_75":138,"_77":52,"_78":-5,"_99":348,"_18":349},{"_36":125,"_13":126,"_62":127,"_64":111,"_66":67,"_68":128,"_70":71,"_38":129,"_17":34,"_73":74,"_75":130,"_77":52,"_78":-5,"_99":346,"_18":347},{"_36":118,"_13":119,"_62":120,"_64":111,"_66":67,"_68":34,"_70":71,"_38":121,"_17":84,"_73":74,"_75":122,"_77":52,"_78":-5,"_99":344,"_18":345},{"_36":102,"_13":103,"_62":104,"_64":-5,"_66":67,"_68":34,"_70":71,"_38":105,"_17":84,"_73":24,"_75":106,"_77":52,"_78":-5,"_99":342,"_18":343},{"_36":93,"_13":94,"_62":95,"_64":-5,"_66":67,"_68":34,"_70":71,"_38":96,"_17":84,"_73":97,"_75":98,"_77":52,"_78":-5,"_99":340,"_18":341},[],[94],[],[103],[],[110,119],[],[110,126],[],[110,134],[335,336,337],[110],[],[80,151],[],[80,158],[],[80,165],[],[80,81,61],[330],[80,81],[],[80,179,190],[],[80,179,197],[],[80,179,204],[],[80,179,211],[],[80,179,218],[324,325,326,327,328],[80,179],[323,329,331,332,333],[80],[],[225,232],[321],[225],["D",1776367889779],["D",1789510872811],{"_11":12,"_284":280},{"_11":12,"_278":-5,"_279":280,"_244":245,"_281":282,"_283":52},{"_17":69,"_13":16,"_36":67,"_43":44,"_46":37,"_47":274,"_275":54,"_276":44,"_277":57,"_58":14,"_55":12},"ctx",{"_268":-5,"_302":418,"_419":420,"_421":422,"_423":52,"_424":52,"_425":52,"_426":71,"_427":-5,"_428":-7,"_429":-7,"_430":84,"_431":52,"_432":52,"_433":-5,"_434":52,"_435":52,"_436":52,"_437":-5},"ENV",{"_389":390,"_391":392,"_393":42,"_394":395,"_396":397,"_398":399,"_400":401,"_402":403,"_404":405,"_406":407,"_408":409,"_410":411,"_412":413,"_414":415,"_416":417},"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"]