Add Ethereum Testnets (#53)

* Add Ropsten testnet.

* Add Koven testnet.

* Add Rinkeby testnet.

* Add Goerli

* reduce duplicate code.

* Update names for testnet gas.

* Final clean up.

src/components/NetworkStatus/NetworkStatus.tsx

@@ -40,8 +40,12 @@ export interface NetworkStatusInterface {
 export const chainIdToName = (chainId: number) => {
   switch (chainId) {
     case 1: return 'Ethereum'
+    case 3: return 'Ropsten Testnet'
+    case 4: return 'Rinkeby Testnet'
+    case 5: return 'Görli Testnet'
     case 30: return 'RSK Mainnet'
     case 31: return 'RSK Testnet'
+    case 42: return 'Kovan Testnet'
     default: return `Network Id ${chainId.toString()}`
   }
 }

src/config/config.goerli.json

@@ -0,0 +1,6 @@
+{
+  "ethrDid": "0xdca7ef03e98e0dc2b855be647c39abe984fcf21b",
+  "rpcUrl": "https://goerli.infura.io/v3/8043bb2cf99347b1bfadfb233c5325c0",
+  "balanceName": "GöETH",
+  "coinGeckoIds": "ethereum"
+}

src/config/config.kovan.json

@@ -0,0 +1,6 @@
+{
+  "ethrDid": "0xdca7ef03e98e0dc2b855be647c39abe984fcf21b",
+  "rpcUrl": "https://kovan.infura.io/v3/8043bb2cf99347b1bfadfb233c5325c0",
+  "balanceName": "KETH",
+  "coinGeckoIds": "ethereum"
+}

src/config/config.rinkeby.json

@@ -0,0 +1,6 @@
+{
+  "ethrDid": "0xdca7ef03e98e0dc2b855be647c39abe984fcf21b",
+  "rpcUrl": "https://rinkeby.infura.io/v3/8043bb2cf99347b1bfadfb233c5325c0",
+  "balanceName": "ETH",
+  "coinGeckoIds": "ethereum"
+}

src/config/config.ropsten.json

@@ -0,0 +1,6 @@
+{
+  "ethrDid": "0xdca7ef03e98e0dc2b855be647c39abe984fcf21b",
+  "rpcUrl": "https://ropsten.infura.io/v3/8043bb2cf99347b1bfadfb233c5325c0",
+  "balanceName": "ETH",
+  "coinGeckoIds": "ethereum"
+}

src/config/getConfig.ts

@@ -1,8 +1,12 @@
 /* eslint-disable no-unused-vars */
 import AllNetworks from './config.json'
 import Ethereum from './config.ethereum.json'
+import Ropsten from './config.ropsten.json'
 import Mainnet from './config.mainnet.json'
 import Testnet from './config.testnet.json'
+import Kovan from './config.kovan.json'
+import Rinkeby from './config.rinkeby.json'
+import Goerli from './config.goerli.json'
 import Local from './config.local.json'
 
 export enum SETTINGS {
@@ -15,8 +19,12 @@ export enum SETTINGS {
 const getSetting = (chainId: number, setting: SETTINGS) => {
   switch (chainId) {
     case 1: return Ethereum[setting]
+    case 3: return Ropsten[setting]
+    case 4: return Rinkeby[setting]
+    case 5: return Goerli[setting]
     case 30: return Mainnet[setting]
     case 31: return Testnet[setting]
+    case 42: return Kovan[setting]
     default: return Local[setting]
   }
 }

src/features/rLogin.ts

@@ -10,14 +10,18 @@ export const rLogin = new RLogin({
       options: {
         rpc: {
           1: getRPCUrl(1),
+          3: getRPCUrl(3),
+          4: getRPCUrl(4),
+          5: getRPCUrl(5),
           30: getRPCUrl(30),
           31: getRPCUrl(31),
+          42: getRPCUrl(42),
           5777: getRPCUrl(5777)
         }
       }
     }
   },
-  supportedChains: [1, 30, 31, 5777]
+  supportedChains: [1, 3, 4, 5, 30, 31, 42, 5777]
 })
 
 export const clearRloginStorage = () => {

src/features/resolverConfig.ts

@@ -1,10 +1,16 @@
 import { getDIDRegistryAddress, getRPCUrl } from '../config/getConfig'
 
+const add = (name: string, chainId: number) => ({ name, registry: getDIDRegistryAddress(chainId), rpcUrl: getRPCUrl(chainId) })
+
 export const resolverProviderConfig = {
   networks: [
-    { name: 'mainnet', registry: getDIDRegistryAddress(1), rpcUrl: getRPCUrl(1) },
-    { name: 'rsk', registry: getDIDRegistryAddress(30), rpcUrl: getRPCUrl(30) },
-    { name: 'rsk:testnet', registry: getDIDRegistryAddress(31), rpcUrl: getRPCUrl(31) },
-    { name: 'development', registry: getDIDRegistryAddress(5777), rpcUrl: getRPCUrl(5777) }
+    add('mainnet', 1),
+    add('ropsten', 3),
+    add('rinkeby', 4),
+    add('goerli', 5),
+    add('rsk', 30),
+    add('rsk:testnet', 31),
+    add('kovan', 31),
+    add('development', 5777)
   ]
 }

src/formatters.test.tsx

@@ -6,8 +6,12 @@ describe('helpers.js', () => {
   describe('function: createDidFormat', () => {
     it('creates correct format', () => {
       expect(createDidFormat(address, 1)).toBe(`did:ethr:${address}`)
+      expect(createDidFormat(address, 3)).toBe(`did:ethr:ropsten:${address}`)
+      expect(createDidFormat(address, 4)).toBe(`did:ethr:rinkeby:${address}`)
+      expect(createDidFormat(address, 5)).toBe(`did:ethr:goerli:${address}`)
       expect(createDidFormat(address, 30)).toBe(`did:ethr:rsk:${address}`)
       expect(createDidFormat(address, 31)).toBe(`did:ethr:rsk:testnet:${address}`)
+      expect(createDidFormat(address, 42)).toBe(`did:ethr:kovan:${address}`)
       expect(createDidFormat(address, 5777)).toBe(`did:ethr:development:${address}`)
     })
   })

src/formatters.ts

@@ -7,8 +7,12 @@
 export const createDidFormat = (address: string, chainId: number) => {
   switch (chainId) {
     case 1: return `did:ethr:${address}`
+    case 3: return `did:ethr:ropsten:${address}`
+    case 4: return `did:ethr:rinkeby:${address}`
+    case 5: return `did:ethr:goerli:${address}`
     case 30: return `did:ethr:rsk:${address}`
     case 31: return `did:ethr:rsk:testnet:${address}`
+    case 42: return `did:ethr:kovan:${address}`
     case 5777: return `did:ethr:development:${address}`
     default: return address
   }