オープンチャット

\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})();","deleted","label",[115],"pulls",1,"forks","envVars",{"_137":54,"_139":54},"connections",{"_137":54,"_138":54},"count","unfilledCount","emptyCount",{"_20":114,"_13":115,"_116":48,"_117":-5,"_118":21,"_119":30,"_120":50,"_22":141,"_29":122,"_123":124,"_125":126,"_127":38,"_128":-5,"_142":143,"_91":144},["D",1789086812842],"children",[],[115],["D",1789086804412],{"_11":12,"_89":85},{"_11":12,"_82":83,"_84":85,"_45":46,"_86":87,"_88":38},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_77":-5,"_78":-5,"_79":-5,"_80":14,"_81":12},"ctx",{"_70":-5,"_110":182,"_183":184,"_185":186,"_187":38,"_188":38,"_189":38,"_190":50,"_191":-5,"_192":-7,"_193":-7,"_194":54,"_195":38,"_196":38,"_197":-5,"_198":38,"_199":38,"_200":38,"_201":-5},"ENV",{"_153":154,"_155":156,"_157":26,"_158":159,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181},"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"]

Branches1

Branches
1