JSPM

const crayon = require('crayon.js')
/* In TypeScript you can do: 
 * import * as crayon from 'crayon.js'
 * import crayon = require('crayon.js')
 */

// Chainable API
console.log(crayon.bgYellow.black('Hello!'))

/* Notice how you can use CSS Keywords directives directly for colors.
 * If terminal does not support 24bit colors it will fallback to 8/4/3 bit or none
 * colors depending on which one is supported
 */
console.log(crayon.bgKhaki.orange('World!'))

/* Crayon.js supports also using function api
 * It's not as elegant but removes a bit of overhead
 * And I'm looking forward to improve it
 */
console.log(crayon.keyword('bgKhaki').keyword('orange')('The same world!'))

/* Crayon.js allows you to not only apply colors
 * but also attributes (named modifiers by some other libs)
 * Of course you can mix them with colors if you want
 */
console.log(crayon.bold(`Isn't this text kinda thicc`))

/* Styles (this means both attributes and colors)
 * can be nested together in a string
 */
console.log(`${crayon.blue.bold(`wow ${crayon.red('that')}`)} ${crayon.yellow('is kinda cool')}`)

/* You can cache style, chalk names it "theme".
 * Remember to call main crayon instance as function to create theme.
 * If you're using the same style X times it's
 * worth to cache it as it improves performance.
 * modifying cached style will result it to change everywhere
 * and cached style can't be reset.
 */
const error = crayon().bgYellow.red
console.log(error('this is error!'))
console.log(error('this will also have the same style applied!!'))

interface ColorSupport {
    /** 24bit (16.7m) color palette */
    trueColor: boolean
    /** 8bit (256) color palette */
    highColor: boolean
    /** 4bit (16) color palette */
    fourBitColor: boolean
    /** 3bit (8) color palette */
    threeBitColor: boolean
}