mkdir ai-playwright-bot
cd ai-playwright-bot
npm init -y

npm install playwright openai dotenv
npx playwright install

OPENAI_API_KEY=your_openai_api_key_here

const { chromium } = require('playwright');
const OpenAI = require('openai');
require('dotenv').config();

const openai = new OpenAI({
  apiKey: process.env.OPENAI_API_KEY
});

class AIBot {
  constructor() {
    this.browser = null;
    this.page = null;
  }

  async initialize() {
    this.browser = await chromium.launch({ headless: false });
    this.page = await this.browser.newPage();
    console.log('🤖 Bot initialized');
  }

  async close() {
    if (this.browser) {
      await this.browser.close();
      console.log('🔴 Bot closed');
    }
  }
}

async analyzePageContent(instruction) {
  // Take a screenshot
  const screenshot = await this.page.screenshot({ 
    fullPage: true,
    type: 'png'
  });

  // Get page text content
  const textContent = await this.page.evaluate(() => {
    return document.body.innerText.substring(0, 2000); // Limit for API
  });

  // Send to OpenAI for analysis
  const response = await openai.chat.completions.create({
    model: "gpt-4-vision-preview",
    messages: [
      {
        role: "user",
        content: [
          {
            type: "text",
            text: `Analyze this webpage and ${instruction}. 
                   Here's the text content: ${textContent}`
          },
          {
            type: "image_url",
            image_url: {
              url: `data:image/png;base64,${screenshot.toString('base64')}`
            }
          }
        ]
      }
    ],
    max_tokens: 500
  });

  return response.choices[0].message.content;
}

async navigateAndAnalyze(url, task) {
  await this.page.goto(url);
  console.log(`📍 Navigated to: ${url}`);

  // Wait for page to load
  await this.page.waitForLoadState('networkidle');

  // Analyze the page
  const analysis = await this.analyzePageContent(task);
  console.log('🧠 AI Analysis:', analysis);

  return analysis;
}

async smartClick(description) {
  // Get all clickable elements
  const elements = await this.page.$$('button, a, [onclick], input[type="submit"]');

  let bestMatch = null;
  let highestScore = 0;

  for (const element of elements) {
    const text = await element.textContent();
    const elementInfo = `Text: "${text}" Tag: ${await element.tagName()}`;

    // Ask AI to score this element
    const prompt = `Rate from 0-10 how well this element matches "${description}": ${elementInfo}. Respond with just the number.`;

    const response = await openai.chat.completions.create({
      model: "gpt-3.5-turbo",
      messages: [{ role: "user", content: prompt }],
      max_tokens: 5
    });

    const score = parseInt(response.choices[0].message.content);

    if (score > highestScore) {
      highestScore = score;
      bestMatch = element;
    }
  }

  if (bestMatch && highestScore > 6) {
    await bestMatch.click();
    console.log(`✅ Clicked element with score: ${highestScore}`);
    return true;
  }

  console.log('❌ No suitable element found');
  return false;
}

async runBot() {
  try {
    await this.initialize();

    // Example: Analyze a news website
    const analysis = await this.navigateAndAnalyze(
      'https://news.ycombinator.com',
      'find the most interesting tech story and summarize it'
    );

    console.log('Final Analysis:', analysis);

  } catch (error) {
    console.error('Bot error:', error);
  } finally {
    await this.close();
  }
}

// Usage
const bot = new AIBot();
bot.runBot();

async monitorCompetitor(url) {
  const analysis = await this.navigateAndAnalyze(url, 
    'identify any new products, pricing changes, or important announcements'
  );

  // Store results, send alerts, etc.
  return analysis;
}

async smartFillForm(formData) {
  const fields = await this.page.$$('input, select, textarea');

  for (const field of fields) {
    const fieldInfo = await field.getAttribute('name') || 
                     await field.getAttribute('placeholder') ||
                     await field.getAttribute('id');

    // Ask AI which data field matches this form field
    const matchingData = await this.findMatchingData(fieldInfo, formData);

    if (matchingData) {
      await field.fill(matchingData);
    }
  }
}

async safeExecute(operation, maxRetries = 3) {
  for (let i = 0; i < maxRetries; i++) {
    try {
      return await operation();
    } catch (error) {
      console.log(`Attempt ${i + 1} failed:`, error.message);
      if (i === maxRetries - 1) throw error;
      await this.page.waitForTimeout(1000 * (i + 1)); // Exponential backoff
    }
  }
}