@interchain-kit/core

@interchain-kit/core

Install

Using npm:

npm install @interchain-kit/core

Using pnpm:

pnpm add @interchain-kit/core 

Usage

Connect

import { chain as cosmoshubChain, assetList as cosmoshubAssetList } from 'chain-registry/mainnet/cosmoshub'
import { chain as junoChain, assetList as junoAssetList } from 'chain-registry/mainnet/juno'
import { WalletManager } from '@interchain-kit/core'
import { keplrWallet } from '@interchain-kit/keplr-extension'


const walletManager = await WalletManager.create(
  [cosmoshubChain, junoChain],
  [cosmoshubAssetList, junoAssetList],
  [keplrWallet]
)

// pop up keplr extension wallet connect window to connect cosmoshub chain
await walletManager.connect(keplrWallet.info?.name as string, cosmoshubChain.chainName)

// pop up keplr extension wallet connect window to connect juno chain
await walletManager.connect(keplrWallet.info?.name as string, junoChain.chainName)


// disconnect cosmoshub chain from keplr wallet extension
await walletManager.disconnect(keplrWallet.info?.name as string, cosmoshubChain.chainName)

// disconnect juno chain from keplr wallet extension
await walletManager.disconnect(keplrWallet.info?.name as string, junoChain.chainName)

Account

import osmosis from 'chain-registry/mainnet/osmosis';
import cosmoshub from 'chain-registry/mainnet/cosmoshub'
import { WalletManager } from '@interchain-kit/core';
import { keplrWallet } from '@interchain-kit/keplr-extension';

const walletManager = await WalletManager.create(
    [osmosis.chain, cosmoshub.chain],
    [osmosis.assetList, cosmoshub.assetList],
    [keplrWallet])

// return account of osmosis chain from keplr wallet extension
const account = await walletManager.getAccount(keplrWallet.info?.name as string, osmosis.chain.chainName)
console.log(account)
// return account of cosmoshub chain from keplr wallet extension
const account2 = await walletManager.getAccount(keplrWallet.info?.name as string, cosmoshub.chain.chainName)
console.log(account2)

Query (balance)

import { chain as osmosisChain, assetList as osmosisAssetList } from 'chain-registry/mainnet/osmosis';
import { WalletManager } from '@interchain-kit/core';
import { keplrWallet } from '@interchain-kit/keplr-extension';
import { createGetBalance } from "interchainjs/cosmos/bank/v1beta1/query.rpc.func";

const walletManager = await WalletManager.create(
    [osmosisChain],
    [osmosisAssetList],
    [keplrWallet])

const account = await walletManager.getAccount(keplrWallet.info?.name as string, osmosisChain.chainName)
const osmosisRpcEndpoint = await walletManager.getRpcEndpoint(keplrWallet.info?.name as string, osmosisChain.chainName)

const balanceQuery = createGetBalance(osmosisRpcEndpoint as string);
const { balance } = await balanceQuery({
    address: account.address,
    denom: osmosisChain.staking?.stakingTokens[0].denom as string,
});

console.log(balance)

/**
 * { amount: '26589633', denom: 'uosmo' }
 */

Signing (send tx)

import { chain as osmosisChain, assetList as osmosisAssetList } from 'chain-registry/mainnet/osmosis';
import { WalletManager } from '@interchain-kit/core';
import { keplrWallet } from '@interchain-kit/keplr-extension';
import { createSend } from "interchainjs/cosmos/bank/v1beta1/tx.rpc.func";

const walletManager = await WalletManager.create(
  [osmosisChain],
  [osmosisAssetList],
  [keplrWallet])

const signingClient = await walletManager.getSigningClient(keplrWallet.info?.name as string, osmosisChain.chainName)
const account = await walletManager.getAccount(keplrWallet.info?.name as string, osmosisChain.chainName)
const txSend = createSend(signingClient);

const denom = osmosisChain.staking?.stakingTokens[0].denom as string

const fromAddress = account.address

const fee = {
  amount: [{
    denom,
    amount: '25000'
  }],
  gas: "1000000",
};

const message = {
  fromAddress: fromAddress,
  toAddress: 'osmo10m5gpakfe95t5k86q5fhqe03wuev7g3ac2lvcu',
  amount: [
    {
      denom,
      amount: '1'
    },
  ],
}

const memo = "test"

await txSend(
  fromAddress,
  message,
  fee,
  memo
)

// pop up confirm modal from wallet to start signing process

Developing

When first cloning the repo:

pnpm
pnpm dev

Interchain JavaScript Stack

A unified toolkit for building applications and smart contracts in the Interchain ecosystem ⚛️

Category	Tools	Description
Chain Information	Chain Registry, Utils, Client	Everything from token symbols, logos, and IBC denominations for all assets you want to support in your application.
Wallet Connectors	Interchain Kitbeta, Cosmos Kit	Experience the convenience of connecting with a variety of web3 wallets through a single, streamlined interface.
Signing Clients	InterchainJSbeta, CosmJS	A single, universal signing interface for any network
SDK Clients	Telescope	Your Frontend Companion for Building with TypeScript with Cosmos SDK Modules.
Starter Kits	Create Interchain Appbeta, Create Cosmos App	Set up a modern Interchain app by running one command.
UI Kits	Interchain UI	The Interchain Design System, empowering developers with a flexible, easy-to-use UI kit.
Testing Frameworks	Starship	Unified Testing and Development for the Interchain.
TypeScript Smart Contracts	Create Hyperweb App	Build and deploy full-stack blockchain applications with TypeScript
CosmWasm Contracts	CosmWasm TS Codegen	Convert your CosmWasm smart contracts into dev-friendly TypeScript classes.

Credits

🛠 Built by the Constructive team — makers of Hyperweb

Disclaimer

AS DESCRIBED IN THE LICENSES, THE SOFTWARE IS PROVIDED "AS IS", AT YOUR OWN RISK, AND WITHOUT WARRANTIES OF ANY KIND.

No developer or entity involved in creating this software will be liable for any claims or damages whatsoever associated with your use, inability to use, or your interaction with other users of the code, including any direct, indirect, incidental, special, exemplary, punitive or consequential damages, or loss of profits, cryptocurrencies, tokens, or anything else of value.