serverless source code pretty-printing, tearing and async rendering

рассмотрим такую ситуацию, нам нужно посмотреть исходный код проекта в том виде, в котором он опубликован в проде (нпм для библиотек, продакшн-сервер для фронтенд-проектов)
так как код зачастую сильно минифицирован, изучать его без форматирования мягко говоря не удобно, поэтому требуется воспользоваться prettier, задеплоенным на отдельный сервис (лямбду) для удобства

для примера возьмём сам effector
чтобы получить его исходный код, нужно  сделать запрос к unpkg.com а результат затем отправить в лямбду для форматирования. суммарно у нас получается два последовательных http запроса
для визуализации происходящего, сделаем стор status и реакт-компонент, который бы показывал прогресс-бар и фазы выполнения:
 - fetchSources
 - format
 - complete
 - init
 - error

при повторных запросах (например, при редактировании кода в repl), запрос к unpkg закэшируется браузером и будет выполняться за ~20ms. казалось бы, всё хорошо, но при запуске мы увидим…

The state manager ☄️. Contribute to zerobias/effector development by creating an account on GitHub.