Capture a PNG screenshot of a single CSS-selected element on an http(s) URL; returns a JSO

[
  {
    "scheme": "exact",
    "network": "eip155:8453",
    "payTo": "0xFFc458dB291b4ABcE020fE3de4f91F2770E537b1",
    "asset": "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913",
    "amount": "2000",
    "maxTimeoutSeconds": 300
  }
]

{
  "bazaar": {
    "info": {
      "input": {
        "body": {
          "height": 800,
          "selector": "#main",
          "url": "https://example.com",
          "wait_until": "networkidle",
          "width": 1280
        },
        "bodyType": "json",
        "method": "POST",
        "type": "http"
      },
      "output": {
        "example": {
          "final_url": "https://example.com/",
          "format": "png",
          "image_base64": "iVBORw0KGgoAAAANSUhEUgAAAAUA... (base64-encoded PNG bytes, truncated)",
          "selector": "#main",
          "size_bytes": 8192,
          "title": "Example Domain",
          "url": "https://example.com",
          "viewport": {
            "height": 800,
            "width": 1280
          }
        },
        "type": "json"
      }
    },
    "schema": {
      "$schema": "https://json-schema.org/draft/2020-12/schema",
      "properties": {
        "input": {
          "additionalProperties": false,
          "properties": {
            "body": {
              "properties": {
                "height": {
                  "description": "Viewport height in pixels (240-3840). Defaults to 800.",
                  "type": "integer"
                },
                "selector": {
                  "description": "CSS selector of the single element to capture, e.g. '#main' or '.hero'.",
                  "type": "string"
                },
                "url": {
                  "description": "The http(s) URL to capture, e.g. 'https://example.com'. Internal/loopback hosts are rejected.",
                  "type": "string"
                },
                "wait_until": {
                  "description": "Playwright load state to wait for before capture: 'load', 'domcontentloaded', 'networkidle', or 'commit'. Defaults to 'networkidle'.",
                  "type": "string"
                },
                "width": {
                  "description": "Viewport width in pixels (320-3840). Defaults to 1280.",
                  "type": "integer"
                }
              },
              "required": [
                "url",
                "selector"
              ],
              "type": "object"
            },
            "bodyType": {
              "enum": [
                "json",
                "form-data",
                "text"
              ],
              "type": "string"
            },
            "method": {
              "enum": [
                "POST",
                "PUT",
                "PATCH"
              ],
              "type": "string"
            },
            "type": {
              "const": "http",
              "type": "string"
            }
          },
          "required": [
            "type",
            "method",
            "bodyType",
            "body"
          ],
          "type": "object"
        },
        "output": {
          "properties": {
            "example": {
              "properties": {
                "final_url": {
                  "type": "string"
                },
                "format": {
                  "type": "string"
                },
                "image_base64": {
                  "description": "Base64-encoded PNG bytes of the selected element.",
                  "type": "string"
                },
                "selector": {
                  "type": "string"
                },
                "size_bytes": {
                  "type": "integer"
                },
                "title": {
                  "type": "string"
                },
                "url": {
                  "type": "string"
                },
                "viewport": {
                  "description": "The clamped viewport used, as {width, height} in pixels.",
                  "type": "object"
                }
              },
              "type": "object"
            },
            "type": {
              "type": "string"
            }
          },
          "required": [
            "type"
          ],
          "type": "object"
        }
      },
      "required": [
        "input"
      ],
      "type": "object"
    }
  }
}

curl "https://screenshot-api-production-fe7e.up.railway.app/capture/element"
# -> 402 Payment Required, accepts[] lists how to pay
# retry with a PAYMENT-SIGNATURE (or PAYMENT header) once paid

const res = await fetch("https://screenshot-api-production-fe7e.up.railway.app/capture/element");
if (res.status === 402) {
  const { accepts } = await res.json();
  // pay one of accepts[] via an x402 client, then retry with the payment header
}

import httpx
res = httpx.get("https://screenshot-api-production-fe7e.up.railway.app/capture/element")
if res.status_code == 402:
    accepts = res.json()["accepts"]
    # pay one of accepts[] via an x402 client, then retry with the payment header