あああ

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_203":204,"_205":206},"routes/_app.x.$handle.$name",{"_106":105,"_38":51,"_115":96,"_33":59,"_13":14,"_116":-5,"_11":117,"_118":119,"_120":121,"_122":123,"_124":125,"_26":-5,"_126":-5,"_127":-5,"_128":31,"_129":130,"_131":65,"_132":-5,"_133":-5,"_134":135},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":-5},"project",{"_49":50,"_38":51,"_44":52,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":89,"_90":91,"_92":93,"_94":31},"version",23,"changes",[25],"aiChatInfo",{"_20":21,"_22":-5,"_23":-5,"_24":-5},"userId","aiChatMessageId","75898378-d37b-4cf0-b017-0f1af5e80752","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle",{"_26":27,"_28":29,"_30":31,"_32":31,"_33":34,"_35":34},"file",{"_36":37,"_38":34,"_39":40,"_41":43,"_44":45,"_46":14,"_47":48,"_30":31},"previous",{"_36":37,"_38":34,"_39":40,"_41":42},"deleted",false,"deletedHere","path","html.ts","latestPath","fileId","942a75f4-a7f0-11f1-8207-1607ee4eb77e","name","fileType","script","content","//　html.ts\nexport const htmlContent = `\n\n \n \n \n \n あああ\n \n \n \n \n \n \n

\n \n

\n トーク\n \n

読み込み中...

\n\n \n

VOOM

VOOMは準備中です。
もうしばらくお待ちください。

\n\n \n

\n \n

\n #lobby\n \n

\n \n

\n 通知を受け取る\n \n

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

\n \n

\n ✕\n

\n $\"添付画像プレビュー\"$ \n ✕\n

\n \n

\n\n \n \n

\n \n

ようこそ

名前とアイコンを設定して入室してください

\n \n

＋

\n \n \n \n

\n \n \n

\n \n \n \n`;","//　html.ts\nexport const htmlContent = `\n\n \n \n \n \n \n \n \n LINE\n \n \n \n \n \n \n \n\n

\n \n

\n ホーム\n \n \n \n

…

\n \n

アカウント切り替え

友だち0追加

グループ0作成

サービス

\n\n \n

\n トーク\n \n \n

\n \n \n

読み込み中...

\n\n \n

VOOM

VOOMは準備中です。
もうしばらくお待ちください。

ニュース

ニュースは準備中です。

ウォレット

ウォレットは準備中です。

\n\n \n

\n \n

\n \n \n

\n \n \n \n

\n 新着メッセージの通知を受け取る\n \n

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

\n \n

\n ✕\n

\n $\"添付画像プレビュー\"$ \n ✕\n

\n \n

\n\n \n \n

\n\n \n\n \n \n\n \n \n\n \n

\n \n \n

\n\n

\n\n \n \n \n`;\n","createdAt",["D",1788486038119],"branchVersion","branchId","594e4a6a-323f-428b-9eab-672f4c3d972e","id","d1eccb4b-58a6-420b-ba51-e8d85b95fa3e","Ch",["D",1788478632137],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","","imageUrl","690448f2-f627-4f9c-a6c5-7d7a2d115d3f","pinnedFileId","6318ae72-a7f0-11f1-bd27-1607ee4eb77e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","01a069a0-d469-775a-a16b-4f31aa5c28e7","tursoName","d1eccb4b58a6420bba51e8d85b95fa3e","tursoHostname","d1eccb4b58a6420bba51e8d85b95fa3e-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789448471428],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_106":105,"_114":110},"org",{"_106":105,"_107":108,"_109":110,"_19":61,"_111":112,"_113":31},"branch",{"_13":95,"_38":96,"_49":48,"_97":50,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":51,"_104":105},"isOwned",43,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","nakd","handle","displayName","かんかん","avatar","https://lh3.googleusercontent.com/a/ACg8ocLI16p0WgrVPfU-N1HNs2XT2RWSbAMgVFqjPLJinXQcxWMIsA=s96-c","tier","free","canRestrictVals","profileImageUrl","branchName","adoptOrgId",{"_49":50,"_38":51,"_44":198,"_53":-5,"_54":31,"_55":56,"_57":56,"_58":59,"_60":-5,"_19":61,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":69,"_70":71,"_72":73,"_74":75,"_76":199,"_78":-5,"_79":80,"_81":80,"_82":83,"_84":83,"_85":83,"_86":80,"_87":80,"_88":200,"_90":201,"_92":202,"_94":31},"tree",[181,182,183,184],"files",[181,182,183,184],"counts",{"_170":69,"_171":172,"_173":69,"_174":175,"_176":177},"contents",[136,137,138,139],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_49":163,"_38":164,"_36":165,"_142":-5,"_47":48,"_46":166,"_144":31,"_44":167,"_13":160,"_39":40,"_41":168,"_30":31,"_149":-5,"_33":169},{"_49":155,"_38":156,"_36":157,"_142":-5,"_47":48,"_46":158,"_144":31,"_44":159,"_13":160,"_39":40,"_41":161,"_30":31,"_149":-5,"_33":162},{"_49":151,"_38":34,"_36":37,"_142":-5,"_47":48,"_46":14,"_144":31,"_44":152,"_13":153,"_39":40,"_41":43,"_30":31,"_149":-5,"_33":154},{"_49":140,"_38":141,"_36":63,"_142":-5,"_47":48,"_46":143,"_144":31,"_44":145,"_13":146,"_39":147,"_41":148,"_30":31,"_149":105,"_33":150},"907500b6-99ef-4234-b374-a3a455a7d7f6","main.ts","parentId",22,"latest",["D",1788485831814],6,"http","//　main.ts\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport webpush from \"https://esm.sh/web-push@3.6.7\";\nimport { htmlContent } from \"./html.ts\";\nimport { jsContent } from \"./client.ts\";\nimport { gifClientJs } from \"./gif.ts\";\n\nconst TABLE = \"rtchat_messages_v3\";\nconst POLLS_TABLE = \"rtchat_polls_v1\";\nconst PRESENCE_TABLE = \"rtchat_presence_v1\";\nconst PUSH_SUB_TABLE = \"rtchat_push_subs_v1\";\n// ---- LINE 風アカウント / 友だち / グループ ----\nconst ACCOUNTS_TABLE = \"rtchat_accounts_v1\";\nconst FRIENDS_TABLE = \"rtchat_friends_v1\";\nconst GROUPS_TABLE = \"rtchat_groups_v1\";\nconst GROUP_MEMBERS_TABLE = \"rtchat_group_members_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\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\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${PUSH_SUB_TABLE} (\n user_id TEXT NOT NULL,\n room TEXT NOT NULL,\n subscription TEXT NOT NULL,\n PRIMARY KEY (user_id, room)\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS vapid_keys (\n id INTEGER PRIMARY KEY CHECK (id = 1),\n public_key TEXT NOT NULL,\n private_key TEXT NOT NULL\n )\n`);\n\n// 永続アカウント（LINE風）\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${ACCOUNTS_TABLE} (\n id TEXT PRIMARY KEY,\n token TEXT NOT NULL,\n line_id TEXT UNIQUE,\n name TEXT NOT NULL,\n avatar_url TEXT,\n status_msg TEXT,\n created_at INTEGER NOT NULL,\n updated_at INTEGER NOT NULL\n )\n`);\n\n// 友だち関係（相互に1行ずつ保存）\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${FRIENDS_TABLE} (\n account_id TEXT NOT NULL,\n friend_id TEXT NOT NULL,\n created_at INTEGER NOT NULL,\n PRIMARY KEY (account_id, friend_id)\n )\n`);\n\n// グループ\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${GROUPS_TABLE} (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n icon_url TEXT,\n created_by TEXT NOT NULL,\n created_at INTEGER NOT NULL\n )\n`);\n\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${GROUP_MEMBERS_TABLE} (\n group_id TEXT NOT NULL,\n account_id TEXT NOT NULL,\n joined_at INTEGER NOT NULL,\n PRIMARY KEY (group_id, account_id)\n )\n`);\n\n// VAPID キーの取得または生成\nlet vapidKeys = { publicKey: \"\", privateKey: \"\" };\nconst vapidResult = await sqlite.execute(\n \"SELECT public_key, private_key FROM vapid_keys WHERE id = 1\",\n);\nif (vapidResult.rows && (vapidResult.rows as any[]).length > 0) {\n const row = (vapidResult.rows as any[])[0];\n vapidKeys = {\n publicKey: String(row[0] ?? row.public_key),\n privateKey: String(row[1] ?? row.private_key),\n };\n} else {\n const keys = webpush.generateVAPIDKeys();\n vapidKeys = { publicKey: keys.publicKey, privateKey: keys.privateKey };\n await sqlite.execute({\n sql:\n \"INSERT INTO vapid_keys (id, public_key, private_key) VALUES (1, ?, ?)\",\n args: [vapidKeys.publicKey, vapidKeys.privateKey],\n });\n}\nwebpush.setVapidDetails(\n \"mailto:admin@example.com\",\n vapidKeys.publicKey,\n vapidKeys.privateKey,\n);\n\nasync function ensureColumn(table: string, 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(TABLE, \"reply_to_id\", \"INTEGER\");\nawait ensureColumn(TABLE, \"reply_to_name\", \"TEXT\");\nawait ensureColumn(TABLE, \"reply_to_body\", \"TEXT\");\nawait ensureColumn(TABLE, \"edited_at\", \"INTEGER\");\nawait ensureColumn(TABLE, \"deleted\", \"INTEGER DEFAULT 0\");\nawait ensureColumn(TABLE, \"updated_at\", \"INTEGER\");\nawait ensureColumn(TABLE, \"poll_id\", \"INTEGER\");\nawait ensureColumn(TABLE, \"avatar_url\", \"TEXT\");\n// 既読管理用\nawait ensureColumn(PRESENCE_TABLE, \"last_read_id\", \"INTEGER DEFAULT 0\");\n\nawait sqlite.execute(\n `UPDATE ${TABLE} SET updated_at = created_at WHERE updated_at IS NULL`,\n);\n\nconst ONLINE_WINDOW_MS = 8000;\nconst SYSTEM_USER = \"system\";\n\n// ---------- 共通ヘルパー ----------\nfunction json(data: unknown, status = 200): Response {\n return new Response(JSON.stringify(data), {\n status,\n headers: { \"Content-Type\": \"application/json\" },\n });\n}\nfunction col(row: any, idx: number, key: string): any {\n return row[idx] ?? row[key];\n}\nfunction genId(prefix: string, len: number): string {\n let s = \"\";\n while (s.length < len) s += Math.random().toString(36).slice(2);\n return prefix + s.slice(0, len);\n}\nfunction genToken(): string {\n return crypto.randomUUID().replace(/-/g, \"\") +\n crypto.randomUUID().replace(/-/g, \"\");\n}\nfunction isDmRoom(room: string) {\n return room.startsWith(\"dm:\");\n}\nfunction isGroupRoom(room: string) {\n return room.startsWith(\"g:\");\n}\nfunction isAccountRoom(room: string) {\n return isDmRoom(room) || isGroupRoom(room);\n}\nfunction dmMembers(room: string): string[] {\n return room.slice(3).split(\"-\").filter((s) => s.length > 0);\n}\nfunction dmRoomFor(a: string, b: string): string {\n const [x, y] = [a, b].sort();\n return \"dm:\" + x + \"-\" + y;\n}\nfunction normalizeLineId(raw: unknown): string | null {\n const s = String(raw ?? \"\").trim().toLowerCase();\n if (!s) return null;\n if (!/^[a-z0-9._-]{4,20}$/.test(s)) return \"__invalid__\";\n return s;\n}\n\ntype Account = {\n id: string;\n line_id: string | null;\n name: string;\n avatar_url: string;\n status_msg: string;\n};\nfunction accountFromRow(row: any): Account {\n return {\n id: String(col(row, 0, \"id\")),\n line_id: col(row, 1, \"line_id\") != null ? String(col(row, 1, \"line_id\")) : null,\n name: String(col(row, 2, \"name\")),\n avatar_url: col(row, 3, \"avatar_url\") ? String(col(row, 3, \"avatar_url\")) : \"\",\n status_msg: col(row, 4, \"status_msg\") ? String(col(row, 4, \"status_msg\")) : \"\",\n };\n}\nconst ACCOUNT_COLS = \"id, line_id, name, avatar_url, status_msg\";\n\nasync function getAccount(id: string): Promise {\n if (!id) return null;\n const r = await sqlite.execute({\n sql: `SELECT ${ACCOUNT_COLS} FROM ${ACCOUNTS_TABLE} WHERE id = ?`,\n args: [id],\n });\n const row = (r.rows as any[])[0];\n return row ? accountFromRow(row) : null;\n}\nasync function getAccountsByIds(ids: string[]): Promise> {\n const map: Record = {};\n const uniq = Array.from(new Set(ids.filter((s) => !!s)));\n if (uniq.length === 0) return map;\n const r = await sqlite.execute({\n sql: `SELECT ${ACCOUNT_COLS} FROM ${ACCOUNTS_TABLE} WHERE id IN (${\n uniq.map(() => \"?\").join(\",\")\n })`,\n args: uniq,\n });\n for (const row of r.rows as any[]) {\n const a = accountFromRow(row);\n map[a.id] = a;\n }\n return map;\n}\nasync function authAccount(id: unknown, token: unknown): Promise {\n if (!id || !token) return null;\n const r = await sqlite.execute({\n sql: `SELECT ${ACCOUNT_COLS} FROM ${ACCOUNTS_TABLE} WHERE id = ? AND token = ?`,\n args: [String(id), String(token)],\n });\n const row = (r.rows as any[])[0];\n return row ? accountFromRow(row) : null;\n}\nasync function isGroupMember(groupId: string, accountId: string): Promise {\n const r = await sqlite.execute({\n sql: `SELECT 1 FROM ${GROUP_MEMBERS_TABLE} WHERE group_id = ? AND account_id = ?`,\n args: [groupId, accountId],\n });\n return (r.rows as any[]).length > 0;\n}\nasync function getGroup(groupId: string) {\n const r = await sqlite.execute({\n sql: `SELECT id, name, icon_url, created_by, created_at FROM ${GROUPS_TABLE} WHERE id = ?`,\n args: [groupId],\n });\n const row = (r.rows as any[])[0];\n if (!row) return null;\n return {\n id: String(col(row, 0, \"id\")),\n name: String(col(row, 1, \"name\")),\n icon_url: col(row, 2, \"icon_url\") ? String(col(row, 2, \"icon_url\")) : \"\",\n created_by: String(col(row, 3, \"created_by\")),\n created_at: Number(col(row, 4, \"created_at\")),\n };\n}\nasync function getGroupMembers(groupId: string): Promise {\n const r = await sqlite.execute({\n sql: `SELECT a.id, a.line_id, a.name, a.avatar_url, a.status_msg\n FROM ${GROUP_MEMBERS_TABLE} m JOIN ${ACCOUNTS_TABLE} a ON a.id = m.account_id\n WHERE m.group_id = ? ORDER BY m.joined_at ASC`,\n args: [groupId],\n });\n return (r.rows as any[]).map(accountFromRow);\n}\n// dm:/g: ルームは正規アカウント＋トークンが必要。ランダムルームは誰でも OK\nasync function canAccessRoom(room: string, accountId: unknown, token: unknown): Promise {\n if (!isAccountRoom(room)) return true;\n const acct = await authAccount(accountId, token);\n if (!acct) return false;\n if (isDmRoom(room)) return dmMembers(room).includes(acct.id);\n return isGroupMember(room.slice(2), acct.id);\n}\nasync function insertSystemMessage(room: string, body: string) {\n const now = Date.now();\n await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (room, user_id, name, body, image_url, avatar_url, updated_at, created_at)\n VALUES (?, ?, ?, ?, '', '', ?, ?)`,\n args: [room, SYSTEM_USER, SYSTEM_USER, body, now, now],\n });\n}\nasync function readJson(req: Request): Promise {\n try {\n return await req.json();\n } catch (_e) {\n return {};\n }\n}\n\n// バックグラウンド用 Service Worker 本体\nconst swJsContent = `\nself.addEventListener('push', function(event) {\n let data = {};\n try { data = event.data ? event.data.json() : {}; } catch(e) { data = { body: event.data ? event.data.text() : '' }; }\n const title = data.title || '新しいメッセージ';\n const options = {\n body: data.body || '',\n icon: data.icon || undefined,\n badge: '/favicon.ico',\n tag: data.tag || 'chat-message',\n renotify: true,\n vibrate: [200, 100, 200],\n requireInteraction: false,\n data: { url: data.url || '/', room: data.room || 'lobby' }\n };\n event.waitUntil(self.registration.showNotification(title, options));\n});\nself.addEventListener('notificationclick', function(event) {\n event.notification.close();\n const targetUrl = event.notification.data && event.notification.data.url ? event.notification.data.url : '/';\n event.waitUntil(\n clients.matchAll({ type: 'window', includeUncontrolled: true }).then(function(clientList) {\n for (const client of clientList) {\n if (client.url.includes(targetUrl) && 'focus' in client) return client.focus();\n }\n if (clients.openWindow) return clients.openWindow(targetUrl);\n })\n );\n});\n`;\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n\n // /sw.js を正規配信\n if (path === \"/sw.js\") {\n return new Response(swJsContent, {\n headers: {\n \"Content-Type\": \"application/javascript; charset=utf-8\",\n \"Cache-Control\": \"no-cache\",\n },\n });\n }\n\n // ===================== アカウント API =====================\n\n // --- 登録 ---\n if (path === \"/api/account/register\" && req.method === \"POST\") {\n const data = await readJson(req);\n const name = String(data.name || \"\").trim().slice(0, 40);\n if (!name) return json({ error: \"name_required\" }, 400);\n const lineId = normalizeLineId(data.line_id);\n if (lineId === \"__invalid__\") return json({ error: \"invalid_line_id\" }, 400);\n if (lineId) {\n const dup = await sqlite.execute({\n sql: `SELECT 1 FROM ${ACCOUNTS_TABLE} WHERE line_id = ?`,\n args: [lineId],\n });\n if ((dup.rows as any[]).length > 0) return json({ error: \"id_taken\" }, 409);\n }\n const id = genId(\"u\", 10);\n const token = genToken();\n const now = Date.now();\n await sqlite.execute({\n sql: `INSERT INTO ${ACCOUNTS_TABLE} (id, token, line_id, name, avatar_url, status_msg, created_at, updated_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [\n id,\n token,\n lineId,\n name,\n String(data.avatar_url || \"\"),\n String(data.status_msg || \"\").slice(0, 100),\n now,\n now,\n ],\n });\n const acct = await getAccount(id);\n return json({ account: { ...acct, token } });\n }\n\n // --- 更新 ---\n if (path === \"/api/account/update\" && req.method === \"POST\") {\n const data = await readJson(req);\n const acct = await authAccount(data.account_id, data.token);\n if (!acct) return json({ error: \"unauthorized\" }, 403);\n const name = data.name != null ? String(data.name).trim().slice(0, 40) : acct.name;\n if (!name) return json({ error: \"name_required\" }, 400);\n let lineId: string | null = acct.line_id;\n if (data.line_id !== undefined) {\n const n = normalizeLineId(data.line_id);\n if (n === \"__invalid__\") return json({ error: \"invalid_line_id\" }, 400);\n if (n && n !== acct.line_id) {\n const dup = await sqlite.execute({\n sql: `SELECT 1 FROM ${ACCOUNTS_TABLE} WHERE line_id = ? AND id != ?`,\n args: [n, acct.id],\n });\n if ((dup.rows as any[]).length > 0) return json({ error: \"id_taken\" }, 409);\n }\n lineId = n;\n }\n const avatar = data.avatar_url !== undefined ? String(data.avatar_url || \"\") : acct.avatar_url;\n const status = data.status_msg !== undefined\n ? String(data.status_msg || \"\").slice(0, 100)\n : acct.status_msg;\n await sqlite.execute({\n sql: `UPDATE ${ACCOUNTS_TABLE} SET name = ?, line_id = ?, avatar_url = ?, status_msg = ?, updated_at = ? WHERE id = ?`,\n args: [name, lineId, avatar, status, Date.now(), acct.id],\n });\n return json({ account: await getAccount(acct.id) });\n }\n\n // --- 自分の情報（友だち・グループ込み） ---\n if (path === \"/api/account/me\" && req.method === \"GET\") {\n const acct = await authAccount(\n url.searchParams.get(\"account_id\"),\n url.searchParams.get(\"token\"),\n );\n if (!acct) return json({ error: \"unauthorized\" }, 403);\n\n const fr = await sqlite.execute({\n sql: `SELECT a.id, a.line_id, a.name, a.avatar_url, a.status_msg\n FROM ${FRIENDS_TABLE} f JOIN ${ACCOUNTS_TABLE} a ON a.id = f.friend_id\n WHERE f.account_id = ? ORDER BY a.name COLLATE NOCASE ASC`,\n args: [acct.id],\n });\n const friends = (fr.rows as any[]).map(accountFromRow);\n\n const gr = await sqlite.execute({\n sql: `SELECT g.id, g.name, g.icon_url, g.created_by, g.created_at,\n (SELECT COUNT(*) FROM ${GROUP_MEMBERS_TABLE} c WHERE c.group_id = g.id) AS member_count\n FROM ${GROUP_MEMBERS_TABLE} m JOIN ${GROUPS_TABLE} g ON g.id = m.group_id\n WHERE m.account_id = ? ORDER BY g.created_at DESC`,\n args: [acct.id],\n });\n const groups = (gr.rows as any[]).map((row) => ({\n id: String(col(row, 0, \"id\")),\n name: String(col(row, 1, \"name\")),\n icon_url: col(row, 2, \"icon_url\") ? String(col(row, 2, \"icon_url\")) : \"\",\n created_by: String(col(row, 3, \"created_by\")),\n created_at: Number(col(row, 4, \"created_at\")),\n member_count: Number(col(row, 5, \"member_count\") ?? 0),\n }));\n\n return json({ account: acct, friends, groups });\n }\n\n // --- 公開プロフィール検索（LINE ID / アカウントID） ---\n if (path === \"/api/account/lookup\" && req.method === \"GET\") {\n const lineId = normalizeLineId(url.searchParams.get(\"line_id\"));\n const accountId = url.searchParams.get(\"account_id\") || \"\";\n let acct: Account | null = null;\n if (lineId && lineId !== \"__invalid__\") {\n const r = await sqlite.execute({\n sql: `SELECT ${ACCOUNT_COLS} FROM ${ACCOUNTS_TABLE} WHERE line_id = ?`,\n args: [lineId],\n });\n const row = (r.rows as any[])[0];\n acct = row ? accountFromRow(row) : null;\n } else if (accountId) {\n acct = await getAccount(accountId);\n }\n if (!acct) return json({ error: \"not_found\" }, 404);\n return json({ account: acct });\n }\n\n // --- 友だち追加（相互） ---\n if (path === \"/api/friends/add\" && req.method === \"POST\") {\n const data = await readJson(req);\n const acct = await authAccount(data.account_id, data.token);\n if (!acct) return json({ error: \"unauthorized\" }, 403);\n const friendId = String(data.friend_id || \"\");\n if (!friendId || friendId === acct.id) return json({ error: \"invalid_friend\" }, 400);\n const friend = await getAccount(friendId);\n if (!friend) return json({ error: \"not_found\" }, 404);\n const now = Date.now();\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO ${FRIENDS_TABLE} (account_id, friend_id, created_at) VALUES (?, ?, ?)`,\n args: [acct.id, friend.id, now],\n });\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO ${FRIENDS_TABLE} (account_id, friend_id, created_at) VALUES (?, ?, ?)`,\n args: [friend.id, acct.id, now],\n });\n return json({ success: true, friend, room: dmRoomFor(acct.id, friend.id) });\n }\n\n // --- グループ作成 ---\n if (path === \"/api/groups/create\" && req.method === \"POST\") {\n const data = await readJson(req);\n const acct = await authAccount(data.account_id, data.token);\n if (!acct) return json({ error: \"unauthorized\" }, 403);\n const name = String(data.name || \"\").trim().slice(0, 50);\n if (!name) return json({ error: \"name_required\" }, 400);\n const memberIds: string[] = Array.isArray(data.member_ids)\n ? data.member_ids.map((s: unknown) => String(s)).filter((s: string) => s && s !== acct.id)\n : [];\n const id = genId(\"\", 10);\n const now = Date.now();\n await sqlite.execute({\n sql: `INSERT INTO ${GROUPS_TABLE} (id, name, icon_url, created_by, created_at) VALUES (?, ?, ?, ?, ?)`,\n args: [id, name, String(data.icon_url || \"\"), acct.id, now],\n });\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO ${GROUP_MEMBERS_TABLE} (group_id, account_id, joined_at) VALUES (?, ?, ?)`,\n args: [id, acct.id, now],\n });\n const existing = await getAccountsByIds(memberIds);\n for (const mid of memberIds) {\n if (!existing[mid]) continue;\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO ${GROUP_MEMBERS_TABLE} (group_id, account_id, joined_at) VALUES (?, ?, ?)`,\n args: [id, mid, now],\n });\n }\n const names = [acct.name, ...memberIds.filter((m) => existing[m]).map((m) => existing[m].name)];\n await insertSystemMessage(\"g:\" + id, acct.name + \"がグループを作成しました。\" +\n (names.length > 1 ? \" \" + names.slice(1).join(\"、\") + \"が参加しました。\" : \"\"));\n return json({ success: true, group: await getGroup(id), room: \"g:\" + id });\n }\n\n // --- グループ参加（招待リンク） ---\n if (path === \"/api/groups/join\" && req.method === \"POST\") {\n const data = await readJson(req);\n const acct = await authAccount(data.account_id, data.token);\n if (!acct) return json({ error: \"unauthorized\" }, 403);\n const group = await getGroup(String(data.group_id || \"\"));\n if (!group) return json({ error: \"not_found\" }, 404);\n if (!(await isGroupMember(group.id, acct.id))) {\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO ${GROUP_MEMBERS_TABLE} (group_id, account_id, joined_at) VALUES (?, ?, ?)`,\n args: [group.id, acct.id, Date.now()],\n });\n await insertSystemMessage(\"g:\" + group.id, acct.name + \"が参加しました。\");\n }\n return json({ success: true, group, room: \"g:\" + group.id });\n }\n\n // --- グループに友だちを招待 ---\n if (path === \"/api/groups/invite\" && req.method === \"POST\") {\n const data = await readJson(req);\n const acct = await authAccount(data.account_id, data.token);\n if (!acct) return json({ error: \"unauthorized\" }, 403);\n const group = await getGroup(String(data.group_id || \"\"));\n if (!group) return json({ error: \"not_found\" }, 404);\n if (!(await isGroupMember(group.id, acct.id))) return json({ error: \"forbidden\" }, 403);\n const memberIds: string[] = Array.isArray(data.member_ids)\n ? data.member_ids.map((s: unknown) => String(s))\n : [];\n const existing = await getAccountsByIds(memberIds);\n const added: string[] = [];\n for (const mid of memberIds) {\n if (!existing[mid]) continue;\n if (await isGroupMember(group.id, mid)) continue;\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO ${GROUP_MEMBERS_TABLE} (group_id, account_id, joined_at) VALUES (?, ?, ?)`,\n args: [group.id, mid, Date.now()],\n });\n added.push(existing[mid].name);\n }\n if (added.length > 0) {\n await insertSystemMessage(\"g:\" + group.id, acct.name + \"が\" + added.join(\"、\") + \"を招待しました。\");\n }\n return json({ success: true, added: added.length });\n }\n\n // --- グループ退会 ---\n if (path === \"/api/groups/leave\" && req.method === \"POST\") {\n const data = await readJson(req);\n const acct = await authAccount(data.account_id, data.token);\n if (!acct) return json({ error: \"unauthorized\" }, 403);\n const groupId = String(data.group_id || \"\");\n await sqlite.execute({\n sql: `DELETE FROM ${GROUP_MEMBERS_TABLE} WHERE group_id = ? AND account_id = ?`,\n args: [groupId, acct.id],\n });\n await insertSystemMessage(\"g:\" + groupId, acct.name + \"が退会しました。\");\n return json({ success: true });\n }\n\n // --- ルーム情報（ヘッダー表示・メニュー用） ---\n if (path === \"/api/room-info\" && req.method === \"GET\") {\n const room = url.searchParams.get(\"room\") || \"lobby\";\n const accountId = url.searchParams.get(\"account_id\");\n const token = url.searchParams.get(\"token\");\n if (!isAccountRoom(room)) {\n return json({ type: \"random\", room, title: \"#\" + room, icon: \"\", members: [] });\n }\n const acct = await authAccount(accountId, token);\n if (!acct) return json({ error: \"unauthorized\" }, 403);\n if (isDmRoom(room)) {\n const ids = dmMembers(room);\n if (!ids.includes(acct.id)) return json({ error: \"forbidden\" }, 403);\n const map = await getAccountsByIds(ids);\n const other = ids.filter((i) => i !== acct.id).map((i) => map[i]).filter(Boolean)[0];\n return json({\n type: \"dm\",\n room,\n title: other ? other.name : \"不明なユーザー\",\n icon: other ? other.avatar_url : \"\",\n other_id: other ? other.id : \"\",\n members: ids.map((i) => map[i]).filter(Boolean),\n });\n }\n const group = await getGroup(room.slice(2));\n if (!group) return json({ error: \"not_found\" }, 404);\n if (!(await isGroupMember(group.id, acct.id))) return json({ error: \"forbidden\" }, 403);\n const members = await getGroupMembers(group.id);\n return json({\n type: \"group\",\n room,\n title: group.name,\n icon: group.icon_url,\n group_id: group.id,\n members,\n });\n }\n\n // ===================== Push =====================\n\n if (path === \"/api/subscribe\" && req.method === \"POST\") {\n try {\n const data = await req.json();\n const { user_id, room, subscription } = data;\n if (!user_id || !room || !subscription) return json({ error: \"invalid data\" }, 400);\n await sqlite.execute({\n sql: `INSERT INTO ${PUSH_SUB_TABLE} (user_id, room, subscription) VALUES (?, ?, ?)\n ON CONFLICT(user_id, room) DO UPDATE SET subscription = excluded.subscription`,\n args: [user_id, room, JSON.stringify(subscription)],\n });\n return json({ success: true });\n } catch (err) {\n return json({ error: String(err) }, 400);\n }\n }\n\n if (path === \"/api/vapid-public-key\") {\n return json({ publicKey: vapidKeys.publicKey });\n }\n\n // ===================== トーク一覧 =====================\n // ランダムルーム（匿名ID/アカウントIDどちらでも発言済み）＋ 1:1 ＋グループを統合して返す\n if (path === \"/api/rooms\" && req.method === \"GET\") {\n const anonId = url.searchParams.get(\"user_id\") || \"\";\n const acct = await authAccount(\n url.searchParams.get(\"account_id\"),\n url.searchParams.get(\"token\"),\n );\n let reads: Record = {};\n try {\n reads = JSON.parse(url.searchParams.get(\"reads\") || \"{}\") || {};\n } catch (_e) {\n reads = {};\n }\n const myIds = [anonId, acct ? acct.id : \"\"].filter((s) => !!s);\n if (myIds.length === 0) return json({ rooms: [] });\n\n type RoomEntry = {\n room: string;\n type: \"random\" | \"dm\" | \"group\";\n title: string;\n icon: string;\n member_count: number;\n created_at: number;\n };\n const entries: Record = {};\n\n // 1) ランダムルーム\n const rr = await sqlite.execute({\n sql: `SELECT DISTINCT room FROM ${TABLE}\n WHERE user_id IN (${myIds.map(() => \"?\").join(\",\")})\n AND room NOT LIKE 'dm:%' AND room NOT LIKE 'g:%'`,\n args: myIds,\n });\n for (const row of rr.rows as any[]) {\n const room = String(col(row, 0, \"room\"));\n entries[room] = { room, type: \"random\", title: \"#\" + room, icon: \"\", member_count: 0, created_at: 0 };\n }\n\n if (acct) {\n // 2) 1:1 トーク（メッセージが存在するもの）\n const dr = await sqlite.execute({\n sql: `SELECT DISTINCT room FROM ${TABLE}\n WHERE room LIKE 'dm:%' AND (room LIKE ? OR room LIKE ?)`,\n args: [\"dm:\" + acct.id + \"-%\", \"dm:%-\" + acct.id],\n });\n const otherIds: string[] = [];\n const dmRooms: string[] = [];\n for (const row of dr.rows as any[]) {\n const room = String(col(row, 0, \"room\"));\n const ids = dmMembers(room);\n if (!ids.includes(acct.id)) continue;\n const other = ids.find((i) => i !== acct.id) || acct.id;\n otherIds.push(other);\n dmRooms.push(room);\n }\n const others = await getAccountsByIds(otherIds);\n dmRooms.forEach((room, idx) => {\n const o = others[otherIds[idx]];\n entries[room] = {\n room,\n type: \"dm\",\n title: o ? o.name : \"不明なユーザー\",\n icon: o ? o.avatar_url : \"\",\n member_count: 2,\n created_at: 0,\n };\n });\n\n // 3) グループ（メッセージが無くても表示）\n const gr = await sqlite.execute({\n sql: `SELECT g.id, g.name, g.icon_url, g.created_at,\n (SELECT COUNT(*) FROM ${GROUP_MEMBERS_TABLE} c WHERE c.group_id = g.id) AS member_count\n FROM ${GROUP_MEMBERS_TABLE} m JOIN ${GROUPS_TABLE} g ON g.id = m.group_id\n WHERE m.account_id = ?`,\n args: [acct.id],\n });\n for (const row of gr.rows as any[]) {\n const room = \"g:\" + String(col(row, 0, \"id\"));\n entries[room] = {\n room,\n type: \"group\",\n title: String(col(row, 1, \"name\")),\n icon: col(row, 2, \"icon_url\") ? String(col(row, 2, \"icon_url\")) : \"\",\n member_count: Number(col(row, 4, \"member_count\") ?? 0),\n created_at: Number(col(row, 3, \"created_at\")),\n };\n }\n }\n\n const roomKeys = Object.keys(entries);\n if (roomKeys.length === 0) return json({ rooms: [] });\n const ph = roomKeys.map(() => \"?\").join(\",\");\n\n // 最新メッセージ\n const latest = await sqlite.execute({\n sql: `SELECT t.room, t.id, t.name, t.body, t.deleted, t.created_at, t.image_url, t.poll_id, t.user_id\n FROM ${TABLE} t\n INNER JOIN (SELECT room, MAX(id) AS max_id FROM ${TABLE} WHERE room IN (${ph}) GROUP BY room) l\n ON t.room = l.room AND t.id = l.max_id`,\n args: roomKeys,\n });\n const latestMap: Record = {};\n for (const row of latest.rows as any[]) {\n latestMap[String(col(row, 0, \"room\"))] = {\n last_message_id: Number(col(row, 1, \"id\")),\n last_name: String(col(row, 2, \"name\")),\n last_body: String(col(row, 3, \"body\")),\n last_deleted: Number(col(row, 4, \"deleted\") ?? 0) === 1,\n last_created_at: Number(col(row, 5, \"created_at\")),\n last_has_image: !!col(row, 6, \"image_url\"),\n last_is_poll: col(row, 7, \"poll_id\") != null,\n last_is_system: String(col(row, 8, \"user_id\")) === SYSTEM_USER,\n };\n }\n\n // 未読数（自分以外の発言で、クライアントが最後に読んだ id より新しいもの）\n const unreadMap: Record = {};\n const conds: string[] = [];\n const condArgs: (string | number)[] = [];\n for (const room of roomKeys) {\n conds.push(\"(room = ? AND id > ?)\");\n condArgs.push(room, Number(reads[room] || 0));\n }\n const ur = await sqlite.execute({\n sql: `SELECT room, COUNT(*) FROM ${TABLE}\n WHERE deleted = 0 AND user_id NOT IN (${myIds.map(() => \"?\").join(\",\")}, ?)\n AND (${conds.join(\" OR \")})\n GROUP BY room`,\n args: [...myIds, SYSTEM_USER, ...condArgs],\n });\n for (const row of ur.rows as any[]) {\n unreadMap[String(col(row, 0, \"room\"))] = Number(col(row, 1, \"COUNT(*)\") ?? row[1] ?? 0);\n }\n\n const rooms = roomKeys.map((room) => {\n const e = entries[room];\n const l = latestMap[room] || {\n last_message_id: 0,\n last_name: \"\",\n last_body: \"\",\n last_deleted: false,\n last_created_at: e.created_at,\n last_has_image: false,\n last_is_poll: false,\n last_is_system: false,\n };\n return { ...e, ...l, unread: unreadMap[room] || 0 };\n }).sort((a, b) => b.last_created_at - a.last_created_at);\n\n return json({ rooms });\n }\n\n // ===================== メッセージ =====================\n\n if (path === \"/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 const markRead = url.searchParams.get(\"read\") === \"1\";\n\n if (isAccountRoom(room)) {\n const ok = await canAccessRoom(room, viewer, url.searchParams.get(\"token\"));\n if (!ok) return json({ error: \"forbidden\" }, 403);\n }\n\n if (viewer) {\n const now = Date.now();\n if (markRead) {\n await sqlite.execute({\n sql: `INSERT INTO ${PRESENCE_TABLE} (room, user_id, name, last_seen, last_read_id)\n VALUES (?, ?, ?, ?, (SELECT COALESCE(MAX(id), 0) FROM ${TABLE} WHERE room = ?))\n ON CONFLICT(room, user_id) DO UPDATE SET\n name = excluded.name, last_seen = excluded.last_seen,\n last_read_id = MAX(COALESCE(${PRESENCE_TABLE}.last_read_id, 0), excluded.last_read_id)`,\n args: [room, viewer, viewerName || \"名無し\", now, room],\n });\n } else {\n await sqlite.execute({\n sql: `INSERT INTO ${PRESENCE_TABLE} (room, user_id, name, last_seen, last_read_id)\n VALUES (?, ?, ?, ?, 0)\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\n const result = await sqlite.execute({\n sql: `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, avatar_url\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(col(row, 0, \"id\")),\n user_id: String(col(row, 1, \"user_id\")),\n name: String(col(row, 2, \"name\")),\n body: String(col(row, 3, \"body\")),\n image_url: col(row, 4, \"image_url\") ? String(col(row, 4, \"image_url\")) : \"\",\n reply_to_id: col(row, 5, \"reply_to_id\") != null ? Number(col(row, 5, \"reply_to_id\")) : null,\n reply_to_name: col(row, 6, \"reply_to_name\") != null ? String(col(row, 6, \"reply_to_name\")) : null,\n reply_to_body: col(row, 7, \"reply_to_body\") != null ? String(col(row, 7, \"reply_to_body\")) : null,\n edited_at: col(row, 8, \"edited_at\") != null ? Number(col(row, 8, \"edited_at\")) : null,\n deleted: Number(col(row, 9, \"deleted\") ?? 0) === 1,\n updated_at: Number(col(row, 10, \"updated_at\") ?? col(row, 12, \"created_at\")),\n poll_id: col(row, 11, \"poll_id\") != null ? Number(col(row, 11, \"poll_id\")) : null,\n created_at: Number(col(row, 12, \"created_at\")),\n avatar_url: col(row, 13, \"avatar_url\") ? String(col(row, 13, \"avatar_url\")) : \"\",\n }));\n\n const pollIds = rawMessages.filter((m) => m.poll_id != null).map((m) => m.poll_id as number);\n const pollMap: Record = {};\n if (pollIds.length > 0) {\n const placeholders = pollIds.map(() => \"?\").join(\",\");\n const pollResult = await sqlite.execute({\n sql: `SELECT id, question, options, votes FROM ${POLLS_TABLE} WHERE id IN (${placeholders})`,\n args: pollIds,\n });\n for (const prow of pollResult.rows as any[]) {\n const pid = Number(col(prow, 0, \"id\"));\n const question = String(col(prow, 1, \"question\"));\n const options: string[] = JSON.parse(String(col(prow, 2, \"options\")));\n const votes: Record = JSON.parse(String(col(prow, 3, \"votes\")) || \"{}\");\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 = viewer && Object.prototype.hasOwnProperty.call(votes, viewer) ? votes[viewer] : null;\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 const onlineResult = await sqlite.execute({\n sql: `SELECT user_id, name FROM ${PRESENCE_TABLE} 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(col(row, 0, \"user_id\")),\n name: String(col(row, 1, \"name\")),\n }));\n\n // 既読情報（自分以外）\n const readResult = await sqlite.execute({\n sql: `SELECT user_id, COALESCE(last_read_id, 0) FROM ${PRESENCE_TABLE} WHERE room = ? AND user_id != ?`,\n args: [room, viewer || \"\"],\n });\n const readers = (readResult.rows as any[]).map((row) => ({\n user_id: String(row[0] ?? row.user_id),\n last_read_id: Number(row[1] ?? 0),\n }));\n\n return json({ messages, online, readers });\n }\n\n // --- メッセージ送信 ---\n if (path === \"/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 avatar_url = data.avatar_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 if (isAccountRoom(room) && !(await canAccessRoom(room, user_id, data.token))) {\n return json({ error: \"forbidden\" }, 403);\n }\n if (user_id === SYSTEM_USER) return json({ error: \"forbidden\" }, 403);\n\n await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (room, user_id, name, body, image_url, avatar_url, reply_to_id, reply_to_name, reply_to_body, updated_at, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [room, user_id, name, body, image_url, avatar_url, reply_to_id, reply_to_name, reply_to_body, created_at, created_at],\n });\n\n // 通知タイトル（LINE 風）\n let pushTitle = name + \" (#\" + room + \")\";\n let pushBody = body || (image_url ? \"画像を送信しました\" : \"\");\n if (isDmRoom(room)) {\n pushTitle = name;\n } else if (isGroupRoom(room)) {\n const g = await getGroup(room.slice(2));\n pushTitle = g ? g.name : \"グループ\";\n pushBody = name + \": \" + pushBody;\n }\n\n const subsResult = await sqlite.execute({\n sql: `SELECT subscription FROM ${PUSH_SUB_TABLE} WHERE room = ? AND user_id != ?`,\n args: [room, user_id],\n });\n const roomUrl = \"/\" + (room !== \"lobby\" ? \"#\" + room : \"\");\n for (const row of subsResult.rows as any[]) {\n try {\n const sub = JSON.parse(String(row[0] ?? row.subscription));\n const payload = JSON.stringify({\n title: pushTitle,\n body: pushBody.length > 100 ? pushBody.substring(0, 100) + \"…\" : pushBody,\n tag: `msg-${room}`,\n icon: avatar_url && !avatar_url.startsWith(\"data:\") ? avatar_url : undefined,\n url: roomUrl,\n room: room,\n });\n webpush.sendNotification(sub, payload).catch((err: any) => {\n if (err.statusCode === 410 || err.statusCode === 404) {\n sqlite.execute({\n sql: `DELETE FROM ${PUSH_SUB_TABLE} WHERE subscription = ?`,\n args: [String(row[0] ?? row.subscription)],\n }).catch(() => {});\n }\n });\n } catch (_e) {\n // パースエラーなどは無視\n }\n }\n\n return json({ success: true });\n } catch (err) {\n return json({ error: String(err) }, 400);\n }\n }\n\n // --- メッセージ編集 ---\n if (path === \"/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 if (!id || !body) return json({ error: \"invalid request\" }, 400);\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) return json({ error: \"not found\" }, 404);\n if (String(row[0] ?? row.user_id) !== user_id) return json({ error: \"forbidden\" }, 403);\n if (Number(row[1] ?? row.deleted ?? 0) === 1) return json({ error: \"already deleted\" }, 400);\n\n const now = Date.now();\n await sqlite.execute({\n sql: `UPDATE ${TABLE} SET body = ?, edited_at = ?, updated_at = ? WHERE id = ?`,\n args: [body, now, now, id],\n });\n return json({ success: true });\n } catch (err) {\n return json({ error: String(err) }, 400);\n }\n }\n\n // --- メッセージ削除 ---\n if (path === \"/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 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) return json({ error: \"not found\" }, 404);\n if (String(row[0] ?? row.user_id) !== user_id) return json({ error: \"forbidden\" }, 403);\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 return json({ success: true });\n } catch (err) {\n return json({ error: String(err) }, 400);\n }\n }\n\n // --- 投票作成 ---\n if (path === \"/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 avatar_url = data.avatar_url || \"\";\n const question = (data.question || \"\").trim();\n const options: string[] = Array.isArray(data.options)\n ? data.options.map((o: string) => String(o).trim()).filter((o: string) => o.length > 0)\n : [];\n if (!question || options.length < 2) return json({ error: \"invalid poll\" }, 400);\n if (isAccountRoom(room) && !(await canAccessRoom(room, user_id, data.token))) {\n return json({ error: \"forbidden\" }, 403);\n }\n\n const created_at = Date.now();\n const pollInsert = await sqlite.execute({\n sql: `INSERT INTO ${POLLS_TABLE} (room, question, options, votes, created_at) VALUES (?, ?, ?, '{}', ?)`,\n args: [room, question, JSON.stringify(options), created_at],\n });\n const pollId = Number(pollInsert.lastInsertRowid);\n await sqlite.execute({\n sql: `INSERT INTO ${TABLE} (room, user_id, name, body, avatar_url, poll_id, updated_at, created_at) VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n args: [room, user_id, name, \"投票 \" + question, avatar_url, pollId, created_at, created_at],\n });\n return json({ success: true });\n } catch (err) {\n return json({ error: String(err) }, 400);\n }\n }\n\n // --- 投票 ---\n if (path === \"/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 if (!pollId || !user_id || Number.isNaN(optionIndex)) return json({ error: \"invalid vote\" }, 400);\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) return json({ error: \"poll not found\" }, 404);\n const options: string[] = JSON.parse(String(prow[0] ?? prow.options));\n if (optionIndex < 0 || optionIndex >= options.length) return json({ error: \"invalid option\" }, 400);\n const votes: Record = JSON.parse(String(prow[1] ?? prow.votes) || \"{}\");\n votes[user_id] = optionIndex;\n await sqlite.execute({\n sql: `UPDATE ${POLLS_TABLE} SET votes = ? WHERE id = ?`,\n args: [JSON.stringify(votes), pollId],\n });\n if (messageId) {\n await sqlite.execute({\n sql: `UPDATE ${TABLE} SET updated_at = ? WHERE id = ?`,\n args: [Date.now(), messageId],\n });\n }\n return json({ success: true });\n } catch (err) {\n return json({ error: String(err) }, 400);\n }\n }\n\n // ===================== 静的配信 =====================\n if (path === \"/\" || path === \"/index.html\") {\n return new Response(htmlContent, {\n headers: { \"Content-Type\": \"text/html; charset=utf-8\" },\n });\n }\n if (path === \"/client.js\") {\n return new Response(jsContent, {\n headers: { \"Content-Type\": \"application/javascript; charset=utf-8\", \"Cache-Control\": \"no-cache\" },\n });\n }\n if (path === \"/gif.js\") {\n return new Response(gifClientJs, {\n headers: { \"Content-Type\": \"application/javascript; charset=utf-8\", \"Cache-Control\": \"no-cache\" },\n });\n }\n\n return new Response(\"Not Found\", { status: 404 });\n}\n","label",[141],"0273b09c-075c-4190-9dc0-29e0161713ab",["D",1788486038119],7,[34],"52ed42e7-4653-486a-830d-e929a4771da8","gif.ts","aadc8198-a7f0-11f1-8a52-1607ee4eb77e",20,["D",1788484946688],3,"//　gif.ts\nexport const gifClientJs = `\n(function() {\n var GIPHY_API_KEY = \"lYkxiVmRBDaztLVDK7p1cqKd4EUVFMhq\";\n\n function injectStyles() {\n var style = document.createElement(\"style\");\n style.textContent =\n \".gif-label{background:transparent;border:none;color:#6f7a70;padding:8px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.72rem;font-weight:700;flex:0 0 auto;}\" +\n \".gif-label:hover{background:rgba(0,0,0,0.05);color:#06c755;}\" +\n \".gif-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.5);align-items:flex-end;justify-content:center;z-index:10001;}\" +\n \".gif-overlay.show{display:flex;}\" +\n \".gif-panel{width:100%;max-width:460px;background:#ffffff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;}\" +\n \".gif-panel-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #e6ece4;background:#06c755;}\" +\n \".gif-search-input{flex:1;background:rgba(255,255,255,0.9);border:1px solid transparent;color:#1c1c1e;padding:8px 14px;border-radius:20px;font-size:16px;outline:none;}\" +\n \".gif-search-input:focus-visible{border-color:#ffffff;background:#ffffff;}\" +\n \".gif-close-btn{cursor:pointer;color:#ffffff;padding:4px 8px;flex:0 0 auto;}\" +\n \".gif-grid{flex:1;overflow-y:auto;padding:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}\" +\n \".gif-grid img{width:100%;height:90px;object-fit:cover;border-radius:8px;cursor:pointer;display:block;background:#f4f6f3;}\" +\n \".gif-empty{grid-column:1/-1;text-align:center;font-size:0.8rem;color:#9aa89c;padding:20px 0;}\";\n document.head.appendChild(style);\n }\n\n function injectMarkup() {\n var composer = document.getElementById(\"composer\");\n if (!composer) return null;\n var fileLabel = document.getElementById(\"fileLabel\");\n\n var gifBtn = document.createElement(\"label\");\n gifBtn.id = \"gifLabel\";\n gifBtn.className = \"gif-label\";\n gifBtn.title = \"GIFを送る\";\n gifBtn.textContent = \"GIF\";\n if (fileLabel && fileLabel.parentNode) {\n fileLabel.parentNode.insertBefore(gifBtn, fileLabel.nextSibling);\n } else {\n composer.insertBefore(gifBtn, composer.firstChild);\n }\n\n var overlay = document.createElement(\"div\");\n overlay.id = \"gifOverlay\";\n overlay.className = \"gif-overlay\";\n overlay.innerHTML =\n '

