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 đã được khởi tạo');
  }

  async close() {
    if (this.browser) {
      await this.browser.close();
      console.log('🔴 Bot đã đóng');
    }
  }
}

async analyzePageContent(instruction) {
  // Chụp ảnh màn hình
  const screenshot = await this.page.screenshot({ 
    fullPage: true,
    type: 'png'
  });

  // Lấy nội dung văn bản của trang
  const textContent = await this.page.evaluate(() => {
    return document.body.innerText.substring(0, 2000); // Giới hạn cho API
  });

  // Gửi đến OpenAI để phân tích
  const response = await openai.chat.completions.create({
    model: "gpt-4-vision-preview",
    messages: [
      {
        role: "user",
        content: [
          {
            type: "text",
            text: `Phân tích trang web này và ${instruction}. 
                   Đây là nội dung văn bản: ${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(`📍 Đã điều hướng đến: ${url}`);

  // Chờ trang tải
  await this.page.waitForLoadState('networkidle');

  // Phân tích trang
  const analysis = await this.analyzePageContent(task);
  console.log('🧠 Phân tích AI:', analysis);

  return analysis;
}

async smartClick(description) {
  // Lấy tất cả các phần tử có thể nhấp
  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 = `Văn bản: "${text}" Thẻ: ${await element.tagName()}`;

    // Hỏi AI để chấm điểm phần tử này
    const prompt = `Đánh giá từ 0-10 mức độ phù hợp của phần tử này với "${description}": ${elementInfo}. Trả lời chỉ với con số.`;

    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(`✅ Nhấp vào phần tử với điểm số: ${highestScore}`);
    return true;
  }

  console.log('❌ Không tìm thấy phần tử phù hợp');
  return false;
}

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

    // Ví dụ: Phân tích một trang tin tức
    const analysis = await this.navigateAndAnalyze(
      'https://news.ycombinator.com',
      'tìm câu chuyện công nghệ thú vị nhất và tóm tắt nó'
    );

    console.log('Phân tích cuối cùng:', analysis);

  } catch (error) {
    console.error('Lỗi bot:', error);
  } finally {
    await this.close();
  }
}

// Cách sử dụng
const bot = new AIBot();
bot.runBot();

async monitorCompetitor(url) {
  const analysis = await this.navigateAndAnalyze(url, 
    'xác định bất kỳ sản phẩm mới nào, thay đổi giá cả hoặc thông báo quan trọng'
  );

  // Lưu trữ kết quả, gửi cảnh báo, v.v.
  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');

    // Hỏi AI dữ liệu nào phù hợp với trường biểu mẫu này
    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(`Lần thử ${i + 1} thất bại:`, error.message);
      if (i === maxRetries - 1) throw error;
      await this.page.waitForTimeout(1000 * (i + 1)); // Lùi lại theo cấp số nhân
    }
  }
}