How to initialize authgear on page refresh

[abhishekjhaji]

I have a angular SSR project. I am able to integrate with authgear, it redirects to login page and fetches the accessToken. Verified that the tokens are stored in localstorage. However whenever I refresh the page it goes through the whole login flow. My aim is to not redirect to login page as long as the token is valid.
I have followed the integration guidelines from here.

[chpapa]

@abhishekjhaji

Can you try to change the code on authgear.configure({ ...}) to run authgear.refreshAccessTokenIfNeeded()) at ngOnInit() (or initAuthgear() in the guide?)

So something like this:

authgear                                                                                                                                                                                                                                                                                                  
    .configure({ ... })                                                                                                                                                                                                                                                                                   
    .then(() => authgear.refreshAccessTokenIfNeeded())
    .then(() => {                                                                                                                                                                                                                                                                                           
      console.log('Authgear ready, session state:', authgear.sessionState);
    })

See if it works?

[abhishekjhaji]

Since I was using authguard which kicks in before the authgear is configured it was leading to redirect. I have moved the configure logic to [provideAppInitializer](https://angular.dev/api/core/provideAppInitializer) which makes sure that the authgear is initialized before any code is executed.