Laravel echo listen for whisper function not working

Question

I'm building a live chat app, but I found that listenforwhisper function is not working, but .whisper() function works fine, pusher also received client typing event.

Here is my code:

For listen whisper:

Echo.private(`messages.${this.user.id}`)
    .listen("NewMessage", (e) => {
      this.handleIncoming(e.message);
    })
    .listenForWhisper("typing", (e) => {
      if(e.name !='') {
        this.typeStatus = 'typing .........'
      }
      else {
        this.typeStatus = ''
      }
      console.log(this.typeStatus);
    });

For whisper:

watch: {
    message() {
      Echo.private(`messages.${this.user.id}`)
      .whisper("typing", {
        name: this.message
      });
    }
  }

For channel:

Broadcast::channel('messages.{id}', function ($user, $id) {
    return (int) $user->id === (int) $id;
});

Theoretically, my console will return the typeStatus , but I got nothing in my console.

Answer 1

Whisper works like broadcastToOthers. You're now trying to listen for the current users whispers. You should have a room where the whisper goes to and there should be multiple clients there to recieve. Now your channel is tied to the user and no-one else can see the messages that go through that channel.

Answer 2

Ok, I step in same issue. I got 2 channels and 2 users. I set a interval with wisper

setInterval(() => {
            channel.whisper('typing', {
                message: 'hola!'
            });
        }, 3000);

channel.listenForWhisper('typing', (e) => {
                console.log('Typing');
                console.log(e);
            })

The thing was that I was receving events but won't be able to see the output from listenForWhisper until I connect the second user to the channel.

Once the second user is connected, it's works just fine. So I leaved her if you got same issue.