You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
135 lines
3.7 KiB
135 lines
3.7 KiB
import {PluginClient} from '@remixproject/plugin'
|
|
import {createClient} from '@remixproject/plugin-webview'
|
|
import {w3mConnectors, w3mProvider} from '@web3modal/ethereum'
|
|
import {createConfig, configureChains} from 'wagmi'
|
|
import {
|
|
arbitrum,
|
|
arbitrumGoerli,
|
|
mainnet,
|
|
polygon,
|
|
polygonMumbai,
|
|
optimism,
|
|
optimismGoerli,
|
|
Chain,
|
|
goerli,
|
|
sepolia
|
|
} from 'viem/chains'
|
|
import {EthereumClient} from '@web3modal/ethereum'
|
|
import EventManager from 'events'
|
|
import {PROJECT_ID} from './constant'
|
|
|
|
export class WalletConnectRemixClient extends PluginClient {
|
|
wagmiConfig
|
|
ethereumClient: EthereumClient
|
|
chains: Chain[]
|
|
currentChain: number
|
|
internalEvents: EventManager
|
|
|
|
constructor() {
|
|
super()
|
|
createClient(this)
|
|
this.internalEvents = new EventManager()
|
|
this.methods = ['sendAsync', 'init', 'deactivate']
|
|
this.onload()
|
|
}
|
|
|
|
onActivation() {
|
|
this.subscribeToEvents()
|
|
this.call('theme', 'currentTheme').then((theme: any) => {
|
|
this.internalEvents.emit('themeChanged', theme.quality.toLowerCase())
|
|
})
|
|
}
|
|
|
|
init() {
|
|
console.log('initializing walletconnect plugin...')
|
|
}
|
|
|
|
async initClient() {
|
|
try {
|
|
this.chains = [
|
|
mainnet,
|
|
arbitrum,
|
|
arbitrumGoerli,
|
|
polygon,
|
|
polygonMumbai,
|
|
optimism,
|
|
optimismGoerli,
|
|
goerli,
|
|
sepolia
|
|
]
|
|
const {publicClient} = configureChains(this.chains, [
|
|
w3mProvider({projectId: PROJECT_ID})
|
|
])
|
|
|
|
this.wagmiConfig = createConfig({
|
|
autoConnect: false,
|
|
connectors: w3mConnectors({projectId: PROJECT_ID, chains: this.chains}),
|
|
publicClient
|
|
})
|
|
this.ethereumClient = new EthereumClient(this.wagmiConfig, this.chains)
|
|
} catch (e) {
|
|
return console.error('Could not get a wallet connection', e)
|
|
}
|
|
}
|
|
|
|
subscribeToEvents() {
|
|
this.wagmiConfig.subscribe((event) => {
|
|
if (event.status === 'connected') {
|
|
this.emit('accountsChanged', [event.data.account])
|
|
if (this.currentChain !== event.data.chain.id) {
|
|
this.currentChain = event.data.chain.id
|
|
this.emit('chainChanged', event.data.chain.id)
|
|
}
|
|
} else if (event.status === 'disconnected') {
|
|
this.emit('accountsChanged', [])
|
|
this.emit('chainChanged', 0)
|
|
this.currentChain = 0
|
|
}
|
|
})
|
|
this.on('theme', 'themeChanged', (theme: any) => {
|
|
this.internalEvents.emit('themeChanged', theme.quality)
|
|
})
|
|
}
|
|
|
|
async sendAsync(data: {method: string; params: string; id: string}) {
|
|
if (this.wagmiConfig.status === 'connected') {
|
|
if (data.method === 'eth_accounts') {
|
|
return {
|
|
jsonrpc: '2.0',
|
|
result: [this.wagmiConfig.data.account],
|
|
id: data.id
|
|
}
|
|
} else {
|
|
const provider = await this.wagmiConfig.connector.getProvider({
|
|
chainId: this.wagmiConfig.data.chain.id
|
|
})
|
|
|
|
if (provider.isMetaMask) {
|
|
return new Promise((resolve) => {
|
|
provider.sendAsync(data, (err, response) => {
|
|
if (err) {
|
|
console.error(err)
|
|
return resolve({jsonrpc: '2.0', result: [], id: data.id})
|
|
}
|
|
return resolve(response)
|
|
})
|
|
})
|
|
} else {
|
|
const message = await provider.request(data)
|
|
|
|
return {jsonrpc: '2.0', result: message, id: data.id}
|
|
}
|
|
}
|
|
} else {
|
|
console.error(
|
|
`Cannot make ${data.method} request. Remix client is not connected to walletconnect client`
|
|
)
|
|
return {jsonrpc: '2.0', result: [], id: data.id}
|
|
}
|
|
}
|
|
|
|
async deactivate() {
|
|
console.log('deactivating walletconnect plugin...')
|
|
await this.ethereumClient.disconnect()
|
|
}
|
|
}
|
|
|