// 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; let lastPath = null; // Fungsi untuk memeriksa apakah path saat ini dilarang function isForbiddenPath() { const path = window.location.pathname; const search = window.location.search; // Debug log log('Checking path:', { path, search, currentPath: window.location.pathname }); // Cek semua path yang dilarang for (const forbiddenPath of forbiddenPaths) { // Untuk path tertentu, blokir semua yang mengandung if (['/referral', '/memo', '/login', '/logout', '/auth'].includes(forbiddenPath) && path.includes(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')) { return true; } } // Cek path eksak (tanpa parameter) if (path === 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')) { return true; } // Cek jika halaman game (berdasarkan query parameters) if (search.includes('game=') || search.includes('type=game') || path.includes('/play-') || path.includes('/game')) { return true; } 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(); // Hapus style jika ada const style = document.getElementById('freespin-styles'); if (style) style.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 Klaim Spin Gratis

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 Spin Gratis sudah terklaim
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() { log('Mencari posisi target...'); // Prioritas 1: Setelah home-wrap const homeWrap = document.getElementById('home-wrap'); if (homeWrap && homeWrap.parentNode) { log('Found home-wrap, placing after it'); return { container: homeWrap.parentNode, reference: homeWrap, type: 'after-home-wrap', position: 'after' }; } // Prioritas 2: Di dalam main content setelah elemen pertama const mainContent = document.querySelector('main, #main, .main, .app-content, .page-content, #content, .content, [class*="container"]'); if (mainContent) { const firstChild = mainContent.firstElementChild; if (firstChild) { log('Found main content with first child'); return { container: mainContent, reference: firstChild, type: 'before-first-in-main', position: 'before' }; } else { log('Found empty main content'); return { container: mainContent, reference: null, type: 'main-content-append', position: 'append' }; } } // Prioritas 3: Setelah header/navbar di body const header = document.querySelector('header, .header, nav, .navbar, [role="banner"], [role="navigation"]'); if (header && header.parentNode === document.body) { log('Found header in body, placing after it'); return { container: document.body, reference: header, type: 'after-header', position: 'after' }; } // Prioritas 4: 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) { log('Found first non-script element in body'); return { container: document.body, reference: firstElement, type: 'before-first-element', position: 'before' }; } // Fallback: append ke body log('Using body fallback'); return { container: document.body, reference: null, type: 'body-append', position: 'append' }; } // Fungsi untuk menempatkan komponen di posisi yang tepat function placeFreespinAtPosition() { const component = document.querySelector('.freespin'); if (!component) { log('No component to place'); return false; } // Cari posisi target const position = findTargetPosition(); if (!position.container) { log('No container found'); return false; } try { // Hapus dari posisi lama jika ada if (component.parentNode) { component.remove(); } // Tempatkan di posisi baru berdasarkan type switch (position.type) { case 'after-home-wrap': case 'after-header': if (position.reference.nextSibling) { position.container.insertBefore(component, position.reference.nextSibling); } else { position.container.appendChild(component); } break; case 'before-first-in-main': case 'before-first-element': position.container.insertBefore(component, position.reference); break; case 'main-content-append': case 'body-append': position.container.appendChild(component); break; default: if (position.reference) { position.container.insertBefore(component, position.reference); } else { position.container.appendChild(component); } } // Simpan posisi untuk reference 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/952898854b43eae553de4efc14171094.webp"; freespinElement = document.createElement('div'); freespinElement.className = 'freespin'; freespinElement.setAttribute('data-freespin', 'true'); freespinElement.innerHTML = `

Ayo Dapatkan Spin Gratis 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: 0 auto 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: 0 auto 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(() => { const placed = placeFreespinAtPosition(); if (!placed) { log('Fallback: menempatkan di awal body'); const firstElement = document.body.firstElementChild; if (firstElement) { document.body.insertBefore(freespinElement, firstElement); } } // 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(); }); } } log('Komponen freespin berhasil dibuat dan ditempatkan'); }, 50); }, 150); } // Fungsi untuk memeriksa dan memperbarui komponen function checkAndUpdateComponent() { const currentPath = window.location.pathname + window.location.search; const isForbidden = isForbiddenPath(); const hasComponent = document.querySelector('.freespin'); log('Checking component:', { currentPath, lastPath, isForbidden, hasComponent, isInitialized }); if (currentPath === lastPath && isInitialized) { log('Path belum berubah, skip check'); return; } lastPath = currentPath; 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) { log('Repositioning existing component'); // Tunggu lebih lama untuk back dari game setTimeout(() => { placeFreespinAtPosition(); }, 300); } } // Fungsi khusus untuk handle back dari game function handleBackFromGame() { log('=== HANDLING BACK FROM GAME ==='); // Tunggu lebih lama untuk memastikan DOM stabil setTimeout(() => { const isForbidden = isForbiddenPath(); const hasComponent = document.querySelector('.freespin'); log('After back check:', { isForbidden, hasComponent }); if (!isForbidden) { if (hasComponent) { // Force remove dan recreate untuk memastikan posisi benar removeFreespin(); setTimeout(() => { createFreespin(); }, 200); } else { // Buat komponen baru setTimeout(() => { createFreespin(); }, 300); } } }, 600); // Tunggu 600ms untuk back dari game } // Fungsi untuk memantau perubahan URL function monitorUrlChanges() { let lastUrl = window.location.href; let isGamePage = false; // Deteksi apakah sedang di game page function detectGamePage() { const path = window.location.pathname; const search = window.location.search; return path.includes('/play-') || path.includes('/game') || search.includes('game=') || search.includes('type=game'); } // Observer untuk perubahan DOM observer = new MutationObserver((mutations) => { for (const mutation of mutations) { if (mutation.type === 'childList' && mutation.addedNodes.length > 0) { // Cek jika home-wrap ditambahkan for (const node of mutation.addedNodes) { if (node.nodeType === 1 && (node.id === 'home-wrap' || node.querySelector?.('#home-wrap'))) { log('Home-wrap detected in DOM changes'); setTimeout(() => { checkAndUpdateComponent(); }, 200); break; } } } } }); observer.observe(document.body, { childList: true, subtree: true }); // Popstate untuk back/forward 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 { // Normal navigation setTimeout(() => { checkAndUpdateComponent(); }, 200); } }); // Patch history API const originalPushState = history.pushState; const originalReplaceState = history.replaceState; history.pushState = function() { const previousIsGamePage = isGamePage; originalPushState.apply(this, arguments); setTimeout(() => { isGamePage = detectGamePage(); if (previousIsGamePage && !isGamePage) { handleBackFromGame(); } else { checkAndUpdateComponent(); } }, 100); }; history.replaceState = function() { originalReplaceState.apply(this, arguments); setTimeout(() => { isGamePage = detectGamePage(); checkAndUpdateComponent(); }, 100); }; // Interval untuk menjaga posisi konsisten monitoringInterval = setInterval(() => { const component = document.querySelector('.freespin'); const isForbidden = isForbiddenPath(); if (!isForbidden && component) { // Cek apakah komponen di posisi yang tepat const homeWrap = document.getElementById('home-wrap'); if (homeWrap) { // Komponen harus setelah home-wrap if (component.previousElementSibling !== homeWrap) { log('Component not after home-wrap, repositioning'); placeFreespinAtPosition(); } } } }, 3000); // Set 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; } isInitialized = false; lastPosition = null; lastPath = null; } // Fungsi untuk inisialisasi function initFreespin() { if (isInitialized) { log('Already initialized'); return; } log('Initializing freespin component...'); cleanup(); isInitialized = true; // Tunggu DOM benar-benar siap const delay = document.readyState === 'loading' ? 1000 : 500; setTimeout(() => { // Initial check checkAndUpdateComponent(); // Mulai monitoring monitorUrlChanges(); // Extra safety check setelah beberapa saat setTimeout(() => { const hasComponent = document.querySelector('.freespin'); const isForbidden = isForbiddenPath(); if (!isForbidden && !hasComponent) { log('Safety check: creating missing component'); createFreespin(); } }, 1500); log('Freespin initialized successfully'); }, delay); } // Auto-init if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { setTimeout(initFreespin, 300); }); } else { setTimeout(initFreespin, 300); } // Cleanup window.addEventListener('beforeunload', cleanup); // Handle visibility change document.addEventListener('visibilitychange', () => { if (!document.hidden) { setTimeout(() => { checkAndUpdateComponent(); }, 300); } }); // Export untuk penggunaan manual window.Freespin = { init: initFreespin, create: createFreespin, remove: removeFreespin, showGuide: showFreespinModal, showImage: showImageModal, cleanup: cleanup, checkPosition: placeFreespinAtPosition }; console.log('Freespin component script loaded - FIXED POSITION VERSION');

Pengaduan