Execute Transactions with Solana Libraries - Para Docs

You’re viewing the 2.0 (LTS) docs. View the current 3.0 version of this page.

Execute transactions on the Solana blockchain using Para’s integrated signers. This includes signing and broadcasting transactions to the network.

@solana/kit
@solana/web3.js
Anchor

import { useParaSolanaSigner, useParaSolanaSignAndSend } from '@getpara/react-sdk';
import { Address } from '@solana/addresses';
import {
  createSolanaRpc,
  createTransactionMessage,
  setTransactionMessageFeePayer,
  setTransactionMessageLifetimeUsingBlockhash,
  appendTransactionMessageInstruction,
  lamports,
  pipe,
} from '@solana/kit';
import { getTransferSolInstruction } from '@solana-program/system';

const rpc = createSolanaRpc("https://api.mainnet-beta.solana.com");
const LAMPORTS_PER_SOL = BigInt(1000000000);

function SendTransaction() {
  const { solanaSigner, isLoading } = useParaSolanaSigner({ rpc });
  const { signAndSendAsync, isPending } = useParaSolanaSignAndSend(solanaSigner);

  const sendSOL = async () => {
    if (!solanaSigner) return;

    const recipient = "RECIPIENT_ADDRESS_HERE" as Address;
    const response = await rpc.getLatestBlockhash().send();
    const { blockhash, lastValidBlockHeight } = response.value;

    const transferInstruction = getTransferSolInstruction({
      source: solanaSigner,
      destination: recipient,
      amount: lamports(LAMPORTS_PER_SOL / 10n),
    });

    const transaction = pipe(
      createTransactionMessage({ version: "legacy" }),
      (tx) => setTransactionMessageFeePayer(solanaSigner.address, tx),
      (tx) => setTransactionMessageLifetimeUsingBlockhash({ blockhash, lastValidBlockHeight }, tx),
      (tx) => appendTransactionMessageInstruction(transferInstruction, tx)
    );

    await signAndSendAsync({ transactions: [transaction] });
  };

  return <button onClick={sendSOL}>Send 0.1 SOL</button>;
}

import { useParaSolana } from './hooks/useParaSolana';
import { Transaction, SystemProgram, LAMPORTS_PER_SOL, PublicKey } from '@solana/web3.js';

function SendTransaction() {
  const { connection, signer } = useParaSolana();

  const sendSOL = async () => {
    if (!signer) {
      console.error("No signer available. Connect wallet first.");
      return;
    }

    const recipient = new PublicKey("RECIPIENT_ADDRESS_HERE");

    const transaction = new Transaction().add(
      SystemProgram.transfer({
        fromPubkey: signer.sender,
        toPubkey: recipient,
        lamports: LAMPORTS_PER_SOL * 0.1,
      })
    );

    try {
      const signature = await signer.sendTransaction(transaction, {
        skipPreflight: false,
        preflightCommitment: "confirmed",
      });

      console.log("Transaction signature:", signature);

      const confirmation = await connection.confirmTransaction(signature, "confirmed");
      console.log("Transaction confirmed:", confirmation);
    } catch (error) {
      console.error("Transaction failed:", error);
    }
  };

  return <button onClick={sendSOL}>Send 0.1 SOL</button>;
}

Use useParaSolanaSigner with Codama-generated program clients:

import { useParaSolanaSigner } from "@getpara/react-sdk";
import { createSolanaRpc } from "@solana/kit";
import { pipe, createTransactionMessage, setTransactionMessageFeePayerSigner,
  setTransactionMessageLifetimeUsingBlockhash, appendTransactionMessageInstruction,
  signAndSendTransactionMessageWithSigners } from "@solana/kit";
// Generated from your Anchor IDL with Codama
import { getInitializeInstruction } from "./generated/instructions";

const rpc = createSolanaRpc("https://api.devnet.solana.com");

function AnchorTransaction() {
  const { solanaSigner, isLoading } = useParaSolanaSigner({ rpc });

  const executeProgram = async () => {
    if (!solanaSigner) return;

    const { value: latestBlockhash } = await rpc.getLatestBlockhash().send();

    const instruction = getInitializeInstruction({
      user: solanaSigner,
      // other accounts are resolved by Codama from your IDL
    });

    const tx = pipe(
      createTransactionMessage({ version: 0 }),
      tx => setTransactionMessageFeePayerSigner(solanaSigner, tx),
      tx => setTransactionMessageLifetimeUsingBlockhash(latestBlockhash, tx),
      tx => appendTransactionMessageInstruction(instruction, tx),
    );

    const signature = await signAndSendTransactionMessageWithSigners(tx);
    console.log("Transaction signature:", signature);
  };

  if (isLoading) return <p>Loading...</p>;
  return <button onClick={executeProgram}>Execute Program</button>;
}

Generate your client from your Anchor IDL: npx codama idl path/to/idl.json -o src/generated

Next Steps