How to use @0xcert/ethereum-metamask-provider - 3 common examples
To help you get started, we’ve selected a few @0xcert/ethereum-metamask-provider examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
0xcert / framework / packages / 0xcert-vue-example / plugins / 0xcert.js View on Github 
import Vue from 'vue'
import { Vue0xcert } from '@0xcert/vue-plugin'
import { MetamaskProvider, ProviderEvent } from '@0xcert/ethereum-metamask-provider'
import { Cert } from '@0xcert/cert'
import { AssetLedger } from '@0xcert/ethereum-asset-ledger'
import { ValueLedger } from '@0xcert/ethereum-value-ledger'
import { Gateway } from '@0xcert/ethereum-gateway'
const provider = new MetamaskProvider()
provider.on(ProviderEvent.ACCOUNT_CHANGE, (newAccountId, oldAccountId) => {
if (oldAccountId) location.reload()
})
provider.on(ProviderEvent.NETWORK_CHANGE, (newNetworkVersion, oldNetworkId) => {
if (oldNetworkId) location.reload()
})
Vue.use(Vue0xcert, {
provider,
modules: [
{ name: 'Cert', object: Cert },
{ name: 'AssetLedger', object: AssetLedger },
{ name: 'ValueLedger', object: ValueLedger },
{ name: 'Gateway', object: Gateway },
],
})import Vue from 'vue'
import { Vue0xcert } from '@0xcert/vue-plugin'
import { MetamaskProvider, ProviderEvent } from '@0xcert/ethereum-metamask-provider'
import { Cert } from '@0xcert/cert'
import { AssetLedger } from '@0xcert/ethereum-asset-ledger'
import { ValueLedger } from '@0xcert/ethereum-value-ledger'
import { Gateway } from '@0xcert/ethereum-gateway'
const provider = new MetamaskProvider()
provider.on(ProviderEvent.ACCOUNT_CHANGE, (newAccountId, oldAccountId) => {
if (oldAccountId) location.reload()
})
provider.on(ProviderEvent.NETWORK_CHANGE, (newNetworkVersion, oldNetworkId) => {
if (oldNetworkId) location.reload()
})
Vue.use(Vue0xcert, {
provider,
modules: [
{ name: 'Cert', object: Cert },
{ name: 'AssetLedger', object: AssetLedger },
{ name: 'ValueLedger', object: ValueLedger },
{ name: 'Gateway', object: Gateway },
],
})import Vue from 'vue'
import { Vue0xcert } from '@0xcert/vue-plugin'
import { MetamaskProvider, ProviderEvent } from '@0xcert/ethereum-metamask-provider'
import { Cert } from '@0xcert/cert'
import { AssetLedger } from '@0xcert/ethereum-asset-ledger'
import { ValueLedger } from '@0xcert/ethereum-value-ledger'
import { Gateway } from '@0xcert/ethereum-gateway'
const provider = new MetamaskProvider()
provider.on(ProviderEvent.ACCOUNT_CHANGE, (newAccountId, oldAccountId) => {
if (oldAccountId) location.reload()
})
provider.on(ProviderEvent.NETWORK_CHANGE, (newNetworkVersion, oldNetworkId) => {
if (oldNetworkId) location.reload()
})
Vue.use(Vue0xcert, {
provider,
modules: [
{ name: 'Cert', object: Cert },
{ name: 'AssetLedger', object: AssetLedger },
{ name: 'ValueLedger', object: ValueLedger },
{ name: 'Gateway', object: Gateway },
],
})@0xcert/ethereum-metamask-provider
Implementation of MetaMask communication provider for the Ethereum blockchain.