' +\n '

' +\n '' +\n '\\u2715' +\n '

' +\n '

';\n document.body.appendChild(overlay);\n return true;\n }\n\n function setup() {\n injectStyles();\n if (!injectMarkup()) return;\n\n var gifOverlay = document.getElementById(\"gifOverlay\");\n var gifSearchInput = document.getElementById(\"gifSearchInput\");\n var gifGrid = document.getElementById(\"gifGrid\");\n var gifCloseBtn = document.getElementById(\"gifCloseBtn\");\n var gifLabel = document.getElementById(\"gifLabel\");\n var searchTimer = null;\n\n function openPanel() {\n gifOverlay.classList.add(\"show\");\n gifSearchInput.value = \"\";\n gifSearchInput.focus();\n search(\"\");\n }\n function closePanel() {\n gifOverlay.classList.remove(\"show\");\n gifGrid.innerHTML = \"\";\n }\n function search(query) {\n gifGrid.innerHTML = '

\\u8AAD\\u307F\\u8FBC\\u307F\\u4E2D...

';\n var endpoint = query.trim()\n ? \"https://api.giphy.com/v1/gifs/search?api_key=\" + GIPHY_API_KEY + \"&q=\" + encodeURIComponent(query) + \"&limit=24&rating=pg-13&lang=ja\"\n : \"https://api.giphy.com/v1/gifs/trending?api_key=\" + GIPHY_API_KEY + \"&limit=24&rating=pg-13\";\n fetch(endpoint).then(function(res) { return res.json(); }).then(function(data) {\n var items = data.data || [];\n if (items.length === 0) {\n gifGrid.innerHTML = '

