Merge pull request #62 from nabla-studio/DavideSegullo/feat-add_wallets

Feat: add wallets

examples/vue3/src/main.ts

@@ -6,19 +6,30 @@ import { quirksPlugin } from '@quirks/vue';
 
 const app = createApp(App);
 
-import {
-  bitsong,
-  bitsongAssetList,
-  osmosis,
-  osmosisAssetList,
-} from '@nabla-studio/chain-registry';
+import { osmosis, osmosisAssetList } from '@nabla-studio/chain-registry';
 import type { Config } from '@quirks/store';
-import { keplrExtension, keplrMobile, leapExtension } from '@quirks/wallets';
+import {
+  cosmostationMobile,
+  keplrExtension,
+  keplrMobile,
+  leapExtension,
+  okxExtension,
+  stationExtension,
+  xdefiExtension,
+} from '@quirks/wallets';
 
 const config: Config = {
-  wallets: [keplrExtension, leapExtension, keplrMobile],
-  chains: [osmosis, bitsong],
-  assetsLists: [osmosisAssetList, bitsongAssetList],
+  wallets: [
+    keplrExtension,
+    leapExtension,
+    keplrMobile,
+    xdefiExtension,
+    stationExtension,
+    okxExtension,
+    cosmostationMobile,
+  ],
+  chains: [osmosis],
+  assetsLists: [osmosisAssetList],
   walletConnectOptions: {
     providerOpts: {
       logger: 'info',

examples/vue3/src/views/HomeView.vue

@@ -16,10 +16,6 @@ const { connect, disconnect, connected, status, walletName } = useConnect();
 const { pairingURI } = useWalletConnect();
 
 const open = async (chainName: string) => {
-  const suggestChains = (await import('@quirks/store')).suggestChains;
-  await suggestChains(chainName, [
-    { chain: bitsong, assetList: bitsongAssetList, name: 'bitsong' },
-  ]);
   await connect(chainName);
 };
 
@@ -68,7 +64,7 @@ const send = async () => {
       <div v-for="wallet in wallets" :key="wallet.options.wallet_name">
         <button @click="open(wallet.options.wallet_name)">
           <img
-            :src="wallet.logoLight"
+            :src="wallet.logoLight ?? wallet.logoDark"
             :alt="wallet.options.pretty_name"
             height="48px"
             width="48px"

packages/wallet-registry/src/types/wallet.ts

@@ -15,6 +15,7 @@ export interface CosmosWallet {
   website?: string;
   git_repo?: string;
   supported_chains: string[];
+  connection_type?: 'browser_extension' | 'wallet_connect';
   features?: ('suggest_chain' | 'get_supported_chains' | 'icns')[];
   platforms: {
     device: 'mobile' | 'tablet' | 'desktop' | 'other';

packages/wallet-registry/src/wallets/cosmostationextension.ts

@@ -4,6 +4,7 @@ export const cosmostationextension: CosmosWallet = {
   $schema: '../../wallet.schema.json',
   wallet_name: 'cosmostationextention',
   pretty_name: 'Cosmostation',
+  connection_type: 'browser_extension',
   website: 'https://www.cosmostation.io/',
   git_repo: 'https://github.com/cosmostation/cosmostation-chrome-extension',
   supported_chains: [

packages/wallet-registry/src/wallets/cosmostationmobile.ts

@@ -3,7 +3,8 @@ import type { CosmosWallet } from '../types';
 export const cosmostationmobile: CosmosWallet = {
   $schema: '../../wallet.schema.json',
   wallet_name: 'cosmostation',
-  pretty_name: 'Cosmostation',
+  pretty_name: 'Cosmostation Mobile',
+  connection_type: 'wallet_connect',
   website: 'https://www.cosmostation.io/',
   git_repo: 'https://github.com/cosmostation/cosmostation-android',
   supported_chains: [
@@ -89,12 +90,22 @@ export const cosmostationmobile: CosmosWallet = {
       layout: 'logomark',
     },
   ],
+  wallet_connect: {
+    deeplink: {
+      path: {
+        android: 'wc',
+        ios: 'wc',
+      },
+    },
+  },
   mobile: {
     ios: {
       bundle_identifier: 'io.wannabit.cosmostation',
+      schema: 'cosmostation',
     },
     android: {
       package_name: 'wannabit.io.cosmostaion',
+      schema: 'cosmostation',
     },
   },
 };

packages/wallet-registry/src/wallets/index.ts

@@ -1,5 +1,6 @@
 export * from './xdefiextension';
 export * from './trustwalletmobile';
+export * from './okxextension';
 export * from './leapmobile';
 export * from './leapextension';
 export * from './keplrmobile';

packages/wallet-registry/src/wallets/keplrextension.ts

@@ -4,6 +4,7 @@ export const keplrextension: CosmosWallet = {
   $schema: '../../wallet.schema.json',
   wallet_name: 'keplrextension',
   pretty_name: 'Keplr',
+  connection_type: 'browser_extension',
   website: 'https://www.keplr.app/',
   git_repo: 'https://github.com/chainapsis/keplr-wallet',
   supported_chains: [

packages/wallet-registry/src/wallets/keplrmobile.ts

@@ -3,7 +3,8 @@ import type { CosmosWallet } from '../types';
 export const keplrmobile: CosmosWallet = {
   $schema: '../../wallet.schema.json',
   wallet_name: 'keplrmobile',
-  pretty_name: 'Keplr',
+  pretty_name: 'Keplr Mobile',
+  connection_type: 'wallet_connect',
   website: 'https://www.keplr.app/',
   git_repo: 'https://github.com/chainapsis/keplr-wallet',
   supported_chains: [

packages/wallet-registry/src/wallets/leapextension.ts

@@ -3,7 +3,8 @@ import type { CosmosWallet } from '../types';
 export const leapextension: CosmosWallet = {
   $schema: '../../wallet.schema.json',
   wallet_name: 'leapextension',
-  pretty_name: 'Leap Cosmos Wallet',
+  pretty_name: 'Leap',
+  connection_type: 'browser_extension',
   website: 'https://www.leapwallet.io/',
   git_repo: '',
   supported_chains: [

packages/wallet-registry/src/wallets/leapmobile.ts

@@ -3,7 +3,8 @@ import type { CosmosWallet } from '../types';
 export const leapmobile: CosmosWallet = {
   $schema: '../../wallet.schema.json',
   wallet_name: 'leapmobile',
-  pretty_name: 'Leap cosmos',
+  pretty_name: 'Leap Mobile',
+  connection_type: 'wallet_connect',
   website: 'https://leapwallet.io',
   git_repo: '',
   supported_chains: [

packages/wallet-registry/src/wallets/okxextension.ts

@@ -0,0 +1,39 @@
+import type { CosmosWallet } from '../types';
+
+export const okxextension: CosmosWallet = {
+  $schema: '../../wallet.schema.json',
+  wallet_name: 'okxextension',
+  pretty_name: 'OKX',
+  connection_type: 'browser_extension',
+  website: 'https://www.okx.com/',
+  git_repo: 'https://github.com/okx',
+  supported_chains: ['cosmoshub', 'osmosis'],
+  features: [],
+  platforms: [
+    {
+      device: 'desktop',
+      type: 'extension',
+      platform: 'chrome',
+      install_link:
+        'https://chrome.google.com/webstore/detail/okx-wallet/mcohilncbfahbmgdjkbpemcciiolgcge',
+    },
+    {
+      device: 'desktop',
+      type: 'extension',
+      platform: 'firefox',
+      install_link:
+        'https://addons.mozilla.org/zh-CN/firefox/addon/okexwallet/',
+    },
+  ],
+  images: [
+    {
+      png: 'https://raw.githubusercontent.com/cosmos/wallet-registry/main/wallets/okxextension/images/logo.png',
+      theme: {
+        primary_color_hex: '#000000',
+        circle: false,
+        dark_mode: true,
+      },
+      layout: 'logomark',
+    },
+  ],
+};

packages/wallet-registry/src/wallets/trustwalletmobile.ts

@@ -4,6 +4,7 @@ export const trustwalletmobile: CosmosWallet = {
   $schema: '../../wallet.schema.json',
   wallet_name: 'trustwalletmobile',
   pretty_name: 'Trust Wallet',
+  connection_type: 'wallet_connect',
   website: 'https://www.trustwallet.com',
   git_repo: 'https://github.com/trustwallet',
   supported_chains: [

packages/wallet-registry/src/wallets/xdefiextension.ts

@@ -4,6 +4,7 @@ export const xdefiextension: CosmosWallet = {
   $schema: '../../wallet.schema.json',
   wallet_name: 'xdefiextension',
   pretty_name: 'xDefi',
+  connection_type: 'browser_extension',
   website: 'https://www.xdefi.io/',
   git_repo: '',
   supported_chains: [

packages/wallets/src/cosmostation-mobile/index.ts

@@ -0,0 +1,6 @@
+import { WCWallet } from '@quirks/core';
+import { cosmostationWalletMobileConnectOptions } from './registry';
+
+const cosmostationMobile = new WCWallet(cosmostationWalletMobileConnectOptions);
+
+export { cosmostationMobile };

packages/wallets/src/cosmostation-mobile/registry.ts

@@ -0,0 +1,10 @@
+import { WalletConnectionTypes, type WalletOptions } from '@quirks/core';
+import { cosmostationmobile } from '@nabla-studio/wallet-registry';
+
+export const cosmostationWalletMobileConnectOptions: WalletOptions = {
+  ...cosmostationmobile,
+  connectionType: WalletConnectionTypes.WALLET_CONNECT,
+  events: {
+    keystorechange: 'accountsChanged',
+  },
+};

packages/wallets/src/index.ts

@@ -3,8 +3,10 @@ export * from './leap';
 export * from './cosmostation';
 export * from './xdefi';
 export * from './station';
+export * from './okx';
 export * from './wallet-connect';
 export * from './keplr-mobile';
 export * from './leap-mobile';
+export * from './cosmostation-mobile';
 export * from './utils';
 export * from './types';

packages/wallets/src/keplr/extension.ts

@@ -21,7 +21,9 @@ import type { Keplr } from '@keplr-wallet/types';
 import Long from 'long';
 import { getChainInfo } from '../utils';
 
-export class KeplrWalletExtension extends ExtensionWallet<Keplr> {
+export class KeplrWalletExtension<
+  T extends Keplr = Keplr,
+> extends ExtensionWallet<T> {
   constructor(options: WalletOptions) {
     super(options);
   }

packages/wallets/src/okx/extension.ts

@@ -0,0 +1,11 @@
+import { assertIsDefined } from '@quirks/core';
+import { KeplrWalletExtension } from '../keplr/extension';
+import { OKX } from './types';
+
+export class OKXWalletExtension extends KeplrWalletExtension<OKX> {
+  override async disable(): Promise<void> {
+    assertIsDefined(this.client);
+
+    return this.client.disconnect();
+  }
+}

packages/wallets/src/okx/index.ts

@@ -0,0 +1,6 @@
+import { OKXWalletExtension } from './extension';
+import { okxExtensionOptions } from './registry';
+
+const okxExtension = new OKXWalletExtension(okxExtensionOptions);
+
+export { okxExtension };

packages/wallets/src/okx/registry.ts

@@ -0,0 +1,11 @@
+import { WalletConnectionTypes, type WalletOptions } from '@quirks/core';
+import { okxextension } from '@nabla-studio/wallet-registry';
+
+export const okxExtensionOptions: WalletOptions = {
+  ...okxextension,
+  connectionType: WalletConnectionTypes.EXTENSION,
+  windowKey: 'okxwallet.keplr',
+  events: {
+    keystorechange: 'okxwallet_keystorechange',
+  },
+};

packages/wallets/src/okx/types.ts

@@ -0,0 +1,5 @@
+import type { Keplr } from '@keplr-wallet/types';
+
+export interface OKX extends Keplr {
+  disconnect: () => Promise<void>;
+}