Log out with pageContext.user and once

[itsdyzoon]

Hi!

I'm following the Vike auth guide to implement custom authentication. I’ve successfully handled login using a server-side onCreatePageContext() and passed the user to the client with once enabled. Now I’m trying to implement a logout mechanism.

I call an API endpoint that invalidates the session (stored in cookies). After that, I want the UI to reflect that the user is logged out.
I tried setting pageContext.user = null or pageContext.globalContext.user = null, but the values do not update themselves, not to mention the UI.
I also tried calling reload() (with and without setting the above), but it doesn't seem to help.

Is there a way to update pageContext.user after logout (and re-render the UI accordingly) without reloading the entire page from the server?

[brillout]

I see (and the docs should be updated to mention this).

Can you confirm the following?

pageContext.globalContext.user = null
console.log(pageContext.user === null) // Logs true

Why doesn't it solve the issue?

[itsdyzoon]

That's because you are using some kind of cache? E.g. useMemo() if you use React?

Nope, I use pageContext.user.first_name directly

I've created a repro where you are authorised at the server level (+onCreatePageContext.server.ts) and then if you try to de-auth with one of the buttons (+Page.tsx), you'll get pageContext.user === null logging true, yet the interface will stay at Hello John Doe

https://stackblitz.com/edit/uc6tlank?file=pages%2Findex%2F%2BPage.tsx

[brillout]

I can confirm, and I wrote a fix here. I'll further dig into possible edge cases I may have missed tomorrow. Note that once and globalContext are recent additions — issues are to be expected.

[brillout]

Fix pre-released as 0.4.236-commit-79f1ef0. (It also contains the other fix.)

I also noticed that HMR doesn't always work. I'll dig into that as well.

Once it's implemented (ETA this week) you'll be able to simply reload() and everything should just work then.

ETA next week.

[brillout]

Ended up deprecating the once setting. Simply don't use it and it should just work. Make sure to update to 0.4.237 (it contains a bug fix you'll need).

See also:

• Updated authentication docs: https://vike.dev/auth
• New setting .once.js e.g. +data.once.js #2566
• fix: deprecate passToClient once setting #2632
• fix: make pageContext.json request if +onCreatePageContext.server.js exists #2630

Let me know if you still have any issues. (I've seen that HRM doesn't always work with your reproduction, I'll have a look at it.)

[itsdyzoon]

It does indeed solve the issue.

Thank you for your work!

[brillout]

I've seen that HRM doesn't always work with your reproduction

It seems like it never works, and it seems to be a Hono issue:

• https://github.com/honojs/hono/issues/4404