Merge pull request #1002 from liquality/feat/sovryn-fixes

Feat/sovryn fixes

.env

@@ -1,4 +1,3 @@
-VUE_APP_LEDGER_BRIDGE_URL=https://liquality.github.io/hw-web-bridge-app/dist/0.1.0
 VUE_APP_SOVRYN_RPC_URL_TESTNET=https://testnet.sovryn.app/rpc
 VUE_APP_SOVRYN_RPC_URL_MAINNET=https://mainnet.sovryn.app/rpc
 VUE_APP_TRANSAK_WIDGET_URL=
@@ -24,4 +23,7 @@ VUE_APP_MAX_ERROR_LOG_SIZE=100
 VUE_APP_REPORT_TARGETS=Sentry,Console
 VUE_APP_NPM_PACKAGE_VERSION=0_81_0
 VUE_APP_SENTRY_DSN=https://[email protected]/5444900
+VUE_APP_INFURA_NFT_API_URL=https://nft.api.infura.io/
+VUE_APP_INFURA_API_KEY=
+VUE_APP_INFURA_API_KEY_SECRET=
 

package.json

@@ -24,12 +24,12 @@
   },
   "dependencies": {
     "@chainify/hw-ledger": "2.4.0",
-    "@liquality/cryptoassets": "2.8.0",
-    "@liquality/error-parser": "2.2.6",
+    "@liquality/cryptoassets": "2.9.0",
+    "@liquality/error-parser": "2.2.8",
     "@liquality/ethereum-utils": "^1.13.12",
     "@liquality/terra-networks": "^1.13.12",
     "@liquality/types": "^1.13.12",
-    "@liquality/wallet-core": "4.21.1",
+    "@liquality/wallet-core": "4.23.0",
     "@terra-money/terra.js": "^3.1.6",
     "@testing-library/vue": "^5.8.2",
     "amplitude-js": "8.18.2",

src/broker/Background.js

@@ -36,9 +36,7 @@ class Background {
       } else if (isInternal) {
         this.onInternalConnection(connection)
       } else {
-        if (connection.name !== 'HW-BRIDGE') {
-          this.onExternalConnection(connection)
-        }
+        this.onExternalConnection(connection)
       }
     })
   }

src/components/ConnectionDrawer.vue

@@ -138,13 +138,12 @@ export default {
       })
     }
   },
-  created() {
-    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
-      if (tabs.length > 0) {
-        const { origin } = new URL(tabs[0].url)
-        this.currentOrigin = origin
-      }
-    })
+  async created() {
+    const [tab] = await browser.tabs.query({ active: true, currentWindow: true })
+    if (tab) {
+      const { origin } = new URL(tab.url)
+      this.currentOrigin = origin
+    }
   }
 }
 </script>

src/components/Head.vue

