import sys, json
from playwright.sync_api import sync_playwright
DOM = 'els => els.map(r => ({name:r.querySelector(".bname").textContent.trim(),val:r.querySelector(".bval").textContent.trim(),tag:r.querySelector(".tag").textContent.trim(),pct:r.querySelector(".bfill").getAttribute("data-pct")}))'
with sync_playwright() as p:
    b = p.chromium.launch(channel='chrome', headless=True)
    pg = b.new_page(viewport={'width': 1180, 'height': 1000}, device_scale_factor=1)
    pg.goto('file://' + sys.argv[1])
    pg.wait_for_timeout(350)
    rows = pg.eval_on_selector_all('.row', DOM)
    pg.query_selector('#card').screenshot(path=sys.argv[2])
    b.close()
print(json.dumps(rows, ensure_ascii=False))