NERO Chain Paymaster APIを使用した操作の送信方法

// src/config.ts
// AAウォレットチュートリアルからの既存の設定に追加
export const AA_PLATFORM_CONFIG = {
  bundlerRpc: "https://bundler-testnet.nerochain.io/",
  paymasterRpc: "https://paymaster-testnet.nerochain.io",
};
 
// NERO Chain AAプラットフォームからのAPIキー
export let API_KEY: string = "あなたのAPIキーをここに";
 
// テスト用のNFTコントラクトを追加
export const CONTRACT_ADDRESSES = {
  entryPoint: "0x5FF137D4b0FDCD49DcA30c7CF57E578a026d2789",
  accountFactory: "0x9406Cc6185a346906296840746125a0E44976454",
  tokenPaymaster: "0xA919e465871871F2D1da94BccAF3acaF9609D968",
  nftContract: "0x63f1f7c6a24294a874d7c8ea289e4624f84b48cb"
};

// src/utils/aaUtils.ts
import { ethers } from 'ethers';
import { Client, Presets } from 'userop';
import { 
  NERO_CHAIN_CONFIG, 
  AA_PLATFORM_CONFIG, 
  CONTRACT_ADDRESSES,
  API_KEY 
} from '../config';
 
// スポンサー付きガスでAAを介してコントラクト呼び出しを実行する関数
export const executeSponsoredOperation = async (
  accountSigner: ethers.Signer,
  contractAddress: string,
  contractAbi: any,
  functionName: string,
  functionParams: any[],
  options?: {
    apiKey?: string;
    gasMultiplier?: number;
  }
) => {
  try {
    // AAクライアントを初期化
    const client = await Client.init(NERO_CHAIN_CONFIG.rpcUrl, {
      overrideBundlerRpc: AA_PLATFORM_CONFIG.bundlerRpc,
      entryPoint: CONTRACT_ADDRESSES.entryPoint,
    });
    
    // AAビルダーを初期化
    const builder = await Presets.Builder.SimpleAccount.init(
      accountSigner,
      NERO_CHAIN_CONFIG.rpcUrl,
      {
        overrideBundlerRpc: AA_PLATFORM_CONFIG.bundlerRpc,
        entryPoint: CONTRACT_ADDRESSES.entryPoint,
        factory: CONTRACT_ADDRESSES.accountFactory,
      }
    );
    
    // ガスパラメータを設定
    const gasParams = {
      callGasLimit: "0x88b8",
      verificationGasLimit: "0x33450",
      preVerificationGas: "0xc350",
      maxFeePerGas: "0x2162553062",
      maxPriorityFeePerGas: "0x40dbcf36",
    };
    
    // ガスパラメータを設定
    builder.setCallGasLimit(gasParams.callGasLimit);
    builder.setVerificationGasLimit(gasParams.verificationGasLimit);
    builder.setPreVerificationGas(gasParams.preVerificationGas);
    builder.setMaxFeePerGas(gasParams.maxFeePerGas);
    builder.setMaxPriorityFeePerGas(gasParams.maxPriorityFeePerGas);
    
    // スポンサー付きトランザクション（無料）用のpaymasterを設定
    const paymasterOptions = {
      apikey: options?.apiKey || API_KEY,
      rpc: AA_PLATFORM_CONFIG.paymasterRpc,
      type: "0" // タイプ0 = スポンサー付き/無料ガス
    };
    
    // paymasterオプションを設定
    builder.setPaymasterOptions(paymasterOptions);
    
    // コントラクトインスタンスを作成
    const contract = new ethers.Contract(
      contractAddress,
      contractAbi,
      ethers.getDefaultProvider()
    );
    
    // 関数呼び出しをエンコード
    const callData = contract.interface.encodeFunctionData(
      functionName,
      functionParams
    );
    
    // UserOperationを作成
    const userOp = await builder.execute(contractAddress, 0, callData);
    
    console.log("UserOperationをpaymasterに送信中...");
    
    // UserOperationを送信
    const res = await client.sendUserOperation(userOp);
    console.log("UserOperationがハッシュで送信されました:", res.userOpHash);
    
    // トランザクションが含まれるのを待つ
    const receipt = await res.wait();
    if (!receipt) {
        throw new Error("トランザクションレシートがnullです");
    }
    console.log("トランザクションがブロックでマイニングされました:", receipt.blockNumber);
 
    return {
        userOpHash: res.userOpHash,
        transactionHash: receipt.transactionHash,
        receipt: receipt
    };
  } catch (error) {
    console.error("操作実行エラー:", error);
    throw error;
  }
};

// src/utils/aaUtils.ts
 
// 汎用的なNFT ABI: これはabiフォルダを作成するか、独自のabiを持つことで変更できます。
const NFT_ABI = [
    "function mint(address to, string memory uri) external",
    "function tokenURI(uint256 tokenId) external view returns (string memory)",
    "function balanceOf(address owner) external view returns (uint256)"
];
 
export const mintNFT = async (
  accountSigner: ethers.Signer,
  recipientAddress: string,
  metadataUri: string,
  options?: {
    apiKey?: string;
    gasMultiplier?: number;
  }
) => {
  try {
    // スポンサー付きガスでミント関数を実行
    return await executeSponsoredOperation(
      accountSigner,
      CONTRACT_ADDRESSES.nftContract,
      NFT_ABI,
      'mint',
      [recipientAddress, metadataUri],
      options
    );
  } catch (error) {
    console.error("NFTミントエラー:", error);
    throw error;
  }
};

// コンポーネントでの使用例
import React, { useState } from 'react';
import { getSigner, mintNFT } from '../utils/aaUtils';
import { NERO_CHAIN_CONFIG } from '../config';
import { toast } from 'react-toastify';
 
const NFTMinterButton: React.FC = () => {
  const [isLoading, setIsLoading] = useState(false);
  const [txHash, setTxHash] = useState('');
 
  const handleMint = async () => {
    try {
      setIsLoading(true);
      
      // ブラウザウォレットからサイナーを取得
      const signer = await getSigner();
      
      // NFTメタデータを定義（フォームから取得することも可能）
      const metadataUri = "ipfs://bafkreiabag3ztnhe5pg7js3cokbq3id2b3t6evbncbpzzh2c5sdioxngoe";
      
      // スポンサー付きガスでミント操作を実行
      const result = await mintNFT(
        signer,
        await signer.getAddress(), // 接続されたウォレットにミント
        metadataUri,
        { apiKey: 'あなたのAPIキーをここに' }
      );
      
      setTxHash(result.transactionHash);
      toast.success("NFTが正常にミントされました！");
    } catch (error) {
      console.error("NFTミントエラー:", error);
      toast.error("NFTのミントに失敗しました: " + error.message);
    } finally {
      setIsLoading(false);
    }
  };
 
  return (
    <div className="minter-container">
      <button 
        onClick={handleMint}
        disabled={isLoading}
      >
        {isLoading ? "ミント中..." : "NFTをミント"}
      </button>
      
      {txHash && (
        <div className="tx-info">
          <p>トランザクション成功！</p>
          <a 
            href={`${NERO_CHAIN_CONFIG.explorer}/tx/${txHash}`}
            target="_blank"
            rel="noopener noreferrer"
          >
            エクスプローラーで表示
          </a>
        </div>
      )}
    </div>
  );
};
 
export default NFTMinterButton;