import { Connector, ConnectorEvent, ConnectorUpdateData } from '@usedapp/core'
import { providers } from 'ethers'

import WalletConnectProvider from '@walletconnect/web3-provider'
import type { IWalletConnectProviderOptions } from '@walletconnect/types'

export class WalletConnectConnector implements Connector {
  public provider?: providers.Web3Provider
  public readonly name = 'WalletConnect'

  readonly update = new ConnectorEvent<ConnectorUpdateData>()
  private walletConnectProvider: WalletConnectProvider | undefined

  constructor(private opts: IWalletConnectProviderOptions) {}

  private async init() {
    this.walletConnectProvider = new WalletConnectProvider(this.opts)
    this.provider = new providers.Web3Provider(this.walletConnectProvider)
    await this.walletConnectProvider.enable()
  }

  async connectEagerly(): Promise<void> {
    try {
      await this.init()
      const chainId: string = await this.provider!.send('eth_chainId', [])
      const accounts: string[] = await this.provider!.send('eth_accounts', [])
      this.update.emit({ chainId: parseInt(chainId), accounts })
    } catch (e) {
      console.debug(e)
    }
  }

  async activate(): Promise<void> {
    try {
      await this.init()
      const chainId: string = await this.provider!.send('eth_chainId', [])
      const accounts: string[] = await this.provider!.send('eth_accounts', [])
      this.update.emit({ chainId: parseInt(chainId), accounts })
    } catch (e: any) {
      console.log(e)
      throw new Error('Could not activate connector: ' + (e.message ?? ''))
    }
  }

  async deactivate(): Promise<void> {
    this.walletConnectProvider?.disconnect()
    this.provider = undefined
  }
}