Emojis in endpoint name lead to empty endpoint detail pages

[PirMei]

Describe the bug

Hi,
since we've introduced the 🚨 emoji in our endpoint names to easier distinguish endpoints with alerts and endpoints without alerts in the web UI, the single endpoint pages with more details only shows up blank for these endpoints (and for those with the 🚨 only).

What do you see?

This endpoint, when you click its link

shows up as

(so no history, no graph, no badges, no events)

What do you expect to see?

The regular detailed endpoint page.

List the steps that must be taken to reproduce this issue

1. Create and endpoint with a name ending with an emoji
2. Reload gatus for configuration changes
3. Endpoint shows up with history on the main page but the detail page is empty

Version

latest from Docker Hub

Additional information

No response

[ClayenKitten]

Also happens with cyrillic characters, so I guess everything that is not ASCII is off limits

[d8sychain]

I haven't tested it with other characters, but using # in the group name or endpoint name will result in a blank details page also.

To sort my groups I had named them #1 Group A, #2 Group B, #3 Group C, etc. This caused every detail page to load blank. Once I removed the # from the group name it started working.

[salim-b]

A blank detail page means the path to the detail page is wrong (just add a random character to the path of any valid detail page to reproduce). I guess the "endpoint name to URL path" normalization is broken somewhere for emojis, so the link on Gatus' main page to the endpoint detail page is wrong if the endpoint name contains emojis.

Related to #749.