🌍 ANSI colors in your browser!
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
app
test initial commit Feb 18, 2016
.babelrc 🎉 Upgraded gulpfile and packages from upstream generator-chrome-exten… Mar 9, 2017
.bowerrc initial commit Feb 18, 2016
.editorconfig initial commit Feb 18, 2016
.gitattributes initial commit Feb 18, 2016
.gitignore initial commit Feb 18, 2016
.jshintrc initial commit Feb 18, 2016
.yo-rc.json initial commit Feb 18, 2016
ReadMe.md Added links to published package ✌️ Aug 18, 2017
bower.json initial commit Feb 18, 2016
gulpfile.babel.js 🎉 Plugin is working again, reverted some changes to gulpfile for brow… Mar 9, 2017
license MIT License ✌️ + readme improvements Mar 9, 2017
package.json 🎉 Upgraded gulpfile and packages from upstream generator-chrome-exten… Mar 9, 2017

ReadMe.md

ANSI Colors chrome extension

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

  • Figure out how to pass data to ansi-html-stream (using a stream? maybe I should find a different solution) See #1 help needed!
  • Add support for colors instead of stripping colors
  • Create an icon
  • 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

  1. Download latest zip file in the releases tab.
  2. Unzip the the file
  3. Open chrome://extensions
  4. Drag n drop the folder of the plugin

Have fun! ✌️

Contributing

Development and requirements

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

Commands

# install gulp and dependencies
npm i -g gulp && npm i

# Transform updated source written by ES2015 (default option)
gulp babel

# or Using watch to update source continuously
gulp watch

# Make a production version extension
gulp build

# compress and prepare for the chrome web store (after gulp build)
gulp package

More details at generator-chrome-extension

Problems? Questions?

See issues

License

MIT © Gabriel Le Breton