GitHub - GabLeRoux/ansi-colors-chrome-extension: :earth_africa: ANSI colors in your browser!

Chrome extension that converts ANSI characters to colors on the fly / on button click for the lazy ones. Does what ansi-html-stream does but within browser.

Work in progress (pressing on button currently strip ansi characters for now) :P

Motivation

I once used to run salt commands with jenkins, which outputs colored data by default, but it gets unreadable in a webpage! There's a jenkins plugin for this, but I tought why not a plugin for chrome itself? Here it is :)

Here's a related blog post I wrote about ansi characters and colors: Keep saltstack colored output

Todo

Add support for colors instead of stripping colors
Create an icon
Upgrade all packages
Upgrade node base version (you need node 8 to build this project)
Provide ansi stripping capability strip-ansi 🎉
Publish

Usage

Right now, hitting extension button can convert from this:

Summary
-------------�[0m
�[0;32mSucceeded: 24�[0m (�[0;32mchanged=3�[0m)
�[0;36mFailed:     0�[0m
�[0;36m-------------
Total states run:     24�[0m

to this

Summary
-------------
Succeeded: 24 (changed=3)
Failed: 0
-------------
Total states run: 24

Installation

From the chrome webstore

ANSI Colors chrome extension

Manually from releases page

Download latest zip file in the releases tab.
Unzip the file somewhere on your computer
Open chrome://extensions
Drag n drop the folder of the plugin

Have fun! ✌️

Contributing

Pull requests are welcome! Please contribute 🚀
This plugin uses browserify in a chrome extension and it works!
The plugin was created using generator-chrome-extension

Development and requirements

Clone the repository
Build or watch (see commands section)
Open chrome://extensions
Check the Developer mode checkbox
Hit Load unpacked extension... button
Select the dist folder (which contains the manifest.json file)

Commands

Install dependencies

Transform updated source written by ES2015 (default option)

or Using watch to update source continuously

Make a production version extension

Compress and prepare for the chrome web store package (after npm run build)

More details at generator-chrome-extension

Problems? Questions?

See issues