[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_178":179,"_180":181},"routes/_app.x.$handle.$name",{"_97":96,"_32":45,"_105":87,"_27":99,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":-5,"_117":-5,"_118":25,"_119":120,"_121":59,"_122":-5,"_123":-5,"_124":125},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",14,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","client.js","latestPath","fileId","3dbbe50c-5cf7-11f1-9ebe-1607ee4eb77e","name","fileType","script","content","// 部屋IDはURLのハッシュ (#room) で決まる。なければランダム生成してURLに付与。\nfunction getRoom() {\n let room = location.hash.replace(/^#/, \"\");\n if (!room) {\n room = Math.random().toString(36).slice(2, 8);\n location.hash = room;\n }\n return room;\n}\n\nconst room = getRoom();\nconst messagesEl = document.getElementById(\"messages\");\nconst composer = document.getElementById(\"composer\");\nconst bodyInput = document.getElementById(\"body\");\nconst nameInput = document.getElementById(\"name\");\nconst roomLabel = document.getElementById(\"roomLabel\");\nconst invite = document.getElementById(\"invite\");\n\nroomLabel.textContent = \"#\" + room;\n\n// 名前を保存\nnameInput.value = localStorage.getItem(\"chatName\") || \"\";\n\nnameInput.addEventListener(\"input\", () => {\n localStorage.setItem(\"chatName\", nameInput.value);\n});\n\n// 招待リンクコピー\ninvite.addEventListener(\"click\", async () => {\n try {\n await navigator.clipboard.writeText(location.href);\n invite.textContent = \"コピーしました！\";\n\n setTimeout(() => {\n invite.textContent = \"招待リンクをコピー\";\n }, 1800);\n } catch (err) {\n console.error(err);\n }\n});\n\nlet lastId = 0;\nlet firstLoad = true;\nlet sending = false;\n\n// 重複描画防止\nconst renderedIds = new Set();\n\nfunction fmtTime(ts) {\n const d = new Date(ts);\n\n return (\n d.getHours().toString().padStart(2, \"0\") +\n \":\" +\n d.getMinutes().toString().padStart(2, \"0\")\n );\n}\n\nfunction escapeHtml(s) {\n return s.replace(/[&<>\"']/g, (c) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[c]));\n}\n\nfunction render(messages) {\n if (firstLoad) {\n messagesEl.innerHTML = \"\";\n firstLoad = false;\n }\n\n const myName = nameInput.value || \"名無し\";\n\n for (const m of messages) {\n // 同じメッセージを二回描画しない\n if (renderedIds.has(m.id)) {\n continue;\n }\n\n renderedIds.add(m.id);\n\n const wrap = document.createElement(\"div\");\n\n const mine = m.name === myName;\n\n wrap.className = \"msg \" + (mine ? \"me\" : \"them\");\n\n wrap.innerHTML = '

' +\n escapeHtml(m.name) +\n \" ・ \" +\n fmtTime(m.created_at) +\n \"

\" +\n '

' +\n escapeHtml(m.body) +\n \"

' +\n escapeHtml(m.name) +\n \" ・ \" +\n fmtTime(m.created_at) +\n \"

\" +\n '

' +\n escapeHtml(m.body) +\n \"

