Open Graph Image Generator · Generate

import { wrapFetchWithPayment } from "@x402/fetch";
import { privateKeyToAccount } from "viem/accounts";

const account = privateKeyToAccount(process.env.PRIVATE_KEY);
const fetchWithPay = wrapFetchWithPayment(fetch, account);

const res = await fetchWithPay("https://og.bip-rep.com/generate", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    "badge": "blog",
    "subtitle": "Pay-per-call APIs for AI agents on Base",
    "theme": "dark",
    "title": "Launching the x402 Gateway"
  }),
});
const data = await res.json();

curl -X POST \
  "https://og.bip-rep.com/generate" \
  -H "Content-Type: application/json" \
  -d '{"badge":"blog","subtitle":"Pay-per-call APIs for AI agents on Base","theme":"dark","title":"Launching the x402 Gateway"}' \
  -H "X-PAYMENT: <signed x402 payment>"

{
  "height": 630,
  "latency_ms": 45,
  "png_base64": "iVBORw0KGgoAAAANSUhEUgAA...",
  "size_bytes": 18234,
  "theme": "dark",
  "width": 1200
}