\\u898B\\u3064\\u304B\\u308A\\u307E\\u305B\\u3093\\u3067\\u3057\\u305F

';\n return;\n }\n gifGrid.innerHTML = \"\";\n items.forEach(function(g) {\n var preview = (g.images && (g.images.fixed_width_small || g.images.fixed_width) || {}).url || \"\";\n var full = (g.images && (g.images.original || g.images.fixed_width) || {}).url || \"\";\n if (!preview || !full) return;\n var img = document.createElement(\"img\");\n img.src = preview;\n img.alt = g.title || \"gif\";\n img.addEventListener(\"click\", function() {\n closePanel();\n sendGif(full);\n });\n gifGrid.appendChild(img);\n });\n }).catch(function(err) {\n console.error(err);\n gifGrid.innerHTML = '

\\u8AAD\\u307F\\u8FBC\\u307F\\u306B\\u5931\\u6557\\u3057\\u307E\\u3057\\u305F

';\n });\n }\n function getCurrentRoom() {\n var r = location.hash.replace(/^#/, \"\");\n return r || \"lobby\";\n }\n function getCurrentUserId() {\n return localStorage.getItem(\"chatUserId\") || \"unknown\";\n }\n function getCurrentName() {\n return localStorage.getItem(\"chatName\") || \"\\u540D\\u7121\\u3057\";\n }\n function getCurrentAvatar() {\n return localStorage.getItem(\"chatAvatar\") || \"\";\n }\n\n function sendGif(fullUrl) {\n try {\n fetch(\"/api/send\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n room: getCurrentRoom(),\n user_id: getCurrentUserId(),\n name: getCurrentName(),\n body: \"\",\n image_url: fullUrl,\n avatar_url: getCurrentAvatar(),\n }),\n }).then(function() {\n if (typeof window.poll === \"function\") window.poll();\n }).catch(function(err) { console.error(err); });\n } catch (err) {\n console.error(err);\n }\n }\n\n gifLabel.addEventListener(\"click\", openPanel);\n gifCloseBtn.addEventListener(\"click\", closePanel);\n gifOverlay.addEventListener(\"click\", function(e) { if (e.target === gifOverlay) closePanel(); });\n gifSearchInput.addEventListener(\"input\", function() {\n clearTimeout(searchTimer);\n var q = gifSearchInput.value;\n searchTimer = setTimeout(function() { search(q); }, 350);\n });\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", setup);\n } else {\n setup();\n }\n})();\n`;\n\nexport default async function (req: Request): Promise {\n return new Response(gifClientJs, {\n headers: {\n \"Content-Type\": \"application/javascript; charset=utf-8\",\n \"Cache-Control\": \"no-cache\",\n },\n });\n}",[156],"6583710d-22d7-43d3-85db-c4506f74bb90","client.ts","9f6caee6-a7f0-11f1-b997-1607ee4eb77e",21,["D",1788484988784],"//　client.ts\nexport const jsContent = `\n// ★完全独立型Push: プロフィール前でも動くようにグローバル化\nlet __pushRegistration = null;\nasync function getPushRegistration() {\n if (__pushRegistration) return __pushRegistration;\n __pushRegistration = await navigator.serviceWorker.register('/sw.js');\n return __pushRegistration;\n}\nfunction urlBase64ToUint8Array(base64String) {\n const padding = '='.repeat((4 - base64String.length % 4) % 4);\n const base64 = (base64String + padding).replace(/\\\\-/g, '+').replace(/_/g, '/');\n const rawData = window.atob(base64);\n const outputArray = new Uint8Array(rawData.length);\n for (let i = 0; i < rawData.length; ++i) outputArray[i] = rawData.charCodeAt(i);\n return outputArray;\n}\nfunction updateNotifUI() {\n const bar = document.getElementById('notifBar');\n const status = document.getElementById('notifStatus');\n if (!bar) return;\n if (!('Notification' in window)) { bar.innerHTML = '⚠️ このブラウザは通知非対応です'; bar.classList.add('show'); return; }\n if (Notification.permission === 'granted') { bar.classList.remove('show'); if (status) status.textContent = '🔔 通知オン'; }\n else if (Notification.permission === 'denied') { bar.innerHTML = '🔕 ブロック中。ブラウザ設定から通知を許可してください'; bar.classList.add('show'); }\n else { bar.classList.add('show'); if (status) status.textContent = ''; }\n}\nwindow.enablePush = async function() {\n const btn = document.getElementById('enableNotifBtn');\n if (btn) { btn.disabled = true; btn.textContent = '処理中...'; }\n try {\n if (!('serviceWorker' in navigator) || !('PushManager' in window)) throw new Error('このブラウザはPush非対応');\n if (Notification.permission === 'default') {\n const perm = await Notification.requestPermission();\n if (perm !== 'granted') throw new Error('通知が許可されませんでした: ' + perm);\n }\n if (Notification.permission !== 'granted') throw new Error('通知が許可されていません');\n const reg = await getPushRegistration();\n const res = await fetch('/api/vapid-public-key');\n const data = await res.json();\n if (!data.publicKey) throw new Error('VAPIDキー取得失敗');\n const key = urlBase64ToUint8Array(data.publicKey);\n let sub = await reg.pushManager.getSubscription();\n if (!sub) sub = await reg.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: key });\n const tmpUserId = localStorage.getItem('chatUserId') || 'tmp-' + Math.random().toString(36).slice(2,8);\n const tmpRoom = (location.hash.replace(/^#/, '') || 'lobby');\n const save = await fetch('/api/subscribe', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ user_id: tmpUserId, room: tmpRoom, subscription: sub }) });\n if (!save.ok) throw new Error('購読保存失敗');\n updateNotifUI();\n alert('通知が有効になりました。');\n } catch(e) {\n console.error(e);\n alert('❌ 失敗: ' + e.message);\n if (btn) { btn.disabled = false; btn.textContent = '有効'; }\n updateNotifUI();\n }\n};\n\nasync function setupPushNotifications() {\n try {\n if (!('serviceWorker' in navigator)) return;\n if (Notification.permission === 'granted') {\n try {\n const reg = await getPushRegistration();\n const sub = await reg.pushManager.getSubscription();\n if (sub) {\n const uid = localStorage.getItem('chatUserId') || myUserId || 'unknown';\n const rm = (typeof room !== 'undefined' && room) ? room : (location.hash.replace(/^#/, '') || 'lobby');\n await fetch('/api/subscribe', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ user_id: uid, room: rm, subscription: sub }) });\n }\n } catch {}\n }\n updateNotifUI();\n } catch(e) { console.error(e); }\n}\ndocument.getElementById('enableNotifBtn')?.addEventListener('click', window.enablePush);\n\nfunction setAppHeightVar() {\n const h = (window.visualViewport && window.visualViewport.height) ? window.visualViewport.height : window.innerHeight;\n document.documentElement.style.setProperty(\"--app-height\", h + \"px\");\n}\nsetAppHeightVar();\nwindow.addEventListener(\"resize\", setAppHeightVar);\nwindow.addEventListener(\"orientationchange\", () => setTimeout(setAppHeightVar, 50));\nif (window.visualViewport) {\n window.visualViewport.addEventListener(\"resize\", setAppHeightVar);\n window.visualViewport.addEventListener(\"scroll\", setAppHeightVar);\n}\n\nfunction getRoomFromHash() { return location.hash.replace(/^#/, \"\"); }\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}\nfunction randomRoomId() { return Math.random().toString(36).slice(2, 8); }\n\nlet room = getRoomFromHash();\nconst myUserId = getUserId();\n\nconst messagesEl = document.getElementById(\"messages\"); const composer = document.getElementById(\"composer\");\nconst bodyInput = document.getElementById(\"body\");\nconst roomLabel = document.getElementById(\"roomLabel\");\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\");\nconst imagePreviewBar = document.getElementById(\"imagePreviewBar\");\nconst imagePreviewThumb = document.getElementById(\"imagePreviewThumb\");\nconst ipCancel = document.getElementById(\"ipCancel\");\nconst scrollBottomBtn = document.getElementById(\"scrollBottomBtn\");\nconst lightbox = document.getElementById(\"lightbox\");\nconst lightboxImg = document.getElementById(\"lightboxImg\");\nconst inviteBtn = document.getElementById(\"inviteBtn\");\nconst backBtn = document.getElementById(\"backBtn\");\nconst newChatBtn = document.getElementById(\"newChatBtn\");\nconst talklistItems = document.getElementById(\"talklistItems\");\nconst talkSearchInput = document.getElementById(\"talkSearchInput\");\nconst profileTabIcon = document.getElementById(\"profileTabIcon\");\n\nconst entryOverlay = document.getElementById(\"entryOverlay\");\nconst entryTitle = document.getElementById(\"entryTitle\");\nconst entrySub = document.getElementById(\"entrySub\");\nconst entryAvatarPreview = document.getElementById(\"entryAvatarPreview\");\nconst entryAvatarFile = document.getElementById(\"entryAvatarFile\");\nconst entryNameInput = document.getElementById(\"entryNameInput\");\nconst entryCancelBtn = document.getElementById(\"entryCancelBtn\");\nconst entrySubmitBtn = document.getElementById(\"entrySubmitBtn\");\n\nlet lastId = 0; let lastUpdateSeen = 0; let firstLoad = true;\nlet lastRenderedDateStr = \"\";\nlet replyingTo = null;\nlet onlineUsers = [];\nconst knownNames = new Set();\nconst msgIndex = new Map();\nconst messageData = new Map();\nlet chatPollTimer = null;\nlet currentScreen = \"talklist\";\nlet allRooms = [];\nlet pendingFirstEntry = false;\n\nconst AVATAR_COLORS = [\"#2f7cf6\", \"#5856d6\", \"#34c759\", \"#ff9500\", \"#ff2d55\", \"#00b8d9\", \"#af52de\", \"#06c755\"];\nfunction colorForKey(key) {\n let hash = 0;\n const s = String(key || \"?\");\n for (let i = 0; i < s.length; i++) { hash = (hash * 31 + s.charCodeAt(i)) >>> 0; }\n return AVATAR_COLORS[hash % AVATAR_COLORS.length];\n}\nfunction buildAvatarHtml(name, avatarUrl, colorKey) {\n if (avatarUrl) return ' $\"avatar\"$ ';\n const trimmed = (name || \"\").trim();\n const letter = escapeHtml(trimmed ? trimmed.charAt(0).toUpperCase() : \"?\");\n const color = colorForKey(colorKey || name || \"?\");\n return '

