Feature/coolwallet [v5]

CHANGELOG.md

@@ -1,3 +1,7 @@
+### Feature
+
+- Cool Wallet integration [#2087](https://github.com/MyEtherWallet/MyEtherWallet/pull/2087)
+
 ### Release v5.4.2-hotfix.1
 
 ### Bugs

package.json

@@ -30,6 +30,9 @@
   },
   "dependencies": {
     "@aave/protocol-js": "0.2.4",
+    "@coolwallets/eth": "0.1.13",
+    "@coolwallets/transport-web-ble": "0.1.0",
+    "@coolwallets/wallet": "0.0.14",
     "@sentry/browser": "5.14.0",
     "@sentry/integrations": "5.14.0",
     "@unstoppabledomains/resolution": "1.2.2",

src/layouts/AccessWalletLayout/components/HardwareModal/HardwareModal.vue

@@ -57,19 +57,23 @@ import WalletOption from '../WalletOption';
 import { Toast } from '@/helpers';
 import { isSupported } from 'u2f-api';
 import platform from 'platform';
+import store from 'store';
+import cwsTransportLib from '@coolwallets/transport-web-ble';
 import {
   KeepkeyWallet,
   TrezorWallet,
   BitBoxWallet,
-  SecalotWallet
+  SecalotWallet,
+  CoolWallet
 } from '@/wallets';
 import {
   LEDGER as LEDGER_TYPE,
   TREZOR as TREZOR_TYPE,
   BITBOX as BITBOX_TYPE,
   SECALOT as SECALOT_TYPE,
   KEEPKEY as KEEPKEY_TYPE,
-  XWALLET as XWALLET_TYPE
+  XWALLET as XWALLET_TYPE,
+  COOLWALLET as COOLWALLET_TYPE
 } from '@/wallets/bip44/walletTypes';
 export default {
   components: {
@@ -166,6 +170,14 @@ export default {
           disabled: false,
           msg: '',
           link: 'http://lddy.no/a4im'
+        },
+        {
+          name: COOLWALLET_TYPE,
+          imgPath: keepkey,
+          text: 'CoolWallet',
+          disabled: false,
+          msg: '',
+          link: 'http://lddy.no/a4im'
         }
       ]
     };
@@ -258,6 +270,39 @@ export default {
           this.openXwallet();
           this.$refs.hardware.hide();
           break;
+        case COOLWALLET_TYPE:
+          // eslint-disable-next-line
+          const hasStoredPw = store.get('cwPass') || null;
+          if (hasStoredPw) {
+            cwsTransportLib.listen(async (error, device) => {
+              if (device) {
+                const transport = await cwsTransportLib.connect(device);
+                CoolWallet(transport, hasStoredPw)
+                  .then(_newWallet => {
+                    if (_newWallet) {
+                      this.$emit('hardwareWalletOpen', _newWallet);
+                    } else {
+                      Toast.responseHandler(
+                        new Error('No wallet instance!'),
+                        Toast.ERROR
+                      );
+                    }
+                  })
+                  .catch(() => {
+                    Toast.responseHandler(
+                      new Error('Having issues with pairing cool wallet'),
+                      Toast.ERROR
+                    );
+                  });
+              }
+            });
+          } else {
+            this.$emit('hardwareRequiresPassword', {
+              walletConstructor: CoolWallet,
+              hardwareBrand: 'CoolWallet'
+            });
+          }
+          break;
         default:
           Toast.responseHandler(
             new Error('No switch address for given account.'),

src/layouts/AccessWalletLayout/components/HardwarePasswordModal/HardwarePasswordModal.vue

@@ -50,6 +50,8 @@
 </template>
 
 <script>
+import cwsTransportLib from '@coolwallets/transport-web-ble';
+import store from 'store';
 export default {
   props: {
     walletConstructor: {
@@ -78,12 +80,32 @@ export default {
       this.password == '';
       this.$refs.passwordInput.focus();
     },
-    unlockWallet() {
-      this.walletConstructor('', this.password)
-        .then(_newWallet => {
-          this.$emit('hardwareWalletOpen', _newWallet);
-        })
-        .catch(this.walletConstructor.errorHandler);
+    async unlockWallet() {
+      if (this.hardwareBrand === 'CoolWallet') {
+        await cwsTransportLib.listen(async (error, device) => {
+          if (device) {
+            const transport = await cwsTransportLib.connect(device);
+            store.set('cwPass', this.password.toString());
+            this.walletConstructor(transport, this.password.toString())
+              .then(_newWallet => {
+                if (_newWallet) {
+                  this.$emit('hardwareWalletOpen', _newWallet);
+                } else {
+                  this.walletConstructor.errorHandler({
+                    name: 'NoWalletInstance'
+                  });
+                }
+              })
+              .catch(this.walletConstructor.errorHandler);
+          }
+        });
+      } else {
+        this.walletConstructor('', this.password)
+          .then(_newWallet => {
+            this.$emit('hardwareWalletOpen', _newWallet);
+          })
+          .catch(this.walletConstructor.errorHandler);
+      }
     },
     switchViewPassword() {
       this.show = !this.show;

src/translations/en_US.js

@@ -16,6 +16,7 @@ import popover from './popover/en_US';
 import withoutWallet from './without-wallet/en_US';
 import errorsGlobal from './errors-global/en_US';
 import trezorError from './errors-trezor/en_US';
+import coolWalletError from './errors-coolwallet/en_US';
 import ledgerError from './errors-ledger/en_US';
 import secalotError from './errors-secalot/en_US';
 import keepkeyError from './errors-keepkey/en_US';
@@ -57,6 +58,7 @@ const en_US = {
   withoutWallet: withoutWallet,
   errorsGlobal: errorsGlobal,
   trezorError: trezorError,
+  coolWalletError: coolWalletError,
   ledgerError: ledgerError,
   secalotError: secalotError,
   keepkeyError: keepkeyError,

src/translations/errors-coolwallet/en_US.json

@@ -0,0 +1,6 @@
+{
+  "wrong-password": "Wrong password for app registration.",
+  "card-locked": "Card locked! Please unlock through the app",
+  "already-registered": "App is already registered! If you're having trouble, please reregister the app by removing it from the wallet app.",
+  "no-wallet-instance": "No wallet instance!"
+}

src/wallets/bip44/coolWalletPaths.js

@@ -0,0 +1,2 @@
+import { ethereum } from './paths';
+export default [ethereum];

src/wallets/bip44/index.js

@@ -4,20 +4,23 @@ import {
   BITBOX,
   SECALOT,
   KEEPKEY,
-  MNEMONIC
+  MNEMONIC,
+  COOLWALLET
 } from './walletTypes';
 import ledgerPaths from './ledgerPaths';
 import trezorPaths from './trezorPaths';
 import bitboxPaths from './bitboxPaths';
 import secalotPaths from './secalotPaths';
 import keepkeyPaths from './keepkeyPaths';
 import mnemonicPaths from './mnemonicPaths';
+import coolWalletPaths from './coolWalletPaths';
 
 export default {
   [LEDGER]: ledgerPaths,
   [TREZOR]: trezorPaths,
   [BITBOX]: bitboxPaths,
   [SECALOT]: secalotPaths,
   [KEEPKEY]: keepkeyPaths,
-  [MNEMONIC]: mnemonicPaths
+  [MNEMONIC]: mnemonicPaths,
+  [COOLWALLET]: coolWalletPaths
 };

src/wallets/bip44/walletTypes.js

@@ -10,6 +10,7 @@ const WEB3_WALLET = 'web3_wallet';
 const PRIV_KEY = 'priv_key';
 const WATCH_ONLY = 'watchOnly';
 const XWALLET = 'xwallet';
+const COOLWALLET = 'cool_wallet';
 export {
   LEDGER,
   TREZOR,
@@ -22,5 +23,6 @@ export {
   WEB3_WALLET,
   PRIV_KEY,
   WATCH_ONLY,
-  XWALLET
+  XWALLET,
+  COOLWALLET
 };

src/wallets/hardware/coolwallet/errorHandler.js

@@ -0,0 +1,28 @@
+import { Toast } from '@/helpers';
+import Vue from 'vue';
+const ERRORS = {
+  WrongPassword: 'coolWalletError.wrong-password',
+  CardLocked: 'coolWalletError.card-locked',
+  AlreadyRegistered: 'coolWalletError.already-registered',
+  NoWalletInstance: 'coolWalletError.no-wallet-instance'
+};
+const WARNING = {};
+
+export default err => {
+  const errorValues = Object.keys(ERRORS);
+  const warningValues = Object.keys(WARNING);
+  const foundError = errorValues.find(item => {
+    return err.name ? err.name.includes(item) : err.includes(item);
+  });
+  const foundWarning = warningValues.find(item => {
+    return err.name ? err.name.includes(item) : err.includes(item);
+  });
+
+  if (foundError) {
+    Toast.responseHandler(`${Vue.$i18n.t(ERRORS[foundError])}`, Toast.ERROR);
+  } else if (foundWarning) {
+    Toast.responseHandler(`${Vue.$i18n.t(WARNING[foundWarning])}`, Toast.WARN);
+  } else {
+    Toast.responseHandler(err, false);
+  }
+};