saepenatus
Version:
Web3-Onboard makes it simple to connect Ethereum hardware and software wallets to your dapp. Features standardised spec compliant web3 providers for all supported wallets, framework agnostic modern javascript UI with code splitting, CSS customization, mul
126 lines (102 loc) • 2.37 kB
Markdown
string
appUrl: string
customNetwork?: CustomNetwork
filter?: Platform[]
containerElement?: string
}
interface CustomNetwork {
networkId: number
genesis: GenesisBlock
hardforks: Hardfork[]
bootstrapNodes: BootstrapNode[]
}
interface GenesisBlock {
hash: string
timestamp: string | null
gasLimit: number
difficulty: number
nonce: string
extraData: string
stateRoot: string
}
interface Hardfork {
name: string
block: number | null
}
interface BootstrapNode {
ip: string
port: number | string
network?: string
chainId?: number
id: string
location: string
comment: string
}
type Platform = DeviceOSName | DeviceBrowserName | DeviceType | 'all';
```
```typescript
import Onboard from '@web3-onboard/core'
import trezorModule from '@web3-onboard/trezor'
const trezor = trezorModule({
email: '<EMAIL_CONTACT>',
appUrl: '<APP_URL>'
})
const onboard = Onboard({
// ... other Onboard options
wallets: [
trezor
//... other wallets
]
})
const connectedWallets = await onboard.connectWallet()
console.log(connectedWallets)
```
You may decide that on certain platforms you do not want to display this wallet as a selectable option. To do that you can use the `filter` init option which is an array of platforms that you would like this wallet to **not** be displayed to the end user:
```typescript
import Onboard from '@web3-onboard/core'
import trezorModule from '@web3-onboard/trezor'
const trezor = trezorModule({
email: '<EMAIL_CONTACT>',
appUrl: '<APP_URL>',
filter: ['Safari'] // do not display on Safari
})
const onboard = Onboard({
// ... other Onboard options
wallets: [
trezor
//... other wallets
]
})
const connectedWallets = await onboard.connectWallet()
console.log(connectedWallets)
```
The following is a list of the platforms that can be filtered:
```typescript
type Platform =
| 'Windows Phone'
| 'Windows'
| 'macOS'
| 'iOS'
| 'Android'
| 'Linux'
| 'Chrome OS'
| 'Android Browser'
| 'Chrome'
| 'Chromium'
| 'Firefox'
| 'Microsoft Edge'
| 'Opera'
| 'Safari'
| 'desktop'
| 'mobile'
| 'tablet'
```
`npm i @web3-onboard/trezor`
```typescript
type TrezorOptions = {
email: