const puppeteer = require('puppeteer');
(async () => {
  const width = parseInt(process.argv[2] || '390', 10);
  const out = process.argv[3] || '/tmp/smi-shot/maint.png';
  const browser = await puppeteer.launch({
    headless: 'new',
    args: ['--no-sandbox','--disable-setuid-sandbox','--disable-dev-shm-usage','--font-render-hinting=none',
           '--host-resolver-rules=MAP www.safemyident.de 127.0.0.1', '--ignore-certificate-errors'],
  });
  const page = await browser.newPage();
  await page.setViewport({ width, height: 844, deviceScaleFactor: 2 });
  await page.goto('https://www.safemyident.de/', { waitUntil: 'networkidle0', timeout: 60000 });
  await page.evaluate(async () => { if (document.fonts && document.fonts.ready) await document.fonts.ready; });
  await new Promise(r => setTimeout(r, 400));
  const info = await page.evaluate(() => {
    const g = (sel) => { const e = document.querySelector(sel); if(!e) return null; const c = getComputedStyle(e); const r = e.getBoundingClientRect(); return { textAlign: c.textAlign, display: c.display, left: Math.round(r.left), right: Math.round(r.right), width: Math.round(r.width) }; };
    return { vw: window.innerWidth, title: g('.hero__title'), lead: g('.hero__lead'), warnText: g('.hero__warning-text'), warnLabel: g('.hero__warning-label'), warnSpan: g('.hero__warning-text span'), content: g('.hero__content') };
  });
  console.log(JSON.stringify(info, null, 2));
  await page.screenshot({ path: out, fullPage: true });
  await browser.close();
  console.log('shot:', out);
})().catch(e => { console.error('ERR', e.message); process.exit(1); });