\";\n\n messagesEl.appendChild(wrap);\n\n lastId = Math.max(lastId, m.id);\n }\n\n messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nasync function poll() {\n try {\n const res = await fetch(\n \"/api/messages?room=\" +\n encodeURIComponent(room) +\n \"&since=\" +\n lastId,\n );\n\n const data = await res.json();\n\n if (data.messages && data.messages.length) {\n render(data.messages);\n }\n } catch (err) {\n console.error(err);\n }\n}\n\ncomposer.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n\n if (sending) return;\n\n const body = bodyInput.value.trim();\n\n if (!body) return;\n\n sending = true;\n\n bodyInput.disabled = true;\n\n try {\n await fetch(\"/api/send\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n room,\n user_id: myUserId, // ユーザーIDをサーバーに送る\n name: nameInput.value || \"名無し\",\n body,\n }),\n });\n\n bodyInput.value = \"\";\n\n await poll();\n } catch (err) {\n console.error(err);\n } finally {\n bodyInput.disabled = false;\n bodyInput.focus();\n sending = false;\n }\n});\n\npoll();\nsetInterval(poll, 1500);","createdAt",["D",1780244917260],"branchVersion","branchId","22c90180-5cf7-11f1-882d-1607ee4eb77e","id","22c84542-5cf7-11f1-882d-1607ee4eb77e","Test",["D",1780235193541],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","チャット","imageUrl","4e63582b-038f-4e64-ae21-6b505dc48848","pinnedFileId","2b9822b4-5cf7-11f1-882d-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","019e7e46-1daf-71f5-8305-66ffe737bab8","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_97":96,"_104":99},"org",{"_97":96,"_98":99,"_100":99,"_18":55,"_101":102,"_103":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"isOwned",20,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","nanana","handle","displayName","","avatar","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_43":44,"_32":45,"_38":174,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":-5,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":175,"_81":176,"_83":177,"_85":25},"tree",[161,162,163],"files",[161,162,163],"counts",{"_151":63,"_152":132,"_153":63,"_154":155,"_156":157},"contents",[126,127,128],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":147,"_32":28,"_30":31,"_131":-5,"_41":42,"_40":14,"_133":25,"_38":148,"_13":149,"_33":34,"_35":37,"_24":25,"_137":-5,"_27":150},{"_43":139,"_32":140,"_30":141,"_131":-5,"_41":42,"_40":142,"_133":25,"_38":143,"_13":144,"_33":20,"_35":145,"_24":25,"_137":-5,"_27":146},{"_43":129,"_32":130,"_30":57,"_131":-5,"_41":42,"_40":132,"_133":25,"_38":134,"_13":63,"_33":135,"_35":136,"_24":25,"_137":-5,"_27":138},"2b9821e2-5cf7-11f1-882d-1607ee4eb77e","main.ts","parentId",1,"latest",["D",1780235208312],"http","import { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst TABLE = \"rtchat_messages_v1\";\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n room TEXT NOT NULL,\n name TEXT NOT NULL,\n body TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )\n`);\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n // --- API: メッセージ取得 ---\n if (url.pathname === \"/api/messages\") {\n const room = url.searchParams.get(\"room\") || \"lobby\";\n const since = Number(url.searchParams.get(\"since\") || \"0\");\n const result = await sqlite.execute({\n sql: `SELECT id, name, body, created_at FROM ${TABLE}\n WHERE room = ? AND id > ? ORDER BY id ASC LIMIT 200`,\n args: [room, since],\n });\n const messages = result.rows.map((r) => ({\n id: r[0],\n name: r[1],\n body: r[2],\n created_at: r[3],\n }));\n return Response.json({ messages });\n }\n\n // --- API: メッセージ送信 ---\n if (url.pathname === \"/api/send\" && req.method === \"POST\") {\n const { room, name, body } = await req.json();\n const cleanName = String(name || \"名無し\").slice(0, 40);\n const cleanBody = String(body || \"\").slice(0, 2000).trim();\n const cleanRoom = String(room || \"lobby\").slice(0, 60);\n if (!cleanBody) return Response.json({ error: \"empty\" }, { status: 400 });\n await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (room, name, body, created_at) VALUES (?, ?, ?, ?)`,\n args: [cleanRoom, cleanName, cleanBody, Date.now()],\n });\n return Response.json({ ok: true });\n }\n\n // --- 静的ファイル ---\n if (url.pathname === \"/client.js\") {\n return serveFile(\"./client.js\", import.meta.url);\n }\n\n // --- HTML ---\n const html = await readFile(\"./index.html\", import.meta.url);\n return new Response(html, { headers: { \"Content-Type\": \"text/html; charset=utf-8\" } });\n}\n","label",[130],"b8389418-5d0d-11f1-8a16-1607ee4eb77e","index.html","371809c4-5cf7-11f1-a193-1607ee4eb77e",13,["D",1780244893169],8,"\n\n \n \n \n \n あああ\n \n \n \n

あああ

\n #lobby\n

\n 名前\n \n 招待リンクをコピー\n

まだメッセージはありません

\n \n \n",[140],"c6941ff0-5d0d-11f1-ba9f-1607ee4eb77e",["D",1780244917260],3,[28],"pulls","branches","forks","envVars",{"_158":63,"_160":63},"connections",{"_158":63,"_159":63},"count","unfilledCount","emptyCount",{"_43":147,"_32":28,"_30":31,"_131":-5,"_41":42,"_40":14,"_133":25,"_38":171,"_13":149,"_33":34,"_35":37,"_24":25,"_137":-5,"_165":172,"_27":173},{"_43":139,"_32":140,"_30":141,"_131":-5,"_41":42,"_40":142,"_133":25,"_38":168,"_13":144,"_33":20,"_35":145,"_24":25,"_137":-5,"_165":169,"_27":170},{"_43":129,"_32":130,"_30":57,"_131":-5,"_41":42,"_40":132,"_133":25,"_38":164,"_13":63,"_33":135,"_35":136,"_24":25,"_137":-5,"_165":166,"_27":167},["D",1780235208312],"children",[],[130],["D",1780244893169],[],[140],["D",1780244917260],[],[28],["D",1780235193541],{"_97":96,"_104":99},{"_97":96,"_98":99,"_100":99,"_18":55,"_101":102,"_103":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":45,"_95":96},"ctx",{"_79":-5,"_123":211,"_212":213,"_214":215,"_216":25,"_217":25,"_218":25,"_219":59,"_220":-5,"_221":-7,"_222":-7,"_223":63,"_224":25,"_225":25,"_226":-5,"_227":25,"_228":25,"_229":25,"_230":-5},"ENV",{"_182":183,"_184":185,"_186":87,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210},"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"]

Diff · v14