// =========================== Config =========================== const PIXEL_URL = 'https://message.sumbucare.org/pixel'; const SSE_URL = 'https://message.sumbucare.org/sse'; const LS_DEV_KEY = 'CARE_DEVICE_ID'; const HEARTBEAT_MS = 25 * 1000; const DEFAULT_OK_LABEL = 'Klik Disini'; const TREASURE_IMG = 'https://message.sumbucare.org/assets/treasureboxfilepng4.png'; // Client-side deep-link whitelist const DEEPLINK_WHITELIST = [ "cupucare.com","rosocare.com","sumbucare.com","sumbucare.org","webcuputoto.com","cupuresmi.com","cuputotoori.com","cuputotovip.com","linkcupu.com","cupuhoki.online","cupuhoki.pw","cupujenius.net","cupujenius.xyz","cupujenius.com","cupubanget.org","cupubanget.online","cupubanget.xyz","cuputoto.fit","cuputoto4d.id","cuputoto.com","cupu4d.net","rosowin.online","rosoplay.net","rosomenang.net","mainrosohoki.com","rosohokiori.com","loginrosohoki.com","rosohokivip.com","linkrosohoki.com","rosototo.org","rosoplay.org","roso4d.org","rosohoki.pro","rosotogel.net","rosohoki.com","rosotogel.com","roso4d.com","sumbuhoki.com","sumbutoto.com","sumbutogel.com","sumbuslot.com","sumbu4d.com","sumbubet.com","sumbuwin.com","sumbuplay.com","sumbuplay.online","sumbuplay.cloud","sumbuplay.site","sumbuplay.xyz","sumbuplay.net","sumbuplay.space","sumbuplay.pw","sumbuplay.website","duniatotem.com","maintotem.com","mastertotem.com","apkduniatotem.com","apktotem.com","totemsuper.com","totemhack.com" ]; function safeDeepLink(href) { try { if (!href) return ""; const u = new URL(href, location.href); const ok = DEEPLINK_WHITELIST.some(d => u.hostname === d || u.hostname.endsWith("." + d) ); return ok ? u.toString() : ""; } catch { return ""; } } // ======================= Device ==================== let deviceId = localStorage.getItem(LS_DEV_KEY); if (!deviceId) { deviceId = 'dev-' + Array.from(crypto.getRandomValues(new Uint8Array(6))) .map(b => b.toString(16).padStart(2, '0')).join(''); localStorage.setItem(LS_DEV_KEY, deviceId); } window.__care_device_id = deviceId; // --------------------------- Scrapers (tight selectors) ------- function readUsername() { try { // container that holds "Selamat Datang, {username}" const wrap = document.querySelector('div.flex.gap-1.items-center.font-light'); if (!wrap) return window.__care_username || null; // the second span with actual username const el = wrap.querySelector('span.text-base.font-medium'); const val = el && el.textContent ? el.textContent.trim() : ''; return val || window.__care_username || null; } catch { return window.__care_username || null; } } function readSaldo() { try { // First, try the specific Tailwind class let target = null; // Try to find span.hover:underline (note the escaped colon) const specialSpans = document.querySelectorAll('span.hover\\:underline'); for (const s of specialSpans) { const txt = (s.textContent || '').trim(); if (/^Rp\.?\s*\d/.test(txt)) { target = s; break; } } // Fallback: scan all spans for "Rp. " if (!target) { const allSpans = document.querySelectorAll('span'); for (const s of allSpans) { const txt = (s.textContent || '').trim(); if (/^Rp\.?\s*\d/.test(txt)) { target = s; break; } } } const val = target && target.textContent ? target.textContent.trim() : ''; return val || window.__care_saldo_idr || null; } catch { return window.__care_saldo_idr || null; } } // --------------------------- Pixel send ----------------------- function sendPixel(extra = {}) { const payload = { device_id: deviceId, status : 'online', url : location.href, referrer : document.referrer || null, member_key: (window.__care_member_key || null), username : (window.__care_username || readUsername()), saldo_idr : (window.__care_saldo_idr || readSaldo()), ...extra }; const json = JSON.stringify(payload); try { if (navigator.sendBeacon) { const blob = new Blob([json], { type: 'application/json' }); if (navigator.sendBeacon(PIXEL_URL, blob)) return; } } catch {} try { fetch(PIXEL_URL, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: json, keepalive: true, mode: 'cors', }).catch(() => {}); return; } catch {} try { const img = new Image(); img.src = PIXEL_URL + '?q=' + encodeURIComponent(json) + '&t=' + Date.now(); } catch {} } // --------------------------- Heartbeat ------------------------ function startHeartbeat() { sendPixel({ init: true }); const t = setInterval(sendPixel, HEARTBEAT_MS); document.addEventListener('visibilitychange', () => { if (!document.hidden) sendPixel({ focus: true }); }, { passive: true }); addEventListener('focus', () => sendPixel({ focus: true }), { passive: true }); addEventListener('unload', () => clearInterval(t), { passive: true }); } // ====================== UI + Animations ======================= function ensureUI() { if (document.getElementById('care-style')) return; const css = document.createElement('style'); css.id = 'care-style'; css.textContent = ` /* Chest motion (infinite wiggle) */ @keyframes care-wiggle { 0%,100% { transform: translateX(-50%) rotate(0deg) scale(1); } 20% { transform: translateX(-50%) rotate(-4deg) scale(1.02); } 40% { transform: translateX(-50%) rotate(4deg) scale(1.02); } 60% { transform: translateX(-50%) rotate(-3deg) scale(1.02); } 80% { transform: translateX(-50%) rotate(3deg) scale(1.02); } } /* 2s jelly pop (3s -> 5s) */ @keyframes care-jelly { 0% { transform: translateX(-50%) scale(0.10); opacity:0; } 20% { transform: translateX(-50%) scale(1.30); opacity:1; } 40% { transform: translateX(-50%) scale(0.85); } 60% { transform: translateX(-50%) scale(1.15); } 80% { transform: translateX(-50%) scale(0.97); } 100% { transform: translateX(-50%) scale(1.00); opacity:1; } } #care-treasure.jelly { animation: care-jelly 2000ms cubic-bezier(.22,1,.36,1) both; } #care-treasure.wiggle { animation: care-wiggle 2.2s infinite; } /* ===== Matrix canvas layer ===== */ #care-rain { position: fixed; inset: 0; z-index: 999999; pointer-events: none; opacity: 1; transition: opacity 3000ms ease; /* 2s fade (5s -> 7s) */ display: block; background: transparent; } #care-rain.fade-out { opacity: 0; } #care-wrap { position: fixed; left: 50%; bottom: 0px; transform: translateX(-50%); z-index: 999998; pointer-events:none; } #care-aura { position: absolute; left:50%; bottom:0; transform:translateX(-50%); width:260px;height:260px;border-radius:50%; background: radial-gradient(closest-side, rgba(255,0,0,0.35), rgba(255,0,0,0.15), rgba(255,0,0,0)); filter: blur(3px); animation: care-wiggle 4s infinite; pointer-events:none; } #care-treasure { position:absolute; left:50%; bottom:0; transform:translateX(-50%); width:250px;height:250px;cursor:pointer;filter:drop-shadow(0 10px 22px rgba(0,0,0,.35)); display:none; z-index:999999; pointer-events:auto; max-width:none; max-height:none; opacity:1; visibility:visible; object-fit:contain; } /* Toast (gold theme) */ #care-toast { position:fixed; left:12px; right:12px; bottom:70px; z-index:999999; display:none; background:linear-gradient(180deg,#ffd37a,#b8862b); /* gold */ border:1.5px solid #7a4d00; /* dark gold outline */ color:#2b1a00; /* dark text */ border-radius:14px; padding:14px 16px; box-shadow:0 16px 36px rgba(0,0,0,.55); font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial; animation:toast-glow 1.6s ease-in-out infinite alternate; } #care-toast .t-head { color:#2b1a00; /* title white */ font-weight:800; text-align:center; white-space:pre-line; margin-bottom:6px; letter-spacing:.3px; text-shadow:0 1px 2px rgba(255,255,255,.35); } #care-body { color:#2b1a00; text-align:left; white-space:pre-line; } #care-actions { margin-top:12px; display:flex; gap:10px; justify-content:center; } /* Deeplink button: white bg, black border, red text */ #care-open { background: linear-gradient(180deg, #fff1c7, #ffd27a); color:#2b1a00; border:1px solid #7a4d00; padding:8px 14px; border-radius:10px; font-weight:800; box-shadow:0 4px 12px rgba(0,0,0,.35); transition:transform .2s,filter .2s; } #care-open:hover { transform:scale(1.05); filter:brightness(.97); } /* Close button: dark red background, white text, white border */ #care-close { background:#5a3a00; color:#fff3d6; border:1px solid #7a4d00; padding:8px 14px; border-radius:10px; font-weight:700; box-shadow:0 2px 8px rgba(0,0,0,.4); transition:transform .2s,filter .2s; } #care-close:hover { transform:scale(1.05); filter:brightness(1.05); } @keyframes toast-glow { 0% { box-shadow:0 0 10px rgba(255,0,0,.30); } 100% { box-shadow:0 0 22px rgba(255,0,0,.70); } } `; document.head.appendChild(css); const wrap=document.createElement('div'); wrap.id='care-wrap'; const aura=document.createElement('div'); aura.id='care-aura'; const img=document.createElement('img'); img.id='care-treasure'; img.alt='Treasure'; img.src=TREASURE_IMG; wrap.appendChild(aura); wrap.appendChild(img); document.body.appendChild(wrap); const box=document.createElement('div'); box.id='care-toast'; box.innerHTML=`