' + letter + \"

\";\n}\n\nfunction loadProfile() {\n const name = localStorage.getItem(\"chatName\");\n if (!name) return null;\n const avatar = localStorage.getItem(\"chatAvatar\") || \"\";\n return { name, avatar };\n}\nfunction saveProfileToStorage(name, avatar) {\n localStorage.setItem(\"chatName\", name);\n if (avatar) { localStorage.setItem(\"chatAvatar\", avatar); } else { localStorage.removeItem(\"chatAvatar\"); }\n}\nlet currentProfile = loadProfile();\nfunction getDisplayName() { return (currentProfile && currentProfile.name) || \"名無し\"; }\nfunction getAvatarUrl() { return (currentProfile && currentProfile.avatar) || \"\"; }\nfunction updateProfileTabIcon() {\n if (profileTabIcon) profileTabIcon.innerHTML = buildAvatarHtml(getDisplayName(), getAvatarUrl(), myUserId);\n}\n\nlet entryDraftAvatar = \"\";\n\nfunction updateEntryAvatarPreview() {\n if (entryDraftAvatar) {\n entryAvatarPreview.innerHTML = ' $\"avatar$ ';\n return;\n }\n const v = (entryNameInput.value || \"\").trim();\n entryAvatarPreview.innerHTML = v ? escapeHtml(v.charAt(0).toUpperCase()) : \"＋\";\n}\n\nfunction openEntryOverlay(editMode) {\n pendingFirstEntry = !editMode;\n entryDraftAvatar = editMode ? getAvatarUrl() : \"\";\n entryNameInput.value = editMode ? getDisplayName() : \"\";\n entryAvatarFile.value = \"\";\n updateEntryAvatarPreview();\n entryTitle.textContent = editMode ? \"プロフィール設定\" : \"ようこそ\";\n entrySub.textContent = editMode ? \"名前とアイコンを変更できます\" : \"名前とアイコンを設定して始めましょう\";\n entrySubmitBtn.textContent = editMode ? \"保存\" : \"はじめる\";\n entryCancelBtn.style.display = editMode ? \"inline-block\" : \"none\";\n entryOverlay.classList.add(\"show\");\n entryNameInput.focus();\n}\nfunction closeEntryOverlay() { entryOverlay.classList.remove(\"show\"); }\n\nentryNameInput.addEventListener(\"input\", updateEntryAvatarPreview);\nentryAvatarFile.addEventListener(\"change\", () => {\n const file = entryAvatarFile.files[0];\n if (!file) return;\n const reader = new FileReader();\n reader.onload = () => { entryDraftAvatar = reader.result; updateEntryAvatarPreview(); };\n reader.readAsDataURL(file);\n});\nentryCancelBtn.addEventListener(\"click\", () => { closeEntryOverlay(); });\nentrySubmitBtn.addEventListener(\"click\", () => {\n const name = entryNameInput.value.trim();\n if (!name) { alert(\"名前を入力してください\"); entryNameInput.focus(); return; }\n saveProfileToStorage(name, entryDraftAvatar);\n currentProfile = { name, avatar: entryDraftAvatar };\n updateProfileTabIcon();\n closeEntryOverlay();\n if (pendingFirstEntry) { boot(); }\n});\n\n// ---------- 画面遷移 (トーク一覧 / VOOM / チャット) ----------\nfunction showScreen(name) {\n document.getElementById(\"screenTalklist\").classList.toggle(\"active\", name === \"talklist\");\n document.getElementById(\"screenTimeline\").classList.toggle(\"active\", name === \"timeline\");\n document.getElementById(\"screenChatroom\").classList.toggle(\"active\", name === \"chatroom\");\n document.getElementById(\"tabbar\").style.display = name === \"chatroom\" ? \"none\" : \"flex\";\n document.querySelectorAll(\".tab-item\").forEach((el) => el.classList.toggle(\"active\", el.dataset.tab === name));\n currentScreen = name;\n}\n\nfunction navigateTo(name) {\n if (currentScreen === \"chatroom\" && name !== \"chatroom\") {\n stopChatPolling();\n room = \"\";\n history.replaceState(null, \"\", location.pathname + location.search);\n }\n showScreen(name);\n if (name === \"talklist\") loadTalklist();\n}\n\ndocument.querySelectorAll(\".tab-item\").forEach((btn) => {\n btn.addEventListener(\"click\", () => {\n const tab = btn.dataset.tab;\n if (tab === \"profile\") { openEntryOverlay(true); return; }\n navigateTo(tab);\n });\n});\nbackBtn.addEventListener(\"click\", () => navigateTo(\"talklist\"));\n\nnewChatBtn.addEventListener(\"click\", () => { openChatroom(randomRoomId()); });\n\ninviteBtn.addEventListener(\"click\", async () => {\n try {\n await navigator.clipboard.writeText(location.href);\n const original = inviteBtn.innerHTML;\n inviteBtn.textContent = \"✓\";\n setTimeout(() => { inviteBtn.innerHTML = original; }, 1500);\n } catch (err) { console.error(err); }\n});\n\n// ---------- トーク一覧 ----------\nfunction fmtRoomListTime(ts) {\n const d = new Date(ts);\n const now = new Date();\n const sameDay = d.getFullYear() === now.getFullYear() && d.getMonth() === now.getMonth() && d.getDate() === now.getDate();\n return sameDay ? fmtTime(ts) : fmtDate(ts);\n}\nfunction buildRoomPreview(r) {\n if (r.last_deleted) return \"（メッセージは削除されました）\";\n if (r.last_is_poll) return \"📊 \" + (r.last_body || \"投票\");\n if (r.last_has_image && !r.last_body) return \"📷 画像\";\n return r.last_body || \"\";\n}\nasync function loadTalklist() {\n talklistItems.innerHTML = '

