feat/ethers5

apps/native-cli/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@apps/native-cli",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "private": true,
   "scripts": {
     "android": "react-native run-android",

package.json

@@ -6,7 +6,9 @@
     "packages/scaffold-utils",
     "packages/scaffold",
     "packages/wagmi",
-    "packages/coinbase",
+    "packages/coinbase-wagmi",
+    "packages/coinbase-ethers",
+    "packages/ethers5",
     "apps/*"
   ],
   "scripts": {

packages/coinbase-ethers/.eslintignore

@@ -0,0 +1,2 @@
+node_modules/
+lib/

packages/coinbase-ethers/bob.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  source: 'src',
+  output: 'lib',
+  targets: [
+    'commonjs',
+    'module',
+    [
+      'typescript',
+      {
+        tsc: '../../node_modules/.bin/tsc'
+      }
+    ]
+  ]
+};

packages/coinbase-ethers/package.json

@@ -0,0 +1,62 @@
+{
+  "name": "@web3modal/coinbase-ethers-react-native",
+  "version": "1.2.0-canary.1",
+  "main": "lib/commonjs/index.js",
+  "types": "lib/typescript/index.d.ts",
+  "module": "lib/module/index.js",
+  "source": "src/index.ts",
+  "scripts": {
+    "build": "bob build",
+    "clean": "rm -rf lib",
+    "test": "jest  --passWithNoTests",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
+  },
+  "files": [
+    "src",
+    "lib"
+  ],
+  "keywords": [
+    "web3",
+    "crypto",
+    "ethereum",
+    "web3modal",
+    "walletconnect",
+    "react-native",
+    "coinbase",
+    "ethers"
+  ],
+  "repository": "https://github.com/WalletConnect/web3modal-react-native",
+  "author": "WalletConnect <[email protected]> (https://web3modal.com)",
+  "homepage": "https://github.com/WalletConnect/web3modal-react-native",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/WalletConnect/web3modal-react-native/issues"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@coinbase/wallet-mobile-sdk": ">=1.0.10",
+    "ethers": ">5 <6"
+  },
+  "react-native": "src/index.ts",
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      "commonjs",
+      "module",
+      [
+        "typescript",
+        {
+          "tsc": "../../node_modules/.bin/tsc"
+        }
+      ]
+    ]
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ]
+}

packages/coinbase-ethers/src/index.ts

@@ -0,0 +1,72 @@
+import { configure, WalletMobileSDKEVMProvider } from '@coinbase/wallet-mobile-sdk';
+import type { WalletMobileSDKProviderOptions } from '@coinbase/wallet-mobile-sdk/build/WalletMobileSDKEVMProvider';
+
+interface RequestArguments {
+  readonly method: string;
+  readonly params?: readonly unknown[] | object;
+}
+
+type CoinbaseProviderOptions = WalletMobileSDKProviderOptions & {
+  redirect: string;
+  rpcUrl: string;
+};
+
+export class CoinbaseProvider {
+  private _provider?: WalletMobileSDKEVMProvider;
+  private _initProviderPromise?: Promise<void>;
+  private readonly options: CoinbaseProviderOptions;
+
+  constructor(options: CoinbaseProviderOptions) {
+    this.options = options;
+    this._createProvider();
+  }
+
+  public address = async () => {
+    return (await this.getProvider()).selectedAddress;
+  };
+
+  public emit = (event: string) => {
+    this.getProvider().then(provider => provider.emit(event));
+  };
+
+  public on = (event: string, listener: (data: any) => void) => {
+    this.getProvider().then(provider => provider.on(event, listener));
+  };
+
+  public removeListener = (event: string, listener: (data: any) => void) => {
+    this.getProvider().then(provider => provider.removeListener(event, listener));
+  };
+
+  public request = async <T>(args: RequestArguments): Promise<T> => {
+    const provider = await this.getProvider();
+
+    return provider.request(args);
+  };
+
+  private async _createProvider() {
+    if (!this._initProviderPromise) {
+      this._initProviderPromise = this._initProvider();
+    }
+
+    return this._initProviderPromise;
+  }
+
+  private _initProvider = async () => {
+    configure({
+      callbackURL: new URL(this.options.redirect),
+      hostURL: new URL('https://wallet.coinbase.com/wsegue'), // Don't change -> Coinbase url
+      hostPackageName: 'org.toshi' // Don't change -> Coinbase wallet scheme
+    });
+
+    this._provider = new WalletMobileSDKEVMProvider({
+      ...this.options,
+      jsonRpcUrl: this.options.rpcUrl
+    });
+  };
+
+  public getProvider = async () => {
+    if (!this._provider) await this._createProvider();
+
+    return this._provider!;
+  };
+}