@@ -80,7 +80,6 @@ export default {
   },
   methods: {
     ...mapActions(['changeActiveNetwork']),
-    ...mapActions('app', ['settingsModalOpen']),
     toggleShowNetworks() {
       this.showNetworks = !this.showNetworks
       if (this.showNetworks) {
@@ -95,7 +94,6 @@ export default {
       if (this.showConnectionDrawer) {
         this.showNetworks = false
       }
-      this.settingsModalOpen(false)
     },
     hideConnectionDrawer() {
       this.showConnectionDrawer = false

src/components/NavBar.vue

@@ -235,7 +235,7 @@ export default {
         }
       })
       this.showMenuList = false
-      chrome.tabs.create({
+      browser.tabs.create({
         url: browser.runtime.getURL('/index.html#/accounts/hardware-wallet?mode=tab')
       })
     },

src/main.js

@@ -1,4 +1,3 @@
-import devtools from '@vue/devtools'
 import Vue from 'vue'
 import App from './App.vue'
 import store from './store'
@@ -19,7 +18,3 @@ new Vue({
   store,
   render: (h) => h(App)
 }).$mount('#app')
-
-if (process.env.NODE_ENV === 'development' && process.env.VUE_APP_USE_VUE_DEV_TOOLS) {
-  devtools.connect()
-}

src/store/modules/app/requestPermission.js

@@ -36,7 +36,7 @@ const ALLOWED = [
 ]
 
 export const requestPermission = async (
-  { state, dispatch, commit, rootState },
+  { state, dispatch, commit, rootState, rootGetters },
   { origin, data }
 ) => {
   const { requestPermissionActive } = state
@@ -103,7 +103,14 @@ export const requestPermission = async (
           permissionRoute = '/permission/signPsbt'
         }
 
-        createPopup(`${permissionRoute}?${query}`, () => reject(new UserDeclinedError()))
+        const url = `${permissionRoute}?${query}`
+        const account = rootGetters.accountItem(accountId)
+
+        if (account?.type.includes('ledger')) {
+          browser.tabs.create({ url: browser.runtime.getURL(`/index.html#${url}`) })
+        } else {
+          createPopup(url, () => reject(new UserDeclinedError()))
+        }
       })
     } else {
       commit('SET_REQUEST_PERMISSION_ACTIVE', { active: false })

src/utils/hardware-wallet.js

@@ -1,17 +1,7 @@
-import { LedgerDeviceConnectionError } from '@liquality/error-parser'
+// import { LedgerDeviceConnectionError } from '@liquality/error-parser'
 
 export const LEDGER_USB_VENDOR_ID = '0x2c97'
 
-export async function tryConnectLedgerDevice() {
-  const connectedDevices = await window.navigator.hid.requestDevice({
-    filters: [{ vendorId: LEDGER_USB_VENDOR_ID }]
-  })
-  const userApprovedWebHidConnection = connectedDevices.some(
-    (device) => device.vendorId === Number(LEDGER_USB_VENDOR_ID)
-  )
-  return !!userApprovedWebHidConnection
-}
-
 export const ledgerConnectMixin = {
   data() {
     return {
@@ -21,12 +11,20 @@ export const ledgerConnectMixin = {
   methods: {
     async connectLedger() {
       if (!this.ledgerConnected) {
-        const connected = await tryConnectLedgerDevice()
-
-        if (!connected) {
-          throw new LedgerDeviceConnectionError()
+        if ('hid' in navigator) {
+          let alreadyAssignedDevices = await navigator.hid.getDevices()
+          const alreadyAssignedDevice = alreadyAssignedDevices.filter(
+            (d) => d.vendorId === Number(LEDGER_USB_VENDOR_ID)
+          )
+          if (alreadyAssignedDevice.length > 0) {
+            this.ledgerConnected = true
+          } else {
+            const [device] = await navigator.hid.requestDevice({
+              filters: [{ vendorId: LEDGER_USB_VENDOR_ID }]
+            })
+            this.ledgerConnected = !!device
+          }
         }
-        this.ledgerConnected = connected
       }
     }
   }

src/views/PermissionSend.vue

@@ -275,6 +275,8 @@ export default {
         } else {
           window.close()
         }
+      } catch (err) {
+        console.error(err)
       } finally {
         this.signRequestModalOpen = false
         this.loading = false

src/views/Send/Send.vue

@@ -619,7 +619,7 @@ export default {
             customFee: this.customFee
           })
           const url = `/index.html#/accounts/${this.accountId}/${this.asset}/send?${sendParams}`
-          chrome.tabs.create({ url: browser.runtime.getURL(url) })
+          browser.tabs.create({ url: browser.runtime.getURL(url) })
         } else {
           this.currentStep = 'confirm'
         }

src/views/Swap/Swap.vue

@@ -1361,7 +1361,7 @@ export default {
             selectedQuote: this.selectedQuote
           })
           const url = `/index.html#/accounts/${this.accountId}/${this.asset}/swap?${swapParams}`
-          chrome.tabs.create({ url: browser.runtime.getURL(url) })
+          browser.tabs.create({ url: browser.runtime.getURL(url) })
         } else {
           this.currentStep = 'confirm'
         }