// Daftar path yang dilarang (dengan atau tanpa parameter) const forbiddenPaths = [ '/freegame', '/deposit', '/profile', '/withdraw', '/nanospinner', '/bonus', '/riwayat-transaksi', '/referral', '/promo', '/memo', '/complaint', '/change-password', '/signup', '/togel/bet?pool=8&game=4D%203D%202D&id=1', '/togel/bet', '/play-page', '/lightning-2d', '/success-signup', '/login', // tambahkan login '/logout', // tambahkan logout '/auth' // tambahkan auth ]; // Helper function untuk log function log(...args) { console.log('[Freespin]', ...args); } // Variabel global untuk tracking let freespinElement = null; let observer = null; let monitoringInterval = null; let lastPosition = null; let isInitialized = false; // Fungsi untuk memeriksa apakah path saat ini dilarang function isForbiddenPath() { const path = window.location.pathname; const search = window.location.search; const hash = window.location.hash; // Log untuk debugging log('Checking path:', { path, search, hash }); // Cek semua path yang dilarang for (const forbiddenPath of forbiddenPaths) { // Untuk path /referral dan /memo, blokir semua yang mengandung if ((forbiddenPath === '/referral' || forbiddenPath === '/memo' || forbiddenPath === '/login' || forbiddenPath === '/logout' || forbiddenPath === '/auth') && path.includes(forbiddenPath)) { log('Forbidden path (contains match):', forbiddenPath); return true; } // Cek path spesifik dengan parameter if (forbiddenPath === '/togel/bet?pool=8&game=4D%203D%202D&id=1') { if (path === '/togel/bet' && (search.includes('pool=8') || hash.includes('pool=8'))) { log('Forbidden path (togel with pool=8)'); return true; } } // Cek path eksak (tanpa parameter) if (path === forbiddenPath) { log('Forbidden path (exact match):', forbiddenPath); return true; } } // Blokir path yang mengandung referral, memo, login, logout, auth di mana saja if (path.includes('/referral') || path.includes('/memo') || path.includes('/login') || path.includes('/logout') || path.includes('/auth')) { log('Forbidden path (contains blocked substring)'); return true; } // Cek jika ada query parameter tertentu yang menandakan halaman game if (search.includes('game=') || search.includes('type=game') || hash.includes('game=') || hash.includes('type=game')) { log('Game page detected, not showing component'); return true; } log('Path allowed'); return false; } // Fungsi untuk menghapus komponen freespin function removeFreespin() { const existingElement = document.querySelector('.freespin'); if (existingElement) { existingElement.remove(); log('Komponen freespin dihapus'); } freespinElement = null; lastPosition = null; // Hapus modal jika ada const modal = document.getElementById('freespinModal'); if (modal) modal.remove(); // Hapus modal gambar jika ada const imageModal = document.getElementById('imageModal'); if (imageModal) imageModal.remove(); } // Fungsi untuk membuat modal panduan freespin function createFreespinModal() { if (document.getElementById('freespinModal')) { return; } const modal = document.createElement('div'); modal.id = 'freespinModal'; modal.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); display: none; justify-content: center; align-items: center; z-index: 10000; `; modal.innerHTML = `

Cara Claim Freespin

Deposit & Pilih Promo
Silahkan deposit pilih promo Free Spin sesuai dengan nominal
Masuk Game & Bet
Setelah deposit, masuk ke game GATES OF OLYMPUS dan bet sekali
Keluar dari Game
Setelah putar/bet sekali, keluar dari game dan tunggu sebentar
Masuk lagi ke Game
Masuk lagi game GATES OF OLYMPUS dan freespin sudah terclaim
Konfirmasi ke Live Chat
Bila belum masuk konfirmasi ke Live Chat: klik disini

Khusus Game : GATES OF OLYMPUS

Salam JACKPOT !!!

`; document.body.appendChild(modal); setTimeout(() => { const closeBtn = document.getElementById('closeModal'); const closeModalBtn = document.getElementById('closeModalBtn'); const modalElement = document.getElementById('freespinModal'); const closeModalFunc = () => { if (modalElement) { modalElement.style.display = 'none'; } }; if (closeBtn) closeBtn.addEventListener('click', closeModalFunc); if (closeModalBtn) closeModalBtn.addEventListener('click', closeModalFunc); if (modalElement) { modalElement.addEventListener('click', (e) => { if (e.target === modalElement) { modalElement.style.display = 'none'; } }); document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && modalElement.style.display === 'flex') { modalElement.style.display = 'none'; } }); } }, 100); } // Fungsi untuk membuat modal gambar function createImageModal() { if (document.getElementById('imageModal')) { return; } const imageModal = document.createElement('div'); imageModal.id = 'imageModal'; imageModal.style.cssText = ` position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); display: none; justify-content: center; align-items: center; z-index: 10001; `; imageModal.innerHTML = `