読み込み中...

';\n try {\n const res = await fetch(\"/api/rooms?user_id=\" + encodeURIComponent(myUserId));\n const data = await res.json();\n allRooms = data.rooms || [];\n renderTalklistItems(allRooms);\n } catch (err) {\n console.error(err);\n talklistItems.innerHTML = '

読み込みに失敗しました

';\n }\n}\nfunction renderTalklistItems(rooms) {\n if (rooms.length === 0) {\n talklistItems.innerHTML = '

まだトークがありません
右上の＋から新しいトークを始めましょう

';\n return;\n }\n talklistItems.innerHTML = \"\";\n rooms.forEach((r) => {\n const item = document.createElement(\"div\");\n item.className = \"talk-item\";\n const color = colorForKey(r.room);\n const letter = escapeHtml((r.room || \"?\").charAt(0).toUpperCase());\n item.innerHTML =\n '

' + letter + \"

\" +\n '

' +\n '

#' + escapeHtml(r.room) + \"

\" +\n '

' + escapeHtml(buildRoomPreview(r)) + \"

\" +\n \"

\" +\n '

' + fmtRoomListTime(r.last_created_at) + \"

\";\n item.addEventListener(\"click\", () => openChatroom(r.room));\n talklistItems.appendChild(item);\n });\n}\ntalkSearchInput.addEventListener(\"input\", () => {\n const q = talkSearchInput.value.trim().toLowerCase();\n if (!q) { renderTalklistItems(allRooms); return; }\n renderTalklistItems(allRooms.filter((r) => r.room.toLowerCase().includes(q)));\n});\n\n// ---------- チャット画面の入退室 ----------\nfunction resetChatState() {\n lastId = 0; lastUpdateSeen = 0; firstLoad = true; lastRenderedDateStr = \"\";\n msgIndex.clear(); messageData.clear();\n messagesEl.innerHTML = '

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

