[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_152":153,"_154":155},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_115":-5,"_20":116,"_22":117,"_118":119,"_120":121,"_25":122,"_24":-5,"_123":-5,"_124":-5,"_125":53,"_126":127,"_128":44,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","znwpd","name","my-first-val","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":94,"_95":96,"_97":98,"_99":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":12,"_18":55},"id","b03abc43-0bca-4e6d-b80b-8c38d4f02896","main.ts","fileId","13e81d84-8341-11f1-bd45-1607ee4eb77e","parentId","branchId","55c64e8a-4c84-42b4-93dd-92975efdb759","branchVersion",9,"latest",true,"createdAt",["D",1784477576624],8,"fileType","http","content","import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\nconst TABLE = \"rtchat_messages_v3\";\nconst POLLS_TABLE = \"rtchat_polls_v1\";\nconst PRESENCE_TABLE = \"rtchat_presence_v1\";\n\n// テーブル初期化\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n room TEXT NOT NULL,\n user_id TEXT NOT NULL,\n name TEXT NOT NULL,\n body TEXT NOT NULL,\n image_url TEXT,\n created_at INTEGER NOT NULL\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${POLLS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n room TEXT NOT NULL,\n question TEXT NOT NULL,\n options TEXT NOT NULL,\n votes TEXT NOT NULL DEFAULT '{}',\n created_at INTEGER NOT NULL\n )\n`);\n\n// /who 用: 誰がどの部屋に今いるかを記録するプレゼンステーブル\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${PRESENCE_TABLE} (\n room TEXT NOT NULL,\n user_id TEXT NOT NULL,\n name TEXT NOT NULL,\n last_seen INTEGER NOT NULL,\n PRIMARY KEY (room, user_id)\n )\n`);\n\n// 既存テーブルに機能追加用のカラムを追加する（既にあればエラーを無視）\nasync function ensureColumn(column: string, type: string) {\n try {\n await sqlite.execute(`ALTER TABLE ${TABLE} ADD COLUMN ${column} ${type}`);\n } catch (_e) {\n // カラムが既に存在する場合はここに来るので無視してよい\n }\n}\n\nawait ensureColumn(\"reply_to_id\", \"INTEGER\");\nawait ensureColumn(\"reply_to_name\", \"TEXT\");\nawait ensureColumn(\"reply_to_body\", \"TEXT\");\nawait ensureColumn(\"edited_at\", \"INTEGER\");\nawait ensureColumn(\"deleted\", \"INTEGER DEFAULT 0\");\nawait ensureColumn(\"updated_at\", \"INTEGER\");\nawait ensureColumn(\"poll_id\", \"INTEGER\");\n\n// updated_atが未設定(NULL)の既存行にはcreated_atを入れておく\nawait sqlite.execute(\n `UPDATE ${TABLE} SET updated_at = created_at WHERE updated_at IS NULL`,\n);\n\n// オンライン扱いにする猶予時間 (ポーリング間隔1.5秒 + 余裕)\nconst ONLINE_WINDOW_MS = 8000;\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 sinceUpdate = Number(url.searchParams.get(\"sinceUpdate\") || \"0\");\n const viewer = url.searchParams.get(\"viewer\") || \"\";\n const viewerName = url.searchParams.get(\"name\") || \"\";\n\n // このリクエスト自体を「今アクティブ」の合図として記録する\n if (viewer) {\n const now = Date.now();\n await sqlite.execute({\n sql:\n `INSERT INTO ${PRESENCE_TABLE} (room, user_id, name, last_seen)\n VALUES (?, ?, ?, ?)\n ON CONFLICT(room, user_id) DO UPDATE SET name = excluded.name, last_seen = excluded.last_seen`,\n args: [room, viewer, viewerName || \"名無し\", now],\n });\n }\n\n const result = await sqlite.execute({\n sql:\n `SELECT id, user_id, name, body, image_url, reply_to_id, reply_to_name, reply_to_body,\n edited_at, deleted, updated_at, poll_id, created_at\n FROM ${TABLE}\n WHERE room = ? AND (id > ? OR updated_at > ?)\n ORDER BY id ASC`,\n args: [room, since, sinceUpdate],\n });\n\n const rawMessages = (result.rows as any[]).map((row) => ({\n id: Number(row[0] ?? row.id),\n user_id: String(row[1] ?? row.user_id),\n name: String(row[2] ?? row.name),\n body: String(row[3] ?? row.body),\n image_url: (row[4] ?? row.image_url)\n ? String(row[4] ?? row.image_url)\n : \"\",\n reply_to_id: (row[5] ?? row.reply_to_id) != null\n ? Number(row[5] ?? row.reply_to_id)\n : null,\n reply_to_name: (row[6] ?? row.reply_to_name) != null\n ? String(row[6] ?? row.reply_to_name)\n : null,\n reply_to_body: (row[7] ?? row.reply_to_body) != null\n ? String(row[7] ?? row.reply_to_body)\n : null,\n edited_at: (row[8] ?? row.edited_at) != null\n ? Number(row[8] ?? row.edited_at)\n : null,\n deleted: Number(row[9] ?? row.deleted ?? 0) === 1,\n updated_at: Number(\n row[10] ?? row.updated_at ?? row[12] ?? row.created_at,\n ),\n poll_id: (row[11] ?? row.poll_id) != null\n ? Number(row[11] ?? row.poll_id)\n : null,\n created_at: Number(row[12] ?? row.created_at),\n }));\n\n // ポール付きメッセージがあれば投票データをまとめて取得して埋め込む\n const pollIds = rawMessages.filter((m) => m.poll_id != null).map((m) =>\n m.poll_id as number\n );\n const pollMap: Record = {};\n\n if (pollIds.length > 0) {\n const placeholders = pollIds.map(() => \"?\").join(\",\");\n const pollResult = await sqlite.execute({\n sql:\n `SELECT id, question, options, votes FROM ${POLLS_TABLE} WHERE id IN (${placeholders})`,\n args: pollIds,\n });\n\n for (const prow of pollResult.rows as any[]) {\n const pid = Number(prow[0] ?? prow.id);\n const question = String(prow[1] ?? prow.question);\n const options: string[] = JSON.parse(String(prow[2] ?? prow.options));\n const votes: Record = JSON.parse(\n String(prow[3] ?? prow.votes) || \"{}\",\n );\n\n const tally = options.map((text, idx) => ({\n text,\n count: Object.values(votes).filter((v) => v === idx).length,\n }));\n const total = Object.keys(votes).length;\n const myVote =\n viewer && Object.prototype.hasOwnProperty.call(votes, viewer)\n ? votes[viewer]\n : null;\n\n pollMap[pid] = { id: pid, question, options: tally, total, myVote };\n }\n }\n\n const messages = rawMessages.map((m) => ({\n ...m,\n poll: m.poll_id != null ? pollMap[m.poll_id] || null : null,\n }));\n\n // オンライン中のユーザー一覧 (/who コマンド用)\n const onlineResult = await sqlite.execute({\n sql:\n `SELECT user_id, name FROM ${PRESENCE_TABLE}\n WHERE room = ? AND last_seen > ? ORDER BY name ASC`,\n args: [room, Date.now() - ONLINE_WINDOW_MS],\n });\n const online = (onlineResult.rows as any[]).map((row) => ({\n user_id: String(row[0] ?? row.user_id),\n name: String(row[1] ?? row.name),\n }));\n\n return new Response(JSON.stringify({ messages, online }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n // --- API: メッセージ送信 ---\n if (url.pathname === \"/api/send\" && req.method === \"POST\") {\n try {\n const data = await req.json();\n const room = data.room || \"lobby\";\n const user_id = data.user_id || \"unknown\";\n const name = data.name || \"名無し\";\n const body = data.body || \"\";\n const image_url = data.image_url || \"\";\n const reply_to_id = data.reply_to_id ? Number(data.reply_to_id) : null;\n const reply_to_name = data.reply_to_name || null;\n const reply_to_body = data.reply_to_body || null;\n const created_at = Date.now();\n\n await sqlite.execute({\n sql:\n `INSERT INTO ${TABLE} (room, user_id, name, body, image_url, reply_to_id, reply_to_name, reply_to_body, updated_at, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n room,\n user_id,\n name,\n body,\n image_url,\n reply_to_id,\n reply_to_name,\n reply_to_body,\n created_at,\n created_at,\n ],\n });\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 400,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n // --- API: メッセージ編集 ---\n if (url.pathname === \"/api/edit\" && req.method === \"POST\") {\n try {\n const data = await req.json();\n const id = Number(data.id);\n const user_id = data.user_id || \"\";\n const body = (data.body || \"\").trim();\n\n if (!id || !body) {\n return new Response(JSON.stringify({ error: \"invalid request\" }), {\n status: 400,\n });\n }\n\n const check = await sqlite.execute({\n sql: `SELECT user_id, deleted FROM ${TABLE} WHERE id = ?`,\n args: [id],\n });\n const row = (check.rows as any[])[0];\n if (!row) {\n return new Response(JSON.stringify({ error: \"not found\" }), {\n status: 404,\n });\n }\n\n const ownerId = String(row[0] ?? row.user_id);\n const isDeleted = Number(row[1] ?? row.deleted ?? 0) === 1;\n\n if (ownerId !== user_id) {\n return new Response(JSON.stringify({ error: \"forbidden\" }), {\n status: 403,\n });\n }\n if (isDeleted) {\n return new Response(JSON.stringify({ error: \"already deleted\" }), {\n status: 400,\n });\n }\n\n const now = Date.now();\n await sqlite.execute({\n sql:\n `UPDATE ${TABLE} SET body = ?, edited_at = ?, updated_at = ? WHERE id = ?`,\n args: [body, now, now, id],\n });\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 400,\n });\n }\n }\n\n // --- API: メッセージ削除 ---\n if (url.pathname === \"/api/delete\" && req.method === \"POST\") {\n try {\n const data = await req.json();\n const id = Number(data.id);\n const user_id = data.user_id || \"\";\n\n const check = await sqlite.execute({\n sql: `SELECT user_id FROM ${TABLE} WHERE id = ?`,\n args: [id],\n });\n const row = (check.rows as any[])[0];\n if (!row) {\n return new Response(JSON.stringify({ error: \"not found\" }), {\n status: 404,\n });\n }\n\n const ownerId = String(row[0] ?? row.user_id);\n if (ownerId !== user_id) {\n return new Response(JSON.stringify({ error: \"forbidden\" }), {\n status: 403,\n });\n }\n\n const now = Date.now();\n await sqlite.execute({\n sql: `UPDATE ${TABLE} SET deleted = 1, updated_at = ? WHERE id = ?`,\n args: [now, id],\n });\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 400,\n });\n }\n }\n\n // --- API: 投票作成 (/poll コマンド) ---\n if (url.pathname === \"/api/poll/create\" && req.method === \"POST\") {\n try {\n const data = await req.json();\n const room = data.room || \"lobby\";\n const user_id = data.user_id || \"unknown\";\n const name = data.name || \"名無し\";\n const question = (data.question || \"\").trim();\n const options: string[] = Array.isArray(data.options)\n ? data.options.map((o: string) => String(o).trim()).filter((\n o: string,\n ) => o.length > 0)\n : [];\n\n if (!question || options.length < 2) {\n return new Response(JSON.stringify({ error: \"invalid poll\" }), {\n status: 400,\n });\n }\n\n const created_at = Date.now();\n\n const pollInsert = await sqlite.execute({\n sql:\n `INSERT INTO ${POLLS_TABLE} (room, question, options, votes, created_at) VALUES (?, ?, ?, '{}', ?)`,\n args: [room, question, JSON.stringify(options), created_at],\n });\n\n const pollId = Number(pollInsert.lastInsertRowid);\n\n await sqlite.execute({\n sql:\n `INSERT INTO ${TABLE} (room, user_id, name, body, poll_id, updated_at, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n args: [\n room,\n user_id,\n name,\n \"投票 \" + question,\n pollId,\n created_at,\n created_at,\n ],\n });\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 400,\n });\n }\n }\n\n // --- API: 投票 ---\n if (url.pathname === \"/api/poll/vote\" && req.method === \"POST\") {\n try {\n const data = await req.json();\n const pollId = Number(data.poll_id);\n const messageId = Number(data.message_id);\n const user_id = data.user_id || \"\";\n const optionIndex = Number(data.option_index);\n\n if (!pollId || !user_id || Number.isNaN(optionIndex)) {\n return new Response(JSON.stringify({ error: \"invalid vote\" }), {\n status: 400,\n });\n }\n\n const pollRow = await sqlite.execute({\n sql: `SELECT options, votes FROM ${POLLS_TABLE} WHERE id = ?`,\n args: [pollId],\n });\n const prow = (pollRow.rows as any[])[0];\n if (!prow) {\n return new Response(JSON.stringify({ error: \"poll not found\" }), {\n status: 404,\n });\n }\n\n const options: string[] = JSON.parse(String(prow[0] ?? prow.options));\n if (optionIndex < 0 || optionIndex >= options.length) {\n return new Response(JSON.stringify({ error: \"invalid option\" }), {\n status: 400,\n });\n }\n\n const votes: Record = JSON.parse(\n String(prow[1] ?? prow.votes) || \"{}\",\n );\n votes[user_id] = optionIndex;\n\n await sqlite.execute({\n sql: `UPDATE ${POLLS_TABLE} SET votes = ? WHERE id = ?`,\n args: [JSON.stringify(votes), pollId],\n });\n\n if (messageId) {\n const now = Date.now();\n await sqlite.execute({\n sql: `UPDATE ${TABLE} SET updated_at = ? WHERE id = ?`,\n args: [now, messageId],\n });\n }\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 400,\n });\n }\n }\n\n // --- HTML配信 (インライン化でファイル行方不明を防止) ---\n if (url.pathname === \"/\" || url.pathname === \"/index.html\") {\n return new Response(htmlContent, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // --- JavaScript配信 (インライン化) ---\n if (url.pathname === \"/client.js\") {\n return new Response(jsContent, {\n headers: { \"Content-Type\": \"application/javascript; charset=utf-8\" },\n });\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}\n\n// ==========================================\n// 静的ファイルの内容をここに直接定義します\n// ==========================================\n\nconst htmlContent = `\n\n \n \n \n \n あああ\n \n \n \n

