Astra. Как мы упростили жизнь разработчикам за счет создания браузерного расширения

Расскажу про внутреннюю разработку — браузерное расширение Astra для Google Chrome на базе Chrome Extension API для упрощения работы с продуктовыми и техническими задачами на фронтенде как со стороны разработчиков, так и тестирования.

Astra позволяет дополнить интерфейс продукта недостающими элементами только для разработчиков. В процессах Mail это дает возможности для повышения гибкости используемых в разработке инструментов. После установки расширения можно удобно и быстро отлаживать отправляемые технические метрики до того как они попадут в хранилище (с фильтрацией и сортировкой). Расширение добавляет дополнительные подсказки по работе сервиса для сотрудников (без написания кода в самом проекте). Astra дополняет UI недоступных для модификации внешних сервисов своими элементами интерфейса или даже целыми экранами. Для локальной разработки также реализован перехват отправляемых запросов с подменой URL — это позволяет не использовать сторонние приложения для проксирования.

Расширение написано на языке TypeScript с использованием библиотеки React для отрисовки и MobX для хранения состояний. При этом активно используются API для работы с браузером Google Chrome (непосредственно для интеграции в тулбар, в DevTools, в отслеживание запросов, в систему разрешений и управление открытыми браузером страницами).

Доклад будет полезен тем, кто занимается разработкой с использованием внутренних систем мониторинга или сторонних продуктов.