ARUI DevTools : panneau Chrome DevTools pour le débogage de microfrontend ARUI
ARUI DevTools, développé par Alfa-Bank (équipe Alfa Digital/Alfa-Laboratory), est une extension Chrome pour les développeurs frontend construisant des microfrontends avec la bibliothèque ARUI. Elle ajoute un onglet DevTools dédié pour montrer comment les modules sont récupérés, versionnés et exécutés, offrant des vues de chronologie et de timing des ressources, ainsi que des journaux persistants. L'extension cible les ingénieurs travaillant dans l'écosystème ARUI/arui-scripts qui ont besoin de visibilité sur le chargement de modules distribués et la séquence de démarrage.
À quoi sert ARUI DevTools ?
L'outil se concentre sur le diagnostic des microfrontends pour les projets basés sur ARUI. Il intègre un nouvel onglet DevTools qui affiche les manifestes de module, les sources et les versions chargées, afin que les développeurs puissent inspecter quelle instance de module l'application a utilisée à l'exécution. Cette spécificité rend l'extension adaptée aux équipes qui s'appuient sur la bibliothèque de composants ARUI et arui-scripts plutôt que sur des panneaux d'inspection réseau génériques.
Comment gère-t-il la visibilité des modules et des erreurs ?
Il associe les échecs de module à des traces de pile exploitables à l'intérieur de DevTools. La section Erreurs capture l'étape d'échec et fournit des cadres de pile cliquables qui ouvrent des fichiers dans le panneau Sources du navigateur, ce qui permet aux ingénieurs de passer d'une ligne d'erreur au fichier source correspondant sans changer d'outil. Le tableau des Modules répertorie les manifestes sources et les versions pour lier une erreur à un bundle spécifique.
Quelle est son efficacité pour enregistrer le timing de chargement et persister les données ?
Il enregistre le chargement parallèle et conserve les enregistrements à travers les rechargements pour une analyse de démarrage précoce. La visualisation de la chronologie met en évidence les demandes de ressources concurrentes et les goulets d'étranglement de mise en file d'attente, tandis qu'une répartition du timing des ressources montre les pauses d'étape de chargement. La persistance des données de chronologie et de chargement à travers les rafraîchissements de page aide à détecter les problèmes qui se produisent avant que les panneaux traditionnels ne puissent les capturer.
Qui devrait l'installer et pourquoi
ARUI DevTools est une option de niche et pratique pour les ingénieurs frontend intégrés dans la pile microfrontend ARUI qui ont besoin d'une visibilité de bout en bout de la résolution des modules et de la séquence de démarrage. Attendez-vous à une extension ciblée qui raccourcit le chemin d'un chargement échoué au module responsable et au fichier source. Pour les développeurs en dehors de l'écosystème ARUI, l'extension offre peu de valeur ajoutée par rapport aux panneaux DevTools standard.
