Having any kind of data shown on a tile, create your own integrations easily directly from the main webpage

[ajnart]

Description

Data needs to be shown underneath a tile to add some nice info about services that have no modules made for them yet.

On this image of Heimdarr, we can see that some info is written into the tiles, allowing to take a quick glace at info

How to implement this ?

Ideally in the future any integration could be added by editing a service to send a request to it and read data at a certain JSON path. Displaying the wanted info.

Perhaps we could make some global config file containing "presets"
i.e. Service preset is PiHole --> Requests {service}/api/stats and displays {global.requests.blocked} {t('presets.pihole.blocked'} (t is the translation function)
Also adding required fields for login/pass auth or API auth to the respective APIs when needed

The presets file

The presets file will be open source so that everyone can edit the data they want to show. Maybe we could even make a dynamic GitHub edit link to propose the changes.
The process I'm thinking about would be :
Fill in the custom integration form (shown on clicking "custom integration", replacing a Selector for already implemented presets) .It would show a box with the text to copy/paste at the end of the array of presets on GitHub to propose this integration, marked as in edit mode, it would also tell the user to open a PR of "new preset" type or something similar

Ideas

We probably want to only send one request to the backend with all the URLs to be fetched with the correct auth info
/api/customIntegrations body :

"items": [
    {
       "name": "get-stats-service-id",
        "url": "localhost:3000/api/getStats?apikey=bLahB14bl4h"
    }
    {
        "name": "get-other-stats-login",
        "url": "localhost:6868/api/getOtherStats?login=Toto&pass=SuperSecure"
    }
]

This is a LOT of work but is in my ideal roadmap for Homarr.

[1liminal1]

Awesome!!!

Thanks Thomas, these ideas sound great :)

[Meierschlumpf]

Moved to homarr-labs/homarr#2018