Alpha (#155)

* fix: Fixed binance web3 wallet disconnect after refresh page (#151)

* test: Test binance web3 wallet

* test: Test binance web3 wallet

* test: Test binance web3 wallet

* test: Test

* test: Test

* test: Test

* test: Test binance web3 wallet

* test: Test

* test: Test binance web3 wallet

* docs: Add log

* test: Test binance web3 wallet

* test: Test

* test: Test

* test: Test

* Dev (#153)

* test: Test binance web3 wallet

* test: Test binance web3 wallet

* test: Test binance web3 wallet

* test: Test

* test: Test

* test: Test

* test: Test binance web3 wallet

* test: Test

* test: Test binance web3 wallet

* docs: Add log

* test: Test binance web3 wallet

* test: Test

* test: Test

* test: Test

* refactor: Remove unused code

* docs: Add log

* chore: update versions (alpha) (#154)

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

---------

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

.changeset/gold-doors-check.md

@@ -0,0 +1,5 @@
+---
+"@node-real/walletkit": patch
+---
+
+Fixed binance web3 wallet disconnect after refresh page.

.changeset/nervous-badgers-raise.md

@@ -0,0 +1,5 @@
+---
+"@node-real/walletkit": patch
+---
+
+Remove unused code

.changeset/pre.json

@@ -0,0 +1,14 @@
+{
+  "mode": "pre",
+  "tag": "alpha",
+  "initialVersions": {
+    "example-nextjs": "0.0.1",
+    "example-vite": "0.0.1",
+    "@node-real/walletkit": "1.0.12",
+    "website": "0.0.1"
+  },
+  "changesets": [
+    "gold-doors-check",
+    "nervous-badgers-raise"
+  ]
+}

.github/workflows/docs.yaml

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

package.json

@@ -3,7 +3,7 @@
   "version": "0.0.0",
   "author": "node-real",
   "private": true,
-  "packageManager": "pnpm@8.9.2",
+  "packageManager": "pnpm@9.1.1",
   "description": "Toolkit for connecting wallets.",
   "license": "MIT",
   "scripts": {

packages/walletkit/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @node-real/walletkit
 
+## 1.0.13-alpha.0
+
+### Patch Changes
+
+- 237726b: Fixed binance web3 wallet disconnect after refresh page.
+- 8b9e4fe: Remove unused code
+
 ## 1.0.12
 
 ### Patch Changes

packages/walletkit/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@node-real/walletkit",
-  "version": "1.0.12",
+  "version": "1.0.13-alpha.0",
   "author": "node-real",
   "private": false,
   "description": "WalletKit is a React component library for easily connecting a wallet to your dApp.",

packages/walletkit/src/wallets/binanceWeb3Wallet/connector.ts

@@ -0,0 +1,52 @@
+import { sleep } from '@/utils/common';
+import { Chain } from 'wagmi';
+import { InjectedConnector } from 'wagmi/connectors/injected';
+import { BINANCE_WEB3_WALLET_ID, BINANCE_WEB3_WALLET_NAME } from '.';
+import { isMobile } from '@/base/utils/mobile';
+
+export type BinanceWeb3WalletConnectorOptions = Required<
+  ConstructorParameters<typeof InjectedConnector>
+>[0]['options'];
+
+export interface CustomConstructorParams {
+  chains?: Chain[];
+  options?: BinanceWeb3WalletConnectorOptions;
+}
+
+export class BinanceWeb3WalletConnector extends InjectedConnector {
+  public id = BINANCE_WEB3_WALLET_ID;
+  protected shimDisconnectKey = `${this.id}.shimDisconnect`;
+
+  constructor(props: CustomConstructorParams) {
+    const { chains, options: _options } = props ?? {};
+
+    const options = {
+      name: BINANCE_WEB3_WALLET_NAME,
+      shimDisconnect: true,
+      getProvider,
+      ..._options,
+    };
+
+    if (typeof window !== 'undefined') {
+      (window.ethereum as any)?.enable?.();
+    }
+
+    super({
+      chains,
+      options,
+    });
+  }
+
+  public async getProvider() {
+    await sleep();
+    return this.options.getProvider();
+  }
+}
+
+function getProvider() {
+  if (typeof window === 'undefined') return;
+
+  if (isMobile()) {
+    return window.ethereum;
+  }
+}

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

@@ -1,18 +1,18 @@
 import { Chain } from 'wagmi';
 import { PartialCustomProps, WalletProps } from '..';
-import { CustomConnector } from '../custom/connector';
 import { BinanceWeb3WalletIcon, BinanceWeb3WalletTransparentIcon } from './icon';
-import { isMobile } from '@/base/utils/mobile';
 import { hasInjectedProvider } from '../utils';
+import { BinanceWeb3WalletConnector } from './connector';
 
 export const BINANCE_WEB3_WALLET_ID = 'binanceWeb3Wallet';
+export const BINANCE_WEB3_WALLET_NAME = 'Binance Web3 Wallet';
 
 export function binanceWeb3Wallet(props: PartialCustomProps = {}): WalletProps {
   const { connectorOptions, ...restProps } = props;
 
   return {
     id: BINANCE_WEB3_WALLET_ID,
-    name: 'Binance Web3 Wallet',
+    name: BINANCE_WEB3_WALLET_NAME,
     logos: {
       default: <BinanceWeb3WalletIcon />,
       transparent: <BinanceWeb3WalletTransparentIcon />,
@@ -24,19 +24,10 @@ export function binanceWeb3Wallet(props: PartialCustomProps = {}): WalletProps {
     showQRCode: true,
     isInstalled: isBinanceWeb3Wallet,
     createConnector: (chains: Chain[]) => {
-      return new CustomConnector({
-        id: BINANCE_WEB3_WALLET_ID,
+      return new BinanceWeb3WalletConnector({
         chains,
         options: {
-          name: 'Binance Web3 Wallet',
           shimDisconnect: true,
-          getProvider() {
-            if (typeof window === 'undefined') return;
-
-            if (isMobile()) {
-              return window.ethereum;
-            }
-          },
           ...connectorOptions,
         },
       });

packages/walletkit/src/wallets/custom/connector.ts

@@ -26,4 +26,8 @@ export class CustomConnector extends InjectedConnector {
     this.id = id;
     this.shimDisconnectKey = `${this.id}.shimDisconnect`;
   }
+
+  public async getProvider() {
+    return this.options.getProvider();
+  }
 }

website/src/playground/index.tsx

@@ -20,7 +20,7 @@ const config = createConfig(
   getDefaultConfig({
     appName: 'WalletKit',
     chains,
-    autoConnect: false,
+    autoConnect: true,
     connectors: [
       binanceWeb3Wallet(),
       bitgetWallet(),