@payai/x402-fetch-starter 0.1.1 → 0.1.3

package/NOTICE

@@ -1,2 +1,2 @@
 This package includes portions derived from coinbase/x402 (examples/typescript/clients/fetch), Apache-2.0,
-commit 0dfd3e683f1563543bd62a3ad84cbc6851d4054b. See LICENSE and upstream LICENSE notices.
+commit f3d44638965794ff9b550cdbba1f8197ab4a8df5. See LICENSE and upstream LICENSE notices.

package/bin/create.js

@@ -10,7 +10,7 @@ const repoRoot = path.join(__dirname, "..");
 const templateDir = path.join(repoRoot, "template");
 
 const nameArg = process.argv[2];
-const projectName = nameArg && !nameArg.startsWith("-") ? nameArg : "x402-fetch-app";
+const projectName = nameArg && !nameArg.startsWith("-") ? nameArg : "x402-fetch-client";
 const targetDir = path.resolve(process.cwd(), projectName);
 
 if (fs.existsSync(targetDir) && fs.readdirSync(targetDir).length) {
@@ -78,4 +78,4 @@ After install, open the main file (e.g., index.ts) to see how the example works.
 Docs: https://docs.payai.network
 
 Happy building 🏗️
-`);
+`);

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@payai/x402-fetch-starter",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "private": false,
-  "description": "Create an x402 Fetch client without cloning the monorepo.",
+  "description": "Create an x402 Fetch client in less than 2 minutes!",
   "type": "module",
   "bin": {
     "create-x402-fetch": "bin/create.js"
@@ -33,6 +33,6 @@
     "url": "https://github.com/PayAINetwork/x402-fetch-starter"
   },
   "config": {
-    "x402FetchVersion": "0.5.1"
+    "x402FetchVersion": "0.6.6"
   }
-}
+}

package/template/index.ts

@@ -1,11 +1,9 @@
 import { config } from "dotenv";
-import { Hex } from "viem";
-import { privateKeyToAccount } from "viem/accounts";
-import { decodeXPaymentResponse, wrapFetchWithPayment } from "x402-fetch";
+import { decodeXPaymentResponse, wrapFetchWithPayment, createSigner, type Hex } from "x402-fetch";
 
 config();
 
-const privateKey = process.env.PRIVATE_KEY as Hex;
+const privateKey = process.env.PRIVATE_KEY as Hex | string;
 const baseURL = process.env.RESOURCE_SERVER_URL as string; // e.g. https://example.com
 const endpointPath = process.env.ENDPOINT_PATH as string; // e.g. /weather
 const url = `${baseURL}${endpointPath}`; // e.g. https://example.com/weather
@@ -15,20 +13,28 @@ if (!baseURL || !privateKey || !endpointPath) {
   process.exit(1);
 }
 
-const account = privateKeyToAccount(privateKey);
+/**
+ * This example shows how to use the x402-fetch package to make a request to a resource server that requires a payment.
+ *
+ * To run this example, you need to set the following environment variables:
+ * - PRIVATE_KEY: The private key of the signer
+ * - RESOURCE_SERVER_URL: The URL of the resource server
+ * - ENDPOINT_PATH: The path of the endpoint to call on the resource server
+ */
+async function main(): Promise<void> {
+  // const signer = await createSigner("solana-devnet", privateKey); // uncomment for solana
+  const signer = await createSigner("base-sepolia", privateKey);
+  const fetchWithPayment = wrapFetchWithPayment(fetch, signer);
 
-const fetchWithPayment = wrapFetchWithPayment(fetch, account);
+  const response = await fetchWithPayment(url, { method: "GET" });
+  const body = await response.json();
+  console.log(body);
 
-fetchWithPayment(url, {
-  method: "GET",
-})
-  .then(async response => {
-    const body = await response.json();
-    console.log(body);
+  const paymentResponse = decodeXPaymentResponse(response.headers.get("x-payment-response")!);
+  console.log(paymentResponse);
+}
 
-    const paymentResponse = decodeXPaymentResponse(response.headers.get("x-payment-response")!);
-    console.log(paymentResponse);
-  })
-  .catch(error => {
-    console.error(error.response?.data?.error);
-  });
+main().catch(error => {
+  console.error(error?.response?.data?.error ?? error);
+  process.exit(1);
+});

