import express from 'express';
import { chromium } from 'playwright';
import axios from 'axios';
import frm from 'form-data'
import sharp from "sharp";

const app = express();
const port = 7860;

async function brat(txt) {
  const browser = await chromium.launch({ headless: true });
  try {
    const context = await browser.newContext({
      viewport: { width: 400, height: 400 },
      userAgent: 'Mozilla/5.0 (iPhone; CPU iPhone OS 13_2_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.3 Mobile/15E148 Safari/604.1'
    });

    const page = await context.newPage();
    await page.goto('https://www.bratgenerator.com/');
    await page.evaluate(() => {
      const del = (el) => document.querySelector(el)?.remove();
      setupTheme('white');
      del("div.themeSelector");
      del("div.screenshot-blurb");
    });
    await page.fill('#textInput', txt);
    await page.click('#onetrust-accept-btn-handler');
    await page.waitForTimeout(500);
    const buffer = await page.screenshot({ type: "png"})
    const crop = await sharp(buffer).extract({ left: 0,
      top: 0,
      width: 400,
      height: 360
    }).toBuffer()
     return crop
  } catch (e) {
    console.error(e);
  } finally {
    await browser.close();
  }
}

app.get("/input", async (req, res) => {
  const text = req.query.q;
  if (!text) return res.status(400).send("Query 'q' kosong cuy");

  try {
    const imageBuffer = await brat(text);
    res.set("Content-Type", "image/png");
    res.send(imageBuffer);
  } catch (err) {
    console.error(err);
    res.status(500).send("Gagal generate gambar");
  }
});

app.get("/", (req,res) => {
  res.send(`biji biliar`)
})

app.listen(port, () => {
  console.log('Server running on http://localhost:', port);
});