packages/coinbase-wagmi/.eslintignore

@@ -0,0 +1,2 @@
+node_modules/
+lib/

packages/coinbase-wagmi/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["../../.eslintrc"]
+}

packages/coinbase-wagmi/.npmignore

@@ -0,0 +1,10 @@
+*.log
+*.env
+npm-debug.log*
+node_modules
+package-lock.json
+src
+tests
+index.ts
+.eslintrc.json
+.turbo

packages/coinbase-wagmi/bob.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  source: 'src',
+  output: 'lib',
+  targets: [
+    'commonjs',
+    'module',
+    [
+      'typescript',
+      {
+        tsc: '../../node_modules/.bin/tsc'
+      }
+    ]
+  ]
+};

packages/coinbase/package.json → packages/coinbase-wagmi/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@web3modal/coinbase-react-native",
+  "name": "@web3modal/coinbase-wagmi-react-native",
   "version": "1.1.1",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
@@ -22,7 +22,8 @@
     "web3modal",
     "walletconnect",
     "react-native",
-    "coinbase"
+    "coinbase",
+    "wagmi"
   ],
   "repository": "https://github.com/WalletConnect/web3modal-react-native",
   "author": "WalletConnect <[email protected]> (https://web3modal.com)",
@@ -36,7 +37,8 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@coinbase/wallet-mobile-sdk": ">=1.0.10"
+    "@coinbase/wallet-mobile-sdk": ">=1.0.10",
+    "wagmi": ">=1 <2"
   },
   "react-native": "src/index.ts",
   "react-native-builder-bob": {

packages/coinbase-wagmi/readme.md

@@ -0,0 +1,7 @@
+#### 🔎 [Examples](https://github.com/WalletConnect/react-native-examples)
+
+#### 🔗 [Website](https://web3modal.com)
+
+# Web3Modal
+
+Your on-ramp to web3 multichain. Web3Modal is a versatile library that makes it super easy to connect users with your Dapp and start interacting with the blockchain.

packages/coinbase/src/connectors/CoinbaseWagmiConnector.ts → packages/coinbase-wagmi/src/index.ts

@@ -16,13 +16,13 @@ import type { WalletMobileSDKProviderOptions } from '@coinbase/wallet-mobile-sdk
 const ADD_ETH_CHAIN_METHOD = 'wallet_addEthereumChain';
 const SWITCH_ETH_CHAIN_METHOD = 'wallet_switchEthereumChain';
 
-type CoinbaseWagmiConnectorOptions = WalletMobileSDKProviderOptions & {
+type CoinbaseConnectorOptions = WalletMobileSDKProviderOptions & {
   redirect: string;
 };
 
-export class CoinbaseWagmiConnector extends Connector<
+export class CoinbaseConnector extends Connector<
   WalletMobileSDKEVMProvider,
-  CoinbaseWagmiConnectorOptions
+  CoinbaseConnectorOptions
 > {
   readonly id = 'coinbaseWallet';
   readonly name = 'Coinbase Wallet';
@@ -31,7 +31,7 @@ export class CoinbaseWagmiConnector extends Connector<
   private _provider?: WalletMobileSDKEVMProvider;
   private _initProviderPromise?: Promise<void>;
 
-  constructor(config: { chains?: Chain[]; options: CoinbaseWagmiConnectorOptions }) {
+  constructor(config: { chains?: Chain[]; options: CoinbaseConnectorOptions }) {
     super(config);
     this._createProvider();
   }

packages/coinbase-wagmi/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src"],
+  "exclude": ["lib", "node_modules"]
+}

packages/core/src/utils/CoreHelperUtil.ts

@@ -120,7 +120,7 @@ export const CoreHelperUtil = {
       }
     }
 
-    return formattedBalance ? `${formattedBalance} ${symbol}` : '0.000';
+    return formattedBalance ? `${formattedBalance} ${symbol}` : `0.000 ${symbol || ''}`;
   },
 
   isRestrictedRegion() {

packages/ethers5/.eslintignore

@@ -0,0 +1,2 @@
+node_modules/
+lib/

packages/ethers5/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": ["../../.eslintrc"]
+}

packages/ethers5/.npmignore

@@ -0,0 +1,10 @@
+*.log
+*.env
+npm-debug.log*
+node_modules
+package-lock.json
+src
+tests
+index.ts
+.eslintrc.json
+.turbo

packages/ethers5/bob.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  source: 'src',
+  output: 'lib',
+  targets: [
+    'commonjs',
+    'module',
+    [
+      'typescript',
+      {
+        tsc: '../../node_modules/.bin/tsc'
+      }
+    ]
+  ]
+};