A browser your app can drive.

# runs every morning at 07:00 UTC
[[cron]]
path     = "/api/jobs/price-watch"
schedule = "0 7 * * *"

import { browser, email, storage } from 'hatchable';

export const access = 'scheduler';

export default async function (req, res) {
  // a real tab: runs the page's JS, then reads the DOM
  const rows = await browser.session(async (page) => {
    await page.goto('https://supplier.example.com/catalog', {
      waitUntil: 'networkidle2',
    });
    await page.waitForSelector('.sku-row');

    return page.$$eval('.sku-row', (els) => els.map((el) => ({
      sku:   el.querySelector('.sku')?.textContent?.trim(),
      price: el.querySelector('.price')?.textContent?.trim(),
    })));
  });

  const changed = await recordAndDiff(rows);
  if (!changed.length) return res.json({ changed: 0 });

  // png bytes, in memory. storage.put gives them a home.
  const png = await browser.screenshot(
    'https://supplier.example.com/catalog',
    { width: 1280, height: 900 }
  );
  await storage.put(`price-watch/${stamp()}.png`, png, 'image/png');

  await email.send({
    to: 'you@example.com',
    subject: `${changed.length} supplier prices moved`,
    html: render(changed),
  });

  res.json({ changed: changed.length });
}