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",[70],"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",[78],"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",[87],{"_37":86,"_13":87,"_40":88,"_42":-5,"_43":44,"_45":89,"_47":48,"_49":111,"_17":74,"_52":83,"_53":91,"_55":56,"_57":-5,"_99":112,"_18":113},{"_37":77,"_13":78,"_40":79,"_42":-5,"_43":44,"_45":80,"_47":48,"_49":108,"_17":82,"_52":83,"_53":84,"_55":56,"_57":-5,"_99":109,"_18":110},{"_37":69,"_13":70,"_40":71,"_42":-5,"_43":44,"_45":72,"_47":48,"_49":105,"_17":74,"_52":24,"_53":75,"_55":56,"_57":-5,"_99":106,"_18":107},{"_37":59,"_13":60,"_40":61,"_42":-5,"_43":44,"_45":62,"_47":48,"_49":102,"_17":64,"_52":65,"_53":66,"_55":56,"_57":67,"_99":103,"_18":104},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":98,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_99":100,"_18":101},["D",1787329303097],"children",[],[39],["D",1787329032637],[],[60],["D",1787329040992],[],[70],["D",1787328997735],[],[78],["D",1787329052592],[],[87],"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,"_172":168},"org",{"_11":12,"_165":166,"_167":168,"_124":125,"_169":170,"_171":56},"branch",{"_17":46,"_13":16,"_37":44,"_157":114,"_158":-5,"_159":-5,"_160":-5,"_161":-5,"_162":-5,"_163":14,"_164":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",{"_37":114,"_13":14,"_49":225,"_116":-5,"_117":56,"_118":119,"_120":119,"_121":122,"_123":-5,"_124":125,"_126":61,"_127":48,"_128":-5,"_129":-5,"_130":131,"_132":133,"_134":135,"_136":137,"_138":226,"_140":-5,"_141":142,"_143":142,"_144":145,"_146":145,"_147":145,"_148":142,"_149":142,"_150":227,"_152":228,"_154":229,"_156":56},[210,211,212,213,214],"files",[210,211,212,213,214],"counts",{"_201":131,"_202":74,"_203":131,"_31":204,"_205":206},[191,192,193,194,195],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_37":86,"_13":87,"_40":88,"_42":-5,"_43":44,"_45":89,"_47":48,"_49":90,"_17":74,"_52":83,"_53":91,"_55":56,"_57":-5,"_18":200},{"_37":77,"_13":78,"_40":79,"_42":-5,"_43":44,"_45":80,"_47":48,"_49":81,"_17":82,"_52":83,"_53":84,"_55":56,"_57":-5,"_18":199},{"_37":69,"_13":70,"_40":71,"_42":-5,"_43":44,"_45":72,"_47":48,"_49":73,"_17":74,"_52":24,"_53":75,"_55":56,"_57":-5,"_18":198},{"_37":59,"_13":60,"_40":61,"_42":-5,"_43":44,"_45":62,"_47":48,"_49":63,"_17":64,"_52":65,"_53":66,"_55":56,"_57":67,"_18":197},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":50,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_18":196},[39],[60],[70],[78],[87],"pulls","branches","forks",{"_207":131,"_209":131},"connections",{"_207":131,"_208":131},"count","unfilledCount","emptyCount",{"_37":86,"_13":87,"_40":88,"_42":-5,"_43":44,"_45":89,"_47":48,"_49":111,"_17":74,"_52":83,"_53":91,"_55":56,"_57":-5,"_99":223,"_18":224},{"_37":77,"_13":78,"_40":79,"_42":-5,"_43":44,"_45":80,"_47":48,"_49":108,"_17":82,"_52":83,"_53":84,"_55":56,"_57":-5,"_99":221,"_18":222},{"_37":69,"_13":70,"_40":71,"_42":-5,"_43":44,"_45":72,"_47":48,"_49":105,"_17":74,"_52":24,"_53":75,"_55":56,"_57":-5,"_99":219,"_18":220},{"_37":59,"_13":60,"_40":61,"_42":-5,"_43":44,"_45":62,"_47":48,"_49":102,"_17":64,"_52":65,"_53":66,"_55":56,"_57":67,"_99":217,"_18":218},{"_37":38,"_13":39,"_40":41,"_42":-5,"_43":44,"_45":46,"_47":48,"_49":98,"_17":51,"_52":24,"_53":54,"_55":56,"_57":-5,"_99":215,"_18":216},[],[39],[],[60],[],[70],[],[78],[],[87],["D",1787328583979],["D",1789501263826],{"_11":12,"_172":168},{"_11":12,"_165":166,"_167":168,"_124":125,"_169":170,"_171":56},{"_17":46,"_13":16,"_37":44,"_157":114,"_158":-5,"_159":-5,"_160":-5,"_161":-5,"_162":-5,"_163":14,"_164":12},"ctx",{"_150":-5,"_188":263,"_264":265,"_266":267,"_268":56,"_269":56,"_270":56,"_271":48,"_272":-5,"_273":-7,"_274":-7,"_275":131,"_276":56,"_277":56,"_278":-5,"_279":56,"_280":56,"_281":56,"_282":-5},"ENV",{"_234":235,"_236":237,"_238":16,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250,"_251":252,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262},"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"]

Code