Make more event cases

[carvaofficial]

When the button is clicked and the login() function is executed, we have no way to control the pop-up window closing situation. If you close it, there is no feedback for that case. Using AuthCodeFlowErrorResponse, this case cannot be managed.

It would be great to add more events for cases such as the window closing, an error occurring during the window launch, etc.

This event, for my needs, would be useful to manage the states of my custom button: if the button is clicked and the pop-up window has opened, I want to prevent the button from being pressed. In case the user closes the window, the event tells me so and then I can manage the button to re-enable it.

Tell me if you think it's a good idea to create more events like this.

Thanks for read me!!

[kasvith]

Hi @carvaofficial

have you tried using custom hooks?

[simonmaass]

@carvaofficial i just had the same use case - did u find any solution for this?

[carvaofficial]

Hi @carvaofficial

have you tried using custom hooks?

Hi @kasvith!!! I don't know exactly what do you mean about 'custom hooks'. Can you make a little example??

[kasvith]

hi @carvaofficial

try this https://vue3-google-signin.wavezync.com/guide/creating-custom-buttons.html

[carvaofficial]

@carvaofficial i just had the same use case - did u find any solution for this?

Hi @simonmaass!! My hacky solution has been to detect when the pop-up window opens and check that it is Google's by checking its name using: window.name === "g_auth_token_window".
If you need an example I can help you by sending you a small utility that I created.

[kasvith]

Oh i now see the issue, sorry for misunderstanding it

planning to do a major upgrade to the library

will think how we can add the usecase

[carvaofficial]

Oh i now see the issue, sorry for misunderstanding it

planning to do a major upgrade to the library

will think how we can add the usecase

Sorry if I didn't explain the problem well. Specifically, it would be nice to place one more property in AuthCodeFlowOptions that handles an event for when the user cancels the action or closes the popup.
I'll be looking forward to that update!!

[simonmaass]

@carvaofficial i just had the same use case - did u find any solution for this?

Hi @simonmaass!! My hacky solution has been to detect when the pop-up window opens and check that it is Google's by checking its name using: window.name === "g_auth_token_window". If you need an example I can help you by sending you a small utility that I created.

That would be great!

[carvaofficial]

Hi @simonmaass!!
Here you got a little example of what I'm doing: https://stackblitz.com/edit/nuxt-starter-4ks78heg

I have to say two things about this: Stackblitz gives me a security problem when detecting pop-ups. This is something I had not checked since I was doing the test from a local environment. And the other thing is that I do not ask the user at any time to activate the permission to use pop-ups, which is necessary to detect windows.
Regardless of this, I recommend that you do your tests from a local environment and check if this solution is useful to you. It is not the most polished or optimal solution, but at least it works.

If you have any questions, feel free to comment on this!