Request: add `unlisten` method about echo HOT 14 CLOSED

The stopListening method will only work with pusher driver.

With SocketIO there is no way to remove a previously added listener through Echo. The only way is to use the SocketIO API directly.

Adding a listener :

Echo.connector.socket.on('blah', listener)

Removing the listener :

Echo.connector.socket.removeListener('blah', listener)

But with this method you may verify the channel provenance as it will listen all subscriptions.

If we want a straightforward native solution we may need to add a way for reverting the on method :

• Allow unbind to be specific instead of global
• Save on the fly listener for reusing him for the removal
• Create a unlisten with :

this.socket.removeListener(event, previousListener); // With our previous on the fly listener
this.unbind(event, listener); // With our new specific unbinder

from echo.

window.Echo.leave('channel-name')

from echo.

this is necessary!

from echo.

+1 Definitely need this method.

from echo.

@shorlbeck @indigoram89 @vexii @deiucanta

i did some searching around the web an was unable to find a posted solution but with some tinkering i found a temporary solution until they implement something in echo

in my vue component i wanted to only stop listening to events and not unsub from the channel when i went to a different page (component). so i put this within destroyed function but you could use it wherever you see fit

destroyed: function () {
            let self = this;
            Echo.private('projects.' + self.$route.params.project)
                .stopListening('DeploymentStepCommandAddedEvent')
                .stopListening('DeploymentStepCommandMovedEvent')
                .stopListening('DeploymentStepCommandRemovedEvent')
                .stopListening('DeploymentStepCommandUpdatedEvent');
        },

and these match up to the events i listened for

Echo.private('projects.' + self.$route.params.project)
                .listen('DeploymentStepCommandAddedEvent)
           ...... 

Thanks @vexii for setting me on the right path

from echo.

it looks like the is an stopListening call in pusher-channel.ts

from echo.

With provenance i mean the channel name where the message comes from. In the message payload you have this information. If this is not important for you or if you have only one channel you can use this solution as is :)

If I have the time i will make a PR for this, but actually is am quite busy, thats why I draft a simple how to, maybe someone else have the time for this :/

from echo.

We really need this. 👍 @ifnot Do you know a workaround how to only listen on specific channels and still be able to remove the listener? We are looking for a workaround to remove the listening again. We use SocketIO.

from echo.

But with this method you may verify the channel provenance as it will listen all subscriptions.

@ifnot Can you please explain what this means? I can't find anything about "provenance" in the docs.

from echo.

Any news? It's a really big problem(

from echo.

Any updates?

from echo.

We're open to PRs.

from echo.

Found a workaround to unbind a specific listener from an underlying Pusher channel subscription that I'd like to share with you. 👍🏻

const listener = (e) => { ... }
const channel = Echo.private('channel-name').listen('MyEvent', listener)

channel.subscription.unbind(channel.eventFormatter.format('MyEvent'), listener)

from echo.

Is there a way to stop listening to the pusher:member_added and pusher:member_removed events that are registered by channel.joining() and channel.leaving()? I tried channel.stopListening('pusher:member_added', callback); and some other things, but this doesn't seem to work.

EDIT:
cont in #312

from echo.