Provide callback for the new Echo instance (or better yet return a Promise)

Getting the socket id for non vue / axios apps kind of sucks if you don’t want to put the echo instance on the window object. You can only get it once you’ve connected to the socket and echo provides no native functionality (as far as I am aware) to do this reliably.

I had to do this

  echo.connector.pusher.connection.bind('connected', () => {
    console.log(echo.socketId());
  });

Which I learned about from this stackoverflow post and the Pusher docs.

Not ideal. It would be nice if you could just go

let socketId = null;
const echo = new Echo(options).then(echo => {
  socketId = echo.socketId();
});

Even a callback would be enough.

[tlaverdure]

It’s not a common practice to create a promise from a constructor. I’ve added a change in https://github.com/laravel/echo/pull/210 to move the connection logic to it’s own method. If that is merged, I can work on creating a connection event handler from the connectors.

Then we can either add a callback in the options object:

new Echo({
  ...
 onConnect: () => {...}
  ...
})

Or remove the connect() method from the constructor and require the developer to connect at will.

const echo = new Echo(...);

echo.connect().then(() => {
  // connected
});

@driesvints which would work better?

[driesvints]

Hey all. I’ve been looking into this and while I agree this seems like a good thing to have in the library we’re not going to work on this ourselves at the moment. We’re however open to prs if anyone wants to take a stab at this themselves! Thanks.