Bubble

\n\n \n

🫧 Bubble

Messaggistica futuristica e anonima

\n\n

\n \n \n

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

\n\n \n

\n \n\n

\n 🫧\n

\n Seleziona un contatto\n online\n

\n \n \n

\n\n

\n \n \n \n \n

\n\n

\n \n \n

\n\n \n

\n Chiamata…\n 00:00\n

🫧

Chiamata in corso…

\n 🎵 Soundboard\n \n \n \n \n

\n \n \n \n

\n\n

\n \n\n\n",[],[216],["D",1787328997735],[],[18],"a672d821-9a6c-4285-b391-2a004e34e49d","app.js","e186dfa2-9d7a-11f1-a27e-1607ee4eb77e",17,["D",1787329052592],"// Bubble — frontend logic (module)\nconst $ = (id) => document.getElementById(id);\nconst AI_MOD = { id: 0, username: \"AI Mod\", tier: \"ai\", level: 99 };\n\nlet me = null;\nlet token = null;\nlet active = null; // contatto attivo (o AI_MOD)\nlet mode = \"login\";\n\n// ---------- bolle di sfondo ----------\nfunction spawnBubbles() {\n const bg = $(\"bgBubbles\");\n for (let i = 0; i < 18; i++) {\n const b = document.createElement(\"div\");\n b.className = \"bubble\";\n const size = 20 + Math.random() * 90;\n b.style.width = b.style.height = size + \"px\";\n b.style.left = Math.random() * 100 + \"vw\";\n b.style.animationDuration = 8 + Math.random() * 14 + \"s\";\n b.style.animationDelay = -Math.random() * 20 + \"s\";\n bg.appendChild(b);\n }\n}\nspawnBubbles();\n\n// ---------- toast ----------\nlet toastTimer;\nfunction toast(msg) {\n const t = $(\"toast\");\n t.textContent = msg;\n t.classList.add(\"show\");\n clearTimeout(toastTimer);\n toastTimer = setTimeout(() => t.classList.remove(\"show\"), 3000);\n}\n\n// ---------- auth ----------\ndocument.querySelectorAll(\".tab\").forEach((tab) => {\n tab.addEventListener(\"click\", () => {\n document.querySelectorAll(\".tab\").forEach((t) => t.classList.remove(\"active\"));\n tab.classList.add(\"active\");\n mode = tab.dataset.mode;\n $(\"ageInput\").hidden = mode !== \"register\";\n $(\"authErr\").textContent = \"\";\n });\n});\n\n$(\"authBtn\").addEventListener(\"click\", async () => {\n const username = $(\"unInput\").value.trim();\n const password = $(\"pwInput\").value;\n const age = Number($(\"ageInput\").value);\n $(\"authErr\").textContent = \"\";\n if (!username || !password) return ($(\"authErr\").textContent = \"Inserisci username e password\");\n if (mode === \"register\" && !age) return ($(\"authErr\").textContent = \"L'età è obbligatoria (age gating)\");\n\n const res = await fetch(\"/api/auth\", {\n method: \"POST\",\n headers: { \"content-type\": \"application/json\" },\n body: JSON.stringify({ username, password, age, mode }),\n });\n const data = await res.json();\n if (!res.ok) return ($(\"authErr\").textContent = data.error || \"Errore\");\n me = data.user;\n token = data.token;\n enterApp();\n});\n\nfunction enterApp() {\n $(\"auth\").classList.add(\"hidden\");\n $(\"app\").classList.remove(\"hidden\");\n $(\"meLabel\").textContent = \"@\" + me.username + (me.tier === \"kids\" ? \" 🧒\" : \"\");\n $(\"levelBadge\").textContent = \"🔰 Lv \" + me.level;\n if (me.tier === \"kids\") $(\"parentalBox\").hidden = false;\n loadContacts();\n // AI Mod in primo piano, pronto all'uso\n openChat(AI_MOD);\n}\n\n// ---------- contatti (AI Mod sempre in cima) ----------\nasync function loadContacts() {\n const res = await fetch(\"/api/contacts\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token },\n body: JSON.stringify({}),\n });\n const { contacts } = await res.json();\n const ul = $(\"contacts\");\n ul.innerHTML = \"\";\n\n // AI Mod pinned — front and center\n const ai = document.createElement(\"li\");\n ai.className = \"contact aimod\" + (active && active.id === 0 ? \" active\" : \"\");\n ai.innerHTML = `🛡️\n AI Mod
Sempre attivo · Firewall\n ●`;\n ai.addEventListener(\"click\", () => openChat(AI_MOD));\n ul.appendChild(ai);\n\n contacts.forEach((c) => {\n const li = document.createElement(\"li\");\n li.className = \"contact\" + (c.tier === \"kids\" ? \" kids\" : \"\") + (active && active.id === c.id ? \" active\" : \"\");\n li.innerHTML = `${c.username[0].toUpperCase()}\n @${c.username}\n ${c.tier === \"kids\" ? \"Kids\" : \"Bubble\"}`;\n li.addEventListener(\"click\", () => openChat(c));\n ul.appendChild(li);\n });\n}\n\n$(\"searchBtn\").addEventListener(\"click\", async () => {\n const q = $(\"searchInput\").value.trim();\n if (!q) return;\n const res = await fetch(\"/api/contacts\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token },\n body: JSON.stringify({ search: q }),\n });\n const data = await res.json();\n if (!res.ok) return toast(data.error || \"Errore\");\n $(\"searchInput\").value = \"\";\n toast(\"Contatto aggiunto ✓\");\n loadContacts();\n});\n\n// ---------- chat ----------\nfunction openChat(c) {\n active = c;\n const isAI = c.id === 0;\n $(\"chatPeer\").textContent = isAI ? \"AI Mod\" : \"@\" + c.username;\n $(\"peerStatus\").textContent = isAI ? \"Sempre attivo · Firewall in tempo reale\" : \"online\";\n $(\"peerAvatar\").textContent = isAI ? \"🛡️\" : c.username[0].toUpperCase();\n document.querySelectorAll(\".contact\").forEach((el) => el.classList.remove(\"active\"));\n if (isAI) loadAIMod();\n else loadThread();\n}\n\nasync function loadThread() {\n if (!active || active.id === 0) return;\n const res = await fetch(\"/api/chat/read\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token },\n body: JSON.stringify({ with: active.id }),\n });\n const { messages } = await res.json();\n const box = $(\"messages\");\n box.innerHTML = \"\";\n messages.forEach((m) => renderMessage(m));\n box.scrollTop = box.scrollHeight;\n}\n\nasync function loadAIMod() {\n const res = await fetch(\"/api/aimod\", {\n method: \"GET\",\n headers: { authorization: \"Bearer \" + token },\n });\n const { messages } = await res.json();\n const box = $(\"messages\");\n box.innerHTML = \"\";\n if (!messages.length) {\n const d = document.createElement(\"div\");\n d.className = \"msg ai_mod\";\n d.innerHTML = `

🛡️ Ciao! Sono il tuo AI Mod. Sono sempre qui in primo piano: scrivimi per moderazione, segnalazioni, regole o Forza dell'Ordine.

`;\n box.appendChild(d);\n } else {\n messages.forEach((m) => renderAIModMessage(m));\n }\n box.scrollTop = box.scrollHeight;\n}\n\nfunction renderMessage(m) {\n const box = $(\"messages\");\n const mine = m.sender === me.id;\n const div = document.createElement(\"div\");\n div.className = \"msg\" + (mine ? \" mine\" : \"\") + (m.kind === \"ai_mod\" ? \" ai_mod\" : \"\");\n const body = m.kind === \"sticker\"\n ? `${m.body}`\n : m.body;\n div.innerHTML = `

${body}

\n ${mine ? \"tu\" : \"@\" + (active ? active.username : \"\")} · ${m.created_at || \"\"}`;\n if (!mine && active && active.id !== 0) {\n const btn = document.createElement(\"button\");\n btn.className = \"btn-mini\";\n btn.textContent = \"🚩 Segnala\";\n btn.style.width = \"auto\";\n btn.addEventListener(\"click\", () => report(active));\n div.appendChild(btn);\n }\n box.appendChild(div);\n}\n\nfunction renderAIModMessage(m) {\n const box = $(\"messages\");\n const mine = m.sender === \"user\";\n const div = document.createElement(\"div\");\n div.className = \"msg\" + (mine ? \" mine\" : \" ai_mod\");\n div.innerHTML = `

${m.body}

\n ${mine ? \"tu\" : \"AI Mod\"} · ${m.created_at || \"\"}`;\n box.appendChild(div);\n}\n\n// ---------- invio ----------\nasync function send(text, kind = \"text\") {\n if (!active) return toast(\"Seleziona un contatto\");\n if (active.id === 0) return sendAIMod(text);\n const res = await fetch(\"/api/chat/send\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token, \"content-type\": \"application/json\" },\n body: JSON.stringify({ to: active.id, text, kind }),\n });\n const data = await res.json();\n if (!res.ok) return toast(data.error || \"Errore\");\n $(\"msgInput\").value = \"\";\n loadThread();\n}\n\nasync function sendAIMod(text) {\n const res = await fetch(\"/api/aimod\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token, \"content-type\": \"application/json\" },\n body: JSON.stringify({ text }),\n });\n const data = await res.json();\n $(\"msgInput\").value = \"\";\n if (data.blocked) toast(\"⚠️ Contenuto bloccato dall'AI Mod\");\n const box = $(\"messages\");\n box.innerHTML = \"\";\n data.messages.forEach((m) => renderAIModMessage(m));\n box.scrollTop = box.scrollHeight;\n}\n\n$(\"sendBtn\").addEventListener(\"click\", () => send($(\"msgInput\").value));\n$(\"msgInput\").addEventListener(\"keydown\", (e) => {\n if (e.key === \"Enter\") send($(\"msgInput\").value);\n});\n\ndocument.querySelectorAll(\".sticker\").forEach((b) =>\n b.addEventListener(\"click\", () => send(b.dataset.stick, \"sticker\"))\n);\n\n// ---------- segnalazione ----------\nasync function report(target) {\n const reason = prompt(`Segnala @${target.username}. Motivo:`);\n if (!reason) return;\n const res = await fetch(\"/api/report\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token, \"content-type\": \"application/json\" },\n body: JSON.stringify({ target: target.id, reason }),\n });\n const data = await res.json();\n toast(data.message || data.error || \"Segnalazione inviata\");\n}\n\n// ---------- CHIAMATE (WhatsApp-style) ----------\nlet callTimer = null;\nlet callSecs = 0;\nfunction startCall() {\n if (!active) return toast(\"Seleziona un contatto\");\n const isAI = active.id === 0;\n $(\"callPeer\").textContent = isAI ? \"AI Mod\" : \"@\" + active.username;\n $(\"callAvatar\").textContent = isAI ? \"🛡️\" : active.username[0].toUpperCase();\n $(\"callStatus\").textContent = \"Chiamata in corso…\";\n $(\"callOverlay\").classList.remove(\"hidden\");\n callSecs = 0;\n $(\"callTimer\").textContent = \"00:00\";\n clearInterval(callTimer);\n callTimer = setInterval(() => {\n callSecs++;\n const mm = String(Math.floor(callSecs / 60)).padStart(2, \"0\");\n const ss = String(callSecs % 60).padStart(2, \"0\");\n $(\"callTimer\").textContent = mm + \":\" + ss;\n }, 1000);\n}\nfunction endCall() {\n clearInterval(callTimer);\n $(\"callOverlay\").classList.add(\"hidden\");\n}\n$(\"callBtn\").addEventListener(\"click\", startCall);\n$(\"videoBtn\").addEventListener(\"click\", () => { startCall(); $(\"callStatus\").textContent = \"Videochiamata in corso…\"; });\n$(\"hangupBtn\").addEventListener(\"click\", endCall);\n$(\"muteBtn\").addEventListener(\"click\", () => {\n $(\"muteBtn\").classList.toggle(\"off\");\n $(\"muteBtn\").textContent = $(\"muteBtn\").classList.contains(\"off\") ? \"🔇\" : \"🎤\";\n});\n$(\"speakerBtn\").addEventListener(\"click\", () => {\n $(\"speakerBtn\").classList.toggle(\"off\");\n $(\"speakerBtn\").textContent = $(\"speakerBtn\").classList.contains(\"off\") ? \"🔉\" : \"🔊\";\n});\n\n// soundboard (usata durante le chiamate)\nfunction playSound(s) {\n const ctx = new (window.AudioContext || window.webkitAudioContext)();\n const osc = ctx.createOscillator();\n const gain = ctx.createGain();\n osc.connect(gain); gain.connect(ctx.destination);\n if (s === \"boing\") { osc.frequency.setValueAtTime(120, ctx.currentTime); osc.frequency.exponentialRampToValueAtTime(700, ctx.currentTime + .3); }\n if (s === \"laser\") { osc.type = \"sawtooth\"; osc.frequency.setValueAtTime(900, ctx.currentTime); osc.frequency.exponentialRampToValueAtTime(100, ctx.currentTime + .4); }\n if (s === \"pop\") { osc.frequency.setValueAtTime(300, ctx.currentTime); osc.frequency.exponentialRampToValueAtTime(900, ctx.currentTime + .1); }\n if (s === \"wow\") { osc.type = \"triangle\"; osc.frequency.setValueAtTime(400, ctx.currentTime); osc.frequency.exponentialRampToValueAtTime(1200, ctx.currentTime + .5); }\n gain.gain.setValueAtTime(.15, ctx.currentTime);\n gain.gain.exponentialRampToValueAtTime(.001, ctx.currentTime + .5);\n osc.start(); osc.stop(ctx.currentTime + .5);\n}\ndocument.querySelectorAll(\".soundboard button\").forEach((b) =>\n b.addEventListener(\"click\", () => playSound(b.dataset.s))\n);\n\n// ---------- parental control (Bubble Kids) ----------\n$(\"parentRequestBtn\").addEventListener(\"click\", async () => {\n const parentUsername = $(\"parentUsername\").value.trim();\n if (!parentUsername) return toast(\"Inserisci il nickname del genitore\");\n const res = await fetch(\"/api/parental/request\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token, \"content-type\": \"application/json\" },\n body: JSON.stringify({ parentUsername }),\n });\n const data = await res.json();\n toast(res.ok ? \"Richiesta inviata al genitore ✓\" : data.error || \"Errore\");\n});\n\n// polling notifiche genitore\nsetInterval(async () => {\n if (!me || me.tier !== \"adult\") return;\n const res = await fetch(\"/api/parental/pending\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token },\n body: JSON.stringify({}),\n });\n const { pending } = await res.json();\n pending.forEach(async (kid) => {\n const ok = confirm(`🧒 @${kid.username} (${kid.age} anni) chiede di collegarti come genitore. Accettare?`);\n if (ok) {\n await fetch(\"/api/parental/approve\", {\n method: \"POST\",\n headers: { authorization: \"Bearer \" + token, \"content-type\": \"application/json\" },\n body: JSON.stringify({ childId: kid.id }),\n });\n toast(`Genitore di @${kid.username} ✓`);\n }\n });\n}, 6000);\n",[],[227],["D",1787328583979],["D",1789501263826],{"_11":12,"_151":71},{"_11":12,"_146":147,"_70":71,"_30":69,"_148":149,"_150":24},{"_41":137,"_13":16,"_35":38,"_138":98,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"ctx",{"_54":-5,"_170":272,"_273":274,"_275":276,"_277":24,"_278":24,"_279":24,"_280":111,"_281":-5,"_282":-7,"_283":-7,"_284":26,"_285":24,"_286":24,"_287":-5,"_288":24,"_289":24,"_290":24,"_291":-5},"ENV",{"_243":244,"_245":246,"_247":16,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271},"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 · db.ts