LINE

\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

\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`;",[],[197],"66eb13da-2f06-4259-89d0-4a13916ce5d9","gif.ts","aadc8198-a7f0-11f1-8a52-1607ee4eb77e",29,["D",1788566749081],6,"// gif.ts\nexport const gifClientJs = `\n(function() {\n function injectStyles() {\n var style = document.createElement(\"style\");\n style.textContent =\n \".gif-label{background:transparent;border:none;color:#3c3c43;width:36px;height:38px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:0.68rem;font-weight:800;letter-spacing:0.02em;flex:0 0 auto;}\" +\n \".gif-label:active{background:rgba(0,0,0,0.05);}\" +\n \".gif-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.45);align-items:flex-end;justify-content:center;z-index:10001;}\" +\n \".gif-overlay.show{display:flex;}\" +\n \".gif-panel{width:100%;max-width:430px;background:#ffffff;border-radius:16px 16px 0 0;display:flex;flex-direction:column;max-height:70vh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0px);}\" +\n \".gif-panel-header{display:flex;align-items:center;gap:8px;padding:12px 14px 8px;background:#ffffff;}\" +\n \".gif-search-input{flex:1;background:#f2f2f4;border:none;color:#111111;padding:8px 14px;border-radius:8px;font-size:16px;outline:none;font-family:inherit;}\" +\n \".gif-search-input::placeholder{color:#b5b5b9;}\" +\n \".gif-close-btn{cursor:pointer;color:#8e8e93;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 \".gif-attribution{text-align:center;font-size:0.6rem;color:#c2c2c6;padding:4px 0 8px;}\";\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 var isComposing = false;\n var requestSeq = 0;\n var bodyScrollY = 0;\n\n function lockBodyScroll() {\n bodyScrollY = window.scrollY || window.pageYOffset || 0;\n document.body.style.position = \"fixed\";\n document.body.style.top = \"-\" + bodyScrollY + \"px\";\n document.body.style.width = \"100%\";\n }\n function unlockBodyScroll() {\n document.body.style.position = \"\";\n document.body.style.top = \"\";\n document.body.style.width = \"\";\n window.scrollTo(0, bodyScrollY);\n }\n\n function openPanel() {\n gifOverlay.classList.add(\"show\");\n lockBodyScroll();\n gifSearchInput.value = \"\";\n gifSearchInput.focus();\n search(\"\");\n }\n function closePanel() {\n clearTimeout(searchTimer);\n gifOverlay.classList.remove(\"show\");\n gifGrid.innerHTML = \"\";\n unlockBodyScroll();\n }\n\n function search(query) {\n var mySeq = ++requestSeq;\n gifGrid.innerHTML = '

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

';\n // GIPHY への呼び出しはサーバー側プロキシ (/api/gif/search) 経由にして\n // API キーをクライアントに渡さないようにする\n var endpoint = \"/api/gif/search?q=\" + encodeURIComponent(query.trim());\n fetch(endpoint).then(function(res) {\n if (!res.ok) throw new Error(\"request failed: \" + res.status);\n return res.json();\n }).then(function(data) {\n if (mySeq !== requestSeq) return; // 古いリクエストの結果は破棄\n var items = (data && data.items) || [];\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 if (!g.preview || !g.full) return;\n var img = document.createElement(\"img\");\n img.loading = \"lazy\";\n img.src = g.preview;\n img.alt = g.title || \"gif\";\n img.addEventListener(\"error\", function() {\n img.remove();\n });\n img.addEventListener(\"click\", function() {\n closePanel();\n sendGif(g.full);\n });\n gifGrid.appendChild(img);\n });\n }).catch(function(err) {\n if (mySeq !== requestSeq) return;\n console.error(err);\n gifGrid.innerHTML = '

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

';\n });\n }\n\n // client.js が公開する現在のアイデンティティ（匿名 / アカウント）を優先して使う\n function getIdentity() {\n if (typeof window.getChatIdentity === \"function\") return window.getChatIdentity();\n var r = location.hash.replace(/^#/, \"\");\n return {\n room: r || \"lobby\",\n user_id: localStorage.getItem(\"chatUserId\") || \"unknown\",\n name: localStorage.getItem(\"chatName\") || \"\\u540D\\u7121\\u3057\",\n avatar: localStorage.getItem(\"chatAvatar\") || \"\",\n token: \"\",\n };\n }\n\n function sendGif(fullUrl) {\n try {\n var idn = getIdentity();\n fetch(\"/api/send\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n room: idn.room,\n user_id: idn.user_id,\n name: idn.name,\n body: \"\",\n image_url: fullUrl,\n avatar_url: idn.avatar,\n token: idn.token,\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 document.addEventListener(\"keydown\", function(e) {\n if (e.key === \"Escape\" && gifOverlay.classList.contains(\"show\")) closePanel();\n });\n gifSearchInput.addEventListener(\"compositionstart\", function() { isComposing = true; });\n gifSearchInput.addEventListener(\"compositionend\", function() {\n isComposing = false;\n clearTimeout(searchTimer);\n var q = gifSearchInput.value;\n searchTimer = setTimeout(function() { search(q); }, 350);\n });\n gifSearchInput.addEventListener(\"input\", function() {\n if (isComposing) return;\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}",[],[206],"2dc8e78a-8307-4c9d-8b91-8805c5b919ae","client.ts","9f6caee6-a7f0-11f1-b997-1607ee4eb77e",40,["D",1789191632534],"//　client.ts\nexport const jsContent = `\n/* =====================================================================\n 基本ユーティリティ\n ===================================================================== */\nfunction $(id) { return document.getElementById(id); }\nfunction escapeHtml(s) { if (s == null || s === \"\") return \"\"; return String(s).replace(/[&<>\"']/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c])); }\nfunction truncateText(s, n) { if (!s) return \"\"; return s.length > n ? s.slice(0, n) + \"…\" : s; }\nfunction pad2(n) { return String(n).padStart(2, \"0\"); }\nfunction icon(name) { return ''; }\nconst DAYS = [\"日\", \"月\", \"火\", \"水\", \"木\", \"金\", \"土\"];\nfunction fmtTime(ts) { const d = new Date(ts); return d.getHours() + \":\" + pad2(d.getMinutes()); }\nfunction fmtDate(ts) { const d = new Date(ts); return (d.getMonth() + 1) + \"月\" + d.getDate() + \"日(\" + DAYS[d.getDay()] + \")\"; }\nfunction dateKey(ts) { const d = new Date(ts); return d.getFullYear() + \"-\" + d.getMonth() + \"-\" + d.getDate(); }\nfunction isToday(ts) { return dateKey(ts) === dateKey(Date.now()); }\nfunction isYesterday(ts) { const y = new Date(); y.setDate(y.getDate() - 1); return dateKey(ts) === dateKey(y.getTime()); }\nfunction fmtDateDivider(ts) {\n if (isToday(ts)) return \"今日\";\n if (isYesterday(ts)) return \"昨日\";\n const d = new Date(ts); const now = new Date();\n return (d.getFullYear() !== now.getFullYear() ? d.getFullYear() + \"年\" : \"\") + fmtDate(ts);\n}\nfunction fmtListTime(ts) {\n if (!ts) return \"\";\n if (isToday(ts)) return fmtTime(ts);\n if (isYesterday(ts)) return \"昨日\";\n const d = new Date(ts); const now = new Date();\n if (d.getFullYear() !== now.getFullYear()) return d.getFullYear() + \"/\" + (d.getMonth() + 1) + \"/\" + d.getDate();\n return (d.getMonth() + 1) + \"/\" + d.getDate();\n}\nfunction fileToBase64(file) { return new Promise((resolve, reject) => { const reader = new FileReader(); reader.readAsDataURL(file); reader.onload = () => resolve(reader.result); reader.onerror = (e) => reject(e); }); }\nasync function copyText(text) { try { await navigator.clipboard.writeText(text); return true; } catch (e) { return false; } }\n\nlet toastTimer = null;\nfunction toast(msg) {\n const t = $(\"toast\"); t.textContent = msg; t.classList.add(\"show\");\n clearTimeout(toastTimer); toastTimer = setTimeout(() => t.classList.remove(\"show\"), 2200);\n}\n\nconst AVATAR_COLORS = [\"#4a8af4\", \"#6c5ce7\", \"#00b894\", \"#f39c12\", \"#e84393\", \"#0abde3\", \"#a55eea\", \"#06c755\", \"#fd7e14\", \"#20bf6b\"];\nfunction colorForKey(key) {\n let hash = 0; 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, cls) {\n cls = cls ? \" \" + cls : \"\";\n if (avatarUrl) return ' $\"\"$ ';\n const trimmed = (name || \"\").trim();\n const letter = escapeHtml(trimmed ? trimmed.charAt(0).toUpperCase() : \"?\");\n return '

' + letter + \"

\";\n}\nfunction buildGroupIconHtml(iconUrl, cls) {\n cls = cls ? \" \" + cls : \"\";\n if (iconUrl) return ' $\"\"$ ';\n return '

' + icon(\"people\") + \"

\";\n}\nfunction buildRoomIconHtml(r, cls) {\n if (r.type === \"group\") return buildGroupIconHtml(r.icon, cls);\n if (r.type === \"dm\") return buildAvatarHtml(r.title, r.icon, r.room, cls);\n const letter = escapeHtml((r.room || \"?\").charAt(0).toUpperCase());\n return '

' + letter + \"

\";\n}\n\nasync function apiPost(path, payload) {\n const res = await fetch(path, { method: \"POST\", headers: { \"Content-Type\": \"application/json\" }, body: JSON.stringify(payload || {}) });\n let data = {}; try { data = await res.json(); } catch (e) {}\n if (!res.ok || data.error) throw new Error(data.error || (\"HTTP \" + res.status));\n return data;\n}\nasync function apiGet(path) {\n const res = await fetch(path);\n let data = {}; try { data = await res.json(); } catch (e) {}\n if (!res.ok || data.error) throw new Error(data.error || (\"HTTP \" + res.status));\n return data;\n}\nfunction apiErrorMessage(err) {\n const m = String(err && err.message || err);\n const map = { name_required: \"名前を入力してください\", invalid_line_id: \"IDは半角英数字と . _ - で4〜20文字です\", id_taken: \"このIDは既に使われています\", not_found: \"見つかりませんでした\", unauthorized: \"アカウント認証に失敗しました\", forbidden: \"このトークに参加していません\", invalid_friend: \"自分自身は追加できません\" };\n return map[m] || (\"エラー: \" + m);\n}\n\n/* =====================================================================\n アイデンティティ（匿名 / LINEアカウント）\n ===================================================================== */\nfunction getAnonId() {\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 anonUserId = getAnonId();\nfunction loadAnonProfile() { const name = localStorage.getItem(\"chatName\"); if (!name) return null; return { name, avatar: localStorage.getItem(\"chatAvatar\") || \"\" }; }\nfunction saveAnonProfile(name, avatar) {\n localStorage.setItem(\"chatName\", name);\n if (avatar) localStorage.setItem(\"chatAvatar\", avatar); else localStorage.removeItem(\"chatAvatar\");\n anonProfile = { name, avatar: avatar || \"\" };\n}\nlet anonProfile = loadAnonProfile();\n\nfunction loadLineAccount() { try { const raw = localStorage.getItem(\"lineAccount\"); return raw ? JSON.parse(raw) : null; } catch (e) { return null; } }\nlet lineAccount = loadLineAccount();\nfunction saveLineAccount(acc) {\n if (acc) localStorage.setItem(\"lineAccount\", JSON.stringify(acc)); else localStorage.removeItem(\"lineAccount\");\n lineAccount = acc;\n}\nlet identityMode = localStorage.getItem(\"identityMode\") || \"anon\";\nfunction setIdentityMode(mode) { identityMode = mode; localStorage.setItem(\"identityMode\", mode); }\n\nfunction isAccountRoom(r) { return !!r && (r.indexOf(\"dm:\") === 0 || r.indexOf(\"g:\") === 0); }\nfunction dmRoomFor(a, b) { const s = [a, b].sort(); return \"dm:\" + s[0] + \"-\" + s[1]; }\nfunction currentIdentity() {\n const useLine = lineAccount && (identityMode === \"line\" || isAccountRoom(room));\n if (useLine) return { mode: \"line\", user_id: lineAccount.id, name: lineAccount.name || \"名無し\", avatar: lineAccount.avatar_url || \"\", token: lineAccount.token || \"\" };\n return { mode: \"anon\", user_id: anonUserId, name: (anonProfile && anonProfile.name) || \"名無し\", avatar: (anonProfile && anonProfile.avatar) || \"\", token: \"\" };\n}\nfunction myId() { return currentIdentity().user_id; }\nfunction getDisplayName() { return currentIdentity().name; }\nfunction getAvatarUrl() { return currentIdentity().avatar; }\nfunction authQuery() { return lineAccount ? \"&account_id=\" + encodeURIComponent(lineAccount.id) + \"&token=\" + encodeURIComponent(lineAccount.token) : \"\"; }\nfunction authBody() { return lineAccount ? { account_id: lineAccount.id, token: lineAccount.token } : {}; }\nwindow.getChatIdentity = function () {\n const idn = currentIdentity();\n return { room: room || \"lobby\", user_id: idn.user_id, name: idn.name, avatar: idn.avatar, token: idn.token };\n};\n\n/* =====================================================================\n iOS 判定 / ホーム画面追加バナー\n ===================================================================== */\nfunction isIos() {\n return /iphone|ipad|ipod/i.test(navigator.userAgent) || (navigator.platform === \"MacIntel\" && navigator.maxTouchPoints > 1);\n}\nfunction isStandaloneDisplay() {\n return (window.matchMedia && window.matchMedia(\"(display-mode: standalone)\").matches) || window.navigator.standalone === true;\n}\nfunction maybeShowIosInstallBanner() {\n const banner = $(\"iosInstallBanner\");\n if (!banner) return;\n if (!isIos() || isStandaloneDisplay()) { banner.classList.remove(\"show\"); return; }\n const dismissedAt = Number(localStorage.getItem(\"iosInstallBannerDismissedAt\") || 0);\n if (Date.now() - dismissedAt < 3 * 24 * 60 * 60 * 1000) return;\n banner.classList.add(\"show\");\n}\nconst iosInstallCloseBtn = $(\"iosInstallClose\");\nif (iosInstallCloseBtn) {\n iosInstallCloseBtn.addEventListener(\"click\", () => {\n localStorage.setItem(\"iosInstallBannerDismissedAt\", String(Date.now()));\n $(\"iosInstallBanner\").classList.remove(\"show\");\n });\n}\n\n/* =====================================================================\n Push 通知\n ===================================================================== */\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 = $('notifBar');\n if (!bar) return;\n if (isIos() && !isStandaloneDisplay()) {\n bar.innerHTML = 'iOSで通知を受け取るには、ホーム画面に追加してから開いてください';\n bar.classList.add('show');\n return;\n }\n if (!('Notification' in window)) { bar.innerHTML = 'このブラウザは通知に対応していません'; bar.classList.add('show'); return; }\n if (Notification.permission === 'granted') { bar.classList.remove('show'); }\n else if (Notification.permission === 'denied') { bar.innerHTML = '通知がブロックされています。ブラウザ設定から許可してください'; bar.classList.add('show'); }\n else { bar.innerHTML = '新着メッセージの通知を受け取る'; bar.classList.add('show'); $('enableNotifBtn').addEventListener('click', window.enablePush); }\n}\nasync function subscribeCurrentRoom(sub) {\n const idn = currentIdentity();\n const rm = room || 'lobby';\n await fetch('/api/subscribe', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ user_id: idn.user_id, room: rm, subscription: sub }) });\n}\nwindow.enablePush = async function () {\n const btn = $('enableNotifBtn');\n if (btn) { btn.disabled = true; btn.textContent = '処理中...'; }\n try {\n if (isIos() && !isStandaloneDisplay()) throw new Error('ホーム画面に追加してから開いてください');\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('通知が許可されませんでした');\n }\n if (Notification.permission !== 'granted') throw new Error('通知が許可されていません');\n const reg = await getPushRegistration();\n const data = await (await fetch('/api/vapid-public-key')).json();\n if (!data.publicKey) throw new Error('VAPIDキー取得失敗');\n let sub = await reg.pushManager.getSubscription();\n if (!sub) sub = await reg.pushManager.subscribe({ userVisibleOnly: true, applicationServerKey: urlBase64ToUint8Array(data.publicKey) });\n await subscribeCurrentRoom(sub);\n updateNotifUI();\n toast('通知をオンにしました');\n } catch (e) {\n console.error(e);\n toast('通知の設定に失敗: ' + e.message);\n if (btn) { btn.disabled = false; btn.textContent = '許可'; }\n updateNotifUI();\n }\n};\nasync function setupPushNotifications() {\n try {\n if (!('serviceWorker' in navigator)) return;\n if ('Notification' in window && Notification.permission === 'granted') {\n try {\n const reg = await getPushRegistration();\n const sub = await reg.pushManager.getSubscription();\n if (sub) await subscribeCurrentRoom(sub);\n } catch (e) {}\n }\n updateNotifUI();\n } catch (e) { console.error(e); }\n}\n\n/* =====================================================================\n ビューポート高さ\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\n/* =====================================================================\n DOM 参照 / 状態\n ===================================================================== */\nfunction getRoomFromHash() { return decodeURIComponent(location.hash.replace(/^#/, \"\")); }\nfunction randomRoomId() { return Math.random().toString(36).slice(2, 8); }\n\nlet room = \"\";\nlet roomInfo = null;\nlet readers = [];\nlet readersSig = \"\";\n\nconst messagesEl = $(\"messages\"); const composer = $(\"composer\");\nconst bodyInput = $(\"body\");\nconst roomLabel = $(\"roomLabel\"); const roomCount = $(\"roomCount\");\nconst fileInput = $(\"imageFile\"); const fileLabel = $(\"fileLabel\"); const cameraInput = $(\"cameraFile\");\nconst mentionList = $(\"mentionList\");\nconst replyPreviewBar = $(\"replyPreviewBar\"); const rpText = $(\"rpText\"); const rpCancel = $(\"rpCancel\");\nconst imagePreviewBar = $(\"imagePreviewBar\"); const imagePreviewThumb = $(\"imagePreviewThumb\"); const ipCancel = $(\"ipCancel\");\nconst scrollBottomBtn = $(\"scrollBottomBtn\");\nconst lightbox = $(\"lightbox\"); const lightboxImg = $(\"lightboxImg\");\nconst backBtn = $(\"backBtn\"); const backCount = $(\"backCount\");\nconst newChatBtn = $(\"newChatBtn\");\nconst talklistItems = $(\"talklistItems\"); const talkSearchInput = $(\"talkSearchInput\");\n\nlet lastId = 0; let lastUpdateSeen = 0; let firstLoad = true;\nlet lastRenderedDateStr = \"\"; let lastSender = null;\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 pendingFile = null;\nlet homeData = { friends: [], groups: [] };\n\n/* 既読位置（トーク一覧の未読バッジ用） */\nfunction getReads() { try { return JSON.parse(localStorage.getItem(\"chatReads\") || \"{}\") || {}; } catch (e) { return {}; } }\nfunction setRead(r, id) {\n if (!r || !id) return;\n const reads = getReads();\n if ((reads[r] || 0) >= id) return;\n reads[r] = id;\n try { localStorage.setItem(\"chatReads\", JSON.stringify(reads)); } catch (e) {}\n}\n\n/* =====================================================================\n 画面遷移\n ===================================================================== */\nconst SCREEN_IDS = { home: \"screenHome\", talklist: \"screenTalklist\", timeline: \"screenTimeline\", news: \"screenNews\", wallet: \"screenWallet\", chatroom: \"screenChatroom\", webview: \"screenWebview\", call: \"screenCall\" };\n/* アプリ内ブラウザで開く外部サービス（URL は UI には表示しない） */\nconst SERVICE_LINKS = { animal: \"https://fruit-grower.val.run/\" };\nfunction showScreen(name) {\n if (currentScreen === \"webview\" && name !== \"webview\") wvUnload();\n Object.keys(SCREEN_IDS).forEach((k) => $(SCREEN_IDS[k]).classList.toggle(\"active\", k === name));\n $(\"tabbar\").style.display = (name === \"chatroom\" || name === \"webview\" || name === \"call\") ? \"none\" : \"flex\";\n document.querySelectorAll(\".tab-item\").forEach((el) => el.classList.toggle(\"active\", el.dataset.tab === name));\n currentScreen = name;\n}\nfunction navigateTo(name) {\n if (currentScreen === \"chatroom\" && name !== \"chatroom\") {\n stopChatPolling();\n room = \"\"; roomInfo = null;\n history.replaceState(null, \"\", location.pathname + location.search);\n }\n showScreen(name);\n if (name === \"talklist\") loadTalklist();\n if (name === \"home\") loadHome();\n}\n\n/* =====================================================================\n アプリ内ブラウザ (WebView)\n - iframe で外部サービスを LINE 風の画面内に表示する\n - URL はヘッダーに表示しない（タイトルのみ）\n ===================================================================== */\nconst wvFrame = $(\"wvFrame\"); const wvTitle = $(\"wvTitle\"); const wvProgress = $(\"wvProgress\"); const wvLoading = $(\"wvLoading\");\nlet webviewUrl = \"\"; let webviewReturnScreen = \"home\"; let wvDoneTimer = null; let wvFailsafeTimer = null;\nfunction wvSetLoading(on) {\n clearTimeout(wvDoneTimer); clearTimeout(wvFailsafeTimer);\n if (on) {\n wvProgress.classList.remove(\"done\"); wvProgress.classList.add(\"loading\");\n wvLoading.classList.remove(\"hide\");\n wvFailsafeTimer = setTimeout(() => wvSetLoading(false), 12000);\n } else {\n wvProgress.classList.remove(\"loading\"); wvProgress.classList.add(\"done\");\n wvLoading.classList.add(\"hide\");\n wvDoneTimer = setTimeout(() => wvProgress.classList.remove(\"done\"), 700);\n }\n}\nfunction wvUnload() {\n webviewUrl = \"\";\n clearTimeout(wvDoneTimer); clearTimeout(wvFailsafeTimer);\n wvProgress.classList.remove(\"loading\", \"done\");\n wvLoading.classList.remove(\"hide\");\n wvFrame.removeAttribute(\"src\");\n}\nfunction openWebview(url, title) {\n if (!url) return;\n if (currentScreen !== \"webview\") {\n webviewReturnScreen = currentScreen;\n if (currentScreen === \"chatroom\") stopChatPolling();\n }\n webviewUrl = url;\n wvTitle.textContent = title || \"\";\n wvSetLoading(true);\n wvFrame.src = url;\n showScreen(\"webview\");\n}\nfunction closeWebview() {\n const back = webviewReturnScreen || \"home\";\n webviewReturnScreen = \"home\";\n if (back === \"chatroom\" && room) { showScreen(\"chatroom\"); startChatPolling(); return; }\n navigateTo(back === \"chatroom\" || back === \"webview\" ? \"home\" : back);\n}\nwvFrame.addEventListener(\"load\", () => { if (webviewUrl) wvSetLoading(false); });\n$(\"wvBackBtn\").addEventListener(\"click\", closeWebview);\n$(\"wvReloadBtn\").addEventListener(\"click\", () => { if (!webviewUrl) return; wvSetLoading(true); wvFrame.src = webviewUrl; });\n$(\"wvExternalBtn\").addEventListener(\"click\", () => { if (webviewUrl) window.open(webviewUrl, \"_blank\", \"noopener\"); });\nwindow.openWebview = openWebview;\ndocument.querySelectorAll(\".tab-item\").forEach((btn) => {\n btn.addEventListener(\"click\", () => navigateTo(btn.dataset.tab));\n});\nbackBtn.addEventListener(\"click\", () => navigateTo(\"talklist\"));\nwindow.addEventListener(\"hashchange\", () => {\n const h = getRoomFromHash();\n if (!h) return;\n if (h.indexOf(\"add:\") === 0) { handleAddLink(h.slice(4)); return; }\n if (h !== room) openChatroom(h);\n});\n\n/* =====================================================================\n ボトムシート\n ===================================================================== */\nconst sheetOverlay = $(\"sheetOverlay\"); const sheetTitle = $(\"sheetTitle\"); const sheetBody = $(\"sheetBody\");\nfunction openSheet(title, html) { sheetBody.onclick = null; sheetTitle.textContent = title; sheetBody.innerHTML = html; sheetOverlay.classList.add(\"show\"); }\nfunction closeSheet() { sheetOverlay.classList.remove(\"show\"); sheetBody.innerHTML = \"\"; }\nsheetOverlay.addEventListener(\"click\", (e) => { if (e.target === sheetOverlay) closeSheet(); });\n$(\"sheetClose\").addEventListener(\"click\", closeSheet);\nfunction sheetItem(action, iconName, label, sub, opts) {\n opts = opts || {};\n return '\";\n}\nfunction pickRow(id, avatarHtml, name, sub, on) {\n return '

' + avatarHtml +\n '

' + escapeHtml(name) + (sub ? '

' + escapeHtml(sub) + \"

\" : \"\") + \"

\" +\n '' + icon(\"check\") + \"

\";\n}\nsheetBody.addEventListener(\"click\", (e) => {\n const pr = e.target.closest(\".pick-row\");\n if (pr && pr.dataset.toggle === \"1\") pr.classList.toggle(\"on\");\n});\n\n/* =====================================================================\n 匿名プロフィール（初回 / 編集）\n ===================================================================== */\nconst entryOverlay = $(\"entryOverlay\"); const entryTitle = $(\"entryTitle\"); const entrySub = $(\"entrySub\");\nconst entryAvatarPreview = $(\"entryAvatarPreview\"); const entryAvatarFile = $(\"entryAvatarFile\");\nconst entryNameInput = $(\"entryNameInput\"); const entryCancelBtn = $(\"entryCancelBtn\"); const entrySubmitBtn = $(\"entrySubmitBtn\");\nlet entryDraftAvatar = \"\"; let pendingFirstEntry = false;\nconst CAM_BADGE = '' + icon(\"camera\") + \"\";\nfunction renderAvatarPreview(el, draft, name) {\n if (draft) { el.innerHTML = ' $\"\"$ ' + CAM_BADGE; return; }\n const v = (name || \"\").trim();\n el.innerHTML = (v ? escapeHtml(v.charAt(0).toUpperCase()) : \"＋\") + CAM_BADGE;\n}\nfunction openEntryOverlay(editMode) {\n pendingFirstEntry = !editMode;\n entryDraftAvatar = editMode && anonProfile ? anonProfile.avatar : \"\";\n entryNameInput.value = editMode && anonProfile ? anonProfile.name : \"\";\n entryAvatarFile.value = \"\";\n renderAvatarPreview(entryAvatarPreview, entryDraftAvatar, entryNameInput.value);\n entryTitle.textContent = editMode ? \"プロフィール（匿名）\" : \"ようこそ\";\n entrySub.textContent = editMode ? \"ランダムトークで使う名前とアイコンです\" : \"名前とアイコンを設定して始めましょう\";\n entrySubmitBtn.textContent = editMode ? \"保存\" : \"はじめる\";\n entryCancelBtn.style.display = editMode ? \"block\" : \"none\";\n entryOverlay.classList.add(\"show\");\n entryNameInput.focus();\n}\nfunction closeEntryOverlay() { entryOverlay.classList.remove(\"show\"); }\nentryNameInput.addEventListener(\"input\", () => renderAvatarPreview(entryAvatarPreview, entryDraftAvatar, entryNameInput.value));\nentryAvatarFile.addEventListener(\"change\", () => {\n const file = entryAvatarFile.files[0]; if (!file) return;\n const reader = new FileReader();\n reader.onload = () => { entryDraftAvatar = reader.result; renderAvatarPreview(entryAvatarPreview, entryDraftAvatar, entryNameInput.value); };\n reader.readAsDataURL(file);\n});\nentryCancelBtn.addEventListener(\"click\", closeEntryOverlay);\nentrySubmitBtn.addEventListener(\"click\", () => {\n const name = entryNameInput.value.trim();\n if (!name) { toast(\"名前を入力してください\"); entryNameInput.focus(); return; }\n saveAnonProfile(name, entryDraftAvatar);\n closeEntryOverlay();\n if (pendingFirstEntry) { pendingFirstEntry = false; boot(); }\n else { refreshIdentityUI(); }\n});\n\n/* =====================================================================\n LINE アカウント（作成 / 編集）\n ===================================================================== */\nconst accountOverlay = $(\"accountOverlay\"); const accTitle = $(\"accTitle\"); const accSub = $(\"accSub\");\nconst accAvatarPreview = $(\"accAvatarPreview\"); const accAvatarFile = $(\"accAvatarFile\");\nconst accNameInput = $(\"accNameInput\"); const accIdInput = $(\"accIdInput\"); const accStatusInput = $(\"accStatusInput\");\nconst accCancelBtn = $(\"accCancelBtn\"); const accSubmitBtn = $(\"accSubmitBtn\");\nlet accDraftAvatar = \"\"; let afterAccountReady = null;\nfunction openAccountOverlay(cb) {\n afterAccountReady = typeof cb === \"function\" ? cb : null;\n const edit = !!lineAccount;\n accDraftAvatar = edit ? (lineAccount.avatar_url || \"\") : \"\";\n accNameInput.value = edit ? (lineAccount.name || \"\") : ((anonProfile && anonProfile.name) || \"\");\n accIdInput.value = edit ? (lineAccount.line_id || \"\") : \"\";\n accStatusInput.value = edit ? (lineAccount.status_msg || \"\") : \"\";\n accAvatarFile.value = \"\";\n renderAvatarPreview(accAvatarPreview, accDraftAvatar, accNameInput.value);\n accTitle.textContent = edit ? \"プロフィール\" : \"アカウントを作成\";\n accSub.textContent = edit ? \"友だち・グループに表示されるプロフィールです\" : \"友だち追加・グループトークに使う、この端末に保存されるアカウントです\";\n accSubmitBtn.textContent = edit ? \"保存\" : \"作成\";\n accountOverlay.classList.add(\"show\");\n accNameInput.focus();\n}\nfunction closeAccountOverlay() { accountOverlay.classList.remove(\"show\"); }\naccNameInput.addEventListener(\"input\", () => renderAvatarPreview(accAvatarPreview, accDraftAvatar, accNameInput.value));\naccAvatarFile.addEventListener(\"change\", () => {\n const file = accAvatarFile.files[0]; if (!file) return;\n const reader = new FileReader();\n reader.onload = () => { accDraftAvatar = reader.result; renderAvatarPreview(accAvatarPreview, accDraftAvatar, accNameInput.value); };\n reader.readAsDataURL(file);\n});\naccCancelBtn.addEventListener(\"click\", () => { closeAccountOverlay(); afterAccountReady = null; });\naccSubmitBtn.addEventListener(\"click\", async () => {\n const name = accNameInput.value.trim();\n if (!name) { toast(\"名前を入力してください\"); accNameInput.focus(); return; }\n const lineId = accIdInput.value.trim().toLowerCase();\n if (lineId && !/^[a-z0-9._-]{4,20}$/.test(lineId)) { toast(\"IDは半角英数字と . _ - で4〜20文字です\"); accIdInput.focus(); return; }\n accSubmitBtn.disabled = true;\n try {\n let data;\n if (lineAccount) {\n data = await apiPost(\"/api/account/update\", Object.assign({}, authBody(), { name, avatar_url: accDraftAvatar, line_id: lineId, status_msg: accStatusInput.value.trim() }));\n saveLineAccount(Object.assign({}, lineAccount, data.account));\n toast(\"プロフィールを保存しました\");\n } else {\n data = await apiPost(\"/api/account/register\", { name, avatar_url: accDraftAvatar, line_id: lineId, status_msg: accStatusInput.value.trim() });\n saveLineAccount(data.account);\n setIdentityMode(\"line\");\n toast(\"アカウントを作成しました\");\n }\n closeAccountOverlay();\n refreshIdentityUI();\n if (currentScreen === \"home\") loadHome();\n const cb = afterAccountReady; afterAccountReady = null;\n if (cb) cb();\n } catch (err) { toast(apiErrorMessage(err)); }\n finally { accSubmitBtn.disabled = false; }\n});\nfunction requireAccount(cb) {\n if (lineAccount) { cb(); return; }\n toast(\"この機能にはアカウントが必要です\");\n openAccountOverlay(cb);\n}\n\n/* =====================================================================\n ホーム画面\n ===================================================================== */\nfunction refreshIdentityUI() {\n renderHomeProfile();\n renderIdentityCard();\n}\nfunction renderHomeProfile() {\n const idn = currentIdentity();\n $(\"homeAvatar\").innerHTML = buildAvatarHtml(idn.name, idn.avatar, idn.user_id, \"xl\");\n $(\"homeName\").textContent = idn.name;\n let status = \"\";\n if (idn.mode === \"line\") status = lineAccount.status_msg || (lineAccount.line_id ? \"ID: \" + lineAccount.line_id : \"ステータスメッセージを設定\");\n else status = \"匿名ユーザー（ランダムトーク用）\";\n $(\"homeStatus\").textContent = status;\n}\nfunction renderIdentityCard() {\n const anonName = (anonProfile && anonProfile.name) || \"名無し\";\n const lineOn = !!lineAccount && identityMode === \"line\";\n let html = '

' +\n buildAvatarHtml(anonName, anonProfile && anonProfile.avatar, anonUserId, \"sm\") +\n '

' + escapeHtml(anonName) + '

匿名 · ランダムトーク向け

' +\n '' + icon(\"check\") + \"

\";\n if (lineAccount) {\n html += '

' +\n buildAvatarHtml(lineAccount.name, lineAccount.avatar_url, lineAccount.id, \"sm\") +\n '

' + escapeHtml(lineAccount.name) + '

' + (lineAccount.line_id ? \"ID: \" + escapeHtml(lineAccount.line_id) : \"友だち・グループ用アカウント\") + \"

\" +\n '' + icon(\"check\") + \"

\";\n } else {\n html += '

' +\n '

' + icon(\"user\") + \"

\" +\n '

アカウントを作成

友だち追加・グループトークが使えます

' +\n '

';\n }\n $(\"identityCard\").innerHTML = html;\n}\n$(\"identityCard\").addEventListener(\"click\", (e) => {\n const row = e.target.closest(\".identity-row\"); if (!row) return;\n const mode = row.dataset.mode;\n if (mode === \"create\") { openAccountOverlay(); return; }\n if (mode === \"line\" && !lineAccount) return;\n setIdentityMode(mode);\n refreshIdentityUI();\n toast(mode === \"line\" ? \"LINEアカウントに切り替えました\" : \"匿名ユーザーに切り替えました\");\n});\n$(\"identityHelp\").addEventListener(\"click\", () => {\n openSheet(\"アカウントの切り替え\", '

ランダムトークでは「匿名」と「アカウント」のどちらで発言するかを選べます。
1:1トーク・グループトークでは常にアカウントが使われます。

');\n});\n$(\"homeProfile\").addEventListener(\"click\", () => {\n if (currentIdentity().mode === \"line\") openAccountOverlay(); else openEntryOverlay(true);\n});\n\nasync function loadHome() {\n refreshIdentityUI();\n renderServices();\n if (!lineAccount) {\n $(\"friendsCount\").textContent = \"0\"; $(\"groupsCount\").textContent = \"0\";\n $(\"friendsList\").innerHTML = '

アカウントを作成すると友だちを追加できます

';\n $(\"groupsList\").innerHTML = '

グループトークにはアカウントが必要です

';\n return;\n }\n try {\n const data = await apiGet(\"/api/account/me?\" + authQuery().slice(1));\n if (data.account) saveLineAccount(Object.assign({}, lineAccount, data.account));\n homeData = { friends: data.friends || [], groups: data.groups || [] };\n renderFriends(); renderGroups(); refreshIdentityUI();\n } catch (err) {\n if (String(err.message) === \"unauthorized\") {\n $(\"friendsList\").innerHTML = '

アカウント情報が無効です。設定から引き継ぎコードで復元するか、新しく作成してください。

';\n } else {\n $(\"friendsList\").innerHTML = '

読み込みに失敗しました

';\n }\n }\n}\n$(\"friendsList\").addEventListener(\"click\", (e) => {\n const link = e.target.closest(\"[data-act='create-account']\"); if (link) { openAccountOverlay(); return; }\n const row = e.target.closest(\".home-row\"); if (!row) return;\n const f = homeData.friends.find((x) => x.id === row.dataset.id);\n if (f) openFriendProfileSheet(f);\n});\n$(\"groupsList\").addEventListener(\"click\", (e) => {\n const row = e.target.closest(\".home-row\"); if (!row) return;\n openChatroom(\"g:\" + row.dataset.id);\n});\nfunction renderFriends() {\n $(\"friendsCount\").textContent = String(homeData.friends.length);\n if (homeData.friends.length === 0) { $(\"friendsList\").innerHTML = '

まだ友だちがいません。右上の 友だち追加 からIDで検索、または招待リンクを送りましょう。

'; return; }\n $(\"friendsList\").innerHTML = homeData.friends.map((f) =>\n '

' + buildAvatarHtml(f.name, f.avatar_url, f.id) +\n '

' + escapeHtml(f.name) + \"

\" +\n (f.status_msg ? '

' + escapeHtml(f.status_msg) + \"

\" : \"\") + \"

\").join(\"\");\n}\nfunction renderGroups() {\n $(\"groupsCount\").textContent = String(homeData.groups.length);\n if (homeData.groups.length === 0) { $(\"groupsList\").innerHTML = '

グループはまだありません

'; return; }\n $(\"groupsList\").innerHTML = homeData.groups.map((g) =>\n '

' + buildGroupIconHtml(g.icon_url) +\n '

' + escapeHtml(g.name) + '

' + g.member_count + \"人

\").join(\"\");\n}\nfunction renderServices() {\n const items = [[\"news\", \"ニュース\", \"#3ba0f5\"], [\"wallet\", \"ウォレット\", \"#06c755\"], [\"voom\", \"VOOM\", \"#2ecc71\"], [\"paw\", \"動物\", \"#ff9f43\"], [\"poll\", \"投票\", \"#f5a623\"], [\"dice\", \"ダイス\", \"#9b59b6\"], [\"shuffle\", \"ランダム\", \"#ff6b81\"], [\"bell\", \"通知\", \"#f39c12\"], [\"gear\", \"設定\", \"#8e8e93\"]];\n $(\"servicesGrid\").innerHTML = items.map((it) => '

' + icon(it[0]) + \"

\" + it[1] + \"

\").join(\"\");\n}\n$(\"servicesGrid\").addEventListener(\"click\", (e) => {\n const s = e.target.closest(\".service\"); if (!s) return;\n const k = s.dataset.svc;\n if (k === \"news\") navigateTo(\"news\"); else if (k === \"wallet\") navigateTo(\"wallet\"); else if (k === \"voom\") navigateTo(\"timeline\");\n else if (k === \"paw\") openWebview(SERVICE_LINKS.animal, \"動物\");\n else if (k === \"shuffle\") openChatroom(randomRoomId()); else if (k === \"gear\") openSettingsSheet();\n else if (k === \"bell\") { if (window.enablePush) window.enablePush(); }\n else toast(\"トーク画面の＋から使えます\");\n});\n\nfunction openFriendProfileSheet(f) {\n openSheet(\"\", '

' + buildAvatarHtml(f.name, f.avatar_url, f.id, \"xl\") +\n '

' + escapeHtml(f.name) + \"

\" +\n '

' + escapeHtml(f.status_msg || (f.line_id ? \"ID: \" + f.line_id : \"\")) + \"

\" +\n '

' +\n '\" +\n '\" +\n '\" +\n \"

\");\n sheetBody.onclick = (e) => {\n const b = e.target.closest(\"[data-action]\"); if (!b) return;\n const a = b.dataset.action;\n if (a === \"talk\") { closeSheet(); openChatroom(dmRoomFor(lineAccount.id, f.id)); }\n else if (a === \"call\") { closeSheet(); openChatroom(dmRoomFor(lineAccount.id, f.id)); setTimeout(() => { if (window.startVoiceCall) window.startVoiceCall(f.id, f.name, f.avatar_url); }, 400); }\n else if (a === \"group\") { closeSheet(); openCreateGroupSheet([f.id]); }\n else toast(\"通話は未対応です\");\n };\n}\n\n/* ---------- 友だち追加 ---------- */\nfunction openAddFriendSheet(prefill) {\n requireAccount(() => {\n const myIdText = lineAccount.line_id ? \"ID: \" + lineAccount.line_id : \"IDが未設定です（プロフィールから設定できます）\";\n openSheet(\"友だち追加\",\n '

' +\n '

自分の情報

' +\n '

' + buildAvatarHtml(lineAccount.name, lineAccount.avatar_url, lineAccount.id) +\n '

' + escapeHtml(lineAccount.name) + '

' + escapeHtml(myIdText) + \"

\" +\n sheetItem(\"copy-invite\", \"link\", \"招待リンクをコピー\", \"リンクを開いた相手が友だちに追加できます\") +\n (lineAccount.line_id ? \"\" : sheetItem(\"set-id\", \"key\", \"IDを設定する\", \"検索で見つけてもらえるようになります\")));\n const input = $(\"afInput\"); const result = $(\"afResult\");\n async function search() {\n const q = input.value.trim().toLowerCase();\n if (!q) return;\n result.innerHTML = '

検索中...

';\n try {\n const data = await apiGet(\"/api/account/lookup?line_id=\" + encodeURIComponent(q));\n showResult(data.account);\n } catch (err) { result.innerHTML = '

見つかりませんでした

'; }\n }\n function showResult(acc) {\n if (acc.id === lineAccount.id) { result.innerHTML = '

自分自身です

'; return; }\n const already = homeData.friends.some((f) => f.id === acc.id);\n result.innerHTML = '

' + buildAvatarHtml(acc.name, acc.avatar_url, acc.id, \"lg\") +\n '

' + escapeHtml(acc.name) + '

' + escapeHtml(acc.status_msg || (acc.line_id ? \"ID: \" + acc.line_id : \"\")) + \"

\" +\n (already ? '' : '') + \"

\";\n result.querySelector(\"[data-add]\").addEventListener(\"click\", async () => {\n if (already) { closeSheet(); openChatroom(dmRoomFor(lineAccount.id, acc.id)); return; }\n try {\n const data = await apiPost(\"/api/friends/add\", Object.assign({}, authBody(), { friend_id: acc.id }));\n toast(acc.name + \" を友だちに追加しました\");\n closeSheet();\n await loadHome();\n openChatroom(data.room);\n } catch (err) { toast(apiErrorMessage(err)); }\n });\n }\n $(\"afSearch\").addEventListener(\"click\", search);\n input.addEventListener(\"keydown\", (e) => { if (e.key === \"Enter\") { e.preventDefault(); search(); } });\n sheetBody.onclick = async (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n if (b.dataset.action === \"copy-invite\") {\n const link = location.origin + location.pathname + \"#add:\" + lineAccount.id;\n toast((await copyText(link)) ? \"招待リンクをコピーしました\" : link);\n } else if (b.dataset.action === \"set-id\") { closeSheet(); openAccountOverlay(); }\n };\n if (prefill) showResult(prefill); else input.focus();\n });\n}\n$(\"addFriendBtn\").addEventListener(\"click\", () => openAddFriendSheet());\n$(\"addFriendLink\").addEventListener(\"click\", () => openAddFriendSheet());\nasync function handleAddLink(accountId) {\n history.replaceState(null, \"\", location.pathname + location.search);\n requireAccount(async () => {\n try {\n const data = await apiGet(\"/api/account/lookup?account_id=\" + encodeURIComponent(accountId));\n if (homeData.friends.length === 0) { try { const me = await apiGet(\"/api/account/me?\" + authQuery().slice(1)); homeData = { friends: me.friends || [], groups: me.groups || [] }; } catch (e) {} }\n navigateTo(\"home\");\n openAddFriendSheet(data.account);\n } catch (err) { toast(\"ユーザーが見つかりませんでした\"); navigateTo(\"talklist\"); }\n });\n}\n\n/* ---------- グループ作成 ---------- */\nfunction openCreateGroupSheet(preselect) {\n requireAccount(async () => {\n if (homeData.friends.length === 0) { try { const me = await apiGet(\"/api/account/me?\" + authQuery().slice(1)); homeData = { friends: me.friends || [], groups: me.groups || [] }; } catch (e) {} }\n const pre = preselect || [];\n openSheet(\"グループを作成\",\n '

' +\n '

友だちを選択

' +\n (homeData.friends.length ? homeData.friends.map((f) => pickRow(f.id, buildAvatarHtml(f.name, f.avatar_url, f.id, \"sm\"), f.name, f.status_msg, pre.indexOf(f.id) >= 0)).join(\"\") : '

友だちがいません。あとから招待リンクでも参加できます。

') +\n '

');\n sheetBody.querySelectorAll(\".pick-row\").forEach((r) => { r.dataset.toggle = \"1\"; });\n $(\"cgCreate\").addEventListener(\"click\", async () => {\n const name = $(\"cgName\").value.trim();\n if (!name) { toast(\"グループ名を入力してください\"); return; }\n const ids = Array.from(sheetBody.querySelectorAll(\".pick-row.on\")).map((r) => r.dataset.id);\n try {\n const data = await apiPost(\"/api/groups/create\", Object.assign({}, authBody(), { name, member_ids: ids }));\n closeSheet();\n toast(\"グループを作成しました\");\n openChatroom(data.room);\n } catch (err) { toast(apiErrorMessage(err)); }\n });\n setTimeout(() => $(\"cgName\").focus(), 50);\n });\n}\n$(\"createGroupLink\").addEventListener(\"click\", () => openCreateGroupSheet());\n\n/* ---------- 設定 ---------- */\nfunction openSettingsSheet() {\n openSheet(\"設定\",\n sheetItem(\"anon-profile\", \"user\", \"匿名プロフィール\", \"ランダムトークで使う名前・アイコン\") +\n (lineAccount ? sheetItem(\"line-profile\", \"user\", \"アカウントプロフィール\", lineAccount.name + (lineAccount.line_id ? \" · ID: \" + lineAccount.line_id : \"\")) : sheetItem(\"line-create\", \"add-friend\", \"アカウントを作成\", \"友だち・グループトークに必要\")) +\n sheetItem(\"notif\", \"bell\", \"通知\", (\"Notification\" in window) ? (Notification.permission === \"granted\" ? \"オン\" : \"オフ\") : \"非対応\") +\n '

アカウントの引き継ぎ

' +\n (lineAccount ? sheetItem(\"export\", \"key\", \"引き継ぎコードを表示\", \"他の端末でこのアカウントを使う\") : \"\") +\n sheetItem(\"import\", \"copy\", \"引き継ぎコードで復元\", \"別端末のアカウントをこの端末で使う\") +\n (lineAccount ? sheetItem(\"logout\", \"exit\", \"この端末からアカウントを削除\", \"サーバー上のデータは残ります\", { danger: true }) : \"\"));\n sheetBody.onclick = async (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n const a = b.dataset.action;\n if (a === \"anon-profile\") { closeSheet(); openEntryOverlay(true); }\n else if (a === \"line-profile\" || a === \"line-create\") { closeSheet(); openAccountOverlay(); }\n else if (a === \"notif\") { closeSheet(); if (window.enablePush) window.enablePush(); }\n else if (a === \"export\") {\n const code = lineAccount.id + \".\" + lineAccount.token;\n openSheet(\"引き継ぎコード\", '

このコードを他の端末の「引き継ぎコードで復元」に貼り付けてください。他人に教えないでください。

' + escapeHtml(code) + \"

\" + sheetItem(\"copy-code\", \"copy\", \"コードをコピー\"));\n sheetBody.onclick = async (ev) => { if (ev.target.closest(\"[data-action='copy-code']\")) toast((await copyText(code)) ? \"コピーしました\" : \"コピーに失敗しました\"); };\n }\n else if (a === \"import\") {\n openSheet(\"引き継ぎコードで復元\", '

');\n $(\"impBtn\").addEventListener(\"click\", async () => {\n const raw = $(\"impCode\").value.trim(); const dot = raw.indexOf(\".\");\n if (dot < 0) { toast(\"コードの形式が正しくありません\"); return; }\n const id = raw.slice(0, dot), token = raw.slice(dot + 1);\n try {\n const data = await apiGet(\"/api/account/me?account_id=\" + encodeURIComponent(id) + \"&token=\" + encodeURIComponent(token));\n saveLineAccount(Object.assign({}, data.account, { token }));\n setIdentityMode(\"line\");\n closeSheet(); toast(\"アカウントを復元しました\"); loadHome();\n } catch (err) { toast(\"復元に失敗しました。コードを確認してください\"); }\n });\n }\n else if (a === \"logout\") {\n if (!confirm(\"この端末からアカウント情報を削除しますか？\\\\n引き継ぎコードが無いと元に戻せません。\")) return;\n saveLineAccount(null); setIdentityMode(\"anon\"); closeSheet(); toast(\"削除しました\"); loadHome();\n }\n };\n}\n$(\"settingsBtn\").addEventListener(\"click\", openSettingsSheet);\n$(\"homeSearchBtn\").addEventListener(\"click\", () => { navigateTo(\"talklist\"); setTimeout(() => talkSearchInput.focus(), 50); });\n$(\"talkSearchBtn\").addEventListener(\"click\", () => talkSearchInput.focus());\n\n/* =====================================================================\n トーク一覧\n ===================================================================== */\nfunction buildRoomPreview(r) {\n if (!r.last_message_id) return r.type === \"group\" ? \"グループが作成されました\" : \"\";\n if (r.last_deleted) return \"メッセージが削除されました\";\n if (r.last_is_system) return r.last_body;\n const prefix = r.type === \"group\" && r.last_name ? r.last_name + \": \" : \"\";\n if (r.last_is_poll) return prefix + \"[投票] \" + (r.last_body || \"\").replace(/^投票 /, \"\");\n if (r.last_has_image && !r.last_body) return prefix + \"[画像]\";\n return prefix + (r.last_body || \"\");\n}\nlet talkLoading = false;\nasync function loadTalklist(silent) {\n if (talkLoading) return; talkLoading = true;\n if (!silent && allRooms.length === 0) talklistItems.innerHTML = '

読み込み中...

';\n try {\n const data = await apiGet(\"/api/rooms?user_id=\" + encodeURIComponent(anonUserId) + authQuery() + \"&reads=\" + encodeURIComponent(JSON.stringify(getReads())));\n allRooms = data.rooms || [];\n applyTalkFilter();\n updateTabBadges();\n } catch (err) {\n console.error(err);\n if (!silent) talklistItems.innerHTML = '

読み込みに失敗しました

';\n } finally { talkLoading = false; }\n}\nfunction updateTabBadges() {\n const total = allRooms.reduce((s, r) => s + (r.unread || 0), 0);\n const badge = $(\"talkTabBadge\");\n badge.textContent = total > 99 ? \"99+\" : String(total);\n badge.classList.toggle(\"show\", total > 0);\n backCount.textContent = total > 0 ? String(total) : \"\";\n}\nfunction applyTalkFilter() {\n const q = talkSearchInput.value.trim().toLowerCase();\n const list = q ? allRooms.filter((r) => (r.title || r.room).toLowerCase().includes(q) || (r.last_body || \"\").toLowerCase().includes(q)) : allRooms;\n renderTalklistItems(list);\n}\nfunction renderTalklistItems(rooms) {\n if (rooms.length === 0) {\n talklistItems.innerHTML = '

' + (allRooms.length ? \"該当するトークがありません\" : \"まだトークがありません
右上のボタンから新しいトークを始めましょう\") + \"

\";\n return;\n }\n talklistItems.innerHTML = \"\";\n rooms.forEach((r) => {\n const item = document.createElement(\"div\");\n item.className = \"talk-item\";\n const nameHtml = escapeHtml(r.title || \"#\" + r.room) + (r.type === \"group\" ? \"\" + r.member_count + \"\" : \"\");\n item.innerHTML =\n buildRoomIconHtml(r, \"lg\") +\n '

' +\n '

' + nameHtml + \"\" + (r.type === \"random\" ? 'ランダム' : \"\") + '' + fmtListTime(r.last_created_at) + \"

\" +\n '

' + escapeHtml(buildRoomPreview(r)) + '' + (r.unread > 0 ? (r.unread > 99 ? \"99+\" : r.unread) : \"\") + \"

\" +\n \"

\";\n item.addEventListener(\"click\", () => openChatroom(r.room));\n talklistItems.appendChild(item);\n });\n}\ntalkSearchInput.addEventListener(\"input\", applyTalkFilter);\nsetInterval(() => { if (currentScreen === \"talklist\" && document.visibilityState === \"visible\") loadTalklist(true); }, 6000);\n\nnewChatBtn.addEventListener(\"click\", () => {\n openSheet(\"新規トーク\",\n sheetItem(\"random\", \"shuffle\", \"ランダムトークを作成\", \"招待リンクで誰でも参加できる匿名ルーム\") +\n sheetItem(\"friend\", \"user\", \"友だちとトーク\", \"1:1のトーク\") +\n sheetItem(\"group\", \"people\", \"グループを作成\", \"複数人でトーク\"));\n sheetBody.onclick = (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n const a = b.dataset.action; closeSheet();\n if (a === \"random\") openChatroom(randomRoomId());\n else if (a === \"group\") openCreateGroupSheet();\n else if (a === \"friend\") requireAccount(async () => {\n try { const me = await apiGet(\"/api/account/me?\" + authQuery().slice(1)); homeData = { friends: me.friends || [], groups: me.groups || [] }; } catch (e) {}\n if (homeData.friends.length === 0) { toast(\"まず友だちを追加しましょう\"); openAddFriendSheet(); return; }\n openSheet(\"友だちを選択\", homeData.friends.map((f) => '

' + buildAvatarHtml(f.name, f.avatar_url, f.id) + '

' + escapeHtml(f.name) + \"

\").join(\"\"));\n sheetBody.onclick = (ev) => { const r = ev.target.closest(\".home-row\"); if (!r) return; closeSheet(); openChatroom(dmRoomFor(lineAccount.id, r.dataset.id)); };\n });\n };\n});\n\n/* =====================================================================\n チャット画面入退室\n ===================================================================== */\nfunction resetChatState() {\n lastId = 0; lastUpdateSeen = 0; firstLoad = true; lastRenderedDateStr = \"\"; lastSender = null;\n readers = []; readersSig = \"\";\n msgIndex.clear(); messageData.clear();\n messagesEl.innerHTML = '

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

';\n replyingTo = null; showReplyPreview();\n clearImagePreview();\n bodyInput.value = \"\"; autoGrowBody(); updateComposerState();\n restoreDraft();\n}\nfunction setRoomHeader(info) {\n roomInfo = info;\n roomLabel.textContent = info ? info.title : (isAccountRoom(room) ? \"…\" : \"#\" + room);\n roomCount.textContent = info && info.type === \"group\" ? String(info.members.length) : \"\";\n if (window.updateCallBtnVisibility) window.updateCallBtnVisibility();\n}\nasync function loadRoomInfo() {\n if (!isAccountRoom(room)) { setRoomHeader({ type: \"random\", room, title: \"#\" + room, icon: \"\", members: [] }); return; }\n try {\n const info = await apiGet(\"/api/room-info?room=\" + encodeURIComponent(room) + authQuery());\n setRoomHeader(info);\n } catch (err) {\n toast(apiErrorMessage(err));\n navigateTo(\"talklist\");\n }\n}\nasync function openChatroom(r) {\n if (!r) return;\n if (isAccountRoom(r) && !lineAccount) {\n history.replaceState(null, \"\", location.pathname + location.search);\n toast(\"このトークに参加するにはアカウントが必要です\");\n openAccountOverlay(() => openChatroom(r));\n return;\n }\n if (r.indexOf(\"g:\") === 0) {\n try { await apiPost(\"/api/groups/join\", Object.assign({}, authBody(), { group_id: r.slice(2) })); }\n catch (err) { toast(apiErrorMessage(err)); history.replaceState(null, \"\", location.pathname + location.search); navigateTo(\"talklist\"); return; }\n }\n stopChatPolling();\n room = r;\n history.replaceState(null, \"\", location.pathname + location.search + \"#\" + r);\n setRoomHeader(null);\n resetChatState();\n showScreen(\"chatroom\");\n loadRoomInfo();\n startChatPolling();\n}\nfunction startChatPolling() {\n if (chatPollTimer) return;\n setupPushNotifications();\n poll();\n chatPollTimer = setInterval(poll, 1500);\n}\nfunction stopChatPolling() { if (chatPollTimer) { clearInterval(chatPollTimer); chatPollTimer = null; } }\n\n/* ---------- ルームメニュー (≡) ---------- */\n$(\"roomMenuBtn\").addEventListener(\"click\", () => {\n const info = roomInfo || { type: \"random\", members: [] };\n let html = \"\";\n if (info.type !== \"random\" && info.members && info.members.length) {\n html += '

メンバー ' + info.members.length + \"

\" +\n info.members.map((m) => '

' + buildAvatarHtml(m.name, m.avatar_url, m.id, \"sm\") + '

' + escapeHtml(m.name) + (lineAccount && m.id === lineAccount.id ? \" (自分)\" : \"\") + \"

\" + (m.status_msg ? '

' + escapeHtml(m.status_msg) + \"

\" : \"\") + \"

\").join(\"\");\n }\n if (info.type === \"random\") {\n html += '

ランダムトーク · ' + (onlineUsers.length || 1) + \"人がオンライン

\";\n html += sheetItem(\"who\", \"people\", \"オンラインのメンバーを見る\");\n }\n html += '

操作

';\n if (info.type !== \"dm\") html += sheetItem(\"invite-link\", \"link\", \"招待リンクをコピー\", info.type === \"group\" ? \"リンクを開いた人がグループに参加します\" : \"リンクを開いた人が入室できます\");\n if (info.type === \"group\") html += sheetItem(\"invite-friends\", \"add-friend\", \"友だちを招待\");\n if (info.type === \"dm\" && info.other_id) html += sheetItem(\"profile\", \"user\", \"プロフィールを見る\");\n html += sheetItem(\"notif\", \"bell\", \"通知\", (\"Notification\" in window && Notification.permission === \"granted\") ? \"オン\" : \"タップして許可\");\n if (info.type === \"group\") html += sheetItem(\"leave\", \"exit\", \"グループを退会\", \"\", { danger: true });\n openSheet(info.title || (\"#\" + room), html);\n sheetBody.onclick = async (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n const a = b.dataset.action;\n if (a === \"invite-link\") { toast((await copyText(location.href)) ? \"招待リンクをコピーしました\" : location.href); }\n else if (a === \"who\") { closeSheet(); sendWhoCommand(); }\n else if (a === \"notif\") { closeSheet(); if (window.enablePush) window.enablePush(); }\n else if (a === \"profile\") { closeSheet(); const other = (info.members || []).find((m) => m.id === info.other_id); if (other) openFriendProfileSheet(other); }\n else if (a === \"invite-friends\") {\n try { const me = await apiGet(\"/api/account/me?\" + authQuery().slice(1)); homeData = { friends: me.friends || [], groups: me.groups || [] }; } catch (err) {}\n const memberIds = (info.members || []).map((m) => m.id);\n const cands = homeData.friends.filter((f) => memberIds.indexOf(f.id) < 0);\n openSheet(\"友だちを招待\", (cands.length ? cands.map((f) => pickRow(f.id, buildAvatarHtml(f.name, f.avatar_url, f.id, \"sm\"), f.name, f.status_msg, false)).join(\"\") : '

招待できる友だちがいません

') +\n '

');\n sheetBody.querySelectorAll(\".pick-row\").forEach((r) => { r.dataset.toggle = \"1\"; });\n sheetBody.onclick = null;\n $(\"invBtn\").addEventListener(\"click\", async () => {\n const ids = Array.from(sheetBody.querySelectorAll(\".pick-row.on\")).map((r) => r.dataset.id);\n if (!ids.length) { toast(\"友だちを選択してください\"); return; }\n try { await apiPost(\"/api/groups/invite\", Object.assign({}, authBody(), { group_id: info.group_id, member_ids: ids })); closeSheet(); toast(\"招待しました\"); loadRoomInfo(); poll(); }\n catch (err) { toast(apiErrorMessage(err)); }\n });\n }\n else if (a === \"leave\") {\n if (!confirm(\"このグループを退会しますか？\")) return;\n try { await apiPost(\"/api/groups/leave\", Object.assign({}, authBody(), { group_id: info.group_id })); closeSheet(); toast(\"退会しました\"); navigateTo(\"talklist\"); }\n catch (err) { toast(apiErrorMessage(err)); }\n }\n };\n});\n$(\"chatSearchBtn\").addEventListener(\"click\", () => {\n const q = prompt(\"トーク内を検索\");\n if (!q) return;\n const hit = Array.from(messageData.values()).reverse().find((m) => !m.deleted && (m.body || \"\").indexOf(q) >= 0);\n if (!hit) { toast(\"見つかりませんでした\"); return; }\n const entry = msgIndex.get(hit.id);\n if (entry && entry.el) { entry.el.scrollIntoView({ block: \"center\", behavior: \"smooth\" }); entry.el.classList.add(\"selected\"); setTimeout(() => entry.el.classList.remove(\"selected\"), 2500); }\n});\n\n/* =====================================================================\n 画像添付\n ===================================================================== */\nfunction setPendingFile(file) {\n pendingFile = file || null;\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 updateComposerState();\n}\nfunction clearImagePreview() {\n pendingFile = null;\n fileInput.value = \"\"; cameraInput.value = \"\";\n fileLabel.classList.remove(\"has-file\");\n imagePreviewBar.classList.remove(\"show\");\n imagePreviewThumb.src = \"\";\n updateComposerState();\n}\nfileInput.addEventListener(\"change\", () => setPendingFile(fileInput.files[0]));\ncameraInput.addEventListener(\"change\", () => setPendingFile(cameraInput.files[0]));\nipCancel.addEventListener(\"click\", clearImagePreview);\nfunction updateComposerState() {\n composer.classList.toggle(\"has-text\", bodyInput.value.trim().length > 0 || !!pendingFile);\n}\n\n/* =====================================================================\n メッセージ描画\n ===================================================================== */\nfunction linkifyMentions(escapedBody) {\n return escapedBody.replace(/(^|[\\\\s\\\\u3000])@([^\\\\s\\\\u3000@]+)/g, (match, prefix, name) => prefix + '@' + name + \"\");\n}\nfunction signatureOf(m) { return JSON.stringify({ body: m.body, deleted: m.deleted, edited_at: m.edited_at, poll: m.poll, avatar_url: m.avatar_url, name: m.name }); }\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 (m.body) actions += 'コピー';\n if (mine && m.id > 0) {\n if (!m.poll && !m.image_url) 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) + '

' + optsHtml + '

計 ' + 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) replyHtml = '

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

\";\n const imgHtml = m.image_url ? ' $\"\"$ ' : \"\";\n if (m.image_url && !m.body && !m.reply_to_id && !m.poll) return '

' + imgHtml + \"

\";\n let bodyHtml;\n if (m.poll) bodyHtml = buildPollHtml(m);\n else {\n const colorInfo = extractColorCode(m.body);\n bodyHtml = colorInfo ? '' + linkifyMentions(escapeHtml(colorInfo.text)) + \"\" : linkifyMentions(escapeHtml(m.body));\n }\n return '

' + replyHtml + bodyHtml + imgHtml + \"

\";\n}\nfunction isSystem(m) { return m.user_id === \"system\"; }\nfunction createMessageElement(m) {\n if (isSystem(m)) {\n const div = document.createElement(\"div\");\n div.className = \"date-divider system-msg\"; div.dataset.id = m.id; div.textContent = m.body;\n return div;\n }\n const mine = m.user_id === myId();\n const wrap = document.createElement(\"div\");\n wrap.className = \"msg \" + (mine ? \"me\" : \"them\");\n wrap.dataset.id = m.id;\n wrap.innerHTML = '

' +\n '

';\n updateMessageElement(wrap, m);\n return wrap;\n}\nfunction updateMessageElement(wrap, m) {\n if (wrap.classList.contains(\"system-msg\")) { wrap.textContent = m.body; return; }\n const mine = m.user_id === myId();\n wrap.querySelector(\".msg-name\").textContent = mine ? \"\" : m.name;\n wrap.querySelector(\".msg-avatar-slot\").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 updateReadLabel(wrap, m);\n}\nfunction readCountFor(m) {\n const me = myId();\n return readers.filter((r) => r.user_id !== me && r.user_id !== \"system\" && r.last_read_id >= m.id).length;\n}\nfunction updateReadLabel(wrap, m) {\n const el = wrap.querySelector(\".msg-read\"); if (!el) return;\n if (m.user_id !== myId() || m.id <= 0 || m.deleted) { el.textContent = \"\"; return; }\n const n = readCountFor(m);\n if (n <= 0) { el.textContent = \"\"; return; }\n el.textContent = roomInfo && roomInfo.type === \"dm\" ? \"既読\" : \"既読 \" + n;\n}\nfunction updateAllReadLabels() {\n const sig = JSON.stringify(readers);\n if (sig === readersSig) return; readersSig = sig;\n msgIndex.forEach((entry, id) => { const m = messageData.get(id); if (m && entry.el && !isSystem(m)) updateReadLabel(entry.el, m); });\n}\nfunction appendDateDividerIfNeeded(ts) {\n const dateStr = dateKey(ts);\n if (dateStr !== lastRenderedDateStr) {\n const divider = document.createElement(\"div\");\n divider.className = \"date-divider\"; divider.textContent = fmtDateDivider(ts);\n messagesEl.appendChild(divider);\n lastRenderedDateStr = dateStr; lastSender = null;\n }\n}\nfunction appendMessageElementToDOM(m) {\n if (firstLoad) { messagesEl.innerHTML = \"\"; firstLoad = false; }\n appendDateDividerIfNeeded(m.created_at);\n const el = createMessageElement(m);\n if (!isSystem(m) && m.user_id !== myId() && lastSender === m.user_id) el.classList.add(\"cont\");\n messagesEl.appendChild(el);\n lastSender = isSystem(m) ? null : m.user_id;\n msgIndex.set(m.id, { el, sig: signatureOf(m) });\n messageData.set(m.id, m);\n return el;\n}\nfunction renderSystemMessage(text) {\n const div = document.createElement(\"div\");\n div.className = \"date-divider system-msg\"; div.textContent = text;\n messagesEl.appendChild(div);\n messagesEl.scrollTop = messagesEl.scrollHeight;\n}\nfunction isNearBottom() { return messagesEl.scrollHeight - messagesEl.scrollTop - messagesEl.clientHeight < 80; }\n\nfunction render(messages) {\n const wasNearBottom = firstLoad ? true : isNearBottom();\n if (firstLoad) { messagesEl.innerHTML = \"\"; firstLoad = false; }\n const me = myId();\n if (pendingOptimistic) {\n const match = messages.find((m) => m.user_id === me && m.body === pendingOptimistic.body && (m.image_url || \"\") === (pendingOptimistic.image_url || \"\") && !msgIndex.has(m.id));\n if (match) {\n const entry = msgIndex.get(pendingOptimistic.tempId);\n if (entry && entry.el) entry.el.remove();\n msgIndex.delete(pendingOptimistic.tempId); messageData.delete(pendingOptimistic.tempId);\n pendingOptimistic = null;\n }\n }\n let maxId = lastId;\n for (const m of messages) {\n maxId = Math.max(maxId, m.id);\n if (m.updated_at) lastUpdateSeen = Math.max(lastUpdateSeen, m.updated_at);\n if (!isSystem(m)) knownNames.add(m.name);\n messageData.set(m.id, m);\n const sig = signatureOf(m);\n const existing = msgIndex.get(m.id);\n if (existing) {\n if (existing.sig !== sig && existing.el) { updateMessageElement(existing.el, m); existing.sig = sig; }\n continue;\n }\n appendMessageElementToDOM(m);\n }\n lastId = maxId;\n if (document.visibilityState === \"visible\") setRead(room, lastId);\n if (wasNearBottom) { messagesEl.scrollTop = messagesEl.scrollHeight; scrollBottomBtn.classList.remove(\"show\"); }\n else scrollBottomBtn.classList.add(\"show\");\n}\n\nmessagesEl.addEventListener(\"scroll\", () => { if (isNearBottom()) scrollBottomBtn.classList.remove(\"show\"); });\nscrollBottomBtn.addEventListener(\"click\", () => { messagesEl.scrollTop = messagesEl.scrollHeight; scrollBottomBtn.classList.remove(\"show\"); });\nmessagesEl.addEventListener(\"click\", (e) => {\n const replyBtn = e.target.closest(\".reply-btn\");\n if (replyBtn) { const m = messageData.get(Number(replyBtn.dataset.id)); if (m) { replyingTo = { id: m.id, name: m.name, body: m.body || (m.image_url ? \"[画像]\" : \"\") }; showReplyPreview(); } clearSelected(); return; }\n const copyBtn = e.target.closest(\".copy-btn\");\n if (copyBtn) { const m = messageData.get(Number(copyBtn.dataset.id)); if (m) copyText(m.body).then((ok) => toast(ok ? \"コピーしました\" : \"コピーに失敗しました\")); clearSelected(); return; }\n const editBtn = e.target.closest(\".edit-btn\");\n if (editBtn) { startEdit(editBtn.dataset.id); clearSelected(); return; }\n const deleteBtn = e.target.closest(\".delete-btn\");\n if (deleteBtn) { handleDelete(deleteBtn.dataset.id); clearSelected(); 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 const avatar = e.target.closest(\".msg-avatar-slot\");\n if (avatar) {\n const wrap = avatar.closest(\".msg\"); const m = messageData.get(Number(wrap.dataset.id));\n if (m && roomInfo && roomInfo.members) { const mem = roomInfo.members.find((x) => x.id === m.user_id); if (mem) { openFriendProfileSheet(mem); return; } }\n if (m) { insertMention(m.name, true); }\n return;\n }\n if (e.target.closest(\".edit-box\")) return;\n const bubble = e.target.closest(\".bubble\");\n if (bubble) {\n const wrap = bubble.closest(\".msg\"); const was = wrap.classList.contains(\"selected\");\n clearSelected(); if (!was) wrap.classList.add(\"selected\");\n return;\n }\n clearSelected();\n});\nfunction clearSelected() { document.querySelectorAll(\".msg.selected\").forEach((el) => el.classList.remove(\"selected\")); }\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); const m = messageData.get(id);\n if (!m || m.deleted) return;\n const entry = msgIndex.get(id); if (!entry) return;\n const bubbleContainer = entry.el.querySelector(\".bubble-container\");\n bubbleContainer.innerHTML = '

' +\n '

保存キャンセル

';\n const input = bubbleContainer.querySelector(\".edit-input\");\n input.focus(); input.setSelectionRange(input.value.length, input.value.length);\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(); if (!trimmed) return;\n try {\n const data = await apiPost(\"/api/edit\", { id, user_id: myId(), body: trimmed });\n if (!data.success) { toast(\"編集に失敗しました\"); return; }\n await poll();\n } catch (err) { toast(apiErrorMessage(err)); }\n}\nasync function handleDelete(idStr) {\n const id = Number(idStr);\n if (!confirm(\"送信を取り消しますか？\")) return;\n try { await apiPost(\"/api/delete\", { id, user_id: myId() }); await poll(); }\n catch (err) { toast(apiErrorMessage(err)); }\n}\nasync function handleVote(pollIdStr, messageIdStr, optionStr) {\n try {\n await apiPost(\"/api/poll/vote\", { poll_id: Number(pollIdStr), message_id: Number(messageIdStr), user_id: myId(), option_index: Number(optionStr) });\n await poll();\n } catch (err) { toast(apiErrorMessage(err)); }\n}\n\n/* =====================================================================\n 入力欄\n ===================================================================== */\nbodyInput.addEventListener(\"input\", () => {\n updateComposerState();\n const val = bodyInput.value; const caret = bodyInput.selectionStart;\n const match = val.slice(0, caret).match(/(^|[\\\\s\\\\u3000])@([^\\\\s\\\\u3000@]*)$/);\n if (match) {\n const query = match[2].toLowerCase(); 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));\nfunction autoGrowBody() { bodyInput.style.height = \"auto\"; bodyInput.style.height = Math.min(bodyInput.scrollHeight, 120) + \"px\"; }\nbodyInput.addEventListener(\"input\", autoGrowBody);\n\nfunction getDraftKey() { return \"chatDraft:\" + room; }\nfunction saveDraft() { if (!room) return; try { localStorage.setItem(getDraftKey(), bodyInput.value); } catch (e) {} }\nfunction restoreDraft() {\n if (!room) return;\n try { const saved = localStorage.getItem(getDraftKey()); if (saved) { bodyInput.value = saved; autoGrowBody(); updateComposerState(); } } catch (e) {}\n}\nfunction clearDraft() { if (!room) return; try { localStorage.removeItem(getDraftKey()); } catch (e) {} }\nbodyInput.addEventListener(\"input\", saveDraft);\nwindow.addEventListener(\"pagehide\", saveDraft);\ndocument.addEventListener(\"visibilitychange\", () => {\n if (document.visibilityState === \"hidden\") saveDraft();\n else if (currentScreen === \"chatroom\") { restoreDraft(); poll(); }\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\", () => { setAppHeightVar(); setTimeout(() => { messagesEl.scrollTop = messagesEl.scrollHeight; }, 300); });\n$(\"micBtn\").addEventListener(\"click\", () => toast(\"音声メッセージは未対応です\"));\n$(\"emojiBtn\").addEventListener(\"click\", () => {\n const emojis = [\"😊\", \"😂\", \"🥹\", \"😍\", \"🤣\", \"😭\", \"👍\", \"🙏\", \"🎉\", \"❤️\", \"✨\", \"🔥\", \"😎\", \"🤔\", \"😴\", \"🍻\", \"☕\", \"🐶\", \"🐱\", \"🌸\"];\n openSheet(\"絵文字\", '

' + emojis.map((e) => '' + e + \"\").join(\"\") + \"

\");\n sheetBody.onclick = (e) => { const s = e.target.closest(\".emoji-pick\"); if (!s) return; bodyInput.value += s.dataset.e; updateComposerState(); autoGrowBody(); saveDraft(); };\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, append) {\n if (append) { bodyInput.value = (bodyInput.value ? bodyInput.value.replace(/\\\\s*$/, \" \") : \"\") + \"@\" + name + \" \"; }\n else {\n const val = bodyInput.value; const caret = bodyInput.selectionStart;\n const replaced = val.slice(0, caret).replace(/@([^\\\\s\\\\u3000@]*)$/, \"@\" + name + \" \");\n bodyInput.value = replaced + val.slice(caret);\n }\n hideMentionList(); updateComposerState(); autoGrowBody(); bodyInput.focus();\n}\n\n/* ---------- ＋メニュー ---------- */\n$(\"plusBtn\").addEventListener(\"click\", () => {\n openSheet(\"\",\n sheetItem(\"poll\", \"poll\", \"投票を作成\", \"/poll 質問|選択肢1|選択肢2 でも作成できます\") +\n sheetItem(\"roll\", \"dice\", \"ダイスを振る\", \"/roll または /roll 100\") +\n sheetItem(\"who\", \"people\", \"オンラインのメンバー\", \"/who\") +\n sheetItem(\"invite\", \"link\", \"招待リンクをコピー\") +\n sheetItem(\"profile\", \"user\", \"プロフィールを編集\", \"/profile\"));\n sheetBody.onclick = async (e) => {\n const b = e.target.closest(\".sheet-item\"); if (!b) return;\n const a = b.dataset.action; closeSheet();\n if (a === \"roll\") sendRollCommand(6);\n else if (a === \"who\") sendWhoCommand();\n else if (a === \"invite\") toast((await copyText(location.href)) ? \"招待リンクをコピーしました\" : location.href);\n else if (a === \"profile\") { if (currentIdentity().mode === \"line\") openAccountOverlay(); else openEntryOverlay(true); }\n else if (a === \"poll\") openPollSheet();\n };\n});\nfunction openPollSheet() {\n openSheet(\"投票を作成\",\n '

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

');\n $(\"plCreate\").addEventListener(\"click\", async () => {\n const q = $(\"plQ\").value.trim();\n const opts = Array.from(sheetBody.querySelectorAll(\".pl-opt\")).map((i) => i.value.trim()).filter((s) => s);\n if (!q || opts.length < 2) { toast(\"質問と2つ以上の選択肢を入力してください\"); return; }\n closeSheet();\n await createPoll(q, opts);\n });\n setTimeout(() => $(\"plQ\").focus(), 50);\n}\n\n/* =====================================================================\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; 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}\nasync function sendRollCommand(max) {\n const safeMax = max > 0 ? max : 6;\n const result = Math.floor(Math.random() * safeMax) + 1;\n bodyInput.value = \"\"; autoGrowBody(); clearDraft(); clearImagePreview();\n await sendNormalMessage(\"🎲 \" + getDisplayName() + \" のダイス: \" + result + \" (1〜\" + safeMax + \")\", null);\n}\nasync function createPoll(question, options) {\n sending = true; bodyInput.disabled = true;\n try {\n const idn = currentIdentity();\n await apiPost(\"/api/poll/create\", { room, user_id: idn.user_id, name: idn.name, avatar_url: idn.avatar, question, options, token: idn.token });\n bodyInput.value = \"\"; autoGrowBody(); clearImagePreview(); clearDraft(); updateComposerState();\n await poll();\n } catch (err) { toast(apiErrorMessage(err)); }\n finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\nasync function sendPollCommand(raw) {\n const parts = raw.split(\"|\").map((s) => s.trim()).filter((s) => s.length > 0);\n if (parts.length < 3) { toast(\"使い方: /poll 質問|選択肢1|選択肢2 （選択肢は2つ以上）\"); return; }\n await createPoll(parts[0], parts.slice(1));\n}\nasync function sendWhoCommand() {\n bodyInput.value = \"\"; autoGrowBody(); clearDraft(); updateComposerState();\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); }\n}\n\nlet sending = false; let tempIdCounter = 0; let pendingOptimistic = null;\nasync function sendNormalMessage(body, file) {\n sending = true; bodyInput.disabled = true;\n const currentReply = replyingTo;\n const idn = currentIdentity();\n const sendRoom = room;\n try {\n let imageUrl = \"\"; if (file) imageUrl = await fileToBase64(file);\n const tempId = --tempIdCounter; const nowTs = Date.now();\n const optimisticMsg = {\n id: tempId, user_id: idn.user_id, name: idn.name, 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: idn.avatar,\n };\n knownNames.add(idn.name);\n appendMessageElementToDOM(optimisticMsg);\n messagesEl.scrollTop = messagesEl.scrollHeight; scrollBottomBtn.classList.remove(\"show\");\n pendingOptimistic = { tempId, body, image_url: imageUrl };\n bodyInput.value = \"\"; autoGrowBody(); clearImagePreview(); clearDraft(); updateComposerState();\n replyingTo = null; showReplyPreview();\n await apiPost(\"/api/send\", {\n room: sendRoom, user_id: idn.user_id, name: idn.name, body, image_url: imageUrl, avatar_url: idn.avatar, token: idn.token,\n reply_to_id: currentReply ? currentReply.id : null, reply_to_name: currentReply ? currentReply.name : null, reply_to_body: currentReply ? currentReply.body : null,\n });\n await poll();\n } catch (err) {\n console.error(err); toast(apiErrorMessage(err));\n if (pendingOptimistic) {\n const entry = msgIndex.get(pendingOptimistic.tempId);\n if (entry && entry.el) entry.el.remove();\n msgIndex.delete(pendingOptimistic.tempId); messageData.delete(pendingOptimistic.tempId);\n bodyInput.value = body; autoGrowBody(); updateComposerState();\n pendingOptimistic = null;\n }\n } finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n}\n\nlet polling = false;\nasync function poll() {\n if (!room || currentScreen !== \"chatroom\" || polling) return;\n polling = true;\n const pollRoom = room;\n try {\n const idn = currentIdentity();\n const res = await fetch(\"/api/messages?room=\" + encodeURIComponent(pollRoom) + \"&since=\" + lastId + \"&sinceUpdate=\" + lastUpdateSeen +\n \"&viewer=\" + encodeURIComponent(idn.user_id) + \"&name=\" + encodeURIComponent(idn.name) +\n (idn.token ? \"&token=\" + encodeURIComponent(idn.token) : \"\") + (document.visibilityState === \"visible\" ? \"&read=1\" : \"\"));\n if (res.status === 403) { toast(\"このトークに参加していません\"); navigateTo(\"talklist\"); return; }\n const data = await res.json();\n if (pollRoom !== room) return;\n if (data.online) onlineUsers = data.online;\n if (data.messages && data.messages.length) render(data.messages);\n if (data.readers) { readers = data.readers; updateAllReadLabels(); }\n } catch (err) { console.error(err); }\n finally { polling = false; }\n}\nwindow.poll = poll;\n\ncomposer.addEventListener(\"submit\", async (e) => {\n e.preventDefault(); if (sending) return;\n const trimmed = bodyInput.value.trim(); const file = pendingFile;\n if (!trimmed && !file) return;\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(); updateComposerState(); if (currentIdentity().mode === \"line\") openAccountOverlay(); else openEntryOverlay(true); return; }\n await sendNormalMessage(trimmed, file);\n});\n\n/* =====================================================================\n 起動\n ===================================================================== */\nfunction boot() {\n refreshIdentityUI();\n maybeShowIosInstallBanner();\n const initial = getRoomFromHash();\n if (initial && initial.indexOf(\"add:\") === 0) { showScreen(\"home\"); loadHome(); handleAddLink(initial.slice(4)); return; }\n if (initial) { openChatroom(initial); loadTalklist(true); }\n else { showScreen(\"talklist\"); loadTalklist(); }\n if (window.startIncomingCallWatcher) window.startIncomingCallWatcher();\n}\nupdateNotifUI();\nif (anonProfile) boot(); else openEntryOverlay(false);\n`;",[],[215],["D",1789191675559],[],[18],["D",1788478632137],["D",1789535451117],{"_11":12,"_139":71},{"_11":12,"_134":135,"_70":71,"_30":69,"_136":137,"_138":24},{"_40":81,"_13":16,"_34":37,"_126":87,"_127":-5,"_128":-5,"_129":-5,"_130":-5,"_131":-5,"_132":14,"_133":12},"ctx",{"_53":-5,"_158":263,"_264":265,"_266":267,"_268":24,"_269":24,"_270":24,"_271":100,"_272":-5,"_273":-7,"_274":-7,"_275":26,"_276":24,"_277":24,"_278":-5,"_279":24,"_280":24,"_281":24,"_282":-5},"ENV",{"_234":235,"_236":237,"_238":16,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","9e167d8120a57de5d747867e0b686da51bcc19a4","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"]

History · call.ts