metrikube/app

Empower Developers with Comprehensive Ecosystem Monitoring.

app's Issues

Card aws UI

US : Instructions d'installation d'un plugin

• Une fois que j'ai choisi le plugin que je veux installer, je dois pouvoir suivre les instructions afin de pouvoir le configurer de la bonne manière

Les instructions seront écrites en markdown afin de pouvoir les formater correctement à l'affichage

Rajouter les instructions d'installation des plugins dans le readme

Create a generic card component for metrics

Setup alerting on metric data threshold

Steps to complete :

• Implement alerting notification using customizable values and fields (field, value, operator, threshold)
• notify user (email) when a metric needs alert (value | operator | threshold => true)
• deactivates the alert for the given metric until the trigger condition is no longer met

Install react-query devtools

Chart js rounded

Api health check plugin

Global restyling Css

Multiple call on same endpoint

Client calls /dashboard endpoint twice at the app startup

US : Visualisation plugin dans le dashboard

Une fois le plugins configuré, je dois pouvoir le visualiser dans mon dashbaord, et le modifer/supprimer si besoin

• front
• back

US : Afficher le dashboard avec les métriques choisie

• Lorsque j'ai configuré un plugin avec une métrique, je dois être en mesure de voir la carte correspondant à cette métrique avec les valeurs à jour,
• En cliquant sur le bouton "actualiser" je dois pouvoir afficher la donnée la plus à jour de la métrique

---

• front
• back

Setup CI Github Action Front

US : Notification management when alerts/widgets are deleted

• Disable alerts in 1:1 (with alertId)
• Disable 1:n alerts from widget (disable all alerts with widgetId)
• Disable crons when I delete an alert
• Disable crons when I delete a widget
• + Delete alerts / cron (1:1, 1:n)

Font download error

US : Realtime dashbaord

Lorsque je suis sur mon tableau de bord je souhaiterais pouvoir voir les métriques évoluer au cours du temps sans que je n'ai a cliquer sur rafraîchir

• Implement scheduler/recurring jobs to refresh frontend data (+ using SSE and EventSource).

Make a function retrieve all plugin category

US : Lister plugins disponibles

En tant qu'utilisateur, lorsque je clique sur le bouton "Ajouter un plugins", je dois pouvoir lister les plugins disponibles afin de pouvoir choisir celui que je veux installer

• front
• back

RAF

• Revoir la UI des graphique
• UI des cartes AWS
• UI de la partie alerte
• Revoir les instructions (split la page popup en 2)

Security : Encrypt credentials with a custom password chosen by the user

Rajouter les instructions d'installation des plugins dans le readme

US : Choix métriques

Avoir la possibilité de choisir parmi des métrique déjà défini dans une liste déroulante

US : Filtre plugin par catégories

Je dois pouvoir filtrer les plugins par catégorie

Clean API & data structure

Todo :

• Rajouter le pluginId dans la table metric pour savoir quelle sont les metriques d'un plugin et renvoyer un tableau de metrics
• Mettre le credentialType dans les plugin
• Rajouter un bool isNotifiable sur les metric pour dire que cette metrique peut avoir des notifications
• Dans les plugins rajouter un iconUrl pour l'icone du plugin
• Dans la table alerte le champs metricId doit faire référence à la table PluginToMetric

Customise cell rendering when necessary (on table widgets)

Insérer credential

UI : AwsEc2MultipleInstancesUsage not implemented

Y'a rien 👀
alors qu'on devrait avoir un tableau

export const AwsEc2MultipleInstancesUsage = ({ widget }: Props) => {
  return (
    <SimpleWidget>
      <>
        <small>{widget.data.name}</small>
      </>
    </SimpleWidget>
  )
}

Display the right alert in alert modal

Revoir la taille des cartes/colonnes

• Uniformiser la taille des cartes pour avoir une taille cohérente
• Avoir un dashboard sur 4 colonne au lieu de 3

Deploy app to docker hub

Deploy metrikube to docker hub and make it runnable with docker run metrikube

Gérer les alertes avec les tableaux

Setup Db-plugin

Settings

• User db
• Password db
• Ip server

Feature1

• Get logs database

Use Masonry UI on dashboard

Move metric template on their own files

US : Averti lorsque je ne suis pas là

Lorsque je créer une alerte sur un plugin je dois être en mesure d'être averti par si jamais l'alerte se déclenche lorsque je ne regarde pas le dashboard

Todo :

• Lorsque je configure les alertes d'un plugin, je créer un job qui va se charger de récupérer la donné à interval régulier et d'évaluer la condition d'alerte
• Envoyer un mail en spécifiant le type d'alerte, la métrique impacté et les seuils d'alerte

alert popup UI

Init backend bd project

Setup the backend project with :

• db connection
• backend hexagonal architecture
• Entity

US : Affichage des alertes déclenchée sur le dashboard

Lorsque qu'un widget dispose d'alertes et que certaines de ces alertes ce sont déclenchées, je souhaiterais que ces alertes là s'affichent sur mon dashboard afin d'avoir un retour visuel sur les alertes qui ce sont déclenchées.
Je peux aussi cliquer sur un bouton "résolu" pour ne plus afficher cette alertes
(cf maquettes)

Closing a popup returns me to the top of the page

Errors : Handle MUI errors

• isFirstStep
• Watch for other errors

Setup Aws-plugin

AWS Plugin

The goal of this epic is to list all required information using AWS SDK

https://docs.aws.amazon.com/sdk-for-javascript/v3/developer-guide/getting-started-nodejs.html

Settings

• Credentials AWS user
• AWS Region

Feature1

• Get total of instances EC2
• Get total price of instances EC2
• Get all instances EC2 with:
  • Cost
  • Name
  • Active (bool)

Feature2

• Get total of Buckets S3
• Get total price of Buckets S3
• Get all buckets S3 with:
  • Cost
  • Name
  • Free storage
  • Full storage
  • Active (bool)
  • last updated (datetime)

alerts creation on widget installation

Create alerts on widget creation process doesn't work

Setup Github-plugin

Github Plugin

The goal of this plugin is to use Github API to list the required information.
Github Rest API Doc here: https://docs.github.com/fr/rest?apiVersion=2022-11-28

Settings

• Github Token
• Repository name
• Owner

Features:

• 5 last PR
• 5 last Issues

US : configurer les seuils d'alertes par métrique

Si la métrique que j'ai choisi dispose d'un système d'alerte, je dois pouvoir la configurer si besoin

• front
• back

widget creation alerts UI

IMPROVE : widget creation alerts step ui

Delay in displaying widget after adding it

• quand j'ajoute/upprime un widget je dois attendre le refresh du SSE pour ne plus afficher le widget :
  • faire un get http après un delete
• quand j'arrive sur la page la première fois j'ai un loader qui attend le pull du SSE (donc 10s de loading dans le vide):
  • faire la query en http la toute première fois et ensuite ouvrir le sse

Setup back project

Beautify dashboard

US : Gestion des erreurs sur les widgets qui ne chargent pas

En tant qu'utilisateur du dashboard :

Je souhaite voir un message d'erreur dans la carte du plugin lorsque le widget sur mon dashboard ne répond pas (par exemple, en cas d'erreur 500 du serveur)
Afin d'être informé que le plugin n'a pas pu se charger correctement.

Init MUI

Chaque render de la page me renvoi tout en haut

A chaque fois ou le EventSource reçoit la data il render le dashboard et ça scroll tout en haut