Update app.js

app.js

@@ -2,12 +2,27 @@ const express = require('express');
 const puppeteer = require('puppeteer-extra');
 const StealthPlugin = require('puppeteer-extra-plugin-stealth');
 const randomUseragent = require('random-useragent');
+const axios = require('axios');
+const fs = require('fs');
+const FormData = require('form-data');
 
 puppeteer.use(StealthPlugin());
 
 const app = express();
 app.use(express.json());
 
+async function uploadToCatbox(filePath) {
+  const form = new FormData();
+  form.append('reqtype', 'fileupload');
+  form.append('fileToUpload', fs.createReadStream(filePath));
+
+  const response = await axios.post('https://catbox.moe/user/api.php', form, {
+    headers: form.getHeaders(),
+  });
+
+  return response.data; // returns the image URL
+}
+
 app.post('/login', async (req, res) => {
   const { email, password } = req.body;
 
@@ -33,16 +48,11 @@ app.post('/login', async (req, res) => {
 
     const page = await browser.newPage();
 
-    // 🌀 Rotate realistic user-agent
     const userAgent = randomUseragent.getRandom();
     await page.setUserAgent(userAgent || 'Mozilla/5.0 (Windows NT 10.0; Win64; x64)');
 
-    // 🛡️ Set spoofed headers
-    await page.setExtraHTTPHeaders({
-      'Accept-Language': 'en-US,en;q=0.9',
-    });
+    await page.setExtraHTTPHeaders({ 'Accept-Language': 'en-US,en;q=0.9' });
 
-    // 🚫 Block unnecessary resources
     await page.setRequestInterception(true);
     page.on('request', (req) => {
       const type = req.resourceType();
@@ -53,7 +63,6 @@ app.post('/login', async (req, res) => {
       }
     });
 
-    // 🎭 Spoof browser fingerprints
     await page.evaluateOnNewDocument(() => {
       Object.defineProperty(navigator, 'webdriver', { get: () => false });
       Object.defineProperty(navigator, 'languages', { get: () => ['en-US', 'en'] });
@@ -61,7 +70,6 @@ app.post('/login', async (req, res) => {
       Object.defineProperty(navigator, 'platform', { get: () => 'Win32' });
     });
 
-    // 🌐 Go to login page
     await page.goto('https://sso.crunchyroll.com/login', {
       waitUntil: 'networkidle2',
       timeout: 60000,
@@ -74,17 +82,37 @@ app.post('/login', async (req, res) => {
     await page.type('input[name="password"]', password, { delay: 80 });
 
     await page.waitForSelector('button[data-t="login-button"]', { visible: true });
+
+    // Screenshot before clicking login
+    const beforePath = './before-login.png';
+    await page.screenshot({ path: beforePath });
+
+    // Upload before screenshot
+    const beforeUrl = await uploadToCatbox(beforePath);
+    console.log('🟡 Before login screenshot uploaded:', beforeUrl);
+
     await page.click('button[data-t="login-button"]');
-    
     await page.waitForNavigation({ waitUntil: 'networkidle2', timeout: 60000 });
 
+    // Screenshot after login
+    const afterPath = './after-login.png';
+    await page.screenshot({ path: afterPath });
+
+    // Upload after screenshot
+    const afterUrl = await uploadToCatbox(afterPath);
+    console.log('🟢 After login screenshot uploaded:', afterUrl);
+
     const url = page.url();
     const loginSuccess = !url.includes('/login');
 
     res.json({
       success: loginSuccess,
       currentUrl: url,
-      userAgent: userAgent
+      userAgent: userAgent,
+      screenshots: {
+        before: beforeUrl,
+        after: afterUrl
+      }
     });
 
   } catch (err) {