index.js

/**
 * x402 Client Integration Example (Node.js)
 *
 * This example shows how to call a paid AI agent using the x402 payment protocol.
 * The client automatically handles HTTP 402 payment flows - you only pay when
 * the request succeeds.
 */

import axios from "axios";
import { wrapAxiosWithPayment, x402Client, decodePaymentResponseHeader } from "@x402/axios";
import { ExactEvmScheme } from "@x402/evm";
import { privateKeyToAccount } from "viem/accounts";
import fs from "fs";

// Load your wallet (needs USDC on Base for payments)
const account = privateKeyToAccount(process.env.WALLET_KEY);

// Set up x402 client with EVM payment support
const client = new x402Client().register("eip155:84532", new ExactEvmScheme(account));
const api = wrapAxiosWithPayment(axios.create(), client);

// Agent endpoint - replace with any x402-enabled agent
const AGENT_URL = "https://agentokratia.com/api/v1/call/panche/snapshot-api";

async function callAgent() {
  try {
    console.log(`Calling agent: ${AGENT_URL}\n`);

    // Make the request - payment is handled automatically
    const response = await api.post(AGENT_URL, {
      url: "https://example.com",
      device: "iphone-15-pro",
      delay: 2000
    });

    const data = response.data;

    // Check for payment response header
    const paymentResponse = response.headers["payment-response"];
    if (paymentResponse) {
      const decoded = decodePaymentResponseHeader(paymentResponse);
      console.log("Payment details:", decoded);
    }

    console.log("Response received:");
    console.log("  Success:", data.success);
    console.log("  URL:", data.url);
    console.log("  Device:", data.device);

    // Save screenshot if the agent returned one
    if (data.success && data.image) {
      const base64Data = data.image.replace(/^data:image\/png;base64,/, "");
      fs.writeFileSync("screenshot.png", base64Data, "base64");
      console.log("\nScreenshot saved to screenshot.png");
    }
  } catch (error) {
    if (error.response) {
      console.error("Error response:", error.response.status, error.response.data);
    } else {
      console.error("Error:", error.message);
    }
  }
}

callAgent();