If you want to utilize only the core features of Wormhole Kit for your excellent UX, you can simply use Wormhole Kit Core.
Get started with @zktx.io/wormhole-kit and learn by developer docs
npm install @zktx.io/wormhole-kit-core
yarn add @zktx.io/wormhole-kit-core
First, instantiate the WhCoreProvider component.
import {
WhCoreProvider,
} from '@zktx.io/wormhole-kit-core';
const root = createRoot(document.getElementById('root') as HTMLElement);
root.render(
<StrictMode>
<WhCoreProvider
network="Testnet"
chains={['Aptos', 'Celo', 'Polygon', 'Sui']}
config={
{
chains: {
Ethereum: {
rpc: 'https://eth-goerli.public.blastapi.io',
},
Polygon: {
rpc: 'https://polygon-mumbai.api.onfinality.io/public',
},
},
}
}
>
<App />
</WhCoreProvider>
</StrictMode>,
);Next, use the WhCoreProvider context in the Modal to create unsigned transactions.
import { useWormhole } from '@zktx.io/wormhole-kit-core';
export const WhTransferModal = () => {
const api = useWormhole();
const handleUnsignedTx = async (unsignedTx: any): Promise<void> => {
// To execute the transaction,
// send the unsigned transaction to the wallet.
};
const handleConfirm = async () => {
try {
const tx = await api.buildTransferTx({
sender: { chain: 'Sui', address: '0x....' },
receiver: {
chain: 'Aptos,
address: '0x....',
},
amount: '1.2',
});
handleUnsignedTx(tx);
} catch (error) {
console.error(error);
}
};
return <>...</>
}-
network: Mainnet, Testnet, and Devnet. -
chains: Algorand, Aptos, EVMs, Solana, and Sui. -
config: If needed, you can customize the default configuration to, for example, support a different RPC endpoint. link