npm - tiwiflix-wallet-connector - Versions diffs - 1.6.2 → 1.6.4 - Mend

tiwiflix-wallet-connector 1.6.2 → 1.6.4

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

@@ -7517,6 +7517,31 @@ const TWCBalanceModal = ({ isOpen, onClose, twcBalance, usdValue, colors, isDark
                             }, children: "Learn More" })] })] }) }));
 };
+// Track previous connection status to detect new connections
+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]);
 const tonApiCache = new Map();
 const CACHE_DURATION = 30000; // 30 seconds
 const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className, style, showBalance = false, modalPosition = 'center', theme = 'auto', buttonText = 'Connect Wallet', getExplorerUrl, }) => {
@@ -8404,6 +8429,8 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
         }
         catch (error) {
             const err = error instanceof Error ? error : new Error(String(error));
+            // Log error for debugging WalletConnect issues
+            console.error('[ConnectButton] Error fetching TWC balance:', err);
             // Don't retry on certain errors
             if (err.message.includes('No wallet connected') ||
                 err.message.includes('No EVM adapter')) {
@@ -8425,45 +8452,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) {
-                // First check state/cache for immediate display
-                const state = connector.getState();
-                let hasBalance = false;
-                if (state.twcBalance && state.twcBalance !== '0' && state.twcBalance !== '0.00') {
-                    setTwcBalance(state.twcBalance);
-                    setUsdValueStable(state.usdValue ?? null);
-                    if (account.address) {
-                        saveTWCBalanceToCache(account.address, state.twcBalance, state.usdValue ?? null);
+                // 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) {
+                        const parsed = JSON.parse(raw);
+                        if (parsed && parsed.balance && parsed.timestamp && (Date.now() - parsed.timestamp < 30000)) {
+                            cache = parsed;
+                        }
                     }
-                    setIsInitializing(false);
-                    hasBalance = true;
                 }
-                else if (account.address) {
-                    // Try cache first
-                    const cached = loadTWCBalanceFromCache(account.address);
-                    if (cached?.balance && cached.balance !== '0' && cached.balance !== '0.00') {
-                        setTwcBalance(cached.balance);
-                        setUsdValueStable(cached.usdValue);
-                        setIsInitializing(false);
-                        hasBalance = true;
-                    }
+                catch { }
+                if (cache && cache.balance !== '0' && cache.balance !== '0.00') {
+                    setTwcBalance(cache.balance);
+                    setUsdValueStable(cache.usdValue);
+                    setIsInitializing(false);
+                    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
+                    });
                 }
-                // Only fetch if we don't have a balance yet, or if the chain/network changed
-                if (!hasBalance || currentChainId !== null) {
-                    console.log('[ConnectButton] Fetching TWC balance for BSC wallet:', account.address, currentChainId);
+                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);
@@ -8491,7 +8532,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

@@ -7519,6 +7519,31 @@ const TWCBalanceModal = ({ isOpen, onClose, twcBalance, usdValue, colors, isDark
                             }, children: "Learn More" })] })] }) }));
 };
+// Track previous connection status to detect new connections
+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]);
 const tonApiCache = new Map();
 const CACHE_DURATION = 30000; // 30 seconds
 const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className, style, showBalance = false, modalPosition = 'center', theme = 'auto', buttonText = 'Connect Wallet', getExplorerUrl, }) => {
@@ -8406,6 +8431,8 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
         }
         catch (error) {
             const err = error instanceof Error ? error : new Error(String(error));
+            // Log error for debugging WalletConnect issues
+            console.error('[ConnectButton] Error fetching TWC balance:', err);
             // Don't retry on certain errors
             if (err.message.includes('No wallet connected') ||
                 err.message.includes('No EVM adapter')) {
@@ -8427,45 +8454,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) {
-                // First check state/cache for immediate display
-                const state = connector.getState();
-                let hasBalance = false;
-                if (state.twcBalance && state.twcBalance !== '0' && state.twcBalance !== '0.00') {
-                    setTwcBalance(state.twcBalance);
-                    setUsdValueStable(state.usdValue ?? null);
-                    if (account.address) {
-                        saveTWCBalanceToCache(account.address, state.twcBalance, state.usdValue ?? null);
+                // 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) {
+                        const parsed = JSON.parse(raw);
+                        if (parsed && parsed.balance && parsed.timestamp && (Date.now() - parsed.timestamp < 30000)) {
+                            cache = parsed;
+                        }
                     }
-                    setIsInitializing(false);
-                    hasBalance = true;
                 }
-                else if (account.address) {
-                    // Try cache first
-                    const cached = loadTWCBalanceFromCache(account.address);
-                    if (cached?.balance && cached.balance !== '0' && cached.balance !== '0.00') {
-                        setTwcBalance(cached.balance);
-                        setUsdValueStable(cached.usdValue);
-                        setIsInitializing(false);
-                        hasBalance = true;
-                    }
+                catch { }
+                if (cache && cache.balance !== '0' && cache.balance !== '0.00') {
+                    setTwcBalance(cache.balance);
+                    setUsdValueStable(cache.usdValue);
+                    setIsInitializing(false);
+                    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
+                    });
                 }
-                // Only fetch if we don't have a balance yet, or if the chain/network changed
-                if (!hasBalance || currentChainId !== null) {
-                    console.log('[ConnectButton] Fetching TWC balance for BSC wallet:', account.address, currentChainId);
+                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);
@@ -8493,7 +8534,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.2",
+  "version": "1.6.4",
   "description": "Multi-chain wallet connector for Tiwiflix supporting EVM, TON, Solana, and Tron wallets",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",