';\n replyingTo = null; showReplyPreview();\n clearImagePreview();\n bodyInput.value = \"\";\n autoGrowBody();\n restoreDraft();\n}\nfunction openChatroom(r) {\n room = r;\n history.replaceState(null, \"\", location.pathname + location.search + \"#\" + r);\n roomLabel.textContent = \"#\" + r;\n resetChatState();\n showScreen(\"chatroom\");\n startChatPolling();\n}\nfunction startChatPolling() {\n if (chatPollTimer) return;\n setupPushNotifications();\n poll();\n chatPollTimer = setInterval(poll, 1500);\n}\nfunction stopChatPolling() {\n if (chatPollTimer) { clearInterval(chatPollTimer); chatPollTimer = null; }\n}\n\nfunction clearImagePreview() {\n fileInput.value = \"\";\n fileLabel.classList.remove(\"has-file\");\n imagePreviewBar.classList.remove(\"show\");\n imagePreviewThumb.src = \"\";\n}\nfileInput.addEventListener(\"change\", () => {\n const file = fileInput.files[0];\n if (!file) { clearImagePreview(); return; }\n fileLabel.classList.add(\"has-file\");\n const reader = new FileReader();\n reader.onload = () => { imagePreviewThumb.src = reader.result; imagePreviewBar.classList.add(\"show\"); };\n reader.readAsDataURL(file);\n});\nipCancel.addEventListener(\"click\", () => { clearImagePreview(); });\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\\\\u3000])@([^\\\\s\\\\u3000@]+)/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, avatar_url: m.avatar_url });\n}\nfunction buildTimeLabel(m) {\n const editedLabel = m.edited_at && !m.deleted ? '編集済み' : \"\";\n return fmtTime(m.created_at) + editedLabel;\n}\nfunction buildActionsRow(m, mine) {\n if (m.deleted) return \"\";\n let actions = '返信';\n if (mine) {\n actions += '編集';\n actions += '削除';\n }\n return actions;\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}\nfunction extractColorCode(body) {\n const match = body.match(/^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})[ \\\\u3000]+([\\\\s\\\\S]+)$/);\n if (!match) return null;\n return { color: \"#\" + match[1], text: match[2] };\n}\nfunction buildBubbleInner(m) {\n if (m.deleted) return '

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

