Discord bot built with Pycord that offers AI chat and image generation inside of Discord. Image generations are saved in cloudinary and hosted online for all to download.
GNU General Public License v3.0
2
stars
1
forks
source link
:zap: Add dynamic component updates using HTMX #80
This PR introduces the addition of partials for different system metrics (CPU, Memory, Disk, Network, etc.) in the Flask dashboard application and integrates HTMX for reactivity. Instead of refreshing the entire page, individual sections of the dashboard are now updated asynchronously, improving the performance and reducing the load on the Raspberry Pi. These changes will ensure that the bot status and system statistics are updated in near-real-time without overloading the Pi’s limited resources. This change addresses the need for a reactive frontend without the overhead of a heavier frontend framework like React.
Type of change
[x] New feature (non-breaking change which adds functionality)
Checklist
[x] My code follows the style guidelines of this project.
[x] I have performed a self-review of my code.
[x] I have commented my code, particularly in hard-to-understand areas.
[x] I have made corresponding changes to the documentation.
[x] My changes generate no new warnings.
[x] I have added tests that prove my feature works.
[x] New and existing unit tests pass locally with my changes.
[x] Any dependent changes have been merged and published in downstream modules.
Description
This PR introduces the addition of partials for different system metrics (CPU, Memory, Disk, Network, etc.) in the Flask dashboard application and integrates HTMX for reactivity. Instead of refreshing the entire page, individual sections of the dashboard are now updated asynchronously, improving the performance and reducing the load on the Raspberry Pi. These changes will ensure that the bot status and system statistics are updated in near-real-time without overloading the Pi’s limited resources. This change addresses the need for a reactive frontend without the overhead of a heavier frontend framework like React.
Type of change
Checklist