Add RNS multichchain resolution in Transfer page

Author: adil651

package.json

@@ -37,6 +37,7 @@
     "@metamask/contract-metadata": "^2.2.0",
     "@metamask/eth-sig-util": "^5.0.2",
     "@metamask/obs-store": "^7.0.0",
+    "@rsksmart/rns-resolver.js": "^1.1.0",
     "@rsksmart/rsk-utils": "^1.1.0",
     "@sentry/browser": "^7.41.0",
     "@sentry/tracing": "^7.41.0",
@@ -83,6 +84,7 @@
     "lodash": "^4.17.21",
     "loglevel": "^1.8.1",
     "multi-token-standard-abi": "1.0.4",
+    "node-fetch": "^2.0.0",
     "pify": "^5.0.0",
     "pump": "^3.0.0",
     "readable-stream": "^3.6.0",

src/components/WalletTransfer/AddContact/AddContact.vue

@@ -54,6 +54,8 @@ import {
   GOOGLE_LABEL,
   REDDIT,
   REDDIT_LABEL,
+  RNS,
+  RNS_LABEL,
   TWITTER,
   TWITTER_LABEL,
   UNSTOPPABLE_DOMAINS,
@@ -68,6 +70,7 @@ const VERIFIER_LABELS = {
   [TWITTER]: TWITTER_LABEL,
   [GITHUB]: GITHUB_LABEL,
   [ENS]: ENS_LABEL,
+  [RNS]: RNS_LABEL,
   [BIT]: BIT_LABEL,
   [UNSTOPPABLE_DOMAINS]: UNSTOPPABLE_DOMAINS_LABEL,
 }

src/containers/WalletTransfer/WalletTransfer.vue

@@ -141,7 +141,7 @@
                       :items="getToAddressComboboxItems"
                       :placeholder="verifierPlaceholder"
                       required
-                      :rules="[contactRule, rules.contactRequired, ensRule, unstoppableDomainsRule, bitRule, torusRule]"
+                      :rules="[contactRule, rules.contactRequired, ensRule, rnsRule, unstoppableDomainsRule, bitRule, torusRule]"
                       outlined
                       item-text="name"
                       item-value="value"
@@ -544,6 +544,7 @@ import {
   MESSAGE_MODAL_TYPE_SUCCESS,
   OLD_ERC721_LIST,
   REDDIT,
+  RNS,
   TRANSACTION_SPEED,
   TWITTER,
   UNSTOPPABLE_DOMAINS,
@@ -594,6 +595,7 @@ export default {
       toAddress: '',
       formValid: false,
       ensError: '',
+      rnsError: '',
       bitError: '',
       torusError: '',
       unstoppableDomainsError: '',
@@ -848,7 +850,7 @@ export default {
     this.$vuetify.goTo(0)
   },
   methods: {
-    ...mapActions(['getTorusLookupAddress', 'getEnsOrUnstoppableAddress']),
+    ...mapActions(['getTorusLookupAddress', 'getEnsOrUnstoppableAddress', 'getRnsAddress']),
     startQrScanning() {
       this.camera = 'auto'
       this.showQrScanner = true
@@ -862,6 +864,8 @@ export default {
         this.selectedVerifier = GOOGLE
       } else if (/.eth$/.test(toAddress) || /.xyz$/.test(toAddress) || /.kred$/i.test(toAddress)) {
         this.selectedVerifier = ENS
+      } else if (/.rsk$/.test(toAddress)) {
+        this.selectedVerifier = RNS
       } else if (/.crypto$/.test(toAddress)) {
         this.selectedVerifier = UNSTOPPABLE_DOMAINS
       } else if (new RegExp(`${this.bitTail}$`).test(toAddress)) {
@@ -971,6 +975,9 @@ export default {
     ensRule() {
       return this.selectedVerifier === ENS && this.ensError ? this.ensError : true
     },
+    rnsRule() {
+      return this.selectedVerifier === RNS && this.rnsError ? this.rnsError : true
+    },
     bitRule() {
       return this.selectedVerifier === BIT && this.bitError ? this.bitError : true
     },
@@ -1085,6 +1092,7 @@ export default {
         }
       }
       this.ensError = ''
+      this.rnsError = ''
       this.unstoppableDomainsError = ''
       this.torusError = ''
 
@@ -1233,6 +1241,17 @@ export default {
           this.ensError = 'walletSettings.invalidEns'
           this.$refs.form.validate()
         }
+      } else if (this.selectedVerifier === RNS) {
+        try {
+          const res = await this.getRnsAddress({ domain: this.toAddress, chainType: this.networkType.type, coinType: this.networkType.ticker })
+          log.info(res)
+          toAddress = res.toLowerCase()
+          this.rnsError = ''
+        } catch (error) {
+          log.error(error)
+          this.rnsError = 'walletSettings.invalidRns'
+        }
+        this.$refs.form.validate()
       } else if (this.selectedVerifier === UNSTOPPABLE_DOMAINS) {
         try {
           const res = await this.getUnstoppableDomains(this.toAddress)

src/controllers/PreferencesController.js

@@ -1,9 +1,11 @@
 import { hashPersonalMessage } from '@ethereumjs/util'
 import { ObservableStore } from '@metamask/obs-store'
+import Resolver from '@rsksmart/rns-resolver.js'
 import { SafeEventEmitter } from '@toruslabs/openlogin-jrpc'
 import deepmerge from 'deepmerge'
 import { cloneDeep } from 'lodash'
 import log from 'loglevel'
+import nodeFetch from 'node-fetch'
 import Web3 from 'web3'
 import { isHexStrict, toHex } from 'web3-utils'
 
@@ -68,6 +70,8 @@ class PreferencesController extends SafeEventEmitter {
     this.web3 = new Web3(provider)
     this.api = new ApiHelpers(options.storeDispatch)
     this.signMessage = signMessage
+    this.rnsAddrResolverMainnet = Resolver.forRskMainnet({ fetch: nodeFetch })
+    this.rnsAddrResolverTestnet = Resolver.forRskTestnet({ fetch: nodeFetch })
 
     this.interval = options.interval || DEFAULT_INTERVAL
     this.store = new ObservableStore({ selectedAddress: '' }) // Account specific object
@@ -826,6 +830,55 @@ class PreferencesController extends SafeEventEmitter {
     return this.api.get(url.href, this.headers(), { useAPIKey: true })
   }
 
+  // This approach considers resolution for tokens
+  getRnsChainIdFromPluginId = (pluginId) => {
+    switch (pluginId) {
+      case 'RBTC':
+        return 137
+      case 'ETH':
+        return 60
+      case 'ETHC':
+        return 61
+      case 'BTC':
+        return 0
+      case 'LTC':
+        return 2
+      case 'dash':
+        return 5
+      case 'XRP':
+        return 144
+      case 'BCH':
+        return 145
+      case 'BNB':
+        return 714
+      case 'XLM':
+        return 148
+      case 'MATIC':
+        return 966
+      case 'AVAX':
+        return 9000
+      case 'GXC':
+        return 2303
+      case 'OKT':
+        return 996
+      case 'DAI':
+        return 700
+      default:
+        return -1
+    }
+  }
+
+  getRnsAddress({ domain, chainType, coinType }) {
+    if (chainType === 'rsk_testnet') {
+      return this.rnsAddrResolverTestnet.addr(domain)
+    }
+    if (chainType === 'rsk_mainnet') {
+      return this.rnsAddrResolverMainnet.addr(domain)
+    }
+    const pluginId = this.getRnsChainIdFromPluginId(coinType)
+    return chainType.includes('mainnet') ? this.rnsAddrResolverMainnet.addr(domain, pluginId) : this.rnsAddrResolverTestnet.addr(domain, pluginId)
+  }
+
   async getTorusLookupAddress({ verifier, verifierId, walletVerifier, network }) {
     const url = new URL(`${config.api}/lookup/torus`)
     url.searchParams.append('verifier', verifier)

src/store/preferencesActions.js

@@ -53,6 +53,9 @@ export default {
   getEnsOrUnstoppableAddress(_, payload) {
     return prefsController.getEnsOrUnstoppableAddress(payload)
   },
+  getRnsAddress(_, payload) {
+    return prefsController.getRnsAddress(payload)
+  },
   getTorusLookupAddress(_, payload) {
     return prefsController.getTorusLookupAddress(payload)
   },

src/utils/enums.js

@@ -560,6 +560,7 @@ export const EMAIL_PASSWORDLESS_LOGIN_PROVIDER = 'email_passwordless'
 export const LINKED_VERIFIER_SUBIDENTIFIER = process.env.VUE_APP_LINKED_VERIFIER_SUBIDENTIFIER
 
 export const ENS = 'ENS'
+export const RNS = 'RNS'
 export const UNSTOPPABLE_DOMAINS = 'Unstoppable_Domains'
 export const ETH_LABEL = 'walletSettings.ethAddress'
 export const GOOGLE_LABEL = 'walletSettings.googleId'
@@ -568,6 +569,7 @@ export const REDDIT_LABEL = 'walletSettings.redditId'
 export const DISCORD_LABEL = 'walletSettings.discordId'
 export const TWITCH_LABEL = 'walletSettings.twitchId'
 export const ENS_LABEL = 'walletSettings.ensId'
+export const RNS_LABEL = 'walletSettings.rnsId'
 export const UNSTOPPABLE_DOMAINS_LABEL = 'walletSettings.unstoppableDomainsId'
 export const TWITTER_LABEL = 'walletSettings.twitterId'
 export const GITHUB_LABEL = 'walletSettings.githubId'
@@ -621,6 +623,10 @@ export const ALLOWED_VERIFIERS = [
     name: ENS_LABEL,
     value: ENS,
   },
+  {
+    name: RNS_LABEL,
+    value: RNS,
+  },
   {
     name: TWITTER_LABEL,
     value: TWITTER,