';\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) imgHtml = ' $\"uploaded$ ';\n\n let bodyHtml;\n if (m.poll) {\n bodyHtml = buildPollHtml(m);\n } else {\n const colorInfo = extractColorCode(m.body);\n if (colorInfo) {\n bodyHtml = '' + linkifyMentions(escapeHtml(colorInfo.text)) + '';\n } else {\n bodyHtml = linkifyMentions(escapeHtml(m.body));\n }\n }\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 nameLabel = document.createElement(\"div\"); nameLabel.className = \"msg-name\";\n const row = document.createElement(\"div\"); row.className = \"msg-row\";\n const avatarSlot = document.createElement(\"div\"); avatarSlot.className = \"msg-avatar-slot\";\n const bubbleContainer = document.createElement(\"div\"); bubbleContainer.className = \"bubble-container\";\n const timeLabel = document.createElement(\"div\"); timeLabel.className = \"msg-time\";\n const actionsRow = document.createElement(\"div\"); actionsRow.className = \"msg-actions\";\n row.appendChild(avatarSlot);\n row.appendChild(bubbleContainer);\n row.appendChild(timeLabel);\n wrap.appendChild(nameLabel);\n wrap.appendChild(row);\n wrap.appendChild(actionsRow);\n\n updateMessageElement(wrap, m);\n return wrap;\n}\nfunction updateMessageElement(wrap, m) {\n const mine = m.user_id === myUserId;\n wrap.querySelector(\".msg-name\").innerHTML = mine ? \"\" : escapeHtml(m.name);\n const avatarSlot = wrap.querySelector(\".msg-avatar-slot\");\n if (avatarSlot) avatarSlot.innerHTML = mine ? \"\" : buildAvatarHtml(m.name, m.avatar_url, m.user_id);\n wrap.querySelector(\".bubble-container\").innerHTML = buildBubbleInner(m);\n wrap.querySelector(\".msg-time\").innerHTML = buildTimeLabel(m);\n wrap.querySelector(\".msg-actions\").innerHTML = buildActionsRow(m, mine);\n}\n\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}\nfunction isNearBottom() {\n return messagesEl.scrollHeight - messagesEl.scrollTop - messagesEl.clientHeight < 80;\n}\n\nfunction render(messages) {\n const wasNearBottom = firstLoad ? true : isNearBottom();\n if (firstLoad) { messagesEl.innerHTML = \"\"; firstLoad = false; }\n\n if (pendingOptimistic) {\n const match = messages.find((m) =>\n m.user_id === myUserId &&\n m.body === pendingOptimistic.body &&\n (m.image_url || \"\") === (pendingOptimistic.image_url || \"\") &&\n !msgIndex.has(m.id)\n );\n if (match) {\n if (pendingOptimistic.tempId != null) {\n const entry = msgIndex.get(pendingOptimistic.tempId);\n if (entry && entry.el) { entry.el.remove(); }\n msgIndex.delete(pendingOptimistic.tempId);\n messageData.delete(pendingOptimistic.tempId);\n }\n pendingOptimistic = null;\n }\n }\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 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 if (wasNearBottom) {\n messagesEl.scrollTop = messagesEl.scrollHeight;\n scrollBottomBtn.classList.remove(\"show\");\n } else {\n scrollBottomBtn.classList.add(\"show\");\n }\n}\n\nmessagesEl.addEventListener(\"scroll\", () => {\n if (isNearBottom()) { scrollBottomBtn.classList.remove(\"show\"); }\n});\nscrollBottomBtn.addEventListener(\"click\", () => {\n messagesEl.scrollTop = messagesEl.scrollHeight;\n scrollBottomBtn.classList.remove(\"show\");\n});\nmessagesEl.addEventListener(\"click\", (e) => {\n const replyBtn = e.target.closest(\".reply-btn\");\n if (replyBtn) { replyingTo = { id: replyBtn.dataset.id, name: replyBtn.dataset.name, body: replyBtn.dataset.body }; showReplyPreview(); return; }\n const editBtn = e.target.closest(\".edit-btn\");\n if (editBtn) { startEdit(editBtn.dataset.id); return; }\n const deleteBtn = e.target.closest(\".delete-btn\");\n if (deleteBtn) { handleDelete(deleteBtn.dataset.id); return; }\n const pollOption = e.target.closest(\".poll-option\");\n if (pollOption) { handleVote(pollOption.dataset.pollId, pollOption.dataset.messageId, pollOption.dataset.option); return; }\n const img = e.target.closest(\".msg-img\");\n if (img) { openLightbox(img.dataset.full); return; }\n});\n\nfunction openLightbox(src) { lightboxImg.src = src; lightbox.classList.add(\"show\"); }\nfunction closeLightbox() { lightbox.classList.remove(\"show\"); lightboxImg.src = \"\"; }\nlightbox.addEventListener(\"click\", closeLightbox);\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\", () => { bubbleContainer.innerHTML = buildBubbleInner(m); });\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}\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}\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}\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\\\\u3000])@([^\\\\s\\\\u3000@]*)$/);\n if (match) {\n const query = match[2].toLowerCase();\n const myName = getDisplayName();\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 autoGrowBody() {\n bodyInput.style.height = \"auto\";\n bodyInput.style.height = Math.min(bodyInput.scrollHeight, 120) + \"px\";\n}\nbodyInput.addEventListener(\"input\", autoGrowBody);\n\nfunction getDraftKey() { return \"chatDraft:\" + room; }\nfunction saveDraft() {\n if (!room) return;\n try { localStorage.setItem(getDraftKey(), bodyInput.value); } catch (e) {}\n}\nfunction restoreDraft() {\n if (!room) return;\n try {\n const saved = localStorage.getItem(getDraftKey());\n if (saved) { bodyInput.value = saved; autoGrowBody(); }\n } catch (e) {}\n}\nfunction clearDraft() {\n if (!room) return;\n try { localStorage.removeItem(getDraftKey()); } catch (e) {}\n}\nbodyInput.addEventListener(\"input\", saveDraft);\nwindow.addEventListener(\"pagehide\", saveDraft);\ndocument.addEventListener(\"visibilitychange\", () => {\n if (document.visibilityState === \"hidden\") { saveDraft(); }\n else if (currentScreen === \"chatroom\") { restoreDraft(); }\n});\nwindow.addEventListener(\"pageshow\", () => { if (currentScreen === \"chatroom\") restoreDraft(); });\nsetInterval(saveDraft, 3000);\n\nbodyInput.addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\" && !e.shiftKey && !e.isComposing) {\n e.preventDefault();\n composer.requestSubmit ? composer.requestSubmit() : composer.dispatchEvent(new Event(\"submit\", { cancelable: true }));\n }\n});\nbodyInput.addEventListener(\"focus\", () => {\n setAppHeightVar();\n setTimeout(() => { bodyInput.scrollIntoView({ block: \"end\", behavior: \"smooth\" }); }, 300);\n});\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\\\\u3000@]*)$/, \"@\" + 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) return { type: \"poll\", raw: trimmed.slice(6) };\n if (trimmed === \"/who\") return { type: \"who\" };\n if (trimmed.toLowerCase() === \"/profile\") return { type: \"profile\" };\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 = \"🎲 \" + getDisplayName() + \" のダイス: \" + result + \" (1〜\" + safeMax + \")\";\n clearImagePreview();\n await sendNormalMessage(text, null);\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: getDisplayName(), avatar_url: getAvatarUrl(), question, options }),\n });\n bodyInput.value = \"\"; autoGrowBody(); clearImagePreview(); clearDraft();\n await poll();\n } catch (err) { console.error(err); } finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\nasync function sendWhoCommand() {\n bodyInput.value = \"\"; autoGrowBody(); clearDraft();\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\nlet sending = false;\nlet tempIdCounter = 0;\nlet pendingOptimistic = null;\n\nfunction appendMessageElementToDOM(m) {\n if (firstLoad) { messagesEl.innerHTML = \"\"; firstLoad = false; }\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 const el = createMessageElement(m);\n messagesEl.appendChild(el);\n msgIndex.set(m.id, { el, sig: signatureOf(m) });\n messageData.set(m.id, m);\n return el;\n}\n\nasync function sendNormalMessage(body, file) {\n sending = true; bodyInput.disabled = true;\n const currentReply = replyingTo;\n try {\n let imageUrl = \"\"; if (file) imageUrl = await fileToBase64(file);\n\n const tempId = --tempIdCounter;\n const nowTs = Date.now();\n const optimisticMsg = {\n id: tempId, user_id: myUserId, name: getDisplayName(), body, image_url: imageUrl,\n reply_to_id: currentReply ? currentReply.id : null, reply_to_name: currentReply ? currentReply.name : null,\n reply_to_body: currentReply ? currentReply.body : null, edited_at: null, deleted: false,\n updated_at: nowTs, poll_id: null, poll: null, created_at: nowTs, avatar_url: getAvatarUrl(),\n };\n knownNames.add(optimisticMsg.name);\n appendMessageElementToDOM(optimisticMsg);\n messagesEl.scrollTop = messagesEl.scrollHeight;\n scrollBottomBtn.classList.remove(\"show\");\n pendingOptimistic = { tempId, body, image_url: imageUrl };\n\n bodyInput.value = \"\"; autoGrowBody(); clearImagePreview(); clearDraft();\n replyingTo = null; showReplyPreview();\n\n await fetch(\"/api/send\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n room, user_id: myUserId, name: getDisplayName(), body, image_url: imageUrl,\n avatar_url: getAvatarUrl(),\n reply_to_id: currentReply ? currentReply.id : null,\n reply_to_name: currentReply ? currentReply.name : null,\n reply_to_body: currentReply ? currentReply.body : null,\n }),\n });\n await poll();\n } catch (err) {\n console.error(err);\n if (pendingOptimistic) {\n if (pendingOptimistic.tempId != null) {\n const entry = msgIndex.get(pendingOptimistic.tempId);\n if (entry && entry.el) { entry.el.remove(); }\n msgIndex.delete(pendingOptimistic.tempId);\n messageData.delete(pendingOptimistic.tempId);\n }\n bodyInput.value = body; autoGrowBody();\n pendingOptimistic = null;\n }\n } finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\n\nasync function poll() {\n if (!room || currentScreen !== \"chatroom\") return;\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(getDisplayName()),\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}\nwindow.poll = poll;\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 === \"profile\") { bodyInput.value = \"\"; autoGrowBody(); openEntryOverlay(true); return; }\n\n await sendNormalMessage(trimmed, file);\n});\n\n// --- 起動処理 ---\nfunction boot() {\n updateProfileTabIcon();\n const initialRoom = getRoomFromHash();\n if (initialRoom) {\n room = initialRoom;\n roomLabel.textContent = \"#\" + room;\n resetChatState();\n showScreen(\"chatroom\");\n startChatPolling();\n } else {\n showScreen(\"talklist\");\n loadTalklist();\n }\n}\n\nupdateNotifUI();\nif (currentProfile) {\n boot();\n} else {\n openEntryOverlay(false);\n}\n`;",[164],"pulls","branches",1,"forks","envVars",{"_178":172,"_180":69},"connections",{"_178":69,"_179":69},"count","unfilledCount","emptyCount",{"_49":163,"_38":164,"_36":165,"_142":-5,"_47":48,"_46":166,"_144":31,"_44":195,"_13":160,"_39":40,"_41":168,"_30":31,"_149":-5,"_186":196,"_33":197},{"_49":155,"_38":156,"_36":157,"_142":-5,"_47":48,"_46":158,"_144":31,"_44":192,"_13":160,"_39":40,"_41":161,"_30":31,"_149":-5,"_186":193,"_33":194},{"_49":151,"_38":34,"_36":37,"_142":-5,"_47":48,"_46":14,"_144":31,"_44":189,"_13":153,"_39":40,"_41":43,"_30":31,"_149":-5,"_186":190,"_33":191},{"_49":140,"_38":141,"_36":63,"_142":-5,"_47":48,"_46":143,"_144":31,"_44":185,"_13":146,"_39":147,"_41":148,"_30":31,"_149":105,"_186":187,"_33":188},["D",1788485831814],"children",[],[141],["D",1788486038119],[],[34],["D",1788484946688],[],[156],["D",1788484988784],[],[164],["D",1788478632137],["D",1789448471428],{"_106":105,"_114":110},{"_106":105,"_107":108,"_109":110,"_19":61,"_111":112,"_113":31},{"_13":95,"_38":96,"_49":48,"_97":50,"_98":-5,"_99":-5,"_100":-5,"_101":-5,"_102":-5,"_103":51,"_104":105},"ctx",{"_88":-5,"_133":236,"_237":238,"_239":240,"_241":31,"_242":31,"_243":31,"_244":65,"_245":-5,"_246":-7,"_247":-7,"_248":69,"_249":31,"_250":31,"_251":-5,"_252":31,"_253":31,"_254":31,"_255":-5},"ENV",{"_207":208,"_209":210,"_211":96,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235},"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 · v23