You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

304 lines
12 KiB

1 month ago
  1. <h1 align="center">
  2. <br>
  3. <br>
  4. <img width="320" src="media/logo.svg" alt="Chalk">
  5. <br>
  6. <br>
  7. <br>
  8. </h1>
  9. > Terminal string styling done right
  10. [![Build Status](https://travis-ci.org/chalk/chalk.svg?branch=master)](https://travis-ci.org/chalk/chalk) [![Coverage Status](https://coveralls.io/repos/github/chalk/chalk/badge.svg?branch=master)](https://coveralls.io/github/chalk/chalk?branch=master) [![npm dependents](https://badgen.net/npm/dependents/chalk)](https://www.npmjs.com/package/chalk?activeTab=dependents) [![Downloads](https://badgen.net/npm/dt/chalk)](https://www.npmjs.com/package/chalk) [![](https://img.shields.io/badge/unicorn-approved-ff69b4.svg)](https://www.youtube.com/watch?v=9auOCbH5Ns4) [![XO code style](https://img.shields.io/badge/code_style-XO-5ed9c7.svg)](https://github.com/xojs/xo) ![TypeScript-ready](https://img.shields.io/npm/types/chalk.svg)
  11. <img src="https://cdn.jsdelivr.net/gh/chalk/ansi-styles@8261697c95bf34b6c7767e2cbe9941a851d59385/screenshot.svg" width="900">
  12. ## Highlights
  13. - Expressive API
  14. - Highly performant
  15. - Ability to nest styles
  16. - [256/Truecolor color support](#256-and-truecolor-color-support)
  17. - Auto-detects color support
  18. - Doesn't extend `String.prototype`
  19. - Clean and focused
  20. - Actively maintained
  21. - [Used by ~46,000 packages](https://www.npmjs.com/browse/depended/chalk) as of October 1, 2019
  22. ## Install
  23. ```console
  24. $ npm install chalk
  25. ```
  26. ## Usage
  27. ```js
  28. const chalk = require('chalk');
  29. console.log(chalk.blue('Hello world!'));
  30. ```
  31. Chalk comes with an easy to use composable API where you just chain and nest the styles you want.
  32. ```js
  33. const chalk = require('chalk');
  34. const log = console.log;
  35. // Combine styled and normal strings
  36. log(chalk.blue('Hello') + ' World' + chalk.red('!'));
  37. // Compose multiple styles using the chainable API
  38. log(chalk.blue.bgRed.bold('Hello world!'));
  39. // Pass in multiple arguments
  40. log(chalk.blue('Hello', 'World!', 'Foo', 'bar', 'biz', 'baz'));
  41. // Nest styles
  42. log(chalk.red('Hello', chalk.underline.bgBlue('world') + '!'));
  43. // Nest styles of the same type even (color, underline, background)
  44. log(chalk.green(
  45. 'I am a green line ' +
  46. chalk.blue.underline.bold('with a blue substring') +
  47. ' that becomes green again!'
  48. ));
  49. // ES2015 template literal
  50. log(`
  51. CPU: ${chalk.red('90%')}
  52. RAM: ${chalk.green('40%')}
  53. DISK: ${chalk.yellow('70%')}
  54. `);
  55. // ES2015 tagged template literal
  56. log(chalk`
  57. CPU: {red ${cpu.totalPercent}%}
  58. RAM: {green ${ram.used / ram.total * 100}%}
  59. DISK: {rgb(255,131,0) ${disk.used / disk.total * 100}%}
  60. `);
  61. // Use RGB colors in terminal emulators that support it.
  62. log(chalk.keyword('orange')('Yay for orange colored text!'));
  63. log(chalk.rgb(123, 45, 67).underline('Underlined reddish color'));
  64. log(chalk.hex('#DEADED').bold('Bold gray!'));
  65. ```
  66. Easily define your own themes:
  67. ```js
  68. const chalk = require('chalk');
  69. const error = chalk.bold.red;
  70. const warning = chalk.keyword('orange');
  71. console.log(error('Error!'));
  72. console.log(warning('Warning!'));
  73. ```
  74. Take advantage of console.log [string substitution](https://nodejs.org/docs/latest/api/console.html#console_console_log_data_args):
  75. ```js
  76. const name = 'Sindre';
  77. console.log(chalk.green('Hello %s'), name);
  78. //=> 'Hello Sindre'
  79. ```
  80. ## API
  81. ### chalk.`<style>[.<style>...](string, [string...])`
  82. Example: `chalk.red.bold.underline('Hello', 'world');`
  83. Chain [styles](#styles) and call the last one as a method with a string argument. Order doesn't matter, and later styles take precedent in case of a conflict. This simply means that `chalk.red.yellow.green` is equivalent to `chalk.green`.
  84. Multiple arguments will be separated by space.
  85. ### chalk.level
  86. Specifies the level of color support.
  87. Color support is automatically detected, but you can override it by setting the `level` property. You should however only do this in your own code as it applies globally to all Chalk consumers.
  88. If you need to change this in a reusable module, create a new instance:
  89. ```js
  90. const ctx = new chalk.Instance({level: 0});
  91. ```
  92. | Level | Description |
  93. | :---: | :--- |
  94. | `0` | All colors disabled |
  95. | `1` | Basic color support (16 colors) |
  96. | `2` | 256 color support |
  97. | `3` | Truecolor support (16 million colors) |
  98. ### chalk.supportsColor
  99. Detect whether the terminal [supports color](https://github.com/chalk/supports-color). Used internally and handled for you, but exposed for convenience.
  100. Can be overridden by the user with the flags `--color` and `--no-color`. For situations where using `--color` is not possible, use the environment variable `FORCE_COLOR=1` (level 1), `FORCE_COLOR=2` (level 2), or `FORCE_COLOR=3` (level 3) to forcefully enable color, or `FORCE_COLOR=0` to forcefully disable. The use of `FORCE_COLOR` overrides all other color support checks.
  101. Explicit 256/Truecolor mode can be enabled using the `--color=256` and `--color=16m` flags, respectively.
  102. ### chalk.stderr and chalk.stderr.supportsColor
  103. `chalk.stderr` contains a separate instance configured with color support detected for `stderr` stream instead of `stdout`. Override rules from `chalk.supportsColor` apply to this too. `chalk.stderr.supportsColor` is exposed for convenience.
  104. ## Styles
  105. ### Modifiers
  106. - `reset` - Resets the current color chain.
  107. - `bold` - Make text bold.
  108. - `dim` - Emitting only a small amount of light.
  109. - `italic` - Make text italic. *(Not widely supported)*
  110. - `underline` - Make text underline. *(Not widely supported)*
  111. - `inverse`- Inverse background and foreground colors.
  112. - `hidden` - Prints the text, but makes it invisible.
  113. - `strikethrough` - Puts a horizontal line through the center of the text. *(Not widely supported)*
  114. - `visible`- Prints the text only when Chalk has a color level > 0. Can be useful for things that are purely cosmetic.
  115. ### Colors
  116. - `black`
  117. - `red`
  118. - `green`
  119. - `yellow`
  120. - `blue`
  121. - `magenta`
  122. - `cyan`
  123. - `white`
  124. - `blackBright` (alias: `gray`, `grey`)
  125. - `redBright`
  126. - `greenBright`
  127. - `yellowBright`
  128. - `blueBright`
  129. - `magentaBright`
  130. - `cyanBright`
  131. - `whiteBright`
  132. ### Background colors
  133. - `bgBlack`
  134. - `bgRed`
  135. - `bgGreen`
  136. - `bgYellow`
  137. - `bgBlue`
  138. - `bgMagenta`
  139. - `bgCyan`
  140. - `bgWhite`
  141. - `bgBlackBright` (alias: `bgGray`, `bgGrey`)
  142. - `bgRedBright`
  143. - `bgGreenBright`
  144. - `bgYellowBright`
  145. - `bgBlueBright`
  146. - `bgMagentaBright`
  147. - `bgCyanBright`
  148. - `bgWhiteBright`
  149. ## Tagged template literal
  150. Chalk can be used as a [tagged template literal](http://exploringjs.com/es6/ch_template-literals.html#_tagged-template-literals).
  151. ```js
  152. const chalk = require('chalk');
  153. const miles = 18;
  154. const calculateFeet = miles => miles * 5280;
  155. console.log(chalk`
  156. There are {bold 5280 feet} in a mile.
  157. In {bold ${miles} miles}, there are {green.bold ${calculateFeet(miles)} feet}.
  158. `);
  159. ```
  160. Blocks are delimited by an opening curly brace (`{`), a style, some content, and a closing curly brace (`}`).
  161. Template styles are chained exactly like normal Chalk styles. The following two statements are equivalent:
  162. ```js
  163. console.log(chalk.bold.rgb(10, 100, 200)('Hello!'));
  164. console.log(chalk`{bold.rgb(10,100,200) Hello!}`);
  165. ```
  166. Note that function styles (`rgb()`, `hsl()`, `keyword()`, etc.) may not contain spaces between parameters.
  167. All interpolated values (`` chalk`${foo}` ``) are converted to strings via the `.toString()` method. All curly braces (`{` and `}`) in interpolated value strings are escaped.
  168. ## 256 and Truecolor color support
  169. Chalk supports 256 colors and [Truecolor](https://gist.github.com/XVilka/8346728) (16 million colors) on supported terminal apps.
  170. Colors are downsampled from 16 million RGB values to an ANSI color format that is supported by the terminal emulator (or by specifying `{level: n}` as a Chalk option). For example, Chalk configured to run at level 1 (basic color support) will downsample an RGB value of #FF0000 (red) to 31 (ANSI escape for red).
  171. Examples:
  172. - `chalk.hex('#DEADED').underline('Hello, world!')`
  173. - `chalk.keyword('orange')('Some orange text')`
  174. - `chalk.rgb(15, 100, 204).inverse('Hello!')`
  175. Background versions of these models are prefixed with `bg` and the first level of the module capitalized (e.g. `keyword` for foreground colors and `bgKeyword` for background colors).
  176. - `chalk.bgHex('#DEADED').underline('Hello, world!')`
  177. - `chalk.bgKeyword('orange')('Some orange text')`
  178. - `chalk.bgRgb(15, 100, 204).inverse('Hello!')`
  179. The following color models can be used:
  180. - [`rgb`](https://en.wikipedia.org/wiki/RGB_color_model) - Example: `chalk.rgb(255, 136, 0).bold('Orange!')`
  181. - [`hex`](https://en.wikipedia.org/wiki/Web_colors#Hex_triplet) - Example: `chalk.hex('#FF8800').bold('Orange!')`
  182. - [`keyword`](https://www.w3.org/wiki/CSS/Properties/color/keywords) (CSS keywords) - Example: `chalk.keyword('orange').bold('Orange!')`
  183. - [`hsl`](https://en.wikipedia.org/wiki/HSL_and_HSV) - Example: `chalk.hsl(32, 100, 50).bold('Orange!')`
  184. - [`hsv`](https://en.wikipedia.org/wiki/HSL_and_HSV) - Example: `chalk.hsv(32, 100, 100).bold('Orange!')`
  185. - [`hwb`](https://en.wikipedia.org/wiki/HWB_color_model) - Example: `chalk.hwb(32, 0, 50).bold('Orange!')`
  186. - [`ansi`](https://en.wikipedia.org/wiki/ANSI_escape_code#3/4_bit) - Example: `chalk.ansi(31).bgAnsi(93)('red on yellowBright')`
  187. - [`ansi256`](https://en.wikipedia.org/wiki/ANSI_escape_code#8-bit) - Example: `chalk.bgAnsi256(194)('Honeydew, more or less')`
  188. ## Windows
  189. If you're on Windows, do yourself a favor and use [Windows Terminal](https://github.com/microsoft/terminal) instead of `cmd.exe`.
  190. ## Origin story
  191. [colors.js](https://github.com/Marak/colors.js) used to be the most popular string styling module, but it has serious deficiencies like extending `String.prototype` which causes all kinds of [problems](https://github.com/yeoman/yo/issues/68) and the package is unmaintained. Although there are other packages, they either do too much or not enough. Chalk is a clean and focused alternative.
  192. ## chalk for enterprise
  193. Available as part of the Tidelift Subscription.
  194. The maintainers of chalk and thousands of other packages are working with Tidelift to deliver commercial support and maintenance for the open source dependencies you use to build your applications. Save time, reduce risk, and improve code health, while paying the maintainers of the exact dependencies you use. [Learn more.](https://tidelift.com/subscription/pkg/npm-chalk?utm_source=npm-chalk&utm_medium=referral&utm_campaign=enterprise&utm_term=repo)
  195. ## Related
  196. - [chalk-cli](https://github.com/chalk/chalk-cli) - CLI for this module
  197. - [ansi-styles](https://github.com/chalk/ansi-styles) - ANSI escape codes for styling strings in the terminal
  198. - [supports-color](https://github.com/chalk/supports-color) - Detect whether a terminal supports color
  199. - [strip-ansi](https://github.com/chalk/strip-ansi) - Strip ANSI escape codes
  200. - [strip-ansi-stream](https://github.com/chalk/strip-ansi-stream) - Strip ANSI escape codes from a stream
  201. - [has-ansi](https://github.com/chalk/has-ansi) - Check if a string has ANSI escape codes
  202. - [ansi-regex](https://github.com/chalk/ansi-regex) - Regular expression for matching ANSI escape codes
  203. - [wrap-ansi](https://github.com/chalk/wrap-ansi) - Wordwrap a string with ANSI escape codes
  204. - [slice-ansi](https://github.com/chalk/slice-ansi) - Slice a string with ANSI escape codes
  205. - [color-convert](https://github.com/qix-/color-convert) - Converts colors between different models
  206. - [chalk-animation](https://github.com/bokub/chalk-animation) - Animate strings in the terminal
  207. - [gradient-string](https://github.com/bokub/gradient-string) - Apply color gradients to strings
  208. - [chalk-pipe](https://github.com/LitoMore/chalk-pipe) - Create chalk style schemes with simpler style strings
  209. - [terminal-link](https://github.com/sindresorhus/terminal-link) - Create clickable links in the terminal
  210. ## Maintainers
  211. - [Sindre Sorhus](https://github.com/sindresorhus)
  212. - [Josh Junon](https://github.com/qix-)