Development Notes

[daya0576]

To share some personal development notes :)

[daya0576]

2025/02/06 Server is under attack??!

Slow response and errors detected in the past 24 hours.

• Root cause: high traffic (habit completion event triggered) from a single user
• Solution: Rate limit added for unusual traffic patterns, to protect our tiny poor instance :p

[daya0576]

2025/02/07 Regression issue on mobile devices

Problem: There's a regression issue where completing a habit on a mobile device does not update the status as expected.

Solution: Did some research on touch/click events and fixed this issue with this commit.

Reference: https://ui.toast.com/posts/en_20220106

[daya0576]

2025/03/22 FOUC (flash of unstyled content)

To fix the annoying white flash when loading the new pages.
https://github.com/user-attachments/assets/009ba9f9-0a7c-408a-9f0b-8c0d0fc07018

Two improvements were made:

Add body color in-line CSS style

beaverhabits/beaverhabits/frontend/layout.py

Line 82 in 094314d

ui.add_css("body { background-color: #121212; color: white; }")

Overwrite static file ttl

The default cache timeout is 24 hours:
https://github.com/zauberzeug/nicegui/blob/b75d876a95c5c424d18636e3611c947ef4556d4a/nicegui/nicegui.py#L86

We overwrite it to 365 days to improve performance:

beaverhabits/beaverhabits/routes.py

Lines 246 to 253 in 094314d

	@app.middleware("http")
	async def StaticFilesCacheMiddleware(request: Request, call_next):
	response = await call_next(request)
	path = request.url.path
	if path.startswith("/_nicegui/"):
	response.headers["Cache-Control"] = "public, max-age=31536000, immutable"
	return response