Skip to content

Display GitHub Action Raw log in color, converting the Ansi colors to HTML

Notifications You must be signed in to change notification settings

thuandohoang/github-actions-logs-extension

 
 

Repository files navigation

"GitHub Action Raw Log Viewer" extension for Firefox and Chrome

If you've ever used GitHub Actions, you will find that they provide by default a nice coloured output for the log. It looks good and it's even interactive! (You can click to collapse/expand blocks of text) But unfortunately it doesn't scale to large workflows, like we have for Joplin - the log can freeze and it will take forever to search for something. Indeed searching is done in "real time"... which mostly means it will freeze for a minute or two for each letter you type in the search box. Not great.

Thankfully GitHub provides an alternative access: the raw logs. This is much better because they will open as plain text, without any styling or JS magic, which means you can use the browser native search and it will be fast.

But now the problem is that raw logs look like this:

Raw log without extension

While it's not impossible to read, all colours that would display nicely in a terminal are gone and replaced by ANSI codes. You can find what you need in there but it's not particularly easy.

This is where the new GitHub Action Raw Log Viewer extension for Firefox and Chrome can help. It will parse your raw log and convert the ANSI codes to proper colours. This results in a much more readable rendering:

Raw log with extension

The extension is fast even for very large logs and it's of course easy to search for text since it simply works with your browser built-in search.

To install it, follow one of these links:

Download GitHub Action Raw Log Viewer Firefox add-on

Download GitHub Action Raw Log Viewer Firefox Chrome extension

GitLab support

GitLab also offers its logs in raw format so the extension should work with it too. See manifest.json for the list of supported URLs.

Building the extension

Run yarn install && yarn dist. The built extensions will be in dist/firefox for Firefox and dist/chrome for Chrome.

License

MIT

About

Display GitHub Action Raw log in color, converting the Ansi colors to HTML

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%