ARUI DevTools: painel do Chrome DevTools para depuração de microfrontend ARUI
ARUI DevTools, desenvolvido pelo Alfa-Bank (equipe Alfa Digital/Alfa-Laboratory), é uma extensão do Chrome para desenvolvedores frontend que constroem microfrontends com a biblioteca ARUI. Ele adiciona uma aba dedicada ao DevTools para mostrar como os módulos são buscados, versionados e executados, oferecendo visualizações de linha do tempo e de tempo de recursos, além de logs persistentes. A extensão é direcionada a engenheiros que trabalham dentro do ecossistema ARUI/arui-scripts que precisam de visibilidade sobre o carregamento de módulos distribuídos e a sequência de inicialização.
Para que serve o ARUI DevTools?
A ferramenta foca no diagnóstico de microfrontends para projetos baseados em ARUI. Ela integra uma nova aba do DevTools que exibe manifestos de módulos, fontes e versões carregadas, para que os desenvolvedores possam inspecionar qual instância de módulo o aplicativo usou em tempo de execução. Essa especificidade torna a extensão adequada para equipes que dependem da biblioteca de componentes ARUI e arui-scripts em vez de painéis genéricos de inspeção de rede.
Como ela lida com a visibilidade de módulos e erros?
Ela mapeia falhas de módulos para rastreamentos de pilha acionáveis dentro do DevTools. A seção de Erros captura o estágio de falha e fornece quadros de pilha clicáveis que abrem arquivos no painel de Fontes do navegador, permitindo que os engenheiros saltem de uma linha de erro para o arquivo de origem correspondente sem trocar de ferramentas. A tabela de Módulos lista manifestos de origem e versões para vincular um erro a um pacote específico.
Quão bem ela registra o tempo de carregamento e persiste dados?
Ela registra carregamento paralelo e mantém registros através de recarregamentos para análise de inicialização antecipada. A visualização da linha do tempo destaca solicitações de recursos concorrentes e gargalos de fila, enquanto uma análise de tempo de recurso mostra pausas nas etapas de carregamento. A persistência de dados de linha do tempo e carregamento através de atualizações de página ajuda a capturar problemas que ocorrem antes que painéis tradicionais possam capturá-los.
Quem deve instalá-lo e por quê
ARUI DevTools é uma opção prática e de nicho para engenheiros de frontend incorporados na pilha de microfrontend ARUI que precisam de visibilidade de ponta a ponta da resolução de módulos e sequência de inicialização. Espere uma extensão focada que encurte o caminho de uma carga falha até o módulo responsável e o arquivo de origem. Para desenvolvedores fora do ecossistema ARUI, a extensão oferece pouco valor agregado em comparação com os painéis padrão do DevTools.
