How to listen to contract events using ethers.js?

Question

I need to listen to the specific contract events and do some task once the event is emitted. I didn't find proper docs on ethers.js documentation.

Can anybody tell me how can I keep listening to my contract events using ethers.js?

Answer 1

This answer assumes that you understand how to connect to a contract using Ethers.

Your question specifies listening for an event to be emitted, and to do a task based on that.

Here is the link to the Ethers v5 documentation, which we'll expand on a bit below: https://docs.ethers.io/v5/api/providers/provider/#Provider--events

(Ethers v4 is here and here)

Basically, the on function is what you're looking for. Using a provider, you can set up an on to trigger something whenever a particular event is emitted. This will trigger the callback (the second argument in the on, a function) anytime that event is emitted on the blockchain. If you are looking for the on to be triggered only when the events of a particular contract are called, you'll need to use a filter - the provider will trigger the callback anytime this event is emitted from any contract.

If you look at the example in the link above to the v5 docs (at least right now 22/09/2020), towards the bottom there are examples of how to use filters (either a general filter or a topic filter - we'll discuss the first). Basically:

filter = {
    address: THE_ADDRESS_OF_YOUR_CONTRACT,
    topics: [
        // the name of the event, parnetheses containing the data type of each event, no spaces
        utils.id("Transfer(address,address,uint256)")
    ]
}
provider.on(filter, () => {
    // do whatever you want here
    // I'm pretty sure this returns a promise, so don't forget to resolve it
})

There are many more details about how and what you can filter in the links above, but this is the fundamental building block. I hope this helps!

Update: Based on a comment, I thought I should add that on can also be used with a contract object. If you have a variable representing a contract (which we'll call contract), you can also hook an on onto it. Here's a link to a section in the v4 docs which has an example (which at least as of now isn't in the v5 docs yet) - scroll down to the "listening to an Event" code example. It has the same format where you pass in an event name or filter for the first arg, and then can write a function callback as the second. This will only return events from contract.

Answer 2

// event in ERC-20: Transfer(address indexed src, address indexed dst, uint val)

contract.on("Transfer", (to, amount, from) => {
    console.log(to, amount, from);
});

You can read here: https://docs.ethers.io/v5/api/contract/contract/#Contract--events

Also good examples here: https://docs.ethers.io/v5/concepts/events/

And discussion topic with more info: https://github.com/ethers-io/ethers.js/issues/492

Answer 3

try {
          const tokenObject = {
            ImageIPFS: data.eventcard.picture_ipfs,
            metaData: {
              EventName: data.eventcard.name,
              Description: data.eventcard.description,
              Date: data.eventcard.date,
              Location: data.eventcard.location,
              Price: getEventPrice(data.eventcard),
              Collection: data.eventcard.collection,
            },
          };

      const added = await client.add(JSON.stringify(tokenObject));
      const ipfs_url = `https://ipfs.infura.io/ipfs/${added.path}`;

      // const ipfs_url = `https://ipfs.infura.io/ipfs/test`; // #placeholder
      console.log("IPFS ulr:", ipfs_url);

      // const provider = new ethers.providers.Web3Provider(
      //   (window as any).ethereum
      // );
      // const contract = new ethers.Contract(myNFTAddress_mainnet, myNFTABI, provider.getSigner());
      const contract = new ethers.Contract(
        chainId === 97
          ? myNFTAddress_testnet
          : chainId === 56
          ? myNFTAddress_mainnet
          : "",
        myNFTABI,
        provider.getSigner()
      );
    
      contract.on("Minted", (tokenId, tokenURI) => {
        console.log("First parameter :", tokenId);
        console.log("Second parameter :", tokenURI);
        data.tokenURL = `${tokenURL_testnet}${tokenId}`;
        data.ipfsURL = data.eventcard.picture_ipfs;
        data.is_minted = 1; // BSC
        console.log(data);
        updateUserTickets(data).then((res) => {
          if (res.success) {
            addToast("Successfully Minted", {
              appearance: "success",
              autoDismiss: true,
            });
            userTickets().then((res) => {
              if (res.success) {
                setTickets(res.tickets);
              }
            });
          } else {
            addToast("Failed save database", {
              appearance: "error",
              autoDismiss: true,
            });
          }
        });
        setLoading(false);
        setTickets(updateTicketProgressStatus(tickets, data.id, false));
      });
    } catch (error) {
      console.log("Error: ", error);
      setLoading(false);
      setTickets(updateTicketProgressStatus(tickets, data.id, false));
    }