fix: encodeURI for thumbnails and timelapse files

[ngynkvn]

GET requests including file names with special characters such as '%' will properly encode the request to the server.

Description

I run mainsail and moonraker behind Nginx. My g-code files are named to include infill percentage, i.e. "25%", which for URLs is a reserved escape character. Nginx parses these requests incorrectly and returns a 400 Bad Request code, leaving thumbnail icons and timelapse videos inaccessible for me.

Before fix:

Clicking the first file in timelapse view breaks:

Note the g-code file without the '%' symbol successfully obtains it's thumbnail, but all others are breaking.

I did a grep through the code base and replaced lines where encodeURI was missing for the GET request.

After fix:

The first timelapse video is successfully found and displayed:

Lmk about any concerns, and thank you for providing a great and useful UI! 🎉

[meteyou]

thx for the PR!

[wlhlm]

Heads up: Funneling the whole URL through encodeURI() will most likely break for users on IPv6 as can be seen in the following fluidd PR: fluidd-core/fluidd#439

[meteyou]

Heads up: Funneling the whole URL through encodeURI() will most likely break for users on IPv6 as can be seen in the following fluidd PR: fluidd-core/fluidd#439

thx for your feedback. should be fixed with this commit: 56d61ce