Javascript error: crypto.randomUUID is not a function

[alexzaech]

Description

Description

When accessing NiceGUI other than using localhost address, the browser JS console shows TypeError: crypto.randomUUID is not a function (nicegui.js:339). UI elements are rendered correctly, but no callback seems to work.

Minimal example to reproduce the issue:

from nicegui import ui

@ui.page("/")
async def home():
    ui.button("Test me", on_click=lambda: ui.notify("Hello, world!"))

if __name__ in {"__main__", "__mp_main__"}:
    ui.run()

Open browser dev tools console to see the error message.

This issue occurs with the latest code from GitHub main branch but NOT with release version 1.4.20.

[falkoschindler]

Oh wow, thanks for spotting this, @alexzaech!
This line has been added in PR #2837. We'll look into it.

[rodja]

Interesting. crypto.randomUUID is only available locally or when serving https: https://stackoverflow.com/a/2117523/364388. I think we should try to use crypto.randomUUID and if it fails we should fall back to a custom uuid generation function (like the one from the StackOverflow answer).

[alexzaech]

Thanks @rodja, using it via HTTPS works. Quickly tested as documented here https://www.uvicorn.org/deployment/#running-with-https using self-signed certs created with mkcert

[falkoschindler]

I think I fixed it by adding a fallback function: ed298d7
@alexzaech Do you want to give it a try? 🙂

[alexzaech]

Hi @falkoschindler!

looks like it works. Many thanks!