npm - tiwiflix-wallet-connector - Versions diffs - 1.6.3 → 1.6.5 - Mend

tiwiflix-wallet-connector 1.6.3 → 1.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.esm.js CHANGED Viewed

@@ -8419,6 +8419,30 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
         }
         return null;
     }, [connector]);
+    const prevStatusRef = useRef(null);
+    // Listen for connector status changes and fetch TWC balance after WalletConnect connects
+    useEffect(() => {
+        const status = connector?.getState?.().status;
+        const account = connector?.getState?.().account;
+        const chainId = connector?.getState?.().chainId;
+        // Only trigger on transition to CONNECTED
+        if (status === 'connected' && prevStatusRef.current !== 'connected' && account && account.chainType === 'evm' && chainId === 56) {
+            // Fetch TWC balance immediately after connection
+            const cacheKey = `tiwiflix_twc_balance_cache_${account.address}`;
+            fetchTWCBalanceWithRetry(2, 200).then((result) => {
+                if (result && result.balance !== '0' && result.balance !== '0.00') {
+                    setTwcBalance(result.balance);
+                    setUsdValueStable(result.usdValue);
+                    if (account.address) {
+                        localStorage.setItem(cacheKey, JSON.stringify({ balance: result.balance, usdValue: result.usdValue, timestamp: Date.now() }));
+                    }
+                    setIsInitializing(false);
+                    console.log('[ConnectButton] TWC balance fetched after WalletConnect connect:', result);
+                }
+            });
+        }
+        prevStatusRef.current = status;
+    }, [connector, fetchTWCBalanceWithRetry]);
     // Load balance when account or network (chain) changes
     useEffect(() => {
         let isActive = true;
@@ -8427,42 +8451,59 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
             console.log('[ConnectButton] useEffect: account or chain changed', { account, currentChainId });
             // For EVM wallets, only fetch TWC balance if on BSC
             if (account.chainType === 'evm' && currentChainId === 56) {
-                // Check cache first (30s TTL)
-                const cache = loadTWCBalanceFromCache(account.address);
-                const cacheValid = cache && typeof cache.balance === 'string' && cache.balance !== '0' && cache.balance !== '0.00' && cache.usdValue !== undefined && (() => {
-                    const cacheKey = `tiwiflix_twc_balance_cache_${account.address}`;
+                // Always check localStorage for cache (30s TTL)
+                const cacheKey = `tiwiflix_twc_balance_cache_${account.address}`;
+                let cache = null;
+                try {
                     const raw = localStorage.getItem(cacheKey);
-                    if (!raw)
-                        return false;
-                    try {
+                    if (raw) {
                         const parsed = JSON.parse(raw);
-                        return parsed.timestamp && (Date.now() - parsed.timestamp < 30000);
-                    }
-                    catch {
-                        return false;
+                        if (parsed && parsed.balance && parsed.timestamp && (Date.now() - parsed.timestamp < 30000)) {
+                            cache = parsed;
+                        }
                     }
-                })();
-                if (cacheValid) {
+                }
+                catch { }
+                if (cache && cache.balance !== '0' && cache.balance !== '0.00') {
                     setTwcBalance(cache.balance);
                     setUsdValueStable(cache.usdValue);
                     setIsInitializing(false);
-                    console.log('[ConnectButton] Using cached TWC balance:', cache);
+                    console.log('[ConnectButton] Using localStorage cached TWC balance:', cache);
+                    // Fetch in background to update cache, but don't reset UI while fetching
+                    fetchTWCBalanceWithRetry(2, 200).then((result) => {
+                        if (!isActive)
+                            return;
+                        if (result && result.balance !== '0' && result.balance !== '0.00' && result.balance !== cache?.balance) {
+                            setTwcBalance(result.balance);
+                            setUsdValueStable(result.usdValue);
+                            if (account.address) {
+                                // Save to localStorage with timestamp
+                                localStorage.setItem(cacheKey, JSON.stringify({ balance: result.balance, usdValue: result.usdValue, timestamp: Date.now() }));
+                            }
+                            setIsInitializing(false);
+                            console.log('[ConnectButton] TWC balance updated after background fetch:', result);
+                        }
+                    }).catch(() => {
+                        // Ignore errors in background fetch
+                    });
                 }
                 else {
+                    // No valid cache, show loading state until fetch completes
+                    setIsInitializing(true);
                     fetchTWCBalanceWithRetry(2, 200).then((result) => {
                         if (!isActive)
                             return;
-                        if (result) {
+                        if (result && result.balance !== '0' && result.balance !== '0.00') {
                             setTwcBalance(result.balance);
                             setUsdValueStable(result.usdValue);
                             if (account.address) {
-                                saveTWCBalanceToCache(account.address, result.balance, result.usdValue);
+                                // Save to localStorage with timestamp
+                                localStorage.setItem(cacheKey, JSON.stringify({ balance: result.balance, usdValue: result.usdValue, timestamp: Date.now() }));
                             }
                             setIsInitializing(false);
-                            console.log('[ConnectButton] TWC balance fetched:', result);
+                            console.log('[ConnectButton] TWC balance fetched and cached:', result);
                         }
                         else {
-                            // Final fallback
                             setTwcBalance('0');
                             setUsdValueStable(null);
                             setIsInitializing(false);
@@ -8490,7 +8531,8 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
                     setTwcBalance(state.twcBalance);
                     setUsdValueStable(state.usdValue ?? null);
                     if (account.address) {
-                        saveTWCBalanceToCache(account.address, state.twcBalance, state.usdValue ?? null);
+                        // Save to localStorage for consistency
+                        localStorage.setItem(`tiwiflix_twc_balance_cache_${account.address}`, JSON.stringify({ balance: state.twcBalance, usdValue: state.usdValue ?? null, timestamp: Date.now() }));
                     }
                     setIsInitializing(false);
                 }

package/dist/index.js CHANGED Viewed

@@ -8421,6 +8421,30 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
         }
         return null;
     }, [connector]);
+    const prevStatusRef = React.useRef(null);
+    // Listen for connector status changes and fetch TWC balance after WalletConnect connects
+    React.useEffect(() => {
+        const status = connector?.getState?.().status;
+        const account = connector?.getState?.().account;
+        const chainId = connector?.getState?.().chainId;
+        // Only trigger on transition to CONNECTED
+        if (status === 'connected' && prevStatusRef.current !== 'connected' && account && account.chainType === 'evm' && chainId === 56) {
+            // Fetch TWC balance immediately after connection
+            const cacheKey = `tiwiflix_twc_balance_cache_${account.address}`;
+            fetchTWCBalanceWithRetry(2, 200).then((result) => {
+                if (result && result.balance !== '0' && result.balance !== '0.00') {
+                    setTwcBalance(result.balance);
+                    setUsdValueStable(result.usdValue);
+                    if (account.address) {
+                        localStorage.setItem(cacheKey, JSON.stringify({ balance: result.balance, usdValue: result.usdValue, timestamp: Date.now() }));
+                    }
+                    setIsInitializing(false);
+                    console.log('[ConnectButton] TWC balance fetched after WalletConnect connect:', result);
+                }
+            });
+        }
+        prevStatusRef.current = status;
+    }, [connector, fetchTWCBalanceWithRetry]);
     // Load balance when account or network (chain) changes
     React.useEffect(() => {
         let isActive = true;
@@ -8429,42 +8453,59 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
             console.log('[ConnectButton] useEffect: account or chain changed', { account, currentChainId });
             // For EVM wallets, only fetch TWC balance if on BSC
             if (account.chainType === 'evm' && currentChainId === 56) {
-                // Check cache first (30s TTL)
-                const cache = loadTWCBalanceFromCache(account.address);
-                const cacheValid = cache && typeof cache.balance === 'string' && cache.balance !== '0' && cache.balance !== '0.00' && cache.usdValue !== undefined && (() => {
-                    const cacheKey = `tiwiflix_twc_balance_cache_${account.address}`;
+                // Always check localStorage for cache (30s TTL)
+                const cacheKey = `tiwiflix_twc_balance_cache_${account.address}`;
+                let cache = null;
+                try {
                     const raw = localStorage.getItem(cacheKey);
-                    if (!raw)
-                        return false;
-                    try {
+                    if (raw) {
                         const parsed = JSON.parse(raw);
-                        return parsed.timestamp && (Date.now() - parsed.timestamp < 30000);
-                    }
-                    catch {
-                        return false;
+                        if (parsed && parsed.balance && parsed.timestamp && (Date.now() - parsed.timestamp < 30000)) {
+                            cache = parsed;
+                        }
                     }
-                })();
-                if (cacheValid) {
+                }
+                catch { }
+                if (cache && cache.balance !== '0' && cache.balance !== '0.00') {
                     setTwcBalance(cache.balance);
                     setUsdValueStable(cache.usdValue);
                     setIsInitializing(false);
-                    console.log('[ConnectButton] Using cached TWC balance:', cache);
+                    console.log('[ConnectButton] Using localStorage cached TWC balance:', cache);
+                    // Fetch in background to update cache, but don't reset UI while fetching
+                    fetchTWCBalanceWithRetry(2, 200).then((result) => {
+                        if (!isActive)
+                            return;
+                        if (result && result.balance !== '0' && result.balance !== '0.00' && result.balance !== cache?.balance) {
+                            setTwcBalance(result.balance);
+                            setUsdValueStable(result.usdValue);
+                            if (account.address) {
+                                // Save to localStorage with timestamp
+                                localStorage.setItem(cacheKey, JSON.stringify({ balance: result.balance, usdValue: result.usdValue, timestamp: Date.now() }));
+                            }
+                            setIsInitializing(false);
+                            console.log('[ConnectButton] TWC balance updated after background fetch:', result);
+                        }
+                    }).catch(() => {
+                        // Ignore errors in background fetch
+                    });
                 }
                 else {
+                    // No valid cache, show loading state until fetch completes
+                    setIsInitializing(true);
                     fetchTWCBalanceWithRetry(2, 200).then((result) => {
                         if (!isActive)
                             return;
-                        if (result) {
+                        if (result && result.balance !== '0' && result.balance !== '0.00') {
                             setTwcBalance(result.balance);
                             setUsdValueStable(result.usdValue);
                             if (account.address) {
-                                saveTWCBalanceToCache(account.address, result.balance, result.usdValue);
+                                // Save to localStorage with timestamp
+                                localStorage.setItem(cacheKey, JSON.stringify({ balance: result.balance, usdValue: result.usdValue, timestamp: Date.now() }));
                             }
                             setIsInitializing(false);
-                            console.log('[ConnectButton] TWC balance fetched:', result);
+                            console.log('[ConnectButton] TWC balance fetched and cached:', result);
                         }
                         else {
-                            // Final fallback
                             setTwcBalance('0');
                             setUsdValueStable(null);
                             setIsInitializing(false);
@@ -8492,7 +8533,8 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
                     setTwcBalance(state.twcBalance);
                     setUsdValueStable(state.usdValue ?? null);
                     if (account.address) {
-                        saveTWCBalanceToCache(account.address, state.twcBalance, state.usdValue ?? null);
+                        // Save to localStorage for consistency
+                        localStorage.setItem(`tiwiflix_twc_balance_cache_${account.address}`, JSON.stringify({ balance: state.twcBalance, usdValue: state.usdValue ?? null, timestamp: Date.now() }));
                     }
                     setIsInitializing(false);
                 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "tiwiflix-wallet-connector",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "description": "Multi-chain wallet connector for Tiwiflix supporting EVM, TON, Solana, and Tron wallets",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",