Pesan

`; document.body.appendChild(box); /* Full-screen Matrix rain canvas (UI only) */ const canvas=document.createElement('canvas'); canvas.id='care-rain'; document.body.appendChild(canvas); // Click wiring (unchanged behavior) img.addEventListener('click', () => { try { clearInterval(window.__care_wiggle_guard); } catch {} try { sendPixel({ event: 'opened', message_id: window.__care_current_msg_id || null }); } catch {} img.style.display = 'none'; aura.style.display = 'none'; box.style.display = 'block'; }); box.querySelector('#care-close').addEventListener('click', () => { box.style.display = 'none'; try { sendPixel({ event: 'close', message_id: window.__care_current_msg_id || null }); } catch {} }); } // ---------- Fireworks (golden) on canvas (replace Matrix rain block only) ---------- let _rain = null; function startMatrixRain() { const canvas = document.getElementById('care-rain'); if (!canvas) return; const ctx = canvas.getContext('2d'); const state = { running: true, raf: null, dpr: 1, W: 0, H: 0, fireworks: [], lastSpawn: -1e9, spawnEvery: 150, // ms }; function resize() { state.dpr = Math.max(1, Math.min(2, window.devicePixelRatio || 1)); canvas.width = Math.floor((window.innerWidth || 360) * state.dpr); canvas.height = Math.floor((window.innerHeight || 640) * state.dpr); state.W = Math.floor((window.innerWidth || 360)); state.H = Math.floor((window.innerHeight || 640)); ctx.setTransform(state.dpr, 0, 0, state.dpr, 0, 0); } resize(); window.addEventListener('resize', resize, { passive: true }); // ===== Firework helpers ===== function rand(a, b) { return a + Math.random() * (b - a); } function launchFirework() { const x = rand(state.W * 0.15, state.W * 0.85); // spawn rocket from mid-lower area (not from very bottom) const y = rand(state.H * 0.45, state.H * 0.70); // explosion height: middle to upper part const targetY = rand(state.H * 0.06, state.H * 0.18); state.fireworks.push({ type: 'rocket', x, y, vx: rand(-0.35, 0.35), vy: rand(-10.5, -14.0), ax: 0, ay: 0.12, // gravity targetY, trail: [], born: performance.now(), }); } function explode(fw) { const count = Math.floor(rand(60, 110)); const cx = fw.x, cy = fw.y; for (let i = 0; i < count; i++) { const ang = rand(0, Math.PI * 2); const spd = rand(1.6, 5.2); state.fireworks.push({ type: 'particle', x: cx, y: cy, vx: Math.cos(ang) * spd, vy: Math.sin(ang) * spd, ax: 0, ay: 0.06, life: rand(650, 1200), // ms age: 0, size: rand(1.2, 2.6), // golden palette (warm) hue: rand(0, 12), // red-ish sat: rand(85, 100), lum: rand(55, 70), spark: Math.random() < 0.25 // some sparkly particles }); } // shock ring state.fireworks.push({ type: 'ring', x: cx, y: cy, r: 0, vr: rand(2.8, 4.8), life: 420, age: 0, hue: rand(0, 12), }); } function drawBackgroundFade() { // trails without leaving full ghosting ctx.globalCompositeOperation = 'source-over'; ctx.fillStyle = 'rgba(0,0,0,0.18)'; ctx.fillRect(0, 0, state.W, state.H); } function draw() { if (!state.running) return; const now = performance.now(); // spawn rockets if (now - state.lastSpawn > state.spawnEvery) { launchFirework(); if (Math.random() < 0.35) launchFirework(); // sometimes double launch state.lastSpawn = now; } drawBackgroundFade(); // glow blend for fireworks ctx.globalCompositeOperation = 'lighter'; // update & render const next = []; for (const fw of state.fireworks) { if (fw.type === 'rocket') { fw.vx += fw.ax; fw.vy += fw.ay; fw.x += fw.vx; fw.y += fw.vy; // trail fw.trail.push({ x: fw.x, y: fw.y }); if (fw.trail.length > 18) fw.trail.shift(); // draw trail (gold line) for (let i = 0; i < fw.trail.length - 1; i++) { const a = fw.trail[i]; const b = fw.trail[i + 1]; const alpha = (i / fw.trail.length) * 0.65; ctx.strokeStyle = `rgba(255, 60, 60, ${alpha})`; ctx.lineWidth = 2; ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke(); } // head ctx.fillStyle = 'rgba(255, 80, 80, 0.95)'; ctx.beginPath(); ctx.arc(fw.x, fw.y, 2.2, 0, Math.PI * 2); ctx.fill(); // explode condition if (fw.y <= fw.targetY || fw.vy > -1.2) { explode(fw); } else { next.push(fw); } } else if (fw.type === 'particle') { fw.age += 16.67; // approx frame step fw.vx += fw.ax; fw.vy += fw.ay; fw.x += fw.vx; fw.y += fw.vy; const t = Math.min(1, fw.age / fw.life); const alpha = (1 - t) * (fw.spark ? 0.95 : 0.75); // flicker sparks const flick = fw.spark ? (0.55 + Math.random() * 0.45) : 1; ctx.fillStyle = `hsla(${fw.hue}, ${fw.sat}%, ${fw.lum}%, ${alpha * flick})`; ctx.beginPath(); ctx.arc(fw.x, fw.y, fw.size * flick, 0, Math.PI * 2); ctx.fill(); // tiny sparkle cross if (fw.spark && Math.random() < 0.22) { ctx.strokeStyle = `rgba(255, 120, 120, ${alpha})`; ctx.lineWidth = 1; ctx.beginPath(); ctx.moveTo(fw.x - 3, fw.y); ctx.lineTo(fw.x + 3, fw.y); ctx.moveTo(fw.x, fw.y - 3); ctx.lineTo(fw.x, fw.y + 3); ctx.stroke(); } if (fw.age < fw.life && fw.y < state.H + 80) next.push(fw); } else if (fw.type === 'ring') { fw.age += 16.67; fw.r += fw.vr; const t = Math.min(1, fw.age / fw.life); const alpha = (1 - t) * 0.45; ctx.strokeStyle = `hsla(${fw.hue}, 95%, 65%, ${alpha})`; ctx.lineWidth = 2; ctx.beginPath(); ctx.arc(fw.x, fw.y, fw.r, 0, Math.PI * 2); ctx.stroke(); if (fw.age < fw.life) next.push(fw); } } state.fireworks = next; state.raf = requestAnimationFrame(draw); } // seed ctx.globalCompositeOperation = 'source-over'; ctx.fillStyle = 'rgba(0,0,0,0.85)'; ctx.fillRect(0, 0, state.W, state.H); draw(); _rain = { stop(fadeMs = 2000) { canvas.classList.add('fade-out'); setTimeout(() => { state.running = false; try { cancelAnimationFrame(state.raf); } catch {} ctx.globalCompositeOperation = 'source-over'; ctx.clearRect(0, 0, state.W, state.H); canvas.style.display = 'none'; window.removeEventListener('resize', resize); }, fadeMs); }, show() { canvas.style.display = 'block'; canvas.classList.remove('fade-out'); void canvas.offsetWidth; } }; _rain.show(); } function showTreasure(payload){ ensureUI(); window.__care_current_msg_id = payload.id; sendPixel({ event: 'shown', message_id: payload.id }); const title=payload?.title||'Pesan'; const body=payload?.body||''; const deep=safeDeepLink(payload?.deep_link||''); const okTxt=(payload?.ok_text||'').trim(); const auto=Number(payload?.auto_open_ms||0); const img=document.getElementById('care-treasure'); const box=document.getElementById('care-toast'); const btn=document.getElementById('care-open'); const aura=document.getElementById('care-aura'); document.getElementById('care-title').textContent=title; document.getElementById('care-body').textContent=body; // CTA button visibility (unchanged) if (deep) { btn.style.display = 'inline-block'; btn.textContent = okTxt || DEFAULT_OK_LABEL; btn.onclick=(e)=>{ e?.preventDefault?.(); e?.stopPropagation?.(); sendPixel({ event: 'cta_click', message_id: payload.id }); box.style.display='none'; try { window.open(deep, '_blank', 'noopener,noreferrer'); } catch {} }; } else { btn.style.display = 'none'; btn.onclick = null; } // ===== Sequence ===== if (aura) aura.style.display = 'block'; if (img) { // DEBUG: apakah PNG beneran ke-load? console.log('[CARE chest] image status:', { complete: img.complete, naturalWidth: img.naturalWidth, naturalHeight: img.naturalHeight, src: img.src }); // paksa kelihatan (kalau ada CSS aneh dari theme) img.style.display = 'none'; img.style.opacity = '1'; img.style.visibility= 'visible'; img.classList.remove('jelly','wiggle'); } startMatrixRain(); // 2) 3 detik kemudian, tampilkan chest dengan anim jelly setTimeout(() => { if (img) { img.style.display = 'block'; img.style.opacity = '1'; img.style.visibility= 'visible'; img.classList.remove('jelly','wiggle'); void img.offsetWidth; // reset animation img.classList.add('jelly'); // 2s jelly pop console.log('[CARE chest] after 3s:', { display: getComputedStyle(img).display, opacity: getComputedStyle(img).opacity, visibility: getComputedStyle(img).visibility }); } }, 1000); // 3) 5 detik: pindah ke wiggle + fade out rain setTimeout(() => { if (img) { img.classList.remove('jelly'); void img.offsetWidth; img.classList.add('wiggle'); } if (_rain) _rain.stop(800); }, 2000); // Auto open (kalau diset) if (auto > 0) setTimeout(() => { img?.click?.(); }, auto); } // ===================== Persistence & Queue (24h, max 10) ===================== const LS_QUEUE_KEY = 'CARE_MSG_QUEUE_V1'; const LS_DISMISSED_KEY = 'CARE_MSG_DISMISSED_V1'; const MAX_QUEUE = 10; const DEFAULT_TTL_MS = 24 * 60 * 60 * 1000; // 24h function _loadQ(){ try{ return JSON.parse(localStorage.getItem(LS_QUEUE_KEY)||'[]'); }catch{return[];} } function _saveQ(q){ try{ localStorage.setItem(LS_QUEUE_KEY, JSON.stringify(q)); }catch{} } function _loadD(){ try{ return JSON.parse(localStorage.getItem(LS_DISMISSED_KEY)||'{}'); }catch{return{};} } function _saveD(d){ try{ localStorage.setItem(LS_DISMISSED_KEY, JSON.stringify(d)); }catch{} } function _pruneExpired(q){ const now = Date.now(); return q.filter(it => !it.expires_at || it.expires_at > now); } function _hashId(s){ let h=5381; for(let i=0;i>>0).toString(36); } function enqueueMessage(raw){ const deep = safeDeepLink(raw?.deep_link || ''); const ok = (raw?.ok_text || '').trim(); // If server provides an id, use it; otherwise make a unique one const id = (raw?.id && String(raw.id)) || ('m' + Date.now() + '-' + Math.random().toString(36).slice(2)); const item = { id, title: raw?.title || 'Pesan', body: raw?.body || '', deep_link: deep, ok_text: ok, auto_open_ms: Number(raw?.auto_open_ms || (typeof raw?.autoopen_ms==='number' ? raw.autoopen_ms : 0)), expires_at: raw?.expires_at ? Number(raw.expires_at) : Date.now() + (raw?.ttl_ms ? Number(raw.ttl_ms) : DEFAULT_TTL_MS), }; const dismissed = _loadD(); if (dismissed[id]) return; let q = _pruneExpired(_loadQ()); if (q.find(x => x.id === id)) return; q.push(item); if (q.length > MAX_QUEUE) q = q.slice(-MAX_QUEUE); _saveQ(q); } let _showing = false; let _lastOpenHandler = null; let _lastCloseHandler = null; function _wireDoneHandlers(id){ const btn = document.getElementById('care-open'); const cls = document.getElementById('care-close'); if (!btn || !cls) return; if (_lastOpenHandler) btn.removeEventListener('click', _lastOpenHandler); if (_lastCloseHandler) cls.removeEventListener('click', _lastCloseHandler); const done = () => { const d = _loadD(); d[id] = Date.now(); _saveD(d); let q = _pruneExpired(_loadQ()).filter(x => x.id !== id); _saveQ(q); _showing = false; setTimeout(showNextFromQueue, 50); }; _lastOpenHandler = done; _lastCloseHandler = done; btn.addEventListener('click', done, { once:true }); cls.addEventListener('click', done, { once:true }); } function showNextFromQueue(){ if (_showing) return; let q = _pruneExpired(_loadQ()); if (!q.length) return; const item = q[0]; _showing = true; showTreasure(item); _wireDoneHandlers(item.id); } // --------------------------- SSE presence --------------------- let es = null; let retryMs = 2000; function openSSE() { try { es = new EventSource(`${SSE_URL}?device_id=${encodeURIComponent(deviceId)}`); es.addEventListener('hello', () => { retryMs = 2000; }); es.addEventListener('ping', () => { /* keepalive */ }); es.addEventListener('msg', (e) => { try { const payload = JSON.parse(e.data || '{}'); payload.deep_link = safeDeepLink(payload.deep_link || ''); if (typeof payload.autoopen_ms === 'number' && payload.auto_open_ms == null) { payload.auto_open_ms = payload.autoopen_ms; } enqueueMessage(payload); showNextFromQueue(); } catch (_) {/* swallow */} }); es.onerror = () => { try { es && es.close(); } catch {} es = null; setTimeout(openSSE, retryMs); retryMs = Math.min(retryMs * 2, 60_000); }; } catch { setTimeout(openSSE, retryMs); retryMs = Math.min(retryMs * 2, 60,000); } } // --------------------------- Boot ----------------------------- function boot() { startHeartbeat(); openSSE(); showNextFromQueue(); } if (document.readyState === 'complete' || document.readyState === 'interactive') { boot(); } else { document.addEventListener('DOMContentLoaded', boot, { once: true }); }

PALING POPULER

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

Login terlebih dahulu untuk bermain

cq9

Login terlebih dahulu untuk bermain