@delab-team/connect
TypeScript icon, indicating that this package has built-in type declarations

1.4.4 • Public • Published

DeLab Connect

Typescript React TON npm GitHub license

Modal package with different TON wallets for React JS.

example

Install

  • as local project package
yarn add @delab-team/connect

Usage

possible types of event

  • connect
  • disconnect
  • error
  • error-transaction
  • error-toncoinwallet
  • error-tonhub
  • error-tonkeeper
import {
    DeLabModal,
    DeLabButton,
    DeLabConnect,
    DeLabConnecting,
    DeLabTransaction,
    DeLabEvent
} from '@delab-team/connect'

// DeLabConnect must be created outside of the React Component
const DeLabConnector = new DeLabConnect('https://example.com', 'Example', 'mainnet', 'https://yourapp.com/tonconnect_manifest.json')
// - URL your DApp
// - Name your DApp
// - network
// - tonconnect-manifest (optional)

DeLabConnector.on('connect', (data: DeLabEvent) => {
    const connectConfig: DeLabConnecting = data.data
    const trans: DeLabTransaction = {
        to: 'EQCkR1cGmnsE45N4K0otPl5EnxnRakmGqeJUNua5fkWhales',
        value: '1000000' // string value in nano-coins
    }
    const data = await DeLabConnector.sendTransaction(trans)
})

DeLabConnector.on('disconnect', () => {
    console.log('disconect')
})

// Use loadWallet() after the subscriptions are installed
DeLabConnector.loadWallet()

DeLabModal must be children of the root React Component

// supported scheme: 'light' | 'dark'
<DeLabButton DeLabConnectObject={DeLabConnector} scheme={'dark'} />
// ...
<DeLabModal DeLabConnectObject={DeLabConnector} scheme={'dark'} />

License

MIT License Copyright (c) 2022 DeLab Team

Package Sidebar

Install

npm i @delab-team/connect

Weekly Downloads

9

Version

1.4.4

License

MIT

Unpacked Size

5.81 MB

Total Files

49

Last publish

Collaborators

  • deivana