feat: add support for Coinbase Wallet (#653)

* feat: add support for Coinbase wallet
saber-hq · Aug 28, 2022 · e8a4901 · e8a4901
1 parent 8c71674
commit e8a4901
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 0 deletions.
diff --git a/packages/use-solana/package.json b/packages/use-solana/package.json
@@ -38,6 +38,7 @@
     "@solana/wallet-adapter-brave": "0.1.10",
     "@solana/wallet-adapter-clover": "^0.4.12",
     "@solana/wallet-adapter-coin98": "^0.5.13",
+    "@solana/wallet-adapter-coinbase": "^0.1.5",
     "@solana/wallet-adapter-exodus": "^0.1.11",
     "@solana/wallet-adapter-glow": "^0.1.11",
     "@solana/wallet-adapter-huobi": "^0.1.8",

diff --git a/packages/use-solana/src/providers.ts b/packages/use-solana/src/providers.ts
@@ -3,6 +3,7 @@ import {
   BRAVEWALLET,
   CLOVER,
   COIN98,
+  COINBASEWALLET,
   EXODUS,
   FILE,
   GLOW,
@@ -20,6 +21,7 @@ import type { WalletAdapterNetwork } from "@solana/wallet-adapter-base";
 import { BraveWalletAdapter } from "@solana/wallet-adapter-brave";
 import { CloverWalletAdapter } from "@solana/wallet-adapter-clover";
 import { Coin98WalletAdapter } from "@solana/wallet-adapter-coin98";
+import { CoinbaseWalletAdapter } from "@solana/wallet-adapter-coinbase";
 import { ExodusWalletAdapter } from "@solana/wallet-adapter-exodus";
 import { GlowWalletAdapter } from "@solana/wallet-adapter-glow";
 import { HuobiWalletAdapter } from "@solana/wallet-adapter-huobi";
@@ -44,6 +46,7 @@ export enum DefaultWalletType {
   BraveWallet = "BraveWallet",
   Clover = "Clover",
   Coin98 = "Coin98",
+  CoinbaseWallet = "CoinbaseWallet",
   Exodus = "Exodus",
   Glow = "Glow",
   Huobi = "Huobi",
@@ -161,6 +164,14 @@ export const DEFAULT_WALLET_PROVIDERS: WalletProviderMap<
     isInstalled: () => window.coin98 !== undefined,
     isMobile: true,
   },
+  [DefaultWalletType.CoinbaseWallet]: {
+    name: "Coinbase Wallet",
+    url: "https://www.coinbase.com/wallet",
+    icon: COINBASEWALLET,
+    makeAdapter: () => new SolanaWalletAdapter(new CoinbaseWalletAdapter()),
+    isInstalled: () => window.coinbaseSolana !== undefined,
+    isMobile: true,
+  },
   [DefaultWalletType.Clover]: {
     name: "Clover",
     url: "https://clover.finance",

diff --git a/packages/use-solana/src/typings/window.d.ts b/packages/use-solana/src/typings/window.d.ts
@@ -9,6 +9,19 @@ type ConnectOptions = {
   onlyIfTrusted?: boolean;
 };
 
+export interface CoinbaseWalletProvider {
+  publicKey?: PublicKey;
+  signTransaction(transaction: Transaction): Promise<Transaction>;
+  signAllTransactions(transactions: Transaction[]): Promise<Transaction[]>;
+  signAndSendTransaction(
+    transaction: Transaction,
+    options?: SendOptions
+  ): Promise<{ signature: TransactionSignature }>;
+  signMessage(message: Uint8Array): Promise<{ signature: Uint8Array }>;
+  connect(): Promise<void>;
+  disconnect(): Promise<void>;
+}
+
 type ExodusEvent = "accountChanged" | "connect" | "disconnect";
 type ExodusRequestMethod =
   | "connect"
@@ -122,6 +135,7 @@ declare global {
         disconnect: () => void;
       };
     };
+    coinbaseSolana?: CoinbaseWalletProvider;
     clover_solana?: {
       signAllTransactions?: (txs: Transaction[]) => Promise<Transaction[]>;
       signTransaction: (tx: Transaction) => Promise<Transaction>;

diff --git a/packages/wallet-adapter-icons/src/index.tsx b/packages/wallet-adapter-icons/src/index.tsx
@@ -201,6 +201,27 @@ export const PHANTOM: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
   </svg>
 );
 
+export const COINBASEWALLET: React.FC<React.SVGProps<SVGSVGElement>> = (
+  props
+) => (
+  <svg
+    width="1024"
+    height="1024"
+    viewBox="0 0 1024 1024"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <rect width="1024" height="1024" fill="#0052FF" />
+    <path
+      fillRule="evenodd"
+      clipRule="evenodd"
+      d="M152 512C152 710.823 313.177 872 512 872C710.823 872 872 710.823 872 512C872 313.177 710.823 152 512 152C313.177 152 152 313.177 152 512ZM420 396C406.745 396 396 406.745 396 420V604C396 617.255 406.745 628 420 628H604C617.255 628 628 617.255 628 604V420C628 406.745 617.255 396 604 396H420Z"
+      fill="white"
+    />
+  </svg>
+);
+
 export const SLOPE: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
   <svg
     fill="none"

diff --git a/yarn.lock b/yarn.lock
@@ -2318,6 +2318,7 @@ __metadata:
     "@solana/wallet-adapter-brave": 0.1.10
     "@solana/wallet-adapter-clover": ^0.4.12
     "@solana/wallet-adapter-coin98": ^0.5.13
+    "@solana/wallet-adapter-coinbase": ^0.1.5
     "@solana/wallet-adapter-exodus": ^0.1.11
     "@solana/wallet-adapter-glow": ^0.1.11
     "@solana/wallet-adapter-huobi": ^0.1.8
@@ -2495,6 +2496,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@solana/wallet-adapter-coinbase@npm:^0.1.5":
+  version: 0.1.11
+  resolution: "@solana/wallet-adapter-coinbase@npm:0.1.11"
+  dependencies:
+    "@solana/wallet-adapter-base": ^0.9.16
+  peerDependencies:
+    "@solana/web3.js": ^1.50.1
+  checksum: 712bf7b8d4b395dbf07541d42633bcbaf6b4aed5e083c96dc48a696063dd9a895077ef2984e8a58016c21b31aeedafd09ef946233efb7338da39ea16c66dec78
+  languageName: node
+  linkType: hard
+
 "@solana/wallet-adapter-exodus@npm:^0.1.11":
   version: 0.1.11
   resolution: "@solana/wallet-adapter-exodus@npm:0.1.11"