あああ

#lobby

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

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

\n \n

\n \n \n`;\n\nconst jsContent = `\nfunction getRoom() {\n let room = location.hash.replace(/^#/, \"\");\n if (!room) { room = Math.random().toString(36).slice(2, 8); location.hash = room; }\n return room;\n}\nfunction getUserId() {\n let id = localStorage.getItem(\"chatUserId\");\n if (!id) { id = Math.random().toString(36).slice(2, 12) + Date.now().toString(36); localStorage.setItem(\"chatUserId\", id); }\n return id;\n}\nconst room = getRoom(); const myUserId = getUserId();\nconst messagesEl = document.getElementById(\"messages\"); const composer = document.getElementById(\"composer\");\nconst bodyInput = document.getElementById(\"body\"); const nameInput = document.getElementById(\"name\");\nconst roomLabel = document.getElementById(\"roomLabel\"); const invite = document.getElementById(\"invite\");\nconst fileInput = document.getElementById(\"imageFile\"); const fileLabel = document.getElementById(\"fileLabel\");\n\nroomLabel.textContent = \"#\" + room;\nnameInput.value = localStorage.getItem(\"chatName\") || \"\";\nnameInput.addEventListener(\"input\", () => { localStorage.setItem(\"chatName\", nameInput.value); });\nfileInput.addEventListener(\"change\", () => {\n if (fileInput.files.length > 0) { fileLabel.classList.add(\"has-file\"); } else { fileLabel.classList.remove(\"has-file\"); }\n});\ninvite.addEventListener(\"click\", async () => {\n try {\n await navigator.clipboard.writeText(location.href); invite.textContent = \"コピーしました！\";\n setTimeout(() => { invite.textContent = \"招待リンクをコピー\"; }, 1800);\n } catch (err) { console.error(err); }\n});\n\nlet lastId = 0; let firstLoad = true; let sending = false; const renderedIds = new Set();\nfunction fmtTime(ts) { const d = new Date(ts); return d.getHours().toString().padStart(2, \"0\") + \":\" + d.getMinutes().toString().padStart(2, \"0\"); }\nfunction escapeHtml(s) { if (!s) return \"\"; return s.replace(/[&<>\"']/g, (c) => ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" }[c])); }\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 render(messages) {\n if (firstLoad) { messagesEl.innerHTML = \"\"; firstLoad = false; }\n for (const m of messages) {\n if (renderedIds.has(m.id)) continue;\n renderedIds.add(m.id);\n const wrap = document.createElement(\"div\"); const mine = m.user_id === myUserId;\n wrap.className = \"msg \" + (mine ? \"me\" : \"them\");\n let imgHtml = \"\"; if (m.image_url) { imgHtml = \\` $\"uploaded$ \\`; }\n wrap.innerHTML = '

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

' + escapeHtml(m.body) + imgHtml + '

';\n messagesEl.appendChild(wrap); lastId = Math.max(lastId, m.id);\n }\n messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nasync function poll() {\n try {\n const res = await fetch(\"/api/messages?room=\" + encodeURIComponent(room) + \"&since=\" + lastId);\n const data = await res.json(); if (data.messages && data.messages.length) { render(data.messages); }\n } catch (err) { console.error(err); }\n}\n\ncomposer.addEventListener(\"submit\", async (e) => {\n e.preventDefault(); if (sending) return;\n const body = bodyInput.value.trim(); const file = fileInput.files[0];\n if (!body && !file) return;\n sending = true; bodyInput.disabled = true;\n try {\n let imageUrl = \"\"; if (file) { imageUrl = await fileToBase64(file); }\n await fetch(\"/api/send\", {\n method: \"POST\", headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ room, user_id: myUserId, name: nameInput.value || \"名無し\", body, image_url: imageUrl }),\n });\n bodyInput.value = \"\"; fileInput.value = \"\"; fileLabel.classList.remove(\"has-file\"); await poll();\n } catch (err) { console.error(err); } finally { bodyInput.disabled = false; bodyInput.focus(); sending = false; }\n});\n\npoll(); setInterval(poll, 1500);\n`;","label",[78],"5769ba02-5d0f-11f1-a058-1607ee4eb77e",["D",1780245589744],"\n\n \n \n \n \n あああ\n \n \n \n

あああ

\n #lobby\n

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

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

\n \n \n",[93],"67ce2fd6-5d0f-11f1-a523-1607ee4eb77e",["D",1780245617242],"// 部屋IDはURLのハッシュ (#room) で決まる。なければランダム生成してURLに付与。\nfunction getRoom() {\n let room = location.hash.replace(/^#/, \"\");\n if (!room) {\n room = Math.random().toString(36).slice(2, 8);\n location.hash = room;\n }\n return room;\n}\n\n// ユーザーIDを取得または生成（名前が被っても自分を特定できるようにする）\nfunction getUserId() {\n let id = localStorage.getItem(\"chatUserId\");\n if (!id) {\n id = Math.random().toString(36).slice(2, 12) + Date.now().toString(36);\n localStorage.setItem(\"chatUserId\", id);\n }\n return id;\n}\n\nconst room = getRoom();\nconst myUserId = getUserId();\nconst messagesEl = document.getElementById(\"messages\");\nconst composer = document.getElementById(\"composer\");\nconst bodyInput = document.getElementById(\"body\");\nconst nameInput = document.getElementById(\"name\");\nconst roomLabel = document.getElementById(\"roomLabel\");\nconst invite = document.getElementById(\"invite\");\n// 追加\nconst fileInput = document.getElementById(\"imageFile\");\nconst fileLabel = document.getElementById(\"fileLabel\");\n\nroomLabel.textContent = \"#\" + room;\n\n// 名前を保存\nnameInput.value = localStorage.getItem(\"chatName\") || \"\";\n\nnameInput.addEventListener(\"input\", () => {\n localStorage.setItem(\"chatName\", nameInput.value);\n});\n\n// 追加: ファイルが選択されたらクリップのUIの色を変える\nfileInput.addEventListener(\"change\", () => {\n if (fileInput.files.length > 0) {\n fileLabel.classList.add(\"has-file\");\n } else {\n fileLabel.classList.remove(\"has-file\");\n }\n});\n\n// 招待リンクコピー\ninvite.addEventListener(\"click\", async () => {\n try {\n await navigator.clipboard.writeText(location.href);\n invite.textContent = \"コピーしました！\";\n\n setTimeout(() => {\n invite.textContent = \"招待リンクをコピー\";\n }, 1800);\n } catch (err) {\n console.error(err);\n }\n});\n\nlet lastId = 0;\nlet firstLoad = true;\nlet sending = false;\n\n// 重複描画防止\nconst renderedIds = new Set();\n\nfunction fmtTime(ts) {\n const d = new Date(ts);\n\n return (\n d.getHours().toString().padStart(2, \"0\") +\n \":\" +\n d.getMinutes().toString().padStart(2, \"0\")\n );\n}\n\nfunction escapeHtml(s) {\n if (!s) return \"\";\n return s.replace(/[&<>\"']/g, (c) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[c]));\n}\n\n// 追加: ファイルをBase64文字列に変換するヘルパー\nfunction fileToBase64(file) {\n return new Promise((resolve, reject) => {\n const reader = new FileReader();\n reader.readAsDataURL(file);\n reader.onload = () => resolve(reader.result);\n reader.onerror = (error) => reject(error);\n });\n}\n\nfunction render(messages) {\n if (firstLoad) {\n messagesEl.innerHTML = \"\";\n firstLoad = false;\n }\n\n for (const m of messages) {\n // 同じメッセージを二回描画しない\n if (renderedIds.has(m.id)) {\n continue;\n }\n\n renderedIds.add(m.id);\n\n const wrap = document.createElement(\"div\");\n\n // 名前ではなく、システム的に発行したuser_idで自分の発言か判定\n const mine = m.user_id === myUserId;\n\n wrap.className = \"msg \" + (mine ? \"me\" : \"them\");\n\n // 変更: 画像データ(m.image_url)がある場合はimgタグを追加する\n let imgHtml = \"\";\n if (m.image_url) {\n imgHtml =\n ` $\"uploaded$ `;\n }\n\n wrap.innerHTML = '

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

\" +\n '

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

\";\n\n messagesEl.appendChild(wrap);\n\n lastId = Math.max(lastId, m.id);\n }\n\n messagesEl.scrollTop = messagesEl.scrollHeight;\n}\n\nasync function poll() {\n try {\n const res = await fetch(\n \"/api/messages?room=\" +\n encodeURIComponent(room) +\n \"&since=\" +\n lastId,\n );\n\n const data = await res.json();\n\n if (data.messages && data.messages.length) {\n render(data.messages);\n }\n } catch (err) {\n console.error(err);\n }\n}\n\ncomposer.addEventListener(\"submit\", async (e) => {\n e.preventDefault();\n\n if (sending) return;\n\n const body = bodyInput.value.trim();\n const file = fileInput.files[0];\n\n // テキストも画像もない場合は何もしない\n if (!body && !file) return;\n\n sending = true;\n bodyInput.disabled = true;\n\n try {\n // 追加: 画像があればBase64文字列に変換\n let imageUrl = \"\";\n if (file) {\n imageUrl = await fileToBase64(file);\n }\n\n await fetch(\"/api/send\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify({\n room,\n user_id: myUserId,\n name: nameInput.value || \"名無し\",\n body,\n image_url: imageUrl, // 追加: 画像のBase64文字列を送る\n }),\n });\n\n bodyInput.value = \"\";\n fileInput.value = \"\"; // ファイル選択をリセット\n fileLabel.classList.remove(\"has-file\");\n\n await poll();\n } catch (err) {\n console.error(err);\n } finally {\n bodyInput.disabled = false;\n bodyInput.focus();\n sending = false;\n }\n});\n\npoll();\nsetInterval(poll, 1500);",[102],"pulls","branches","forks","envVars",{"_319":20,"_321":20},"connections",{"_319":20,"_320":20},"count","unfilledCount","emptyCount",{"_46":308,"_13":102,"_76":101,"_56":-5,"_48":49,"_297":198,"_298":236,"_50":332,"_52":106,"_79":103,"_300":310,"_81":24,"_302":-5,"_326":333,"_272":334},{"_46":304,"_13":93,"_76":92,"_56":-5,"_48":49,"_297":191,"_298":236,"_50":329,"_52":142,"_79":67,"_300":306,"_81":24,"_302":-5,"_326":330,"_272":331},{"_46":296,"_13":78,"_76":77,"_56":-5,"_48":49,"_297":219,"_298":236,"_50":325,"_52":106,"_79":80,"_300":301,"_81":24,"_302":-5,"_326":327,"_272":328},["D",1780245836880],"children",[],[78],["D",1780245589744],[],[93],["D",1780245617242],[],[102],["D",1780235193541],{"_11":12,"_271":84},{"_11":12,"_267":84,"_83":84,"_25":82,"_268":269,"_270":24},{"_52":219,"_13":16,"_46":49,"_259":224,"_260":-5,"_261":-5,"_262":-5,"_263":-5,"_264":-5,"_265":14,"_266":12},"ctx",{"_65":-5,"_290":372,"_373":374,"_375":376,"_377":24,"_378":24,"_379":24,"_380":236,"_381":-5,"_382":-7,"_383":-7,"_384":20,"_385":24,"_386":24,"_387":-5,"_388":24,"_389":24,"_390":24,"_391":-5},"ENV",{"_343":344,"_345":346,"_347":16,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371},"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"]

History