Bubble

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_209":210,"_211":212},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_160":-5,"_20":161,"_22":162,"_163":164,"_165":166,"_26":167,"_24":168,"_169":-5,"_170":-5,"_171":52,"_172":173,"_174":43,"_175":-5,"_176":-5,"_177":178},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","boh","name","bubble","branchName","main","version","path","main.ts","project",{"_33":101,"_13":14,"_44":102,"_103":-5,"_104":52,"_105":106,"_107":106,"_108":109,"_110":-5,"_111":112,"_113":36,"_114":43,"_115":-5,"_116":-5,"_117":118,"_119":120,"_121":122,"_123":124,"_125":126,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":138,"_139":140,"_141":142,"_143":52},"tree",[56,57,58,59,60],"file",{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":54,"_18":55},"contents",[],"upstream","pull","ahead","behind","envVars","id","213d13d0-d733-48b1-8578-89d2146c2570","fileId","ca38b974-9d7a-11f1-ae75-1607ee4eb77e","parentId","branchId","619b1123-b1f7-4e0c-b131-2749ec7bfb30","branchVersion",15,"latest",true,"createdAt",["D",1787329032637],7,"fileType","http","content","// Bubble — backend HTTP (Val Town). Serve il frontend e l'API REST.\nimport { readFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport * as db from \"./db.ts\";\n\nconst json = (data: unknown, status = 200) =>\n new Response(JSON.stringify(data), {\n status,\n headers: { \"content-type\": \"application/json\" },\n });\n\n// Sessione demo: token = user id (in produzione: JWT firmato).\nasync function authUser(req: Request): Promise {\n const h = req.headers.get(\"authorization\") || \"\";\n const id = Number(h.replace(\"Bearer \", \"\"));\n return id ? await db.findById(id) : null;\n}\n\n// --- AI Mod (Firewall anti-jailbreak). Heuristico + hook per LLM. ---\nconst BLOCKED = [\"hack\", \"jailbreak\", \"ddos\", \"exploit\", \"violence\", \"weapon\"];\nfunction aiModScan(text: string): { ok: boolean; reason?: string } {\n const low = text.toLowerCase();\n for (const w of BLOCKED) {\n if (low.includes(w)) return { ok: false, reason: `Contenuto bloccato (${w})` };\n }\n return { ok: true };\n}\n\n// --- Risposta dell'AI Mod (pronta all'uso: moderazione e dialogo) ---\nasync function aiModReply(text: string, me: db.User): Promise {\n const low = text.toLowerCase();\n if (/(ciao|hello|hey|salve)/.test(low)) return \"Ciao! 👋 Sono il tuo **AI Mod**, sempre in primo piano per proteggere la community. Chiedimi qualsiasi cosa su moderazione, segnalazioni o le regole di Bubble. 🛡️\";\n if (low.includes(\"segnal\")) return \"Per segnalare apri una chat e tocca il pulsante **🚩 Segnala** accanto a un messaggio. Analizzo io la segnalazione e ti aggiorno qui sull'esito. ⚡\";\n if (/(regol|norma|vietato)/.test(low)) return \"Le regole di Bubble: niente odio, niente spam, niente contenuti violenti. Il firewall li blocca in **tempo reale** prima che arrivino a destinazione. ✅\";\n if (/(livello|forza|xp|punt)/.test(low)) return `La tua **Forza dell'Ordine** è al Livello **${me.level}** (${me.xp} XP). Segnala con precisione per salire di livello e far rispettare l'ordine. 🔰`;\n if (/(kid|bambin|genitor|parental)/.test(low)) return \"**Bubble Kids** è la zona protetta per gli under 14, con controllo parentale. Le chat tra minori e adulti sono categoricamente bloccate. 🧒\";\n if (/(critt|e2ee|sicur)/.test(low)) return \"I tuoi messaggi su Bubble sono cifrati **end-to-end**: solo tu e il destinatario potete leggerli. 🔐\";\n if (/(comando|menu|cosa puoi)/.test(low)) return \"Posso: 🛡️ moderare messaggi, ⚡ analizzare segnalazioni, 🔰 mostrarti la Forza dell'Ordine, 👪 spiegare Bubble Kids. Scrivimi pure!\";\n return `Messaggio ricevuto, **@${me.username}**. Ho analizzato il contenuto: nessun problema rilevato. ✅ Sono sempre qui, pronto a intervenire. Fammi sapere come posso aiutarti!`;\n}\n\n// --- Cross-tier guard: mai chat adulto <-> minore ---\nfunction canChat(a: db.User, b: db.User): boolean {\n return a.tier === b.tier;\n}\n\nexport default async function handler(req: Request): Promise {\n const url = new URL(req.url);\n const path = url.pathname;\n const method = req.method;\n\n // ---------- FRONTEND ----------\n if (path === \"/\" || path === \"/index.html\") {\n return new Response(await readFile(\"index.html\"), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n if (path === \"/styles.css\") {\n return new Response(await readFile(\"styles.css\"), {\n headers: { \"content-type\": \"text/css; charset=utf-8\" },\n });\n }\n if (path === \"/app.js\") {\n return new Response(await readFile(\"app.js\"), {\n headers: { \"content-type\": \"text/javascript; charset=utf-8\" },\n });\n }\n\n // ---------- API ----------\n const body = method === \"POST\" ? await req.json().catch(() => ({})) : {};\n\n // POST /api/auth — register/login senza email\n if (path === \"/api/auth\" && method === \"POST\") {\n const { username, password, age, mode } = body;\n if (!username || !password) return json({ error: \"Username e password richiesti\" }, 400);\n const hash = await db.hashPassword(password);\n if (mode === \"register\") {\n if (await db.findByUsername(username)) return json({ error: \"Username già in uso\" }, 409);\n if (typeof age !== \"number\") return json({ error: \"Età richiesta (age gating)\" }, 400);\n const user = await db.createUser(username, hash, age);\n return json({ token: String(user.id), user: await db.findById(user.id) });\n }\n const user = await db.checkPassword(username, hash);\n if (!user) return json({ error: \"Credenziali non valide\" }, 401);\n return json({ token: String(user.id), user });\n }\n\n // POST /api/chat/send — invio messaggio (E2EE lato Bubble)\n if (path === \"/api/chat/send\" && method === \"POST\") {\n const me = await authUser(req);\n if (!me) return json({ error: \"Non autenticato\" }, 401);\n const { to, text, kind = \"text\" } = body;\n const target = await db.findById(Number(to));\n if (!target) return json({ error: \"Destinatario non trovato\" }, 404);\n if (!canChat(me, target)) return json({ error: \"Chat cross-tier vietata\" }, 403);\n\n const scan = aiModScan(text);\n if (!scan.ok) return json({ error: scan.reason, aiMod: true }, 403);\n\n const [a, b] = [me.id, target.id].sort((x, y) => x - y);\n const secret = (a * 31 + b * 17).toString(36);\n const encrypted = btoa(unescape(encodeURIComponent(secret + \"::\" + text)));\n await db.sendMessage(me.id, target.id, encrypted, kind);\n return json({ ok: true, encrypted });\n }\n\n // POST /api/chat/read — legge la chat (decifra)\n if (path === \"/api/chat/read\" && method === \"POST\") {\n const me = await authUser(req);\n if (!me) return json({ error: \"Non autenticato\" }, 401);\n const { with: otherId } = body;\n const other = await db.findById(Number(otherId));\n if (!other) return json({ error: \"Utente non trovato\" }, 404);\n if (!canChat(me, other)) return json({ error: \"Chat cross-tier vietata\" }, 403);\n const [a, b] = [me.id, other.id].sort((x, y) => x - y);\n const secret = (a * 31 + b * 17).toString(36);\n const rows = await db.thread(me.id, other.id);\n const msgs = rows.map((r: any) => {\n let body = r.body;\n try {\n const dec = decodeURIComponent(escape(atob(r.body)));\n if (dec.startsWith(secret + \"::\")) body = dec.slice(secret.length + 2);\n } catch {}\n return { id: r.id, sender: r.sender, body, kind: r.kind, created_at: r.created_at };\n });\n return json({ messages: msgs });\n }\n\n // POST /api/contacts — lista + ricerca/aggiunta amici\n if (path === \"/api/contacts\" && method === \"POST\") {\n const me = await authUser(req);\n if (!me) return json({ error: \"Non autenticato\" }, 401);\n const contacts = await db.contactsOf(me.id);\n const { search } = body;\n if (search) {\n const found = await db.findByUsername(search);\n if (found && found.id !== me.id && found.tier === me.tier && !contacts.some((c) => c.id === found.id)) {\n await db.addFriend(me.id, found.id);\n contacts.push((await db.findById(found.id))!);\n }\n }\n return json({ contacts });\n }\n\n // POST /api/report — segnalazione + AI Mod + gamification\n if (path === \"/api/report\" && method === \"POST\") {\n const me = await authUser(req);\n if (!me) return json({ error: \"Non autenticato\" }, 401);\n const { target, reason } = body;\n const t = await db.findById(Number(target));\n if (!t) return json({ error: \"Target non trovato\" }, 404);\n const reportId = await db.addReport(me.id, t.id, String(reason));\n\n const founded = /insult|violence|hate|spam|molest/.test(String(reason).toLowerCase());\n await db.resolveReport(reportId, founded ? \"founded\" : \"dismissed\");\n const aiMsg = founded\n ? `Abbiamo preso provvedimenti su @${t.username}, grazie al tuo aiuto! ⚡`\n : `Segnalazione su @${t.username} esaminata: nessun provvedimento. Continua a vigilare! 🛡️`;\n // azione anche nella chat AI Mod dedicata\n await db.aimodSend(me.id, \"ai\", aiMsg);\n const reportMsg = await db.sendMessage(me.id, me.id, btoa(unescape(encodeURIComponent(\"ai::\" + aiMsg))), \"ai_mod\");\n void reportMsg;\n return json({ ok: true, founded, message: aiMsg });\n }\n\n // POST /api/parental/request — il minore inserisce il nickname del genitore\n if (path === \"/api/parental/request\" && method === \"POST\") {\n const me = await authUser(req);\n if (!me) return json({ error: \"Non autenticato\" }, 401);\n const parent = await db.requestParent(me.id, String(body.parentUsername));\n if (!parent) return json({ error: \"Genitore non trovato o non adulto\" }, 404);\n return json({ ok: true, pending: true, parent: parent.username });\n }\n\n // POST /api/parental/approve — il genitore accetta\n if (path === \"/api/parental/approve\" && method === \"POST\") {\n const me = await authUser(req);\n if (!me) return json({ error: \"Non autenticato\" }, 401);\n const ok = await db.approveParent(Number(body.childId), me.id);\n return json({ ok });\n }\n\n // POST /api/parental/pending — notifiche push per il genitore\n if (path === \"/api/parental/pending\" && method === \"POST\") {\n const me = await authUser(req);\n if (!me) return json({ error: \"Non autenticato\" }, 401);\n return json({ pending: await db.pendingKidsFor(me.id) });\n }\n\n // AI Mod — chat dedicata, sempre pronta e in primo piano.\n // GET /api/aimod -> thread; POST /api/aimod {text} -> invia e risponde.\n if (path === \"/api/aimod\" && (method === \"POST\" || method === \"GET\")) {\n const me = await authUser(req);\n if (!me) return json({ error: \"Non autenticato\" }, 401);\n const text = method === \"POST\" ? String(body.text || \"\").trim() : \"\";\n if (text) {\n const scan = aiModScan(text);\n if (!scan.ok) {\n await db.aimodSend(me.id, \"ai\", `⚠️ Bloccato: ${scan.reason}. Il mio firewall agisce in tempo reale.`);\n return json({ messages: await db.aimodThread(me.id), blocked: true });\n }\n await db.aimodSend(me.id, \"user\", text);\n await db.aimodSend(me.id, \"ai\", await aiModReply(text, me));\n }\n return json({ messages: await db.aimodThread(me.id) });\n }\n\n return json({ error: \"Not found\" }, 404);\n}\n","deleted",false,"label","bubble-chat",[19],{"_33":93,"_13":94,"_35":95,"_37":-5,"_38":39,"_40":96,"_42":43,"_44":97,"_17":79,"_47":89,"_49":98,"_51":52,"_53":-5,"_68":99,"_18":100},{"_33":83,"_13":84,"_35":85,"_37":-5,"_38":39,"_40":86,"_42":43,"_44":87,"_17":88,"_47":89,"_49":90,"_51":52,"_53":-5,"_68":91,"_18":92},{"_33":74,"_13":75,"_35":76,"_37":-5,"_38":39,"_40":77,"_42":43,"_44":78,"_17":79,"_47":24,"_49":80,"_51":52,"_53":-5,"_68":81,"_18":82},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":71,"_17":46,"_47":48,"_49":50,"_51":52,"_53":54,"_68":72,"_18":73},{"_33":61,"_13":62,"_35":63,"_37":-5,"_38":39,"_40":64,"_42":43,"_44":65,"_17":66,"_47":24,"_49":67,"_51":52,"_53":-5,"_68":69,"_18":70},"f6a8ebc8-60a9-4992-91e4-ad7c0ca27471","styles.css","d8ec83ce-9d7a-11f1-8614-1607ee4eb77e",21,["D",1787329303097],4,"* { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n --bg-1: #0d0a2b;\n --bg-2: #2b0a5e;\n --bubble: rgba(255, 255, 255, 0.06);\n --line: rgba(255, 255, 255, 0.18);\n --accent: #00f0ff;\n --accent-2: #ff5cfa;\n --text: #f4f1ff;\n --kids: #ffe66d;\n}\n\nbody {\n font-family: \"Segoe UI\", system-ui, sans-serif;\n background: linear-gradient(135deg, var(--bg-1), var(--bg-2), #06213a);\n background-size: 200% 200%;\n animation: bgshift 18s ease infinite;\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n}\n@keyframes bgshift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n}\n\n/* bolle di sfondo fluttuanti */\n.bg-bubbles { position: fixed; inset: 0; pointer-events: none; z-index: 0; }\n.bubble {\n position: absolute;\n border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.35), rgba(0,240,255,.12));\n border: 1px solid var(--line);\n backdrop-filter: blur(2px);\n animation: floatUp linear infinite;\n box-shadow: inset -6px -8px 18px rgba(0,0,0,.25), 0 0 20px rgba(0,240,255,.25);\n}\n@keyframes floatUp {\n 0% { transform: translateY(105vh) scale(.6); opacity: 0; }\n 10% { opacity: .8; }\n 100% { transform: translateY(-20vh) scale(1.2); opacity: .1; }\n}\n\n.glass-panel {\n background: var(--bubble);\n border: 1px solid var(--line);\n backdrop-filter: blur(18px) saturate(140%);\n border-radius: 28px;\n box-shadow: 0 20px 60px rgba(0,0,0,.45);\n}\n\n/* ---------- AUTH ---------- */\n.screen {\n position: relative; z-index: 2;\n max-width: 380px; margin: 8vh auto; padding: 34px;\n display: flex; flex-direction: column; gap: 14px;\n}\n.logo { font-size: 2rem; font-weight: 800; text-align: center;\n background: linear-gradient(90deg, var(--accent), var(--accent-2));\n -webkit-background-clip: text; background-clip: text; color: transparent; }\n.tagline { text-align: center; opacity: .8; margin-bottom: 8px; }\n.tabs { display: flex; gap: 8px; }\n.tab { flex: 1; padding: 10px; border-radius: 14px; border: 1px solid var(--line);\n background: transparent; color: var(--text); cursor: pointer; }\n.tab.active { background: rgba(0,240,255,.2); border-color: var(--accent); }\ninput { padding: 13px 15px; border-radius: 14px; border: 1px solid var(--line);\n background: rgba(0,0,0,.25); color: var(--text); font-size: 1rem; outline: none; }\ninput:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(0,240,255,.15); }\n.btn-primary { padding: 14px; border-radius: 16px; border: none; cursor: pointer;\n background: linear-gradient(90deg, var(--accent), var(--accent-2));\n color: #0a0a2a; font-weight: 800; font-size: 1.05rem; transition: transform .15s; }\n.btn-primary:hover { transform: scale(1.03); filter: brightness(1.1); }\n.err { color: #ff7b7b; min-height: 1.2em; font-size: .9rem; text-align: center; }\n\n/* ---------- APP ---------- */\n.hidden { display: none !important; }\n[hidden] { display: none !important; }\n.app { position: relative; z-index: 2; display: grid; grid-template-columns: 300px 1fr;\n gap: 18px; height: 100vh; padding: 18px; max-width: 1100px; margin: 0 auto; }\n\n.sidebar { display: flex; flex-direction: column; padding: 18px; overflow: hidden; }\n.sidebar-head { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }\n.logo-sm { font-size: 1.5rem; }\n#meLabel { font-weight: 700; flex: 1; }\n.level { background: rgba(255,255,255,.12); border: 1px solid var(--line);\n padding: 4px 10px; border-radius: 20px; font-size: .8rem; }\n.search-box { display: flex; gap: 8px; margin-bottom: 12px; }\n.search-box input { flex: 1; }\n#searchBtn { width: 44px; border-radius: 12px; border: 1px solid var(--accent);\n background: rgba(0,240,255,.15); color: var(--accent); font-size: 1.2rem; cursor: pointer; }\n.parental { display: flex; gap: 6px; margin-bottom: 12px; flex-wrap: wrap; }\n.parental input { flex: 1 1 100%; font-size: .85rem; }\n.btn-mini { padding: 8px; border-radius: 10px; border: 1px solid var(--kids);\n background: rgba(255,230,109,.15); color: var(--kids); cursor: pointer; width: 100%; }\n\n.contacts { list-style: none; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }\n.contact { display: flex; align-items: center; gap: 12px; padding: 12px; border-radius: 16px;\n cursor: pointer; border: 1px solid transparent; transition: .2s; }\n.contact:hover, .contact.active { background: rgba(255,255,255,.08); border-color: var(--line); }\n.avatar { width: 42px; height: 42px; border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, var(--accent), var(--accent-2));\n display: grid; place-items: center; font-weight: 800; color: #0a0a2a; }\n.kids .avatar { background: radial-gradient(circle, #fff, var(--kids)); }\n.tag { font-size: .7rem; padding: 2px 8px; border-radius: 10px;\n background: rgba(0,240,255,.15); color: var(--accent); }\n.kids .tag { background: rgba(255,230,109,.2); color: var(--kids); }\n\n/* ---------- CHAT ---------- */\n.chat { display: flex; flex-direction: column; padding: 0; overflow: hidden; }\n.chat-head { display: flex; align-items: center; justify-content: space-between;\n padding: 16px 20px; border-bottom: 1px solid var(--line); font-weight: 700; }\n.tb { font-size: 1.4rem; cursor: pointer; }\n#messages { flex: 1; overflow-y: auto; padding: 22px; display: flex;\n flex-direction: column; gap: 12px; }\n\n/* bolla-messaggio */\n.msg { max-width: 70%; display: flex; flex-direction: column; gap: 4px; animation: popIn .25s; }\n.msg.mine { align-self: flex-end; align-items: flex-end; }\n.bubble-msg { position: relative; padding: 12px 16px; border-radius: 22px; word-break: break-word;\n background: linear-gradient(135deg, rgba(0,240,255,.22), rgba(255,92,250,.18));\n border: 1px solid var(--line);\n box-shadow: inset -4px -6px 14px rgba(0,0,0,.2), inset 3px 4px 10px rgba(255,255,255,.15);\n}\n.msg.mine .bubble-msg { background: linear-gradient(135deg, rgba(255,92,250,.28), rgba(0,240,255,.22)); }\n.bubble-msg::after { content: \"\"; position: absolute; bottom: -7px; width: 14px; height: 14px;\n border-radius: 3px; background: inherit; transform: rotate(45deg);\n box-shadow: 4px 4px 8px rgba(0,0,0,.1); }\n.msg:not(.mine) .bubble-msg::after { left: 18px; }\n.msg.mine .bubble-msg::after { right: 18px; }\n.msg.ai_mod .bubble-msg { background: linear-gradient(135deg, rgba(0,240,255,.3), rgba(0,180,255,.3)); }\n.msg .meta { font-size: .7rem; opacity: .7; }\n@keyframes popIn {\n 0% { transform: scale(.5); opacity: 0; }\n 80% { transform: scale(1.05); }\n 100% { transform: scale(1); opacity: 1; }\n}\n\n/* sticker incollato sopra il testo */\n.sticker-overlay { display: inline-block; transform: rotate(8deg); font-size: 1.8rem;\n animation: wobble 1.5s ease-in-out infinite; }\n@keyframes wobble { 0%,100% { transform: rotate(8deg) scale(1);} 50% { transform: rotate(-6deg) scale(1.15);} }\n\n.soundboard { display: flex; gap: 8px; padding: 10px 20px; flex-wrap: wrap;\n border-bottom: 1px solid var(--line); }\n.soundboard button { padding: 8px 12px; border-radius: 14px; border: 1px solid var(--line);\n background: rgba(255,255,255,.1); color: var(--text); cursor: pointer; }\n.soundboard button:hover { background: rgba(0,240,255,.2); }\n\n.sticker-row { display: flex; gap: 8px; padding: 8px 20px 4px; }\n.sticker { font-size: 1.5rem; background: none; border: none; cursor: pointer; filter: grayscale(.3); }\n.sticker:hover { filter: none; transform: scale(1.2); }\n\n.input-row { display: flex; gap: 10px; padding: 14px 20px 20px; }\n.input-row input { flex: 1; }\n#sendBtn { padding: 0 22px; }\n\n.toast { position: fixed; bottom: 24px; left: 50%; transform: translateX(-50%);\n background: rgba(0,0,0,.8); color: #fff; padding: 12px 20px; border-radius: 16px;\n border: 1px solid var(--line); z-index: 99; opacity: 0; transition: opacity .3s; }\n.toast.show { opacity: 1; }\n\n@media (max-width: 720px) {\n .app { grid-template-columns: 1fr; height: auto; }\n .sidebar { max-height: 40vh; }\n}\n\n/* ---------- WhatsApp-style header ---------- */\n.chat-head { display: flex; align-items: center; justify-content: space-between;\n padding: 12px 18px; border-bottom: 1px solid var(--line); }\n.peer { display: flex; align-items: center; gap: 12px; }\n.avatar-sm { width: 40px; height: 40px; border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, var(--accent), var(--accent-2));\n display: grid; place-items: center; font-weight: 800; color: #0a0a2a; }\n.peer-status { display: block; font-size: .75rem; opacity: .7; font-weight: 400; }\n.head-actions { display: flex; gap: 8px; }\n.icon-btn { width: 42px; height: 42px; border-radius: 50%; border: 1px solid var(--line);\n background: rgba(255,255,255,.08); color: var(--text); font-size: 1.2rem; cursor: pointer;\n transition: .2s; }\n.icon-btn:hover { background: rgba(0,240,255,.2); transform: scale(1.08); }\n\n/* AI Mod — contatto normale, in cima accanto agli altri */\n.avatar.ai { background: radial-gradient(circle, #fff, #7b2bff); }\n.badge-live { color: #3dff8b; font-size: 1rem; text-shadow: 0 0 8px #3dff8b; animation: pulse 1.6s infinite; }\n@keyframes pulse { 0%,100% { opacity: 1; } 50% { opacity: .3; } }\n.muted { color: rgba(255,255,255,.55); font-size: .72rem; }\n\n/* ---------- CALL OVERLAY (WhatsApp-style) ---------- */\n.call-overlay { position: fixed; inset: 0; z-index: 50; display: flex; flex-direction: column;\n align-items: center; justify-content: center; gap: 22px;\n background: radial-gradient(circle at 50% 30%, #1b1040, #07051a 75%);\n backdrop-filter: blur(20px); }\n.call-top { position: absolute; top: 28px; width: 100%; display: flex; justify-content: space-between;\n padding: 0 28px; font-size: 1.1rem; font-weight: 700; }\n.call-timer { font-variant-numeric: tabular-nums; opacity: .85; }\n.call-avatar { width: 130px; height: 130px; border-radius: 50%;\n background: radial-gradient(circle at 30% 30%, var(--accent), var(--accent-2));\n display: grid; place-items: center; font-size: 3.2rem; color: #0a0a2a;\n box-shadow: 0 0 60px rgba(0,240,255,.5); animation: breathe 2.4s ease-in-out infinite; }\n@keyframes breathe { 0%,100% { transform: scale(1); } 50% { transform: scale(1.06); } }\n.call-status { opacity: .85; }\n.call-overlay .soundboard { display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\n justify-content: center; background: rgba(255,255,255,.06); border: 1px solid var(--line);\n padding: 14px 18px; border-radius: 22px; max-width: 90%; }\n.call-overlay .soundboard .sb-label { width: 100%; text-align: center; opacity: .8;\n font-size: .8rem; letter-spacing: 1px; }\n.call-overlay .soundboard button { padding: 10px 14px; border-radius: 14px; border: 1px solid var(--line);\n background: rgba(255,255,255,.1); color: var(--text); cursor: pointer; font-size: .95rem; }\n.call-overlay .soundboard button:hover { background: rgba(0,240,255,.25); }\n.call-actions { display: flex; gap: 18px; }\n.call-btn { width: 62px; height: 62px; border-radius: 50%; border: none; cursor: pointer;\n background: rgba(255,255,255,.14); color: #fff; font-size: 1.5rem; transition: .2s; }\n.call-btn:hover { transform: scale(1.08); }\n.call-btn.hangup { background: #ff3b5c; }\n.call-btn.off { background: rgba(255,255,255,.3); opacity: .6; }\n","children",[],[62],["D",1787329032637],[],[19],"515741e4-3519-48ee-b174-8a28906ea0d6","index.html","ce9b61ce-9d7a-11f1-b918-1607ee4eb77e",16,["D",1787329040992],1,"\n\n\n \n \n Bubble\n \n\n\n

\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",[],[75],"77e15f67-d1fb-44bb-87cd-2a6c439c82e6","db.ts","c1f8e3e2-9d7a-11f1-b3ef-1607ee4eb77e",13,["D",1787328997735],3,"script","// Bubble — persistenza (SQLite project-scoped di Val Town)\nimport { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n username TEXT UNIQUE NOT NULL,\n password TEXT NOT NULL, -- hash (demo: sha256 via WebCrypto)\n age INTEGER NOT NULL,\n tier TEXT NOT NULL, -- 'adult' (14+) | 'kids' (<14)\n parent_id INTEGER,\n parent_pending INTEGER DEFAULT 0,\n level INTEGER DEFAULT 1, -- Livello Forza dell'Ordine\n xp INTEGER DEFAULT 0,\n reports_correct INTEGER DEFAULT 0,\n reports_total INTEGER DEFAULT 0,\n created_at TEXT DEFAULT (datetime('now'))\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS friendships (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_a INTEGER NOT NULL,\n user_b INTEGER NOT NULL,\n UNIQUE(user_a, user_b)\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n sender INTEGER NOT NULL,\n receiver INTEGER NOT NULL,\n body TEXT NOT NULL,\n kind TEXT DEFAULT 'text', -- text | sticker | ai_mod\n created_at TEXT DEFAULT (datetime('now'))\n)`);\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS reports (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n reporter INTEGER NOT NULL,\n target INTEGER NOT NULL,\n reason TEXT NOT NULL,\n verdict TEXT DEFAULT 'pending', -- pending | founded | dismissed\n created_at TEXT DEFAULT (datetime('now'))\n)`);\n\nexport type User = {\n id: number;\n username: string;\n age: number;\n tier: \"adult\" | \"kids\";\n parent_id: number | null;\n parent_pending: number;\n level: number;\n xp: number;\n};\n\n// --- hash password (demo, WebCrypto) ---\nexport async function hashPassword(pw: string): Promise {\n const data = new TextEncoder().encode(\"bubble::\" + pw);\n const digest = await crypto.subtle.digest(\"SHA-256\", data);\n return [...new Uint8Array(digest)].map((b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nexport function userFromRow(row: any): User {\n return {\n id: row.id,\n username: row.username,\n age: row.age,\n tier: row.tier,\n parent_id: row.parent_id,\n parent_pending: row.parent_pending,\n level: row.level,\n xp: row.xp,\n };\n}\n\nexport async function findByUsername(username: string): Promise {\n const r = await sqlite.execute({ sql: \"SELECT * FROM users WHERE username = ?\", args: [username] });\n return r.rows.length ? userFromRow(r.rows[0]) : null;\n}\n\nexport async function findById(id: number): Promise {\n const r = await sqlite.execute({ sql: \"SELECT * FROM users WHERE id = ?\", args: [id] });\n return r.rows.length ? userFromRow(r.rows[0]) : null;\n}\n\nexport async function createUser(username: string, passwordHash: string, age: number): Promise {\n const tier = age >= 14 ? \"adult\" : \"kids\";\n await sqlite.execute({\n sql: \"INSERT INTO users (username, password, age, tier) VALUES (?,?,?,?)\",\n args: [username, passwordHash, age, tier],\n });\n return (await findByUsername(username))!;\n}\n\nexport async function checkPassword(username: string, passwordHash: string): Promise {\n const r = await sqlite.execute({\n sql: \"SELECT * FROM users WHERE username = ? AND password = ?\",\n args: [username, passwordHash],\n });\n return r.rows.length ? userFromRow(r.rows[0]) : null;\n}\n\n// --- amicizie ---\nexport async function addFriend(a: number, b: number) {\n const lo = Math.min(a, b);\n const hi = Math.max(a, b);\n await sqlite.execute({\n sql: \"INSERT OR IGNORE INTO friendships (user_a, user_b) VALUES (?,?)\",\n args: [lo, hi],\n });\n}\n\nexport async function contactsOf(userId: number): Promise {\n const r = await sqlite.execute({\n sql: `SELECT u.* FROM users u\n JOIN friendships f ON (f.user_a = u.id OR f.user_b = u.id)\n WHERE (f.user_a = ? OR f.user_b = ?) AND u.id != ?`,\n args: [userId, userId, userId],\n });\n return r.rows.map(userFromRow);\n}\n\n// --- messaggi ---\nexport async function sendMessage(sender: number, receiver: number, body: string, kind = \"text\") {\n await sqlite.execute({\n sql: \"INSERT INTO messages (sender, receiver, body, kind) VALUES (?,?,?,?)\",\n args: [sender, receiver, body, kind],\n });\n}\n\nexport async function thread(a: number, b: number) {\n const r = await sqlite.execute({\n sql: `SELECT * FROM messages\n WHERE (sender=? AND receiver=?) OR (sender=? AND receiver=?)\n ORDER BY id ASC`,\n args: [a, b, b, a],\n });\n return r.rows;\n}\n\n// --- segnalazioni & gamification ---\nexport async function addReport(reporter: number, target: number, reason: string): Promise {\n const r = await sqlite.execute({\n sql: \"INSERT INTO reports (reporter, target, reason) VALUES (?,?,?)\",\n args: [reporter, target, reason],\n });\n return Number(r.lastInsertRowid);\n}\n\nexport async function resolveReport(reportId: number, verdict: \"founded\" | \"dismissed\") {\n await sqlite.execute({ sql: \"UPDATE reports SET verdict = ? WHERE id = ?\", args: [verdict, reportId] });\n const r = await sqlite.execute({ sql: \"SELECT * FROM reports WHERE id = ?\", args: [reportId] });\n if (!r.rows.length) return;\n const reporter = await findById(r.rows[0].reporter);\n if (!reporter || reporter.tier === \"kids\") return; // i kids non accumulano punti\n const correct = verdict === \"founded\" ? 1 : 0;\n await sqlite.execute({\n sql: \"UPDATE users SET reports_total = reports_total + 1, reports_correct = reports_correct + ?, xp = xp + ? WHERE id = ?\",\n args: [correct, correct ? 25 : -10, reporter.id],\n });\n // ricalcola livello: ogni 100 XP un livello\n const u = (await findById(reporter.id))!;\n const newLevel = Math.max(1, Math.floor(u.xp / 100) + 1);\n await sqlite.execute({ sql: \"UPDATE users SET level = ? WHERE id = ?\", args: [newLevel, u.id] });\n}\n\n// --- pairing genitore-figlio ---\nexport async function requestParent(childId: number, parentUsername: string): Promise {\n const parent = await findByUsername(parentUsername);\n if (!parent || parent.tier !== \"adult\") return null;\n await sqlite.execute({ sql: \"UPDATE users SET parent_pending = ? WHERE id = ?\", args: [parent.id, childId] });\n return parent;\n}\n\nexport async function approveParent(childId: number, parentId: number): Promise {\n const child = await findById(childId);\n if (!child) return false;\n await sqlite.execute({ sql: \"UPDATE users SET parent_id = ?, parent_pending = 0 WHERE id = ?\", args: [parentId, childId] });\n return true;\n}\n\nexport async function pendingKidsFor(parentId: number): Promise {\n const r = await sqlite.execute({\n sql: \"SELECT * FROM users WHERE parent_pending = ? AND tier = 'kids'\",\n args: [parentId],\n });\n return r.rows.map(userFromRow);\n}\n\n\n// --- Chat dedicata AI Mod (sempre pronta, in primo piano) ---\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS aimod_messages (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n user_id INTEGER NOT NULL,\n sender TEXT NOT NULL, -- 'user' | 'ai'\n body TEXT NOT NULL,\n created_at TEXT DEFAULT (datetime('now'))\n)`);\n\nexport async function aimodThread(userId: number) {\n const r = await sqlite.execute({\n sql: \"SELECT * FROM aimod_messages WHERE user_id = ? ORDER BY id ASC\",\n args: [userId],\n });\n return r.rows;\n}\n\nexport async function aimodSend(userId: number, sender: \"user\" | \"ai\", body: string) {\n await sqlite.execute({\n sql: \"INSERT INTO aimod_messages (user_id, sender, body) VALUES (?,?,?)\",\n args: [userId, sender, body],\n });\n}\n",[],[84],"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",[],[94],"34cb4f20-4a6e-4a39-87da-83a8bbc146a5",["D",1787328583979],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Bubble - app di messaggistica futuristica e anonima","imageUrl","userId","86c0904a-df90-4b28-8be9-0d0cd34688de","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","01a02515-3428-7129-a58d-ee30dee1111b","tursoName","34cb4f204a6e4a3987da83a8bbc146a5","tursoHostname","34cb4f204a6e4a3987da83a8bbc146a5-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789501263826],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_159":155},"org",{"_11":12,"_152":153,"_154":155,"_111":112,"_156":157,"_158":52},"branch",{"_17":64,"_13":16,"_33":39,"_144":101,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":14,"_151":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","BCG Collaborazioni","avatar","https://lh3.googleusercontent.com/a/ACg8ocK88V05YV8HsO4yAaG3hTsa_rYvYnQ7JithXHAoBkrpvT9HmN8=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":101,"_13":14,"_44":204,"_103":-5,"_104":52,"_105":106,"_107":106,"_108":109,"_110":-5,"_111":112,"_113":36,"_114":43,"_115":-5,"_116":-5,"_117":118,"_119":120,"_121":122,"_123":124,"_125":205,"_127":-5,"_128":129,"_130":129,"_131":132,"_133":132,"_134":132,"_135":129,"_136":129,"_137":206,"_139":207,"_141":208,"_143":52},[189,190,191,192,193],"files",[189,190,191,192,193],"counts",{"_180":118,"_181":79,"_182":118,"_32":183,"_184":185},[],{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":45,"_17":46,"_47":48,"_49":50,"_51":52,"_53":54,"_18":179},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},[19],"pulls","branches","forks",{"_186":118,"_188":118},"connections",{"_186":118,"_187":118},"count","unfilledCount","emptyCount",{"_33":93,"_13":94,"_35":95,"_37":-5,"_38":39,"_40":96,"_42":43,"_44":97,"_17":79,"_47":89,"_49":98,"_51":52,"_53":-5,"_68":202,"_18":203},{"_33":83,"_13":84,"_35":85,"_37":-5,"_38":39,"_40":86,"_42":43,"_44":87,"_17":88,"_47":89,"_49":90,"_51":52,"_53":-5,"_68":200,"_18":201},{"_33":74,"_13":75,"_35":76,"_37":-5,"_38":39,"_40":77,"_42":43,"_44":78,"_17":79,"_47":24,"_49":80,"_51":52,"_53":-5,"_68":198,"_18":199},{"_33":34,"_13":19,"_35":36,"_37":-5,"_38":39,"_40":41,"_42":43,"_44":71,"_17":46,"_47":48,"_49":50,"_51":52,"_53":54,"_68":196,"_18":197},{"_33":61,"_13":62,"_35":63,"_37":-5,"_38":39,"_40":64,"_42":43,"_44":65,"_17":66,"_47":24,"_49":67,"_51":52,"_53":-5,"_68":194,"_18":195},[],[62],[],[19],[],[75],[],[84],[],[94],["D",1787328583979],["D",1789501263826],{"_11":12,"_159":155},{"_11":12,"_152":153,"_154":155,"_111":112,"_156":157,"_158":52},{"_17":64,"_13":16,"_33":39,"_144":101,"_145":-5,"_146":-5,"_147":-5,"_148":-5,"_149":-5,"_150":14,"_151":12},"ctx",{"_137":-5,"_176":242,"_243":244,"_245":246,"_247":52,"_248":52,"_249":52,"_250":43,"_251":-5,"_252":-7,"_253":-7,"_254":118,"_255":52,"_256":52,"_257":-5,"_258":52,"_259":52,"_260":52,"_261":-5},"ENV",{"_213":214,"_215":216,"_217":16,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241},"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"]