feat: migrate ethers from v5 to v6 (#15)

packages/frontend/package.json

@@ -20,10 +20,10 @@
     "@opentelemetry/exporter-trace-otlp-proto": "^0.45.0",
     "@opentelemetry/sdk-metrics": "^1.17.1",
     "@opentelemetry/sdk-trace-web": "^1.17.1",
-    "@topos-protocol/topos-smart-contracts": "^2.0.0",
+    "@topos-protocol/topos-smart-contracts": "^3.1.0",
     "antd": "^5.4.0",
     "axios": "^1.4.0",
-    "ethers": "^5.7.2",
+    "ethers": "^6.9.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-google-recaptcha": "^3.1.0",

packages/frontend/src/App.tsx

@@ -1,6 +1,8 @@
 import { ThemeProvider } from '@emotion/react'
 import styled from '@emotion/styled'
+import { ToposCore__factory } from '@topos-protocol/topos-smart-contracts/typechain-types/factories/contracts/topos-core/ToposCore__factory'
 import { Alert, Layout as AntdLayout } from 'antd'
+import { getDefaultProvider } from 'ethers'
 import { useEffect, useState } from 'react'
 
 import { ErrorsContext } from './contexts/errors'
@@ -13,9 +15,7 @@ import FaucetForm from './components/FaucetForm'
 import Content from './components/Content'
 import { SubnetWithId } from './types'
 import useRegisteredSubnets from './hooks/useRegisteredSubnets'
-import { BigNumber, ethers } from 'ethers'
 import { SubnetsContext } from './contexts/subnets'
-import { toposCoreContract } from './contracts'
 import { SuccessesContext } from './contexts/successes'
 
 const Errors = styled.div`
@@ -54,17 +54,18 @@ const App = () => {
           let toposSubnet: SubnetWithId | undefined
 
           if (toposSubnetEndpointHttp && toposSubnetEndpointWs) {
-            const provider = new ethers.providers.JsonRpcProvider(
-              toposSubnetEndpointHttp
-            )
+            const provider = getDefaultProvider(toposSubnetEndpointHttp)
             const network = await provider.getNetwork()
             const chainId = network.chainId
 
-            const contract = toposCoreContract.connect(provider)
-            const subnetId = await contract.networkSubnetId()
+            const toposCore = ToposCore__factory.connect(
+              import.meta.env.VITE_TOPOS_CORE_PROXY_CONTRACT_ADDRESS,
+              provider
+            )
+            const subnetId = await toposCore.networkSubnetId()
 
             toposSubnet = {
-              chainId: BigNumber.from(chainId.toString()),
+              chainId: BigInt(chainId.toString()),
               endpointHttp: toposSubnetEndpointHttp,
               endpointWs: toposSubnetEndpointWs,
               currencySymbol: 'TOPOS',

packages/frontend/src/components/SubnetSelect.test.tsx

@@ -3,12 +3,11 @@ import { describe, it, expect, vi } from 'vitest'
 
 import SubnetSelect from './SubnetSelect'
 import { SubnetWithId } from '../types'
-import { BigNumber } from 'ethers'
 import { userEvent } from '../utils/tests'
 
 const subnetsMock: SubnetWithId[] = [
   {
-    chainId: BigNumber.from(1),
+    chainId: BigInt(1),
     currencySymbol: 'TST',
     endpointHttp: '',
     endpointWs: '',

packages/frontend/src/hooks/useRegisteredSubnets.test.ts

@@ -1,22 +1,21 @@
+import { SubnetRegistrator__factory } from '@topos-protocol/topos-smart-contracts/typechain-types/factories/contracts/topos-core/SubnetRegistrator__factory'
 import { renderHook, waitFor } from '@testing-library/react'
-import { BigNumber } from 'ethers'
 import { vi } from 'vitest'
 
 import useRegisteredSubnets from './useRegisteredSubnets'
-import * as contractExports from '../contracts'
 import { Subnet } from '../types'
 
 const registeredSubnets: { [x: string]: Subnet } = {
   subnet1: {
-    chainId: BigNumber.from(1),
+    chainId: BigInt(1),
     currencySymbol: 'TST',
     endpointHttp: '',
     endpointWs: '',
     logoURL: '',
     name: 'subnetMock',
   },
   subnet2: {
-    chainId: BigNumber.from(2),
+    chainId: BigInt(2),
     currencySymbol: 'TST2',
     endpointHttp: '',
     endpointWs: '',
@@ -34,7 +33,7 @@ const expectedSubnets = subnetIdsByIndexes.map((id) => ({
 
 const getSubnetCountMock = vi
   .fn()
-  .mockResolvedValue(BigNumber.from(subnetIdsByIndexes.length))
+  .mockResolvedValue(BigInt(subnetIdsByIndexes.length))
 
 const getSubnetIdAtIndexMock = vi
   .fn()
@@ -54,9 +53,9 @@ const contractConnectMock = vi.fn().mockReturnValue({
   subnets: subnetsMock,
 })
 
-vi.spyOn(contractExports, 'subnetRegistratorContract', 'get').mockReturnValue({
-  connect: contractConnectMock,
-} as any)
+vi.spyOn(SubnetRegistrator__factory, 'connect').mockReturnValue(
+  contractConnectMock
+)
 
 vi.mock('./useEthers', () => ({
   default: vi.fn().mockReturnValue({ provider: {} }),