How to listen for new message from multiple channels in Twilio programmable chat?

Question

I have an instant messaging web application using twilio programmable chat with 'n' number of private channels subscribed by a member. I am using twilio chat javascript library . How can I show messages from all these channels in real time?

I have the connection and channels list

Twilio.Client.create(token).then(client => {
    this.chatClient = client
    this.chatClient.getSubscribedChannels().then(function (paginator) {
        for (var i = 0; i < paginator.items.length; i++) {
            const channel = paginator.items[i]
            console.log('Channel: ' + channel.friendlyName)
        }
    })
});

Answer 1

Use 'mesageAdded' event on the chat client object

Twilio.Client.create(token).then(client => {
    this.chatClient = client
    this.chatClient.getSubscribedChannels().then(function (paginator) {
        console.log(paginator.items)
    })

    this.chatClient.on('messageAdded', function (message) {
        console.log(message)
    })
});