Trustwallet browser

Is present. const trustWallet = !!ethereum.isTrust; return trustWallet; }; const injectedProviderExist = typeof window !== "undefined" && typeof window.ethereum !== "undefined"; if (!injectedProviderExist) { return null; } if (isTrustWallet(window.ethereum)) { return window.ethereum; } if (window.ethereum?.providers) return window.ethereum.providers.find(isTrustWallet) ?? null; } return window["trustwallet"] ?? null;}getTrustWalletFromWindow will return either the Trust Waller Injected Provider or null if it cannot be found. We can assume that if the function returns null, TW is not installed in the user's browser. But wait, there is a catch!An issue affects web extensions that utilize manifest V3 and causes the injected provider to be initialized after the website loads. In that case, we must wait for the trustwallet#initialize event.async function listenForTrustWalletInitialized( { timeout } = { timeout: 2000 }) { return new Promise((resolve) => { const handleInitialization = () => { resolve(getTrustWalletFromWindow()); }; window.addEventListener("trustwallet#initialized", handleInitialization, { once: true, }); setTimeout(() => { window.removeEventListener( "trustwallet#initialized", handleInitialization, { once: true } ); resolve(null); }, timeout); });}listenForTrustWalletInitialized registers a listener for the trustwallet#initialization event that resolves to the Trust Wallet Injected Provider or null if it cannot be retrieved after a specific timeout. The default timeout value is set to 2 seconds, which is more than enough.We can now combine these two functions. This ensures that we handle all edge cases that might occur.export async function getTrustWalletInjectedProvider( { timeout } = { timeout: 3000 }) { const provider = getTrustWalletFromWindow(); if (provider) { return provider; } return listenForTrustWalletInitialized({ timeout });}async function listenForTrustWalletInitialized( { timeout } = { timeout: 3000 })

