@aptos-labs/wallet-adapter-react 1.0.3 → 1.0.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @aptos-labs/wallet-adapter-react
 
+## 1.0.4
+
+### Patch Changes
+
+- 8dea640: Fix wallet adapter auto reconnect on page refresh
+- Updated dependencies [50968c4]
+- Updated dependencies [8dea640]
+  - @aptos-labs/wallet-adapter-core@2.1.0
+
 ## 1.0.3
 
 ### Patch Changes

package/dist/index.js

@@ -114,13 +114,13 @@ var AptosWalletAdapterProvider = ({
         connect(localStorage.getItem("AptosWalletName"));
       }
     }
-  }, [wallets]);
+  }, wallets);
   (0, import_react2.useEffect)(() => {
     if (connected) {
       walletCore.onAccountChange();
       walletCore.onNetworkChange();
     }
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
   const handleConnect = () => {
     setState((state) => {
       return {
@@ -170,18 +170,7 @@ var AptosWalletAdapterProvider = ({
     });
   }, [connected]);
   const handleReadyStateChange = (wallet2) => {
-    setWallets((prevWallets) => {
-      const index = prevWallets.findIndex(
-        (currWallet) => currWallet === wallet2
-      );
-      if (index === -1)
-        return prevWallets;
-      return [
-        ...prevWallets.slice(0, index),
-        wallet2,
-        ...prevWallets.slice(index + 1)
-      ];
-    });
+    setWallets((wallets2) => [...wallets2]);
   };
   (0, import_react2.useEffect)(() => {
     walletCore.on("connect", handleConnect);
@@ -196,7 +185,7 @@ var AptosWalletAdapterProvider = ({
       walletCore.off("networkChange", handleNetworkChange);
       walletCore.off("readyStateChange", handleReadyStateChange);
     };
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(WalletContext.Provider, {
     value: {
       connect,

package/dist/index.mjs

@@ -93,13 +93,13 @@ var AptosWalletAdapterProvider = ({
         connect(localStorage.getItem("AptosWalletName"));
       }
     }
-  }, [wallets]);
+  }, wallets);
   useEffect(() => {
     if (connected) {
       walletCore.onAccountChange();
       walletCore.onNetworkChange();
     }
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
   const handleConnect = () => {
     setState((state) => {
       return {
@@ -149,18 +149,7 @@ var AptosWalletAdapterProvider = ({
     });
   }, [connected]);
   const handleReadyStateChange = (wallet2) => {
-    setWallets((prevWallets) => {
-      const index = prevWallets.findIndex(
-        (currWallet) => currWallet === wallet2
-      );
-      if (index === -1)
-        return prevWallets;
-      return [
-        ...prevWallets.slice(0, index),
-        wallet2,
-        ...prevWallets.slice(index + 1)
-      ];
-    });
+    setWallets((wallets2) => [...wallets2]);
   };
   useEffect(() => {
     walletCore.on("connect", handleConnect);
@@ -175,7 +164,7 @@ var AptosWalletAdapterProvider = ({
       walletCore.off("networkChange", handleNetworkChange);
       walletCore.off("readyStateChange", handleReadyStateChange);
     };
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
   return /* @__PURE__ */ jsx(WalletContext.Provider, {
     value: {
       connect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aptos-labs/wallet-adapter-react",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "Aptos Wallet Adapter React Provider",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -28,23 +28,23 @@
     "Wallet Adapter Provider",
     "React"
   ],
-  "scripts": {
-    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
-    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
-    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
-    "lint": "TIMING=1 eslint \"src/**/*.ts*\""
-  },
   "devDependencies": {
-    "@aptos-labs/wallet-adapter-tsconfig": "workspace:*",
     "@types/react": "^18.0.17",
     "@types/react-dom": "^18.0.6",
     "eslint": "^8.15.0",
     "typescript": "^4.5.3",
-    "tsup": "^5.10.1"
+    "tsup": "^5.10.1",
+    "@aptos-labs/wallet-adapter-tsconfig": "0.0.0"
   },
   "dependencies": {
-    "@aptos-labs/wallet-adapter-core": "2.0.1",
+    "@aptos-labs/wallet-adapter-core": "2.1.0",
     "aptos": "^1.3.17",
     "react": "^18"
+  },
+  "scripts": {
+    "build": "tsup src/index.tsx --format esm,cjs --dts --external react",
+    "dev": "tsup src/index.tsx --format esm,cjs --watch --dts --external react",
+    "clean": "rm -rf .turbo && rm -rf node_modules && rm -rf dist",
+    "lint": "TIMING=1 eslint \"src/**/*.ts*\""
   }
-}
+}

package/src/WalletProvider.tsx

@@ -109,14 +109,14 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
         connect(localStorage.getItem("AptosWalletName") as WalletName);
       }
     }
-  }, [wallets]);
+  }, wallets);
 
   useEffect(() => {
     if (connected) {
       walletCore.onAccountChange();
       walletCore.onNetworkChange();
     }
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
 
   // Handle the adapter's connect event
   const handleConnect = () => {
@@ -169,20 +169,11 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
     });
   }, [connected]);
 
-  // Handle the adapter's ready state change event
+  // Whenever the readyState of any supported wallet changes we produce a new wallets state array
+  // which in turn causes consumers of the `useWallet` hook to re-render.
+  // See https://github.com/aptos-labs/aptos-wallet-adapter/pull/129#issuecomment-1519026572 for reasoning.
   const handleReadyStateChange = (wallet: Wallet) => {
-    setWallets((prevWallets) => {
-      const index = prevWallets.findIndex(
-        (currWallet) => currWallet === wallet
-      );
-      if (index === -1) return prevWallets;
-
-      return [
-        ...prevWallets.slice(0, index),
-        wallet,
-        ...prevWallets.slice(index + 1),
-      ];
-    });
+    setWallets((wallets) => [...wallets]);
   };
 
   useEffect(() => {
@@ -198,7 +189,7 @@ export const AptosWalletAdapterProvider: FC<AptosWalletProviderProps> = ({
       walletCore.off("networkChange", handleNetworkChange);
       walletCore.off("readyStateChange", handleReadyStateChange);
     };
-  }, [wallets, connected]);
+  }, [...wallets, connected]);
 
   return (
     <WalletContext.Provider