Skip to content

feat: htmx + maud for monitor frontend#2024

Merged
Mirko-von-Leipzig merged 6 commits intonextfrom
santiagopittella-htmx-maud-frontend
May 5, 2026
Merged

feat: htmx + maud for monitor frontend#2024
Mirko-von-Leipzig merged 6 commits intonextfrom
santiagopittella-htmx-maud-frontend

Conversation

@SantiagoPittella
Copy link
Copy Markdown
Collaborator

@SantiagoPittella SantiagoPittella commented Apr 30, 2026

Replaces the index.js with server-rendered maud templates polled by htmx. Browser code shrinks to the two things the server can't do: gRPC web checks and clipboard copies. The /status JSON endpoint stays put, htmx.min.js
is vendored.

Additionally, since it was a one liner, in the second commit I refactored the front end to host 4 cards per row instead of 3.

Screenshot 2026-04-30 at 18 27 04

closes #1933

@SantiagoPittella SantiagoPittella changed the title Santiagopittella htmx maud frontend feat: htmx + maud for monitor frontend Apr 30, 2026
Copy link
Copy Markdown
Collaborator

@Mirko-von-Leipzig Mirko-von-Leipzig left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bit of a shallow approval because I don't know maude well enough to judge the patterns used

Comment thread bin/network-monitor/assets/probes.js
Comment thread bin/network-monitor/src/view.rs Outdated
Comment thread bin/network-monitor/src/view.rs Outdated
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think some comments on the functions would be helpful. Names are a bit vague unless one knows whats going on.

Copy link
Copy Markdown
Collaborator

@Mirko-von-Leipzig Mirko-von-Leipzig May 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also its a huge file.. wonder if we can split things by card type somehow, or maybe come up with a card design that is more structured so we can reuse pieces.

Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I address this two comments in 7d7d77c. Basically I split this in a file per component, and improved functions docs.

Copy link
Copy Markdown
Collaborator

@Mirko-von-Leipzig Mirko-von-Leipzig left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you!

@Mirko-von-Leipzig Mirko-von-Leipzig merged commit a9e2063 into next May 5, 2026
17 checks passed
@Mirko-von-Leipzig Mirko-von-Leipzig deleted the santiagopittella-htmx-maud-frontend branch May 5, 2026 04:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Monitor: HTMX frontend

2 participants