{ return new Promise((resolve) => { const handleInitialization = () => { resolve(getTrustWalletFromWindow()); }; window.addEventListener("trustwallet#initialized", handleInitialization, { once: true, }); setTimeout(() => { window.removeEventListener( "trustwallet#initialized", handleInitialization, { once: true } ); resolve(null); }, timeout); });}function getTrustWalletFromWindow() { const isTrustWallet = (ethereum) => { // Identify if Trust Wallet injected provider is present. const trustWallet = !!ethereum.isTrust; return trustWallet; }; const injectedProviderExist = typeof window !== "undefined" && typeof window.ethereum !== "undefined"; // No injected providers exist. if (!injectedProviderExist) { return null; } // Trust Wallet was injected into window.ethereum. if (isTrustWallet(window.ethereum)) { return window.ethereum; } // Trust Wallet provider might be replaced by another // injected provider, check the providers array. if (window.ethereum?.providers) { // ethereum.providers array is a non-standard way to // preserve multiple injected providers. Eventually, EIP-5749 // will become a living standard and we will have to update this. return window.ethereum.providers.find(isTrustWallet) ?? null; } // Trust Wallet injected provider is available in the global scope. // There are cases that some cases injected providers can replace window.ethereum // without updating the ethereum.providers array. To prevent issues where // the TW connector does not recognize the provider when TW extension is installed, // we begin our checks by relying on TW's global object. return window["trustwallet"] ?? null;}Now that we have getTrustWalletInjectedProvider let's see some common functionalities you want to implement to your application. For all the below examples, we will assume that injectedProvider is the Injected Provider of the Trust Wallet browser extension and implements the methods defined

Now access any defined function by calling it directly from the contract instance.const rawBalance = await contract.balanceOf(account);Note that balanceOf will return the raw balance value. If we want to convert it to a decimal representation, we need to call ethers.utils.formatUnits and pass the decimals value as the second parameter.const decimals = await contract.decimals();const rawBalance = await contract.balanceOf(account);const accountBalance = ethers.utils.formatUnits(rawBalance, decimals);Here is a complete example in React to retrieve the current TWT balance for the connected account.import React from "react";import { ethers } from "ethers";import twtABI from "./twtABI.json";import { getTrustWalletInjectedProvider } from "./trustWallet";const TWT_ADDRESS = "0x4B0F1812e5Df2A09796481Ff14017e6005508003";const App = () => { const [initializing, setInitializing] = React.useState(true); const [injectedProvider, setInjectedProvider] = React.useState(null); const [initializationError, setInitializationError] = React.useState(""); const [contract, setContract] = React.useState(null); const [connected, setConnected] = React.useState(false); const [selectedAccount, setSelectedAccount] = React.useState(""); const [error, setError] = React.useState(""); const [balance, setBalance] = React.useState(""); React.useEffect(() => { const initializeInjectedProvider = async () => { const trustWallet = await getTrustWalletInjectedProvider(); if (!trustWallet) { setInitializationError("Trust Wallet is not installed."); setInitializing(false); return; } const ethersProvider = new ethers.providers.Web3Provider(trustWallet); setContract(new ethers.Contract(TWT_ADDRESS, twtABI, ethersProvider)); setInjectedProvider(trustWallet); setInitializing(false); }; initializeInjectedProvider(); }, []); const connect = async () => { try { setError(""); const accounts = await injectedProvider.request({ method: "eth_requestAccounts", }); const chainId = await injectedProvider.request({ method: "eth_chainId" }); if (chainId !== "") { await injectedProvider.request({ method: "wallet_switchEthereumChain", params: [{ chainId: "0x38" }], }); } setSelectedAccount(accounts[0]); setConnected(true); } catch (e) { console.error(e); if (e.code === 4001) { setError("User denied connection."); } } }; const getBalance = async (e) => { e.preventDefault();

Can be achieved using wallet_switchEthereumChain method and passing the hexadecimal value of the desired chain.try { await injectedProvider.request({ method: "wallet_switchEthereumChain", params: [{ chainId: "0x1" }], // Ensure the selected network is Etheruem });} catch (e) { if (e.code === 4001) { setError("User rejected switching chains."); }}A notification will appear if users are not connected to the desired network, prompting them to change their network. Users who reject this request will trigger an error with 4001 as the status code. If the desired network is selected, this request will resolve without any additional action required by the user.You can access the selected chain at any point in time using the eth_chainId method. You don't need an active connection to execute this method successfully.const chainId = await injectedProvider.request({ method: "eth_chainId" });All the previous events are part of the basic building blocks for every website. You can combine them to create the desired flow for your app. Below, you will find a simple working example in React.import React from "react";// This is the same implementation presented in the previous sections.import { getTrustWalletInjectedProvider } from "./trustWallet";const App = () => { const [initializing, setInitializing] = React.useState(true); const [injectedProvider, setInjectedProvider] = React.useState(null); const [initializationError, setInitializationError] = React.useState(""); const [connected, setConnected] = React.useState(false); const [selectedAccount, setSelectedAccount] = React.useState(""); const [chainId, setChainId] = React.useState(""); const [error, setError] = React.useState(""); React.useEffect(() => { const initializeInjectedProvider = async () => { const trustWallet = await getTrustWalletInjectedProvider(); if (!trustWallet) { setInitializationError("Trust Wallet is not installed."); setInitializing(false); return; } setInjectedProvider(trustWallet); setInitializing(false);

This by entering your PIN from the Ledger’s lock screen.Ensure that you have the correct app open on your Ledger. For instance, if you’re accessing Ethereum or ERC20 addresses, ensure the Ethereum app is opened on your Ledger.Check that the cable connecting your Ledger to the computer is not faulty.Ensure the firmware of the Ledger device is updated and that the relevant blockchain apps on your Ledger devices are updated as well.Restart your computer.If you are still having issues, please reach out to our support team.How do I transfer crypto between Ledger and Trust Wallet?Use the browser extension’s “multi-wallet” feature to add and manage all your different wallets, including your Ledger – and easily move crypto between them all.See our Ledger guide here for instructions.Can I use the Trust Wallet Mobile App with my Ledger?At this time, you can use connect your Ledger hardware wallet to the Trust Wallet Browser Extension. We are working on bringing Ledger support for the Trust Wallet Mobile App, so follow us on Twitter @TrustWallet so you don’t miss the update.I don’t have my device Ledger with me. Can I still access my Ledger wallet using the Trust Wallet Browser Extension?If you’ve previously authorized the connection between your Ledger and Trust Wallet Browser Extension, you can view your Ledger wallet addresses – but you won’t be able to sign and confirm any transactions requested through Trust Wallet.For instance, you won’t be to send crypto or confirm any spending amounts from your Ledger wallet. You will need the physical device to sign and approve any transactions.Are all Ledger devices compatible with the Trust Wallet Browser Extension?Yes, you can use any Ledger device with the Trust Wallet Browser Extension.What other hardware wallets can I use with Trust Wallet Browser Extension?Currently, the Trust Wallet Browser Extension works with the Ledger devices. Be sure to follow us on Twitter to stay tuned for when we announce support for other hardware wallets.