あああ

#lobby

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

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

\n ✕\n

\n \n

\n \n \n`;\n\nconst jsContent = `\nfunction getRoom() {\n let room = location.hash.replace(/^#/, \"\");\n if (!room) { room = Math.random().toString(36).slice(2, 8); location.hash = room; }\n return room;\n}\nfunction getUserId() {\n let id = localStorage.getItem(\"chatUserId\");\n if (!id) { id = Math.random().toString(36).slice(2, 12) + Date.now().toString(36); localStorage.setItem(\"chatUserId\", id); }\n return id;\n}\nconst room = getRoom(); const myUserId = getUserId();\nconst messagesEl = document.getElementById(\"messages\"); const composer = document.getElementById(\"composer\");\nconst bodyInput = document.getElementById(\"body\"); const nameInput = document.getElementById(\"name\");\nconst roomLabel = document.getElementById(\"roomLabel\"); const invite = document.getElementById(\"invite\");\nconst fileInput = document.getElementById(\"imageFile\"); const fileLabel = document.getElementById(\"fileLabel\");\nconst mentionList = document.getElementById(\"mentionList\");\nconst replyPreviewBar = document.getElementById(\"replyPreviewBar\");\nconst rpText = document.getElementById(\"rpText\");\nconst rpCancel = document.getElementById(\"rpCancel\");\n\nroomLabel.textContent = \"#\" + room;\nnameInput.value = localStorage.getItem(\"chatName\") || \"\";\nnameInput.addEventListener(\"input\", () => { localStorage.setItem(\"chatName\", nameInput.value); });\nfileInput.addEventListener(\"change\", () => {\n if (fileInput.files.length > 0) { fileLabel.classList.add(\"has-file\"); } else { fileLabel.classList.remove(\"has-file\"); }\n});\ninvite.addEventListener(\"click\", async () => {\n try {\n await navigator.clipboard.writeText(location.href); invite.textContent = \"コピーしました！\";\n setTimeout(() => { invite.textContent = \"招待リンクをコピー\"; }, 1800);\n } catch (err) { console.error(err); }\n});\n\nlet lastId = 0; let lastUpdateSeen = 0; let firstLoad = true; let sending = false;\nlet lastRenderedDateStr = \"\";\nlet replyingTo = null;\nlet onlineUsers = [];\nconst knownNames = new Set();\nconst msgIndex = new Map();\nconst messageData = new Map();\n\nfunction fmtTime(ts) { const d = new Date(ts); return d.getHours().toString().padStart(2, \"0\") + \":\" + d.getMinutes().toString().padStart(2, \"0\"); }\nfunction fmtDate(ts) {\n const d = new Date(ts);\n const days = [\"日\", \"月\", \"火\", \"水\", \"木\", \"金\", \"土\"];\n return (d.getMonth() + 1) + \"月\" + d.getDate() + \"日(\" + days[d.getDay()] + \")\";\n}\nfunction escapeHtml(s) { if (!s) return \"\"; return s.replace(/[&<>\"']/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c])); }\nfunction truncateText(s, n) { if (!s) return \"\"; return s.length > n ? s.slice(0, n) + \"…\" : s; }\nfunction linkifyMentions(escapedBody) {\n return escapedBody.replace(/(^|[\\\\s　])@([^\\\\s　@]+)/g, (match, prefix, name) => prefix + '@' + name + \"\");\n}\nfunction fileToBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = (error) => reject(error); }); }\n\nfunction signatureOf(m) {\n return JSON.stringify({ body: m.body, deleted: m.deleted, edited_at: m.edited_at, poll: m.poll });\n}\n\nfunction buildMetaInner(m, mine) {\n let editedLabel = m.edited_at && !m.deleted ? '(編集済み)' : \"\";\n let actions = \"\";\n if (!m.deleted) {\n actions += '返信';\n if (mine) {\n actions += '編集';\n actions += '削除';\n }\n }\n return escapeHtml(m.name) + \" ・ \" + fmtTime(m.created_at) + editedLabel + actions;\n}\n\nfunction buildPollHtml(m) {\n const poll = m.poll; const total = poll.total || 0;\n const optsHtml = poll.options.map((opt, idx) => {\n const pct = total > 0 ? Math.round((opt.count / total) * 100) : 0;\n const mine = poll.myVote === idx;\n return '';\n }).join(\"\");\n return '

投票 ' + escapeHtml(poll.question) + '

' +\n '

' + optsHtml + '

' +\n '

計 ' + total + '票

';\n}\n\nfunction buildBubbleInner(m) {\n if (m.deleted) {\n return '

このメッセージは削除されました

';\n }\n let replyHtml = \"\";\n if (m.reply_to_id) {\n replyHtml = '

' + escapeHtml(m.reply_to_name || \"\") + \"「\" +\n escapeHtml(truncateText(m.reply_to_body || \"\", 60)) + \"」

\";\n }\n let imgHtml = \"\";\n if (m.image_url) {\n imgHtml = ' $\"uploaded$ ';\n }\n const bodyHtml = m.poll ? buildPollHtml(m) : linkifyMentions(escapeHtml(m.body));\n return '

' + replyHtml + bodyHtml + imgHtml + '

';\n}\n\nfunction createMessageElement(m) {\n const mine = m.user_id === myUserId;\n const wrap = document.createElement(\"div\");\n wrap.className = \"msg \" + (mine ? \"me\" : \"them\");\n wrap.dataset.id = m.id;\n\n const meta = document.createElement(\"div\"); meta.className = \"meta\";\n const bubbleContainer = document.createElement(\"div\"); bubbleContainer.className = \"bubble-container\";\n wrap.appendChild(meta); wrap.appendChild(bubbleContainer);\n\n updateMessageElement(wrap, m);\n return wrap;\n}\n\nfunction updateMessageElement(wrap, m) {\n const mine = m.user_id === myUserId;\n wrap.querySelector(\".meta\").innerHTML = buildMetaInner(m, mine);\n wrap.querySelector(\".bubble-container\").innerHTML = buildBubbleInner(m);\n}\n\n// /party のメッセージかどうかの目印 (本文が \"🎉\" そのもの)\nfunction isPartyMessage(m) { return m.body === \"🎉\"; }\n\nfunction triggerParty() {\n const colors = [\"#34e0c4\", \"#06b6d4\", \"#ff9d9d\", \"#ffd166\", \"#ffffff\", \"#4ca1af\"];\n for (let i = 0; i < 40; i++) {\n const el = document.createElement(\"div\");\n el.className = \"confetti-piece\";\n el.style.left = (Math.random() * 100) + \"vw\";\n el.style.background = colors[Math.floor(Math.random() * colors.length)];\n el.style.animationDuration = (2.5 + Math.random() * 1.5) + \"s\";\n el.style.animationDelay = (Math.random() * 0.3) + \"s\";\n document.body.appendChild(el);\n setTimeout(() => el.remove(), 4300);\n }\n}\n\n// /who コマンドの結果など、DBに残らないその場限りの表示メッセージ\nfunction renderSystemMessage(text) {\n const div = document.createElement(\"div\");\n div.className = \"date-divider system-msg\";\n div.textContent = text;\n messagesEl.appendChild(div);\n messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nfunction render(messages) {\n if (firstLoad) { messagesEl.innerHTML = \"\"; firstLoad = false; }\n\n for (const m of messages) {\n lastId = Math.max(lastId, m.id);\n if (m.updated_at) lastUpdateSeen = Math.max(lastUpdateSeen, m.updated_at);\n\n // /party は吹き出しを画面に出さず、演出だけ発火して次のメッセージへ\n if (isPartyMessage(m) && !msgIndex.has(m.id)) {\n msgIndex.set(m.id, { el: null, sig: \"party\" });\n triggerParty();\n continue;\n }\n\n knownNames.add(m.name);\n messageData.set(m.id, m);\n\n const sig = signatureOf(m);\n const existing = msgIndex.get(m.id);\n\n if (existing) {\n if (existing.sig !== sig && existing.el) {\n updateMessageElement(existing.el, m);\n existing.sig = sig;\n }\n continue;\n }\n\n const dateStr = fmtDate(m.created_at);\n if (dateStr !== lastRenderedDateStr) {\n const divider = document.createElement(\"div\");\n divider.className = \"date-divider\";\n divider.textContent = dateStr;\n messagesEl.appendChild(divider);\n lastRenderedDateStr = dateStr;\n }\n\n const el = createMessageElement(m);\n messagesEl.appendChild(el);\n msgIndex.set(m.id, { el, sig });\n }\n\n messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nmessagesEl.addEventListener(\"click\", (e) => {\n const replyBtn = e.target.closest(\".reply-btn\");\n if (replyBtn) {\n replyingTo = { id: replyBtn.dataset.id, name: replyBtn.dataset.name, body: replyBtn.dataset.body };\n showReplyPreview();\n return;\n }\n const editBtn = e.target.closest(\".edit-btn\");\n if (editBtn) { startEdit(editBtn.dataset.id); return; }\n\n const deleteBtn = e.target.closest(\".delete-btn\");\n if (deleteBtn) { handleDelete(deleteBtn.dataset.id); return; }\n\n const pollOption = e.target.closest(\".poll-option\");\n if (pollOption) { handleVote(pollOption.dataset.pollId, pollOption.dataset.messageId, pollOption.dataset.option); return; }\n});\n\nfunction showReplyPreview() {\n if (!replyingTo) { replyPreviewBar.style.display = \"none\"; return; }\n rpText.textContent = replyingTo.name + \": \" + replyingTo.body;\n replyPreviewBar.style.display = \"flex\";\n bodyInput.focus();\n}\nrpCancel.addEventListener(\"click\", () => { replyingTo = null; showReplyPreview(); });\n\nfunction startEdit(idStr) {\n const id = Number(idStr);\n const m = messageData.get(id);\n if (!m || m.deleted) return;\n const entry = msgIndex.get(id);\n if (!entry) return;\n\n const bubbleContainer = entry.el.querySelector(\".bubble-container\");\n const original = m.body;\n\n bubbleContainer.innerHTML =\n '

' +\n '

保存キャンセル

';\n\n const input = bubbleContainer.querySelector(\".edit-input\");\n input.focus();\n input.setSelectionRange(input.value.length, input.value.length);\n\n bubbleContainer.querySelector(\".edit-cancel\").addEventListener(\"click\", () => {\n bubbleContainer.innerHTML = buildBubbleInner(m);\n });\n bubbleContainer.querySelector(\".edit-save\").addEventListener(\"click\", () => submitEdit(id, input.value));\n input.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\") { e.preventDefault(); submitEdit(id, input.value); }\n if (e.key === \"Escape\") { bubbleContainer.innerHTML = buildBubbleInner(m); }\n });\n}\n\nasync function submitEdit(id, newBody) {\n const trimmed = newBody.trim();\n if (!trimmed) return;\n try {\n const res = await fetch(\"/api/edit\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id, user_id: myUserId, body: trimmed }),\n });\n const data = await res.json();\n if (!data.success) { alert(\"編集に失敗しました: \" + (data.error || \"unknown\")); return; }\n await poll();\n } catch (err) { console.error(err); }\n}\n\nasync function handleDelete(idStr) {\n const id = Number(idStr);\n if (!confirm(\"このメッセージを削除しますか？\")) return;\n try {\n const res = await fetch(\"/api/delete\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id, user_id: myUserId }),\n });\n const data = await res.json();\n if (!data.success) { alert(\"削除に失敗しました: \" + (data.error || \"unknown\")); return; }\n await poll();\n } catch (err) { console.error(err); }\n}\n\nasync function handleVote(pollIdStr, messageIdStr, optionStr) {\n try {\n await fetch(\"/api/poll/vote\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n poll_id: Number(pollIdStr), message_id: Number(messageIdStr),\n user_id: myUserId, option_index: Number(optionStr),\n }),\n });\n await poll();\n } catch (err) { console.error(err); }\n}\n\nbodyInput.addEventListener(\"input\", () => {\n const val = bodyInput.value;\n const caret = bodyInput.selectionStart;\n const uptoCaret = val.slice(0, caret);\n const match = uptoCaret.match(/(^|[\\\\s　])@([^\\\\s　@]*)$/);\n if (match) {\n const query = match[2].toLowerCase();\n const myName = nameInput.value || \"名無し\";\n const candidates = Array.from(knownNames).filter((n) => n !== myName && n.toLowerCase().includes(query));\n if (candidates.length > 0) { showMentionList(candidates); return; }\n }\n hideMentionList();\n});\nbodyInput.addEventListener(\"blur\", () => { setTimeout(hideMentionList, 150); });\n\nfunction showMentionList(candidates) {\n mentionList.innerHTML = \"\";\n candidates.slice(0, 6).forEach((n) => {\n const item = document.createElement(\"div\");\n item.className = \"mention-item\"; item.textContent = n;\n item.addEventListener(\"mousedown\", (e) => { e.preventDefault(); insertMention(n); });\n mentionList.appendChild(item);\n });\n mentionList.style.display = \"block\";\n}\nfunction hideMentionList() { mentionList.style.display = \"none\"; mentionList.innerHTML = \"\"; }\nfunction insertMention(name) {\n const val = bodyInput.value; const caret = bodyInput.selectionStart;\n const uptoCaret = val.slice(0, caret);\n const replaced = uptoCaret.replace(/@([^\\\\s　@]*)$/, \"@\" + name + \" \");\n bodyInput.value = replaced + val.slice(caret);\n hideMentionList(); bodyInput.focus();\n}\n\nfunction detectSlashCommand(trimmed) {\n if (trimmed === \"/roll\" || trimmed.indexOf(\"/roll \") === 0) {\n const arg = trimmed === \"/roll\" ? \"\" : trimmed.slice(6).trim();\n let max = 6;\n if (arg !== \"\") { const n = parseInt(arg, 10); if (!Number.isNaN(n) && n > 0) max = n; }\n return { type: \"roll\", max };\n }\n if (trimmed.indexOf(\"/poll \") === 0) {\n return { type: \"poll\", raw: trimmed.slice(6) };\n }\n if (trimmed === \"/who\") {\n return { type: \"who\" };\n }\n if (trimmed === \"/party\") {\n return { type: \"party\" };\n }\n return null;\n}\n\nasync function sendRollCommand(max) {\n const safeMax = max > 0 ? max : 6;\n const result = Math.floor(Math.random() * safeMax) + 1;\n const text = \"🎲 \" + (nameInput.value || \"名無し\") + \" のダイス: \" + result + \" (1〜\" + safeMax + \")\";\n fileInput.value = \"\"; fileLabel.classList.remove(\"has-file\");\n await sendNormalMessage(text, null);\n}\n\nasync function sendPollCommand(raw) {\n const parts = raw.split(\"|\").map((s) => s.trim()).filter((s) => s.length > 0);\n if (parts.length < 3) {\n alert(\"使い方: /poll 質問|選択肢1|選択肢2|選択肢3\\\\n(「|」で区切ってください。選択肢は2つ以上)\");\n return;\n }\n const question = parts[0]; const options = parts.slice(1);\n sending = true; bodyInput.disabled = true;\n try {\n await fetch(\"/api/poll/create\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ room, user_id: myUserId, name: nameInput.value || \"名無し\", question, options }),\n });\n bodyInput.value = \"\"; fileInput.value = \"\"; fileLabel.classList.remove(\"has-file\");\n await poll();\n } catch (err) { console.error(err); } finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\n\n// /who: 今この部屋を開いている人の一覧をその場だけ表示する (他の人には送らない)\nasync function sendWhoCommand() {\n bodyInput.value = \"\";\n sending = true; bodyInput.disabled = true;\n try {\n await poll();\n const names = onlineUsers.length ? onlineUsers.map((u) => u.name).join(\"、\") : \"(自分以外は今いません)\";\n renderSystemMessage(\"オンライン (\" + onlineUsers.length + \"人): \" + names);\n } catch (err) { console.error(err); } finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\n\n// /party: 文字は送らず、演出用マーカーだけ全員に配信する\nasync function sendPartyCommand() {\n fileInput.value = \"\"; fileLabel.classList.remove(\"has-file\");\n await sendNormalMessage(\"🎉\", null);\n}\n\nasync function sendNormalMessage(body, file) {\n sending = true; bodyInput.disabled = true;\n try {\n let imageUrl = \"\"; if (file) imageUrl = await fileToBase64(file);\n await fetch(\"/api/send\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n room, user_id: myUserId, name: nameInput.value || \"名無し\", body, image_url: imageUrl,\n reply_to_id: replyingTo ? replyingTo.id : null,\n reply_to_name: replyingTo ? replyingTo.name : null,\n reply_to_body: replyingTo ? replyingTo.body : null,\n }),\n });\n bodyInput.value = \"\"; fileInput.value = \"\"; fileLabel.classList.remove(\"has-file\");\n replyingTo = null; showReplyPreview();\n await poll();\n } catch (err) { console.error(err); } finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\n\nasync function poll() {\n try {\n const res = await fetch(\n \"/api/messages?room=\" + encodeURIComponent(room) +\n \"&since=\" + lastId + \"&sinceUpdate=\" + lastUpdateSeen +\n \"&viewer=\" + encodeURIComponent(myUserId) +\n \"&name=\" + encodeURIComponent(nameInput.value || \"名無し\"),\n );\n const data = await res.json();\n if (data.online) { onlineUsers = data.online; }\n if (data.messages && data.messages.length) { render(data.messages); }\n } catch (err) { console.error(err); }\n}\n\ncomposer.addEventListener(\"submit\", async (e) => {\n e.preventDefault(); if (sending) return;\n const trimmed = bodyInput.value.trim(); const file = fileInput.files[0];\n if (!trimmed && !file) return;\n\n const cmd = detectSlashCommand(trimmed);\n if (cmd && cmd.type === \"roll\") { await sendRollCommand(cmd.max); return; }\n if (cmd && cmd.type === \"poll\") { await sendPollCommand(cmd.raw); return; }\n if (cmd && cmd.type === \"who\") { await sendWhoCommand(); return; }\n if (cmd && cmd.type === \"party\") { await sendPartyCommand(); return; }\n\n await sendNormalMessage(trimmed, file);\n});\n\npoll(); setInterval(poll, 1500);\n`;","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":12,"_58":59,"_18":60},["D",1784477576624],"children",[],[35],"b65fd4d8-64e9-44a2-86c3-e9b89988f45c",["D",1784445088294],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","a29c49e1-ebc3-4041-ae9a-d1ed031b2b06","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f7936-1b37-72ac-a531-5645d098a506","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_114":110},"org",{"_11":12,"_108":12,"_109":110,"_70":71,"_111":112,"_113":53},"branch",{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://avatars.githubusercontent.com/u/305894247?v=4","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":148,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":-5,"_69":-5,"_70":71,"_72":37,"_73":44,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":-5,"_81":-5,"_82":-5,"_83":-5,"_84":85,"_86":85,"_87":88,"_89":88,"_90":88,"_91":85,"_92":85,"_93":149,"_95":150,"_97":151,"_99":53},[145],"files",[145],"counts",{"_135":77,"_136":137,"_138":77,"_31":139,"_140":141},[133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":12,"_18":134},[35],"pulls","branches",1,"forks",{"_142":77,"_144":77},"connections",{"_142":77,"_143":77},"count","unfilledCount","emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":12,"_58":146,"_18":147},[],[35],["D",1784445088294],{"_11":12,"_114":110},{"_11":12,"_108":12,"_109":110,"_70":71,"_111":112,"_113":53},{"_17":42,"_13":16,"_33":40,"_100":61,"_101":-5,"_102":-5,"_103":-5,"_104":-5,"_105":-5,"_106":14,"_107":12},"ctx",{"_93":-5,"_130":185,"_186":187,"_188":189,"_190":53,"_191":53,"_192":53,"_193":44,"_194":-5,"_195":-7,"_196":-7,"_197":77,"_198":53,"_199":53,"_200":-5,"_201":53,"_202":53,"_203":53,"_204":-5},"ENV",{"_156":157,"_158":159,"_160":16,"_161":162,"_163":164,"_165":166,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184},"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"]

Code