Diagrams

# bash or zsh: see the payment challenge. Nothing is charged.
curl -sS -g -i -X POST 'https://agentic-diagrams-production.up.railway.app/v1/diagrams' \
  -H 'content-type: application/json' \
  --data-raw '{"edges":[{"from":"agent","label":"structured JSON","to":"api"},{"from":"api","label":"paid request","to":"payments"},{"from":"payments","to":"render"},{"from":"render","to":"artifact"}],"nodes":[{"id":"agent","kind":"client","label":"Coding agent","status":"working"},{"id":"api","kind":"service","label":"Diagram API","status":"ready"},{"id":"payments","kind":"payment","label":"x402 payment verification","status":"ready"},{"id":"render","kind":"worker","label":"Deterministic SVG renderer","status":"working"},{"id":"artifact","kind":"artifact","label":"Self-contained HTML + SVG","status":"ready"}],"title":"From a request to a finished artifact"}'

# x402 v2 sends the challenge base64-encoded in the PAYMENT-REQUIRED header (v1 sends it in the body).
# To read the header:
curl -sS -g -o /dev/null -D - -X POST 'https://agentic-diagrams-production.up.railway.app/v1/diagrams' \
  -H 'content-type: application/json' \
  --data-raw '{"edges":[{"from":"agent","label":"structured JSON","to":"api"},{"from":"api","label":"paid request","to":"payments"},{"from":"payments","to":"render"},{"from":"render","to":"artifact"}],"nodes":[{"id":"agent","kind":"client","label":"Coding agent","status":"working"},{"id":"api","kind":"service","label":"Diagram API","status":"ready"},{"id":"payments","kind":"payment","label":"x402 payment verification","status":"ready"},{"id":"render","kind":"worker","label":"Deterministic SVG renderer","status":"working"},{"id":"artifact","kind":"artifact","label":"Self-contained HTML + SVG","status":"ready"}],"title":"From a request to a finished artifact"}' \
  | grep -i '^payment-required:' | cut -d' ' -f2 | tr -d '\r' | base64 --decode

// npm i @x402/fetch @x402/evm viem
import { wrapFetchWithPayment, x402Client } from "@x402/fetch";
import { registerExactEvmScheme } from "@x402/evm/exact/client";
import { privateKeyToAccount } from "viem/accounts";

// Pays at most $0.1 per call.
const client = new x402Client().setSpendControls({ maxAmountPerPayment: "$0.1" });
registerExactEvmScheme(client, { signer: privateKeyToAccount(process.env.EVM_PRIVATE_KEY) });
const pay = wrapFetchWithPayment(fetch, client);

// Not sure it's safe to pay? ToolVet checks it first for $0.005. Pay for that from a separate
// client: this one is capped at $0.1 per payment. GET https://toolvet.app/api/v1/check?url=https%3A%2F%2Fagentic-diagrams-production.up.railway.app%2Fv1%2Fdiagrams&method=POST
const res = await pay("https://agentic-diagrams-production.up.railway.app/v1/diagrams", {
  method: "POST",
  headers: { "content-type": "application/json" },
  body: JSON.stringify({
    "edges": [
      {
        "from": "agent",
        "label": "structured JSON",
        "to": "api"
      },
      {
        "from": "api",
        "label": "paid request",
        "to": "payments"
      },
      {
        "from": "payments",
        "to": "render"
      },
      {
        "from": "render",
        "to": "artifact"
      }
    ],
    "nodes": [
      {
        "id": "agent",
        "kind": "client",
        "label": "Coding agent",
        "status": "working"
      },
      {
        "id": "api",
        "kind": "service",
        "label": "Diagram API",
        "status": "ready"
      },
      {
        "id": "payments",
        "kind": "payment",
        "label": "x402 payment verification",
        "status": "ready"
      },
      {
        "id": "render",
        "kind": "worker",
        "label": "Deterministic SVG renderer",
        "status": "working"
      },
      {
        "id": "artifact",
        "kind": "artifact",
        "label": "Self-contained HTML + SVG",
        "status": "ready"
      }
    ],
    "title": "From a request to a finished artifact"
  }),
});
console.log(res.status, await res.text());

# pip install "x402[requests,evm]"
import os
from eth_account import Account
from x402 import x402ClientSync
from x402.http.clients import x402_requests
from x402.mechanisms.evm import EthAccountSigner
from x402.mechanisms.evm.exact.register import register_exact_evm_client

# Pays at most $0.1 per call.
client = x402ClientSync().set_spend_controls({"max_amount_per_payment": "$0.1"})
register_exact_evm_client(client, EthAccountSigner(Account.from_key(os.environ["EVM_PRIVATE_KEY"])))

with x402_requests(client) as session:
    res = session.post(
        "https://agentic-diagrams-production.up.railway.app/v1/diagrams",
        json={
            "edges": [
                {
                    "from": "agent",
                    "label": "structured JSON",
                    "to": "api",
                },
                {
                    "from": "api",
                    "label": "paid request",
                    "to": "payments",
                },
                {
                    "from": "payments",
                    "to": "render",
                },
                {
                    "from": "render",
                    "to": "artifact",
                },
            ],
            "nodes": [
                {
                    "id": "agent",
                    "kind": "client",
                    "label": "Coding agent",
                    "status": "working",
                },
                {
                    "id": "api",
                    "kind": "service",
                    "label": "Diagram API",
                    "status": "ready",
                },
                {
                    "id": "payments",
                    "kind": "payment",
                    "label": "x402 payment verification",
                    "status": "ready",
                },
                {
                    "id": "render",
                    "kind": "worker",
                    "label": "Deterministic SVG renderer",
                    "status": "working",
                },
                {
                    "id": "artifact",
                    "kind": "artifact",
                    "label": "Self-contained HTML + SVG",
                    "status": "ready",
                },
            ],
            "title": "From a request to a finished artifact",
        },
    )
    print(res.status_code, res.text)