Skip to main content

​
x402-fetch

A utility package that extends the native fetch API to automatically handle 402 Payment Required responses using the x402 payment protocol. This package enables seamless integration of payment functionality into your applications when making HTTP requests.

​
Installation

npm install x402-fetch @coinbase/x402

​
Quick Start

import { createWalletClient, http } from "viem";
import { privateKeyToAccount } from "viem/accounts";
import { wrapFetchWithPayment } from "x402-fetch";
import { seiTestnet } from "viem/chains";

// Create a wallet client
const account = privateKeyToAccount("0xYourPrivateKey");
const client = createWalletClient({
  account,
  transport: http(),
  chain: seiTestnet,
});

// Wrap the fetch function with payment handling
const fetchWithPay = wrapFetchWithPayment(fetch, client);

// Make a request that may require payment
const response = await fetchWithPay("https://api.example.com/paid-endpoint", {
  method: "GET",
});

const data = await response.json();

​
API

​
wrapFetchWithPayment(fetch, walletClient, maxValue?, paymentRequirementsSelector?)

Wraps the native fetch API to handle 402 Payment Required responses automatically.

​
Parameters

  • fetch: The fetch function to wrap (typically globalThis.fetch)
  • walletClient: The wallet client used to sign payment messages (must implement the x402 wallet interface)
  • maxValue: Optional maximum allowed payment amount in base units (defaults to 0.1 USDC)
  • paymentRequirementsSelector: Optional function to select payment requirements from the response (defaults to selectPaymentRequirements)

​
Returns

A wrapped fetch function that automatically handles 402 responses by:
  1. Making the initial request
  2. If a 402 response is received, parsing the payment requirements
  3. Verifying the payment amount is within the allowed maximum
  4. Creating a payment header using the provided wallet client
  5. Retrying the request with the payment header

​
Example

import { config } from "dotenv";
import { createWalletClient, http } from "viem";
import { privateKeyToAccount } from "viem/accounts";
import { wrapFetchWithPayment } from "x402-fetch";
import { seiTestnet } from "viem/chains";

config();

const { PRIVATE_KEY, API_URL } = process.env;

const account = privateKeyToAccount(PRIVATE_KEY as `0x${string}`);
const client = createWalletClient({
  account,
  transport: http(),
  chain: seiTestnet,
});

const fetchWithPay = wrapFetchWithPayment(fetch, client);

// Make a request to a paid API endpoint
fetchWithPay(API_URL, {
  method: "GET",
})
  .then(async response => {
    const data = await response.json();
    console.log(data);
  })
  .catch(error => {
    console.error(error);
  });