Login error on a remote server

[jonas-sasin]

Hello,
I'm using this library and everything was running smoothly until I tried to run the application on a remote server. I'm using VPN to access the machine and run the app in docker there, using nginx.
When I click on the login button, I get the following error in the console.

I tried running the app locally again (using docker, nginx as reverse proxy) and had no problem (basically the same setup as the remote).
I was even able to access the backend server that is behind the reverse proxy on the remote server.
Can't figure out what is the problem on the production server though.
Any tips? Thanks

Edit:
local storage state for reference

[sebastianvitterso]

The error says TypeError: Cannot read properties of undefined (reading 'digest')
That means somewhere in the code, we have x.digest, where x=undefined.

The only place in the code where the .digest property is accessed, is in pkceUtils.ts, where line 27 reads:

const hash: ArrayBuffer = await window.crypto.subtle.digest('SHA-256', bytes) // sha256 hash it

This means that window.cryptio.subtle is undefined in you context, which according to [this StackOverflow answer], always happens in "unsecure contexts". Basically, it won't work on sites running via http, only for sites running via https (note that localhost is considered a "secure origin").

Is it possible that this is the issue? If so, the solution is to serve the web site/application via HTTPS.

[jonas-sasin]

Yes, this is quite certainly the cause of the issue, I just didn't expect a message like that.
Thank you for the quick and detailed explanation.

[sebastianvitterso]

I agree that the error message is suboptimal; we had not considered this facet of the application.
@soofstad made an issue for this: #73, and we'll have a closer look at providing better feedback in cases such as this.