Installation
- @solana/web3.js
- @solana/kit
- Anchor
npm install @getpara/solana-web3.js-v1-integration @solana/web3.js --save-exact
npm install @getpara/solana-signers-v2-integration @solana/kit --save-exact
npm install @getpara/solana-web3.js-v1-integration @solana/web3.js @coral-xyz/anchor --save-exact
Library Setup
- Custom Hook
- Direct Usage
- @solana/web3.js
- @solana/kit
- Anchor
hooks/useParaSolana.ts
import { useMemo } from 'react';
import { useClient, useAccount } from '@getpara/react-native-wallet';
import { ParaSolanaWeb3Signer } from '@getpara/solana-web3.js-v1-integration';
import { Connection, clusterApiUrl } from '@solana/web3.js';
export function useParaSolana() {
const para = useClient();
const { isConnected } = useAccount();
const { connection, signer } = useMemo(() => {
const connection = new Connection(clusterApiUrl('mainnet-beta'));
if (!para || !isConnected) {
return { connection, signer: null };
}
const wallets = para.getWalletsByType({ type: 'Solana' });
if (!wallets || wallets.length === 0) {
return { connection, signer: null };
}
const signer = new ParaSolanaWeb3Signer(para, connection);
return { connection, signer };
}, [para, isConnected]);
return { connection, signer };
}
hooks/useParaSolanaKit.ts
import { useMemo } from 'react';
import { useClient, useAccount } from '@getpara/react-native-wallet';
import { createParaSolanaSigner } from '@getpara/solana-signers-v2-integration';
import { createSolanaRpc } from '@solana/kit';
const RPC_URL = 'https://api.mainnet-beta.solana.com';
export function useParaSolanaKit() {
const para = useClient();
const { isConnected } = useAccount();
const rpc = useMemo(() => createSolanaRpc(RPC_URL), []);
const signer = useMemo(() => {
if (!para || !isConnected) return null;
return createParaSolanaSigner({ para, rpc });
}, [para, isConnected, rpc]);
return { rpc, signer };
}
hooks/useParaAnchor.ts
import { useMemo } from 'react';
import { useClient, useAccount } from '@getpara/react-native-wallet';
import { ParaSolanaWeb3Signer } from '@getpara/solana-web3.js-v1-integration';
import { Connection, clusterApiUrl, Transaction, VersionedTransaction, SystemProgram } from '@solana/web3.js';
import * as anchor from '@coral-xyz/anchor';
export function useParaAnchor() {
const para = useClient();
const { isConnected } = useAccount();
const provider = useMemo(() => {
const connection = new Connection(clusterApiUrl('mainnet-beta'));
if (!para || !isConnected) {
const readOnlyWallet = {
publicKey: SystemProgram.programId,
signTransaction: async <T extends Transaction | VersionedTransaction>(tx: T): Promise<T> => {
throw new Error('Read-only provider: Authenticate to sign transactions.');
},
signAllTransactions: async <T extends Transaction | VersionedTransaction>(txs: T[]): Promise<T[]> => {
throw new Error('Read-only provider: Authenticate to sign transactions.');
},
};
return new anchor.AnchorProvider(connection, readOnlyWallet, { commitment: 'confirmed' });
}
const wallets = para.getWalletsByType({ type: 'Solana' });
if (!wallets || wallets.length === 0) {
const readOnlyWallet = {
publicKey: SystemProgram.programId,
signTransaction: async <T extends Transaction | VersionedTransaction>(tx: T): Promise<T> => {
throw new Error('No Solana wallet available');
},
signAllTransactions: async <T extends Transaction | VersionedTransaction>(txs: T[]): Promise<T[]> => {
throw new Error('No Solana wallet available');
},
};
return new anchor.AnchorProvider(connection, readOnlyWallet, { commitment: 'confirmed' });
}
const signer = new ParaSolanaWeb3Signer(para, connection);
const wallet = {
publicKey: signer.sender,
signTransaction: async <T extends Transaction | VersionedTransaction>(tx: T): Promise<T> => {
return await signer.signTransaction(tx);
},
signAllTransactions: async <T extends Transaction | VersionedTransaction>(txs: T[]): Promise<T[]> => {
return await Promise.all(txs.map((tx) => signer.signTransaction(tx)));
},
signMessage: async (message: Uint8Array): Promise<Uint8Array> => {
return await signer.signBytes(Buffer.from(message));
},
};
return new anchor.AnchorProvider(connection, wallet, { commitment: 'confirmed' });
}, [para, isConnected]);
return provider;
}
- @solana/web3.js
- @solana/kit
- Anchor
import { ParaSolanaWeb3Signer } from '@getpara/solana-web3.js-v1-integration';
import { Connection, clusterApiUrl } from '@solana/web3.js';
import { para } from './para';
const connection = new Connection(clusterApiUrl('mainnet-beta'));
const signer = new ParaSolanaWeb3Signer(para, connection);
import { createSolanaRpc } from '@solana/kit';
import { createHttpTransport } from '@solana/rpc-transport-http';
import { createSolanaRpcApi } from '@solana/rpc-api';
import { createRpc } from '@solana/rpc-spec';
import { createParaSolanaSigner } from '@getpara/solana-signers-v2-integration';
import { para } from './para';
const RPC_URL = 'https://api.mainnet-beta.solana.com';
const rpc = createSolanaRpc(RPC_URL);
const transport = createHttpTransport({ url: RPC_URL });
const api = createSolanaRpcApi();
const paraRpc = createRpc({ api, transport });
const signer = createParaSolanaSigner({ para, rpc: paraRpc });
import { ParaSolanaWeb3Signer } from '@getpara/solana-web3.js-v1-integration';
import { Connection, clusterApiUrl, Transaction, VersionedTransaction } from '@solana/web3.js';
import * as anchor from '@coral-xyz/anchor';
import { para } from './para';
const connection = new Connection(clusterApiUrl('mainnet-beta'));
const signer = new ParaSolanaWeb3Signer(para, connection);
const wallet = {
publicKey: signer.sender,
signTransaction: async <T extends Transaction | VersionedTransaction>(tx: T): Promise<T> => {
return await signer.signTransaction(tx);
},
signAllTransactions: async <T extends Transaction | VersionedTransaction>(txs: T[]): Promise<T[]> => {
return await Promise.all(txs.map((tx) => signer.signTransaction(tx)));
},
signMessage: async (message: Uint8Array): Promise<Uint8Array> => {
return await signer.signBytes(Buffer.from(message));
},
};
const provider = new anchor.AnchorProvider(connection, wallet, { commitment: 'confirmed' });
anchor.setProvider(provider);