Pay per call with x402 and MPP

import { wrapFetchWithPayment, createSigner, decodeXPaymentResponse } from "x402-fetch";

// Your wallet's private key. It never leaves the process; the EIP-3009
// authorization is signed locally and the facilitator sponsors gas.
const signer = await createSigner("base", process.env.PRIVATE_KEY);

// maxValue caps what the client will auto-pay per call (USDC atomic units).
const fetchWithPay = wrapFetchWithPayment(fetch, signer, 50_000n); // 0.05 USDC

const res = await fetchWithPay("https://api.getanyapi.com/v1/run/web.scrape", {
  method: "POST",
  headers: { "content-type": "application/json" },
  body: JSON.stringify({ url: "https://example.com" }),
});

const data = await res.json();
console.log(data.provider, data.costUsd, data.output);

// Optional: the settlement receipt (on-chain tx hash).
const receipt = res.headers.get("x-payment-response");
if (receipt) console.log(decodeXPaymentResponse(receipt));

import { Mppx, tempo } from "mppx/client";
import { Receipt } from "mppx";
import { privateKeyToAccount } from "viem/accounts";

const buyer = privateKeyToAccount(process.env.PRIVATE_KEY);

const client = Mppx.create({
  methods: [tempo.charge({
    account: buyer,
    expectedChainId: 4217,                       // Tempo mainnet
    rpcUrl: { 4217: "https://rpc.tempo.xyz" },
  })],
  polyfill: false,
});

const res = await client.fetch("https://api.getanyapi.com/v1/run/web.scrape", {
  method: "POST",
  headers: { "content-type": "application/json" },
  body: JSON.stringify({ url: "https://example.com" }),
});

const data = await res.json();
console.log(data.provider, data.costUsd, data.output);

// The settlement receipt carries the on-chain reference.
const receipt = Receipt.fromResponse(res);
if (receipt?.reference) console.log(`https://explore.tempo.xyz/tx/${receipt.reference}`);