Create app.js

app.js

@@ -0,0 +1,270 @@
+const puppeteer = require('puppeteer-extra');
+const StealthPlugin = require('puppeteer-extra-plugin-stealth');
+const FormData = require('form-data');
+const fs = require('fs');
+const https = require('https');
+
+// Use stealth plugin to avoid detection
+puppeteer.use(StealthPlugin());
+
+// Helper function to wait (replaces deprecated waitForTimeout)
+const wait = (ms) => new Promise(resolve => setTimeout(resolve, ms));
+
+// Random delay to appear more human-like
+const randomWait = (min, max) => wait(Math.floor(Math.random() * (max - min + 1)) + min);
+
+// Function to upload image to catbox.moe
+async function uploadToCatbox(filePath) {
+    return new Promise((resolve, reject) => {
+        const form = new FormData();
+        form.append('reqtype', 'fileupload');
+        form.append('fileToUpload', fs.createReadStream(filePath));
+
+        form.submit('https://catbox.moe/user/api.php', (err, res) => {
+            if (err) {
+                reject(err);
+                return;
+            }
+
+            let data = '';
+            res.on('data', chunk => {
+                data += chunk;
+            });
+
+            res.on('end', () => {
+                if (res.statusCode === 200) {
+                    resolve(data.trim());
+                } else {
+                    reject(new Error(`Upload failed with status code: ${res.statusCode}`));
+                }
+            });
+
+            res.on('error', reject);
+        });
+    });
+}
+
+(async () => {
+    const browser = await puppeteer.launch({
+        headless: false, // Set to true if you want headless mode
+        args: [
+            '--no-sandbox',
+            '--disable-setuid-sandbox',
+            '--disable-blink-features=AutomationControlled',
+            '--disable-web-security',
+            '--disable-features=IsolateOrigins,site-per-process',
+            '--disable-dev-shm-usage',
+            '--disable-accelerated-2d-canvas',
+            '--no-first-run',
+            '--no-zygote',
+            '--disable-gpu'
+        ],
+        ignoreHTTPSErrors: true
+    });
+
+    const page = await browser.newPage();
+
+    try {
+        // Enable JavaScript
+        await page.setJavaScriptEnabled(true);
+
+        // Set realistic mobile viewport (iPhone 12 Pro)
+        await page.setViewport({
+            width: 390,
+            height: 844,
+            isMobile: true,
+            hasTouch: true,
+            deviceScaleFactor: 3
+        });
+
+        // Set realistic mobile user agent (latest iOS)
+        await page.setUserAgent('Mozilla/5.0 (iPhone; CPU iPhone OS 17_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.1 Mobile/15E148 Safari/604.1');
+
+        // Set additional headers to appear more legitimate
+        await page.setExtraHTTPHeaders({
+            'Accept-Language': 'en-US,en;q=0.9,en-NG;q=0.8',
+            'Accept': 'text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8',
+            'Accept-Encoding': 'gzip, deflate, br',
+            'Connection': 'keep-alive',
+            'Upgrade-Insecure-Requests': '1',
+            'Sec-Fetch-Dest': 'document',
+            'Sec-Fetch-Mode': 'navigate',
+            'Sec-Fetch-Site': 'none',
+            'Sec-Fetch-User': '?1'
+        });
+
+        // Override WebDriver and other bot detection properties
+        await page.evaluateOnNewDocument(() => {
+            // Override the navigator.webdriver property
+            Object.defineProperty(navigator, 'webdriver', {
+                get: () => undefined
+            });
+
+            // Override permissions
+            const originalQuery = window.navigator.permissions.query;
+            window.navigator.permissions.query = (parameters) => (
+                parameters.name === 'notifications' ?
+                    Promise.resolve({ state: Notification.permission }) :
+                    originalQuery(parameters)
+            );
+
+            // Add Chrome object
+            window.chrome = {
+                runtime: {}
+            };
+
+            // Override plugins
+            Object.defineProperty(navigator, 'plugins', {
+                get: () => [1, 2, 3, 4, 5]
+            });
+
+            // Override languages
+            Object.defineProperty(navigator, 'languages', {
+                get: () => ['en-US', 'en']
+            });
+        });
+
+        console.log('Navigating to the page...');
+        
+        // Add a small random delay before navigation to appear more human
+        await randomWait(500, 1500);
+        
+        const response = await page.goto('https://m.betking.com/en-ng?', {
+            waitUntil: ['networkidle0', 'domcontentloaded'],
+            timeout: 45000
+        });
+
+        const statusCode = response.status();
+        console.log(`Response status: ${statusCode}`);
+        
+        if (statusCode === 403) {
+            console.log('⚠️  Received 403 Forbidden error.');
+            console.log('The site is blocking automated access. Possible solutions:');
+            console.log('1. Try running from a different IP/location');
+            console.log('2. Use a residential proxy');
+            console.log('3. The site may require CAPTCHA solving');
+            console.log('4. Try accessing from a real mobile device first to establish cookies');
+        } else if (statusCode >= 400) {
+            console.log(`⚠️  Received error status: ${statusCode}`);
+        } else {
+            console.log('✓ Page loaded successfully');
+        }
+
+        console.log('Waiting 3 seconds...');
+        await wait(3000);
+
+        // Take initial screenshot
+        console.log('Taking initial screenshot...');
+        await page.screenshot({
+            path: '/mnt/user-data/outputs/betking-initial.png',
+            fullPage: true
+        });
+
+        console.log('Looking for the Sign In button...');
+        
+        // Try multiple selectors to find the button
+        const buttonSelectors = [
+            'button[data-testid="signInButton"]',
+            'button#signInButton',
+            'button.pill.pill-text.pill-text--inherit.pill--medium.button',
+            'button:has-text("Login")',
+            'button:has-text("Sign In")'
+        ];
+
+        let buttonFound = false;
+        let buttonSelector = null;
+
+        for (const selector of buttonSelectors) {
+            try {
+                const button = await page.$(selector);
+                if (button) {
+                    buttonFound = true;
+                    buttonSelector = selector;
+                    console.log(`✓ Button found using selector: ${selector}`);
+                    
+                    // Check if button is visible
+                    const isVisible = await button.isIntersectingViewport();
+                    console.log(`Button is visible: ${isVisible}`);
+                    
+                    if (isVisible) {
+                        console.log('Clicking the button...');
+                        // Add small random delay to appear more human
+                        await randomWait(200, 800);
+                        await button.click();
+                        console.log('✓ Button clicked successfully!');
+                    } else {
+                        console.log('Button exists but is not visible, scrolling into view...');
+                        await page.evaluate((sel) => {
+                            document.querySelector(sel).scrollIntoView({ behavior: 'smooth', block: 'center' });
+                        }, selector);
+                        await wait(500);
+                        await randomWait(200, 800);
+                        await button.click();
+                        console.log('✓ Button clicked after scrolling!');
+                    }
+                    
+                    // Wait a moment for any transitions/animations after click
+                    await wait(1500);
+                    break;
+                }
+            } catch (error) {
+                console.log(`Selector ${selector} failed: ${error.message}`);
+            }
+        }
+
+        if (!buttonFound) {
+            console.log('⚠️  Button not found with any selector.');
+            console.log('Taking screenshot of current page state...');
+            
+            // Log available buttons for debugging
+            const allButtons = await page.evaluate(() => {
+                return Array.from(document.querySelectorAll('button')).map(btn => ({
+                    id: btn.id,
+                    class: btn.className,
+                    text: btn.innerText,
+                    testId: btn.getAttribute('data-testid')
+                }));
+            });
+            console.log('Available buttons on page:', JSON.stringify(allButtons, null, 2));
+        }
+
+        console.log('Taking final screenshot...');
+        await page.screenshot({
+            path: '/mnt/user-data/outputs/betking-final.png',
+            fullPage: true
+        });
+        console.log('✓ Screenshot saved to betking-final.png');
+
+        // Upload screenshot to catbox
+        console.log('\n📤 Uploading screenshot to Catbox...');
+        try {
+            const catboxUrl = await uploadToCatbox('/mnt/user-data/outputs/betking-final.png');
+            console.log('✓ Upload successful!');
+            console.log('\n🔗 Download link:');
+            console.log(catboxUrl);
+            console.log('\n📋 Direct link (copy this):');
+            console.log(catboxUrl);
+        } catch (uploadError) {
+            console.error('❌ Failed to upload to Catbox:', uploadError.message);
+            console.log('Screenshot is still saved locally at: /mnt/user-data/outputs/betking-final.png');
+        }
+
+    } catch (error) {
+        console.error('❌ Error occurred:', error.message);
+        console.error('Stack trace:', error.stack);
+        
+        // Take error screenshot
+        try {
+            await page.screenshot({
+                path: '/mnt/user-data/outputs/betking-error.png',
+                fullPage: true
+            });
+            console.log('Error screenshot saved to betking-error.png');
+        } catch (screenshotError) {
+            console.error('Could not take error screenshot:', screenshotError.message);
+        }
+    } finally {
+        await browser.close();
+        console.log('Browser closed');
+    }
+})();