package/template/multi-network-signer.ts

@@ -0,0 +1,48 @@
+import { config } from "dotenv";
+import {
+  decodeXPaymentResponse,
+  wrapFetchWithPayment,
+  createSigner,
+  type Hex,
+  type MultiNetworkSigner,
+} from "x402-fetch";
+
+config();
+
+const evmPrivateKey = process.env.EVM_PRIVATE_KEY as Hex;
+const svmPrivateKey = process.env.SVM_PRIVATE_KEY as string;
+const baseURL = process.env.RESOURCE_SERVER_URL as string; // e.g. https://example.com
+const endpointPath = process.env.ENDPOINT_PATH as string; // e.g. /weather
+const url = `${baseURL}${endpointPath}`; // e.g. https://example.com/weather
+
+if (!baseURL || !evmPrivateKey || !svmPrivateKey || !endpointPath) {
+  console.error("Missing required environment variables");
+  process.exit(1);
+}
+
+/**
+ * This example shows how to use the x402-fetch package to make a request to a resource server that requires a payment.
+ *
+ * To run this example, you need to set the following environment variables:
+ * - PRIVATE_KEY: The private key of the signer
+ * - RESOURCE_SERVER_URL: The URL of the resource server
+ * - ENDPOINT_PATH: The path of the endpoint to call on the resource server
+ */
+async function main(): Promise<void> {
+  const evmSigner = await createSigner("base-sepolia", evmPrivateKey);
+  const svmSigner = await createSigner("solana-devnet", svmPrivateKey);
+  const signer = { evm: evmSigner, svm: svmSigner } as MultiNetworkSigner;
+  const fetchWithPayment = wrapFetchWithPayment(fetch, signer);
+
+  const response = await fetchWithPayment(url, { method: "GET" });
+  const body = await response.json();
+  console.log(body);
+
+  const paymentResponse = decodeXPaymentResponse(response.headers.get("x-payment-response")!);
+  console.log(paymentResponse);
+}
+
+main().catch(error => {
+  console.error(error?.response?.data?.error ?? error);
+  process.exit(1);
+});

package/template/package.json

@@ -4,25 +4,24 @@
   "type": "module",
   "scripts": {
     "dev": "tsx index.ts",
+    "dev:multi-network-signer": "tsx multi-network-signer.ts",
     "format": "prettier -c .prettierrc --write \"**/*.{ts,js,cjs,json,md}\"",
     "format:check": "prettier -c .prettierrc --check \"**/*.{ts,js,cjs,json,md}\"",
     "lint": "eslint . --ext .ts --fix",
     "lint:check": "eslint . --ext .ts"
   },
   "dependencies": {
-    "axios": "^1.7.9",
     "dotenv": "^16.4.7",
-    "viem": "^2.21.26",
-    "x402-fetch": "^0.5.1"
+    "x402-fetch": "^0.6.6"
   },
   "devDependencies": {
     "@eslint/js": "^9.24.0",
-    "eslint": "^9.24.0",
-    "eslint-plugin-jsdoc": "^50.6.9",
-    "eslint-plugin-prettier": "^5.2.6",
     "@typescript-eslint/eslint-plugin": "^8.29.1",
     "@typescript-eslint/parser": "^8.29.1",
+    "eslint": "^9.24.0",
     "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsdoc": "^50.6.9",
+    "eslint-plugin-prettier": "^5.2.6",
     "prettier": "3.5.2",
     "tsx": "^4.7.0",
     "typescript": "^5.3.0"