@hashport/sdk
Version:
Utility functions for interacting with the hashport bridge
185 lines (131 loc) • 8.38 kB
Markdown
<p align="center">
<a href="https://www.hashport.network/"><img width="300px" src="https://www.cdn.hashport.network/hashportdocslogo.svg" alt="hashport"></a>
</p>
# hashport SDK
The hashport SDK is the easiest way to add hashport bridging functionality to your application. Supports both fungible and nonfungible transactions. Check out which tokens are supported [here](https://www.hashport.network/token-list/).
## Quick Start
### Installation
Install the SDK and its peer dependencies, [`/sdk`](https://www.npmjs.com/package/@hashgraph/sdk) and [`viem`](https://viem.sh/). Optionally install [`wagmi`](https://wagmi.sh/) and [`hashconnect`](https://www.npmjs.com/package/hashconnect) if you plan to develop with [`RainbowKit`](https://www.rainbowkit.com/docs/installation) and [`HashPack`](https://www.hashpack.app/), respectively.
```bash
npm install /sdk @hashgraph/sdk viem
# If using RainbowKit
npm install /sdk @hashgraph/sdk viem wagmi
# If using HashPack
npm install /sdk @hashgraph/sdk viem hashconnect
```
### Initialization
Initialize the client with a signer for Hedera and EVM networks. Type definitions for the both signers can be found [here](./lib/types/signers/). You can also check out the available options when initializing the `HashportClient` [here](./lib/types/index.ts).
> Note: The example below demonstrates how to initialize signers with private keys. This is only for demonstration purposes and should not be implemented on any client side code. Always keep your private keys hidden! For client side implementation, it is recommended to use wallets such as HashPack and Metamask to take care of signing. Skip to the section below for more information.
#### Initialization with Local Signers
```ts
import { createLocalEvmSigner, HederaSdkSigner, HashportClient } from '/sdk';
import { mainnet } from 'viem/chains';
const rpcUrl = process.env.YOUR_EVM_RPC_URL;
const evmPk = process.env.YOUR_EVM_PRIVATE_KEY; // IMPORTANT: NEVER expose your private key on the client side
const evmSigner = createLocalEvmSigner(mainnet, rpcUrl, evmPk);
const hederaAccount = process.env.YOUR_HEDERA_ACCOUNT_ID;
const hederaPk = process.env.YOUR_HEDERA_PRIVATE_KEY; // IMPORTANT: NEVER expose your private key on the client side
const hederaSigner = new HederaSdkSigner(hederaAccount, hederaPk, 'mainnet');
const client = new HashportClient({
evmSigner,
hederaSigner,
mode: 'mainnet',
});
```
#### Initialization with Injected Wallet Signers
The hashport SDK comes with a number of adapters for different wallets. Refer to the respective wallet documentation on how to initialize a connection, then pass the connected instance to the adapter before initializing the Hashport Client. Here's a simple example using [Hashconnect](https://github.com/Hashpack/hashconnect) to integrate the HashPack extension.
```ts
import { createHashPackSigner } from '/sdk';
import { evmSigner } from './evmSigner';
import { appMetadata } from './hashpackMetadata';
const hashconnect = new HashConnect();
const initialize = async () => {
await hashconnect.init(appMetadata, 'testnet', false);
return new HashportClient({
evmSigner,
hederaSigner: createHashPackSigner(hashconnect, hashconnect.hcData.pairingData[0]),
mode: 'testnet',
});
};
```
### Submitting Transactions
After intializing the client, you can queue up transactions. If there are any invalid parameters, the function will throw a [hashport error](./lib/utils/error.ts) and the transaction will not be queued. This function will return a UUID that you can use to call `execute`. You can also call `executeAll` to submit each transaction in the queue one by one.
```ts
const id = await client.queueTransaction({
sourceNetworkId: '295', // Hedera Network
sourceAssetId: 'HBAR',
targetNetworkId: '1', // Ethereum Mainnet
amount: '100000000000',
recipient: evmSigner.getAddress(),
});
// Execute one transaction
const receipt = await client.execute(id);
// Execute all transactions in the queue
const receipts = await client.executeAll();
```
## REST API Clients
The `/sdk` library comes with utilities for interacting with the [Hashport API](https://mainnet.api.hashport.network/swagger/index.html#/) and [Hedera Mirror Node REST API](https://docs.hedera.com/hedera/sdks-and-apis/rest-api). Each client is a collection of network reqeust methods for their respective REST API. Simple initialize with either `"mainnet"` or `"testnet"` to start making requests.
> Note: The mirror node client supports adding custom urls and headers for dedicated services such as [Arkhia](https://docs.arkhia.io/).
```ts
// Using the hashport API client
import { HashportApiClient } from '/sdk';
const hashportApiClient = new HashportApiClient('mainnet');
hashportApiClient.assets().then(networkAssets => console.log(networkAssets));
// Using the Hedera Mirror Node client
import { MirrorNodeClient } from '/sdk';
const mirrorNodeClient = new MirrorNodeClient('mainnet', 'YOUR_MIRROR_NODE_URL', [
'x-api-key',
'YOUR_API_KEY',
]);
mirrorNodeClient.getBalances().then(balances => console.log(balances));
```
### Canceling requests
All network requests can be canceled by calling `.addAbortSignal(signal)` on the request. Here's an example in React with TypeScript:
```ts
import { type NetworkAssets, HashportApiClient } from '/sdk';
const hashportApiClient = new HashportApiClient('mainnet');
const HashportTokenList = () => {
const [assets, setAssets] = useState<NetworkAssets | null>(null);
useEffect(() => {
const conroller = new AbortController();
const fetchAssets = async () => {
try {
// This cancels the request if the component unmounts before the request resolves.
const { assets } = await hashportApiClient
.assets()
.addAbortSignal(controller.signal);
setAssets(assets);
} catch (e) {
console.error(e);
}
};
fetchAssets();
return () => controller.abort();
}, []);
return (
<ul>
{Object.values(assets).map(asset => (
<li key={asset.id}>{asset.symbol}</li>
))}
</ul>
);
};
```
## End to End Testing
To test the functionality of the SDK on testnet, duplicate the `.env.example` file and fill in the appropriate information. Some environment variables have already been filled out with Hedera Testnet and Ethereum Sepolia information.
_Requirements:_
- Hedera Testnet account (create a new account [here](https://portal.hedera.com/register)). Testnet accounts are topped off with 10,000 testnet HBAR every 24 hours.
- EVM Testnet account (a list of supported testnet chains can be found [here](https://testnet.api.hashport.network/swagger/index.html#/networks), with [Sepolia](https://sepolia.dev/) being the most recommended).
- EVM Testnet faucet funds for [gas fees](https://ethereum.org/en/developers/docs/gas/#what-is-gas). You can get Sepolia ETH from [Alchemy's faucet](https://sepoliafaucet.com/).
- Sufficient balance for each test token _(Visit the [swagger documentation](https://testnet.api.hashport.network/swagger/index.html#/assets) to see what tokens are supported. Then visit the respective blockchain explorer and interact with the contract to mint some tokens to your testnet account(s).)_
> Note: The Hedera Testnet resets every quarter, which erases all previous data and tokens. You'll need to update the Hedera Testnet tokens each time there is a reset. Learn more [here](https://docs.hedera.com/hedera/networks/testnet#test-network-resets).
If you have the proper balance, run the following command:
```bash
npm run test:e2e
```
This can be done from either the root directory or within the `sdk` directory. This command will submit test transactions for `mint`, `burnWithPermit`, `lock`, `unlock`, `mintERC721`, and `burnERC721`. You can also supply command line arguments with a double hyphen (`--`) if you would only like to test a subset of transactions:
```bash
# Supported arguments: mint, burn, lock, unlock, mintERC721, burnERC721
# This command will only exectue the mint and burn methods
npm run test:e2e -- mint burn
```