// =========================== 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

Next Spin

Login terlebih dahulu untuk bermain