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

tiwiflix-wallet-connector 1.6.4 → 1.6.6

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,31 +7517,41 @@ 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);
-            }
-        });
+// Debug log overlay for mobile
+function showDebugLog(msg) {
+    if (typeof window === 'undefined')
+        return;
+    let logDiv = document.getElementById('twc-debug-log');
+    if (!logDiv) {
+        logDiv = document.createElement('div');
+        logDiv.id = 'twc-debug-log';
+        logDiv.style.position = 'fixed';
+        logDiv.style.bottom = '10px';
+        logDiv.style.left = '10px';
+        logDiv.style.right = '10px';
+        logDiv.style.maxHeight = '40vh';
+        logDiv.style.overflowY = 'auto';
+        logDiv.style.background = 'rgba(0,0,0,0.85)';
+        logDiv.style.color = '#fff';
+        logDiv.style.fontSize = '12px';
+        logDiv.style.zIndex = '99999';
+        logDiv.style.padding = '8px 12px';
+        logDiv.style.borderRadius = '8px';
+        logDiv.style.pointerEvents = 'auto';
+        logDiv.style.fontFamily = 'monospace';
+        logDiv.style.boxShadow = '0 2px 12px rgba(0,0,0,0.3)';
+        logDiv.innerHTML = '';
+        document.body.appendChild(logDiv);
+    }
+    const now = new Date();
+    const time = now.toLocaleTimeString();
+    logDiv.innerHTML = `<div>[${time}] ${msg}</div>` + logDiv.innerHTML;
+    // Limit to 30 log lines
+    const lines = logDiv.innerHTML.split('<div>');
+    if (lines.length > 30) {
+        logDiv.innerHTML = lines.slice(0, 30).join('<div>');
     }
-    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, }) => {
@@ -8444,6 +8454,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) => {
+                showDebugLog(`[ConnectButton] TWC balance fetch after WalletConnect connect: status=${status}, account=${account?.address}, chainId=${chainId}, result=${JSON.stringify(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);
+                }
+            });
+        }
+        prevStatusRef.current = status;
+    }, [connector, fetchTWCBalanceWithRetry]);
     // Load balance when account or network (chain) changes
     useEffect(() => {
         let isActive = true;
@@ -8469,7 +8503,7 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
                     setTwcBalance(cache.balance);
                     setUsdValueStable(cache.usdValue);
                     setIsInitializing(false);
-                    console.log('[ConnectButton] Using localStorage cached TWC balance:', cache);
+                    showDebugLog(`[ConnectButton] Using localStorage cached TWC balance: ${JSON.stringify(cache)}`);
                     // Fetch in background to update cache, but don't reset UI while fetching
                     fetchTWCBalanceWithRetry(2, 200).then((result) => {
                         if (!isActive)
@@ -8482,7 +8516,7 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
                                 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);
+                            showDebugLog(`[ConnectButton] TWC balance updated after background fetch: ${JSON.stringify(result)}`);
                         }
                     }).catch(() => {
                         // Ignore errors in background fetch
@@ -8502,19 +8536,19 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
                                 localStorage.setItem(cacheKey, JSON.stringify({ balance: result.balance, usdValue: result.usdValue, timestamp: Date.now() }));
                             }
                             setIsInitializing(false);
-                            console.log('[ConnectButton] TWC balance fetched and cached:', result);
+                            showDebugLog(`[ConnectButton] TWC balance fetched and cached: ${JSON.stringify(result)}`);
                         }
                         else {
                             setTwcBalance('0');
                             setUsdValueStable(null);
                             setIsInitializing(false);
-                            console.warn('[ConnectButton] No TWC balance found for BSC wallet:', account.address);
+                            showDebugLog(`[ConnectButton] No TWC balance found for BSC wallet: ${account.address}`);
                         }
                     }).catch(() => {
                         if (!isActive)
                             return;
                         setIsInitializing(false);
-                        console.error('[ConnectButton] Error fetching TWC balance for BSC wallet:', account.address);
+                        showDebugLog(`[ConnectButton] Error fetching TWC balance for BSC wallet: ${account.address}`);
                     });
                 }
             }

package/dist/index.js CHANGED Viewed

@@ -7519,31 +7519,41 @@ 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);
-            }
-        });
+// Debug log overlay for mobile
+function showDebugLog(msg) {
+    if (typeof window === 'undefined')
+        return;
+    let logDiv = document.getElementById('twc-debug-log');
+    if (!logDiv) {
+        logDiv = document.createElement('div');
+        logDiv.id = 'twc-debug-log';
+        logDiv.style.position = 'fixed';
+        logDiv.style.bottom = '10px';
+        logDiv.style.left = '10px';
+        logDiv.style.right = '10px';
+        logDiv.style.maxHeight = '40vh';
+        logDiv.style.overflowY = 'auto';
+        logDiv.style.background = 'rgba(0,0,0,0.85)';
+        logDiv.style.color = '#fff';
+        logDiv.style.fontSize = '12px';
+        logDiv.style.zIndex = '99999';
+        logDiv.style.padding = '8px 12px';
+        logDiv.style.borderRadius = '8px';
+        logDiv.style.pointerEvents = 'auto';
+        logDiv.style.fontFamily = 'monospace';
+        logDiv.style.boxShadow = '0 2px 12px rgba(0,0,0,0.3)';
+        logDiv.innerHTML = '';
+        document.body.appendChild(logDiv);
+    }
+    const now = new Date();
+    const time = now.toLocaleTimeString();
+    logDiv.innerHTML = `<div>[${time}] ${msg}</div>` + logDiv.innerHTML;
+    // Limit to 30 log lines
+    const lines = logDiv.innerHTML.split('<div>');
+    if (lines.length > 30) {
+        logDiv.innerHTML = lines.slice(0, 30).join('<div>');
     }
-    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, }) => {
@@ -8446,6 +8456,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) => {
+                showDebugLog(`[ConnectButton] TWC balance fetch after WalletConnect connect: status=${status}, account=${account?.address}, chainId=${chainId}, result=${JSON.stringify(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);
+                }
+            });
+        }
+        prevStatusRef.current = status;
+    }, [connector, fetchTWCBalanceWithRetry]);
     // Load balance when account or network (chain) changes
     React.useEffect(() => {
         let isActive = true;
@@ -8471,7 +8505,7 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
                     setTwcBalance(cache.balance);
                     setUsdValueStable(cache.usdValue);
                     setIsInitializing(false);
-                    console.log('[ConnectButton] Using localStorage cached TWC balance:', cache);
+                    showDebugLog(`[ConnectButton] Using localStorage cached TWC balance: ${JSON.stringify(cache)}`);
                     // Fetch in background to update cache, but don't reset UI while fetching
                     fetchTWCBalanceWithRetry(2, 200).then((result) => {
                         if (!isActive)
@@ -8484,7 +8518,7 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
                                 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);
+                            showDebugLog(`[ConnectButton] TWC balance updated after background fetch: ${JSON.stringify(result)}`);
                         }
                     }).catch(() => {
                         // Ignore errors in background fetch
@@ -8504,19 +8538,19 @@ const ConnectButton = ({ connector, onConnect, onDisconnect, onError, className,
                                 localStorage.setItem(cacheKey, JSON.stringify({ balance: result.balance, usdValue: result.usdValue, timestamp: Date.now() }));
                             }
                             setIsInitializing(false);
-                            console.log('[ConnectButton] TWC balance fetched and cached:', result);
+                            showDebugLog(`[ConnectButton] TWC balance fetched and cached: ${JSON.stringify(result)}`);
                         }
                         else {
                             setTwcBalance('0');
                             setUsdValueStable(null);
                             setIsInitializing(false);
-                            console.warn('[ConnectButton] No TWC balance found for BSC wallet:', account.address);
+                            showDebugLog(`[ConnectButton] No TWC balance found for BSC wallet: ${account.address}`);
                         }
                     }).catch(() => {
                         if (!isActive)
                             return;
                         setIsInitializing(false);
-                        console.error('[ConnectButton] Error fetching TWC balance for BSC wallet:', account.address);
+                        showDebugLog(`[ConnectButton] Error fetching TWC balance for BSC wallet: ${account.address}`);
                     });
                 }
             }

package/package.json CHANGED Viewed

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