test: Test binance web3 wallet

.github/workflows/docs.yaml

@@ -4,6 +4,7 @@ on:
     branches:
       - main
       - alpha
+      - dev-docs
 
 jobs:
   release:

packages/walletkit/src/typings.d.ts

@@ -1,5 +1,7 @@
 import { Connector as WagmiConnector } from 'wagmi';
 
+import type { InjectedProviderFlags as WagmiInjectedProviderFlags } from 'wagmi/window';
+
 import { WalletProps } from './wallets/types';
 
 declare global {
@@ -17,3 +19,9 @@ declare module 'wagmi' {
     _wallet: WalletProps;
   }
 }
+
+declare module 'wagmi/window' {
+  type InjectedProviderFlags = WagmiInjectedProviderFlags & {
+    isBinance?: string | undefined;
+  };
+}

packages/walletkit/src/wallets/binanceWeb3Wallet/index.tsx

@@ -3,6 +3,7 @@ import { PartialCustomProps, WalletProps } from '..';
 import { CustomConnector } from '../custom/connector';
 import { BinanceWeb3WalletIcon, BinanceWeb3WalletTransparentIcon } from './icon';
 import { isMobile } from '@/base/utils/mobile';
+import { hasInjectedProvider } from '../utils';
 
 export const BINANCE_WEB3_WALLET_ID = 'binanceWeb3Wallet';
 
@@ -41,7 +42,8 @@ export function binanceWeb3Wallet(props: PartialCustomProps = {}): WalletProps {
       });
     },
     getDeepLink: () => {
-      return undefined; //`bnc://app.binance.com/cedefi/wc?uri=${encodeURIComponent(uri)}`;
+      const { http } = getDeepLink(window.location.href);
+      return http;
     },
     getQRCodeUri(uri) {
       return uri;
@@ -51,7 +53,18 @@ export function binanceWeb3Wallet(props: PartialCustomProps = {}): WalletProps {
 }
 
 export function isBinanceWeb3Wallet() {
-  if (typeof window === 'undefined') return false;
-
-  return false;
+  return hasInjectedProvider('isBinance' as any);
 }
+
+const getDeepLink = (url: string) => {
+  const base = 'bnc://app.binance.com/mp/app';
+  const appId = 'yFK5FCqYprrXDiVFbhyRx7';
+
+  const startPagePath = window.btoa('/pages/browser/index');
+  const startPageQuery = window.btoa(`url=${url}`);
+  const deeplink = `${base}?appId=${appId}&startPagePath=${startPagePath}&startPageQuery=${startPageQuery}`;
+  const dp = window.btoa(deeplink);
+  const http = `https://app.binance.com/en/download?_dp=${dp}`;
+
+  return { http, bnc: deeplink };
+};