feat: Support async connect a wallet (#211)

.changeset/empty-pianos-impress.md

@@ -0,0 +1,5 @@
+---
+'@node-real/walletkit': patch
+---
+
+Support async connect a wallet

packages/walletkit/package.json

@@ -52,8 +52,7 @@
     "@solana/wallet-adapter-react": "^0",
     "@solana/wallet-adapter-wallets": "^0",
     "@solana/web3.js": "^1",
-    "qrcode": "^1.5.3",
-    "@twa-dev/sdk": "^7.8.0"
+    "qrcode": "^1.5.3"
   },
   "devDependencies": {
     "@solana/wallet-adapter-react": "^0.15.35",

packages/walletkit/src/evm/hooks/useConnectWallet.ts

@@ -1,24 +1,46 @@
-import { useEvmConnect } from '@/evm/hooks/useEvmConnect';
+import { useEvmConnect, UseEvmConnectReturnType } from '@/evm/hooks/useEvmConnect';
 import { useWalletKit } from '../../core/providers/WalletKitProvider/context';
+import { useIsConnected } from './useIsConnected';
+
+type ConnectOptions = Partial<Parameters<UseEvmConnectReturnType['connect']>[0]> & {
+  walletId: string;
+};
 
 export function useConnectWallet() {
   const { log, evmConfig } = useWalletKit();
 
-  const { connect, connectors } = useEvmConnect();
+  const { connect, connectAsync, connectors } = useEvmConnect();
+  const isConnected = useIsConnected();
 
   return {
-    connect(options: { walletId: string; initialChainId?: number }) {
-      const { walletId, initialChainId } = options;
+    connect(options: ConnectOptions) {
+      const { walletId, ...restOptions } = options;
       const wallet = evmConfig?.wallets.find((item) => item.id === walletId);
 
       if (!wallet) {
         log(`wallet not found, walletId: ${walletId}`);
       } else {
         const connector = connectors.find((item) => item.id === walletId);
-        if (connector && wallet.isInstalled())
+        if (connector && wallet.isInstalled() && !isConnected)
           connect({
             connector,
-            chainId: initialChainId,
+            ...restOptions,
+          });
+      }
+    },
+
+    async connectAsync(options: ConnectOptions) {
+      const { walletId, ...restOptions } = options;
+      const wallet = evmConfig?.wallets.find((item) => item.id === walletId);
+
+      if (!wallet) {
+        log(`wallet not found, walletId: ${walletId}`);
+      } else {
+        const connector = connectors.find((item) => item.id === walletId);
+        if (connector && wallet.isInstalled() && !isConnected)
+          await connectAsync({
+            connector,
+            ...restOptions,
           });
       }
     },