`; document.body.appendChild(imageModal); setTimeout(() => { const closeImageBtn = document.getElementById('closeImageModal'); const imageModalElement = document.getElementById('imageModal'); const closeImageModalFunc = () => { if (imageModalElement) { imageModalElement.style.display = 'none'; } }; if (closeImageBtn) closeImageBtn.addEventListener('click', closeImageModalFunc); if (imageModalElement) { imageModalElement.addEventListener('click', (e) => { if (e.target === imageModalElement) { imageModalElement.style.display = 'none'; } }); document.addEventListener('keydown', (e) => { if (e.key === 'Escape' && imageModalElement.style.display === 'flex') { imageModalElement.style.display = 'none'; } }); } }, 100); } // Fungsi untuk menampilkan modal gambar function showImageModal() { createImageModal(); const modal = document.getElementById('imageModal'); if (modal) { modal.style.display = 'flex'; } } // Fungsi untuk menampilkan modal panduan function showFreespinModal() { createFreespinModal(); const modal = document.getElementById('freespinModal'); if (modal) { modal.style.display = 'flex'; } } // Fungsi untuk menemukan posisi yang tepat untuk komponen function findTargetPosition() { // Prioritas 1: Setelah home-wrap const homeWrap = document.getElementById('home-wrap'); if (homeWrap && homeWrap.parentNode) { return { container: homeWrap.parentNode, reference: homeWrap, type: 'after-home-wrap', position: 'after' }; } // Prioritas 2: Di dalam main content setelah header const mainContent = document.querySelector('main, #main, .main, .app-content, .page-content, #content, .content'); if (mainContent) { // Cari header atau elemen pertama di dalam main const header = mainContent.querySelector('header, .header, [role="banner"], .banner, [class*="header"]'); const firstChild = mainContent.firstElementChild; if (header) { return { container: mainContent, reference: header, type: 'after-header-in-main', position: 'after' }; } else if (firstChild) { return { container: mainContent, reference: firstChild, type: 'first-in-main', position: 'before' }; } else { return { container: mainContent, reference: null, type: 'main-content', position: 'prepend' }; } } // Prioritas 3: Setelah navbar di body const navbar = document.querySelector('nav, .navbar, [role="navigation"], [class*="nav"]'); if (navbar && navbar.parentNode === document.body) { return { container: document.body, reference: navbar, type: 'after-navbar', position: 'after' }; } // Prioritas 4: Setelah header pertama di body const firstHeader = document.querySelector('header, .header, [role="banner"]'); if (firstHeader && firstHeader.parentNode === document.body) { return { container: document.body, reference: firstHeader, type: 'after-header', position: 'after' }; } // Fallback: Di awal body setelah script/style const firstElement = Array.from(document.body.children).find(child => child.nodeType === 1 && !['SCRIPT', 'STYLE', 'LINK', 'META'].includes(child.tagName) ); if (firstElement) { return { container: document.body, reference: firstElement, type: 'after-first-element', position: 'before' }; } // Last resort: append ke body return { container: document.body, reference: null, type: 'body-append', position: 'append' }; } // Fungsi untuk menempatkan komponen di posisi yang tepat dan konsisten function placeFreespinAtPosition(forceReposition = false) { const component = document.querySelector('.freespin'); if (!component) { log('No component to place'); return false; } // Jika sudah di posisi yang benar dan tidak dipaksa reposition if (!forceReposition && lastPosition) { const currentContainer = component.parentNode; const expectedContainer = lastPosition.container; // Cek jika masih di container yang sama if (currentContainer === expectedContainer) { // Cek posisi relatif terhadap reference if (lastPosition.reference && lastPosition.position === 'after') { if (component.previousElementSibling === lastPosition.reference) { log('Component already in correct position'); return true; } } else if (lastPosition.reference && lastPosition.position === 'before') { if (component.nextElementSibling === lastPosition.reference) { log('Component already in correct position'); return true; } } } } // Cari posisi yang tepat const position = findTargetPosition(); if (!position.container) { log('No container found for placement'); return false; } try { // Hapus dari posisi lama jika ada if (component.parentNode) { component.remove(); } // Tempatkan di posisi baru if (position.reference && position.position === 'after') { if (position.reference.nextSibling) { position.container.insertBefore(component, position.reference.nextSibling); } else { position.container.appendChild(component); } } else if (position.reference && position.position === 'before') { position.container.insertBefore(component, position.reference); } else if (position.position === 'prepend') { if (position.container.firstChild) { position.container.insertBefore(component, position.container.firstChild); } else { position.container.appendChild(component); } } else { position.container.appendChild(component); } // Simpan posisi untuk penggunaan berikutnya lastPosition = position; log('Component placed at:', position.type); return true; } catch (error) { log('Error placing component:', error); return false; } } // Fungsi untuk membuat komponen freespin function createFreespin() { // Cek apakah path dilarang if (isForbiddenPath()) { log('Path dilarang, tidak membuat komponen'); return; } // Cek apakah elemen sudah ada if (document.querySelector('.freespin')) { log('Komponen sudah ada'); return; } log('Membuat komponen freespin baru'); const mainImageUrl = "https://i.gyazo.com/170c1b02be8cfe154a616121506434a0.webp"; freespinElement = document.createElement('div'); freespinElement.className = 'freespin'; // Tambahkan data attribute untuk tracking freespinElement.setAttribute('data-component', 'freespin'); freespinElement.setAttribute('data-created', Date.now()); freespinElement.innerHTML = `

