Add MathWallet (#689)

* MathWallet
* format
* provider.isMathWallet
* fix
Co-authored-by: Forrest <zyyu1990@gmail.com>

Author: mytangying

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bnc-onboard",
-  "version": "1.36.0-0.1.1",
+  "version": "1.36.0-0.1.2",
   "description": "Onboard users to web3 by allowing them to select a wallet, get that wallet ready to transact and have access to synced wallet state.",
   "keywords": [
     "ethereum",

src/modules/select/index.ts

@@ -12,6 +12,7 @@ const desktopDefaultWalletNames = [
   'tally',
   'metamask',
   'binance',
+  'mathwallet',
   'frame',
   'torus',
   'opera',
@@ -29,6 +30,7 @@ const mobileDefaultWalletNames = [
   'status',
   'hyperpay',
   'tokenpocket',
+  'mathwallet',
   'dcent',
   'atoken',
   'liquality',
@@ -223,10 +225,12 @@ function getModule(name: string): Promise<{
       return import('./wallets/detectedwallet')
     case 'tp':
       return import('./wallets/tp')
-    case 'blankwallet':
-      return import('./wallets/blankwallet')
     // case 'mewwallet':
     //   return import('./wallets/mewwallet')
+    case 'mathwallet':
+      return import('./wallets/mathwallet')
+    case 'blankwallet':
+      return import('./wallets/blankwallet')
     case 'ronin':
       return import('./wallets/ronin')
     default:

src/modules/select/wallet-icons/icon-mathwallet.png

@@ -0,0 +1,43 @@
+import { extensionInstallMessage, mobileWalletInstallMessage } from '../content'
+import { WalletModule, Helpers, CommonWalletOptions } from '../../../interfaces'
+
+import mathwalletIcon from '../wallet-icons/icon-mathwallet.png'
+import mathwalletIcon2x from '../wallet-icons/icon-mathwallet@2x.png'
+
+function mathwallet(
+  options: CommonWalletOptions & { isMobile: boolean }
+): WalletModule {
+  const { preferred, label, iconSrc, svg, isMobile } = options
+
+  return {
+    name: label || 'MathWallet',
+    iconSrc: iconSrc || mathwalletIcon,
+    iconSrcSet: iconSrc || mathwalletIcon2x,
+    svg,
+    wallet: async (helpers: Helpers) => {
+      const { getProviderName, createModernProviderInterface } = helpers
+
+      const provider =
+        (window as any).ethereum ||
+        ((window as any).web3 && (window as any).web3.currentProvider)
+
+      return {
+        provider,
+        interface:
+          provider && getProviderName(provider) === 'MathWallet'
+            ? createModernProviderInterface(provider)
+            : null
+      }
+    },
+    type: 'injected',
+    link: 'https://mathwallet.org',
+    installMessage: isMobile
+      ? mobileWalletInstallMessage
+      : extensionInstallMessage,
+    desktop: true,
+    mobile: true,
+    preferred
+  }
+}
+
+export default mathwallet

src/modules/select/wallet-icons/icon-mathwallet@2x.png

@@ -253,6 +253,10 @@ export function createLegacyProviderInterface(provider: any): WalletInterface {
 export function getProviderName(provider: any): string | undefined {
   if (!provider) return
 
+  if (provider.isMathWallet) {
+    return 'MathWallet'
+  }
+
   if (provider.isWalletIO) {
     return 'wallet.io'
   }