Popup

Fichiers concernés :

• internal/popup.html
• internal/popup.js
• fichiers dans mdui/

---

Le popup de l'extension est un simple fichier HTML accompagné d'un fichier JS. Le code JS ne peut pas être intégré directement dans le HTML via la balise script pour des raisons de sécurité.
À chaque fois que l'utilisateur clique sur l'icône de l'extension, Chrome charge dans une petite fenêtre les deux fichiers.

UI

Pour rendre l'interface agréable, ItsBetter utilise MDUI, une implémentation des composants Material You de Google pour le web.

Les ressources nécessaires à la mise en place de l'UI sont disponibles dans le dossier mdui/.

Génération dynamique des mods

La liste des mods disponibles n'est pas incluse dans le fichier HTML. Elle est générée avec du JS. Le code se charge d'obtenir la liste des paramètres stockée dans le navigateur et également les informations contenues dans le fichiers available-mods.json.
Ensuite, pour chaque paramètre, un élément est ajouté au code HTML : la version, le titre et la description sont récupérés depuis available-mods.json, et l'état (activé/désactivé) depuis le stockage du navigateur.
Un EventListener est aussi ajouté pour détecter si l'utilisateur coche ou décoche la case, ce qui conduit à la modification de la valeur stockée pour le paramètre conncerné dans le navigateur.