Ayo Dapatkan Freespin Hingga 200x Setiap Hari!!!

`; // Tambahkan styles if (!document.querySelector('#freespin-styles')) { const style = document.createElement('style'); style.id = 'freespin-styles'; style.textContent = ` .freespin { background: transparent !important; padding: 0 !important; border-radius: 10px; box-shadow: none !important; border: none !important; max-width: 900px !important; margin: 8px auto !important; width: 100%; display: block; position: relative; } @keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } .image-container:hover { transform: translateY(-1px); } .image-container:hover .image-overlay { opacity: 1; } .freespin-guide-btn:hover { background-color: #d4d4d4 !important; color: #000 !important; } @media (max-width: 768px) { .freespin { max-width: calc(100% - 16px) !important; margin: 6px auto !important; } .freespin-guide-btn { height: 34px !important; font-size: 0.8rem !important; padding: 0 14px !important; } .running-text-container { padding: 6px 8px !important; margin-bottom: 4px !important; } .running-text span { font-size: 0.7rem !important; } .zoom-icon { width: 28px !important; height: 28px !important; } } @media (max-width: 480px) { .freespin { max-width: calc(100% - 12px) !important; } .freespin-guide-btn { height: 32px !important; font-size: 0.75rem !important; padding: 0 12px !important; border-radius: 5px !important; } .running-text-container { padding: 5px 6px !important; border-radius: 6px !important; } .running-text span { font-size: 0.65rem !important; } .zoom-icon { width: 24px !important; height: 24px !important; } } `; document.head.appendChild(style); } // Tambahkan ke body terlebih dahulu document.body.appendChild(freespinElement); // Tunggu sebentar lalu posisikan dengan benar setTimeout(() => { placeFreespinAtPosition(true); // Setup event listeners setTimeout(() => { const guideBtn = freespinElement.querySelector('#freespinGuideBtn'); const clickableImage = freespinElement.querySelector('.clickable-image'); if (guideBtn) { guideBtn.addEventListener('click', showFreespinModal); } if (clickableImage) { clickableImage.addEventListener('click', showImageModal); // Tambahkan juga event listener untuk gambar di dalamnya const img = clickableImage.querySelector('img'); if (img) { img.addEventListener('click', (e) => { e.stopPropagation(); showImageModal(); }); } } }, 50); log('Komponen freespin berhasil dibuat dan ditempatkan'); }, 100); } // Fungsi untuk memeriksa dan memperbarui komponen function checkAndUpdateComponent() { const isForbidden = isForbiddenPath(); const hasComponent = document.querySelector('.freespin'); log('Checking component - Forbidden:', isForbidden, 'Has component:', hasComponent); if (isForbidden && hasComponent) { log('Removing component from forbidden path'); removeFreespin(); } else if (!isForbidden && !hasComponent) { log('Creating component for allowed path'); createFreespin(); } else if (!isForbidden && hasComponent) { // Reposition komponen untuk memastikan di posisi yang benar log('Repositioning existing component'); placeFreespinAtPosition(true); } } // Fungsi untuk menangani back dari game function handleBackFromGame() { log('Handling back from game'); // Tunggu sedikit lebih lama untuk memastikan DOM sudah stabil setTimeout(() => { const isForbidden = isForbiddenPath(); const hasComponent = document.querySelector('.freespin'); if (!isForbidden && hasComponent) { // Force reposition dengan delay yang lebih panjang setTimeout(() => { placeFreespinAtPosition(true); // Extra safety check setTimeout(() => { const component = document.querySelector('.freespin'); if (component && !component.isConnected) { log('Component not connected, recreating'); createFreespin(); } }, 300); }, 500); } else if (!isForbidden && !hasComponent) { // Tunggu lebih lama lalu buat komponen setTimeout(() => { createFreespin(); }, 600); } }, 300); } // Fungsi untuk memantau perubahan URL dengan pendekatan yang lebih canggih function monitorUrlChanges() { let lastUrl = window.location.href; let lastPath = window.location.pathname; let isGamePage = false; // Function untuk mendeteksi game page function detectGamePage() { const path = window.location.pathname; const search = window.location.search; const hash = window.location.hash; return path.includes('/play-') || path.includes('/game') || search.includes('game=') || search.includes('type=game') || hash.includes('game=') || hash.includes('type=game'); } // Observer untuk perubahan DOM observer = new MutationObserver((mutations) => { let domChanged = false; let homeWrapAdded = false; for (const mutation of mutations) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { for (const node of mutation.addedNodes) { if (node.nodeType === 1) { const element = node; if (element.id === 'home-wrap' || element.classList?.contains('home') || element.querySelector('#home-wrap')) { homeWrapAdded = true; } domChanged = true; } } } } if (domChanged) { // Jika home-wrap ditambahkan, tunggu lalu update komponen if (homeWrapAdded) { setTimeout(() => { checkAndUpdateComponent(); }, 200); } else { // Untuk perubahan DOM lainnya, check lebih cepat setTimeout(() => { const currentIsGamePage = detectGamePage(); // Jika keluar dari game page if (isGamePage && !currentIsGamePage) { handleBackFromGame(); } isGamePage = currentIsGamePage; }, 100); } } }); observer.observe(document.body, { childList: true, subtree: true, attributes: false, characterData: false }); // Event listeners untuk navigation window.addEventListener('popstate', () => { log('popstate event detected'); const previousIsGamePage = isGamePage; isGamePage = detectGamePage(); // Jika sebelumnya di game page dan sekarang tidak if (previousIsGamePage && !isGamePage) { handleBackFromGame(); } else { setTimeout(() => { checkAndUpdateComponent(); }, 200); } }); // Monkey patch history API const originalPushState = history.pushState; const originalReplaceState = history.replaceState; history.pushState = function() { const previousIsGamePage = isGamePage; originalPushState.apply(this, arguments); setTimeout(() => { isGamePage = detectGamePage(); // Jika keluar dari game page if (previousIsGamePage && !isGamePage) { handleBackFromGame(); } else { checkAndUpdateComponent(); } }, 100); }; history.replaceState = function() { originalReplaceState.apply(this, arguments); setTimeout(() => { isGamePage = detectGamePage(); checkAndUpdateComponent(); }, 100); }; // Interval untuk memastikan posisi tetap konsisten monitoringInterval = setInterval(() => { const component = document.querySelector('.freespin'); const isForbidden = isForbiddenPath(); if (!isForbidden && component) { // Periksa apakah komponen masih di posisi yang benar if (!lastPosition || component.parentNode !== lastPosition.container) { log('Component position mismatch, fixing...'); placeFreespinAtPosition(true); } } }, 2000); // Check setiap 2 detik // Deteksi initial game page state isGamePage = detectGamePage(); } // Fungsi untuk membersihkan resources function cleanup() { log('Cleaning up resources'); if (observer) { observer.disconnect(); observer = null; } if (monitoringInterval) { clearInterval(monitoringInterval); monitoringInterval = null; } removeFreespin(); isInitialized = false; lastPosition = null; } // Fungsi untuk inisialisasi function initFreespin() { if (isInitialized) { log('Already initialized'); return; } log('Initializing freespin component...'); isInitialized = true; // Cleanup terlebih dahulu cleanup(); // Tunggu DOM siap const initDelay = document.readyState === 'loading' ? 800 : 300; setTimeout(() => { // Initial check checkAndUpdateComponent(); // Mulai monitoring monitorUrlChanges(); // Extra check setelah beberapa saat setTimeout(() => { const hasComponent = document.querySelector('.freespin'); const isForbidden = isForbiddenPath(); if (!isForbidden && !hasComponent) { log('Extra check: creating component'); createFreespin(); } else if (!isForbidden && hasComponent) { log('Extra check: repositioning component'); placeFreespinAtPosition(true); } }, 1000); log('Freespin initialized successfully'); }, initDelay); } // Auto-init ketika DOM ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { setTimeout(initFreespin, 300); }); } else { setTimeout(initFreespin, 300); } // Cleanup ketika page unload window.addEventListener('beforeunload', cleanup); // Handle visibility change (untuk tab switching) document.addEventListener('visibilitychange', () => { if (!document.hidden) { // Tab menjadi aktif kembali setTimeout(() => { checkAndUpdateComponent(); }, 300); } }); // Export untuk penggunaan manual window.Freespin = { init: initFreespin, create: createFreespin, remove: removeFreespin, showGuide: showFreespinModal, showImage: showImageModal, cleanup: cleanup, checkPosition: () => placeFreespinAtPosition(true) }; console.log('Freespin component script loaded - ENHANCED VERSION');

Pengaduan