オープンチャット

\n \n \n \n

\n `;\n\n document.body.appendChild(appContainer);\n\n // 要素の取得\n const chatBox = document.getElementById(\"chat-box\");\n const usernameInput = document.getElementById(\"chat-username\");\n const messageInput = document.getElementById(\"chat-message\");\n const sendBtn = document.getElementById(\"chat-send-btn\");\n\n // XSS対策\n const escapeHtml = (str) => {\n return str.replace(/[&<>\"']/g, (m) => ({\n \"&\": \"&\",\n \"<\": \"<\",\n \">\": \">\",\n '\"': \""\",\n \"'\": \"'\",\n }[m]));\n };\n\n // 送信処理（APIなしでFirebaseに直書き込み）\n const sendMessage = () => {\n const user = usernameInput.value.trim() || \"名無し\";\n const text = messageInput.value.trim();\n\n if (!text) return;\n\n messagesRef.push({\n user: user,\n text: text,\n timestamp: Date.now(),\n });\n\n messageInput.value = \"\";\n };\n\n // イベント登録\n sendBtn.addEventListener(\"click\", sendMessage);\n messageInput.addEventListener(\"keypress\", (e) => {\n if (e.key === \"Enter\") sendMessage();\n });\n\n // リアルタイム受信監視（直近50件）\n messagesRef.limitToLast(50).on(\"child_added\", (snapshot) => {\n const data = snapshot.val();\n const msgDiv = document.createElement(\"div\");\n msgDiv.className = \"msg\";\n msgDiv.innerHTML = `${escapeHtml(data.user)}: ${\n escapeHtml(data.text)\n }`;\n\n chatBox.appendChild(msgDiv);\n chatBox.scrollTop = chatBox.scrollHeight;\n });\n }\n})();","label",[18],"pulls","branches","forks","envVars",{"_179":26,"_181":26},"connections",{"_179":26,"_180":26},"count","unfilledCount","emptyCount",{"_35":164,"_13":18,"_63":64,"_45":-5,"_37":38,"_165":88,"_166":106,"_39":183,"_41":80,"_65":85,"_168":169,"_67":24,"_170":-5,"_184":185,"_17":186},["D",1789086812842],"children",[],[18],["D",1789086804412],{"_11":12,"_142":70},{"_11":12,"_137":138,"_69":70,"_30":68,"_139":140,"_141":24},{"_41":88,"_13":16,"_35":38,"_129":94,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_53":-5,"_161":224,"_225":226,"_227":228,"_229":24,"_230":24,"_231":24,"_232":106,"_233":-5,"_234":-7,"_235":-7,"_236":26,"_237":24,"_238":24,"_239":-5,"_240":24,"_241":24,"_242":24,"_243":-5},"ENV",{"_195":196,"_197":198,"_199":16,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223},"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 · main.ts