Source code of the Kin Web SDK.

• @kin-sdk/client
• @kin-sdk/core

If you want to implement the Kin Web SDK in your applications, you probably want to start out with one of the demo applications:

• Angular
• React
• Vue

If you want to use a framework that's not listed here, please follow the usage instructions down below.

In this section you can read how to use the Kin Web SDK in your project.

You need to install the @kin-sdk/client package to your project:

yarn add @kin-sdk/client
# Or if you are using npm
npm install @kin-sdk/client

The first thing you need to do is import the KinClient and environment (KinProd or KinTest) into your project, and initialize a new instance of the client:

// Import the client
import { KinClient, KinProd } from '@kin-sdk/client'
// Create instance of client
const client = new KinClient(KinProd)

In order to interact with the blockchain you need a key pair that consists of a secret and publicKey.

This account will generally be stored on the users' device, for instance using IndexedDB. Make sure that the user has a way to export their secret, so they won't lose access to their Kin.

// Generate a new 'account' or 'key-pair'
const account = KinClient.createWallet('create', { name: 'Account 1' })

Use the secret of the account you generated in the previous step to create the account on the blockchain.

Creating the account may take a little while (up to 30 seconds, possibly longer on a busy moment) after the result above has been returned. You can use the getBalances method (see next step) to make sure the account is in fact created. As soon as the account is created correctly, the getBalances method will return the address with the balance.

const [result, error] = await client.createAccount(account.secret)
if (error) {
  console.error(error)
}

The next step is retrieving the balances. Kin is a token on the Solana blockchain, and your Solana Account can consist of various 'balances' or 'token accounts'. You can read more details here.

// Retrieve balances from account
const balances = await client.getBalances(account.publicKey)

After this is done, you are ready to submit a payment.

The memo field here is optional, the other fields are required.

const secret = account.secret
const tokenAccount = account.publicKey
const amount = '1'
const destination = 'Don8L4DTVrUrRAcVTsFoCRqei5Mokde3CV3K9Ut4nAGZ'
const memo = 'One Kin as a Donation'
await client.submitPayment({
  secret,
  tokenAccount,
  amount,
  destination,
  memo,
})

If you have any issues feel free to join the #kin-sdk channel in the Kintegrate Discord.