Detect initial "loading" state

[omichelsen]

When users come to my website, I would like to know whether hello.js is working (auto-login), so I can show a loading spinner. Also it would help a lot on pages that require auth, to know whether hello.js is working on auth.

I know I can poke around localStorage myself to see if there is anything saved, but is there an official way - maybe a promise or special event I can listen for?

[MrSwitch]

hello.on('auth.login', handler) is triggered periodically every second, it relies on hello.init having set the clinet_id's . - misleading, sorry.

What are you proposing?

[omichelsen]

Well auth.login triggers once login is successful, but this might take up to several seconds to complete.

I would like an auth.init event as soon as hello.js starts doing auto-login so I can make the UI wait for the action to succeed/fail before loading other parts of the UI. Maybe alternately a callback function on hello.init which tells me whether the user has stored credentials?

[MrSwitch]

Hey sorry for the belated response. I think this is a good idea. I can see that several events would need to occur. "auth.refreshing" (init is a bit vague) followed by "auth.failed" or "auth.login".

[omichelsen]

I was thinking adding the 'auth.refreshing' event in line 350 would be enough?

if ('login' in provider && typeof (provider.login) === 'function') {
    // Format the paramaters according to the providers formatting function
    provider.login(p);
    emit('auth.refreshing');
}

Not so well into the code base yet, so just a suggestion.

[omichelsen]

Awesome, thanks man! 👍

[MrSwitch]

Went with 'auth.init' afterall.

[omichelsen]

I did a little testing, and it doesn't seem the auth.init event is raised when using auto-login?

It works fine on first/manual login, but if I refresh the page after that, it does not trigger?

[MrSwitch]

It's only being triggered prior to a HTTP request being sent to create or refresh tokens. It will not fire if the current session is still valid. On page refresh with a valid token you will just get a auth.login event fired.

[MrSwitch]

Did npm publish, just not showing up on https://www.npmjs.com/package/hellojs yet