{"_id":"chx","_rev":"336-beb77bd1a95c79cf6901d3a43f35d0f7","name":"chx","dist-tags":{"latest":"0.1.0"},"versions":{"0.1.0":{"name":"chx","version":"0.1.0","_id":"chx@0.1.0","maintainers":[{"name":"zeit","email":"team@zeit.co"}],"dist":{"shasum":"91b1726748954150dfe0bc8c88e12e109eeaacce","tarball":"https://registry.npmjs.org/chx/-/chx-0.1.0.tgz","integrity":"sha512-Ok/U6uEh/lvEqOoGFNrQiWKvHepwWyV1nu2I+I3xNk7kkaOAaYI7ei6ESjiM4gkJFHSwP2P9qVgQD7/5WVYaYw==","signatures":[{"sig":"MEYCIQDrycNQjKjbxF8SegrtfpYMSd7D0xeXdiogogaYQpQDLwIhAIBuf/Mlr8RkcoRvDBNQS3gsOh+GvEm4JInEI5gnj5Ea","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}]},"main":"build.js","_from":".","babel":{"plugins":["transform-react-jsx"],"presets":["es2015"]},"files":["build.js"],"_shasum":"91b1726748954150dfe0bc8c88e12e109eeaacce","gitHead":"92914a0876a0841b71f7f0c91d007c7ca04759ec","scripts":{"build":"babel index.js > build.js","prepublish":"npm run build"},"_npmUser":{"name":"zeit","email":"team@zeit.co"},"deprecated":"chx","_npmVersion":"3.9.3","description":"A wrapper on top of JSX to make outputting text on a terminal with [chalk](https://github.com/chalk/chalk) a HTML-like experience.","directories":{},"_nodeVersion":"6.2.1","dependencies":{},"devDependencies":{"chalk":"1.1.3","babel-cli":"6.10.1","babel-preset-es2015":"6.9.0","babel-plugin-transform-react-jsx":"6.8.0"},"peerDependencies":{"chalk":"1.x.x"},"_npmOperationalInternal":{"tmp":"tmp/chx-0.1.0.tgz_1465773996455_0.8156336764805019","host":"packages-12-west.internal.npmjs.com"}}},"time":{"created":"2016-06-12T23:26:37.054Z","modified":"2026-02-25T04:30:37.275Z","0.1.0":"2016-06-12T23:26:37.054Z"},"description":"A wrapper on top of JSX to make outputting text on a terminal with [chalk](https://github.com/chalk/chalk) a HTML-like experience.","maintainers":[{"email":"infra+release@vercel.com","name":"vercel-release-bot"},{"email":"team@zeit.co","name":"zeit-bot"}],"readme":"# chx\n\nA wrapper on top of JSX to make outputting text on a terminal\nwith [chalk](https://github.com/chalk/chalk) a HTML-like experience.\n\n## How to use\n\n<img src=\"https://cldup.com/RYJLRgVr7s.png\" width=\"400\" align=\"right\" />\n\n```jsx\n/** @jsx chx */\nimport chx from 'chx';\n\nconsole.log(<p>\n  Welcome to the <b>future</b>.<br />\n  What's your <cyan>name</cyan>?<br />\n  Hope you enjoy your <bg color=\"yellow\">time here</bg>.\n  More at <u>https://github.com/zeit/chx</u>.<br />\n  <red>H</red><yellow>a</yellow><blue>v</blue><green>e</green>{' '}\n  <cyan>f</cyan><white>u</white><magenta>n</magenta><bgRed>!</bgRed>\n</p>);\n```\n\nand make sure the babel transform [`react-jsx`](https://www.npmjs.com/package/babel-plugin-transform-react-jsx) is in place.\n\n## Built ins\n\n- All the colors, modifiers and bgColors from `chalk` are available as \n  tags. For example: `<bgRed>`, `<blue>` and `<italic`>\n- The HTML shorthands are exposed when available:\n  - `<b>` (bold)\n  - `<i>` (italic)\n  - `<u>` (underline)\n  - `<strike>` (strikethrough)\n- A special `<bg color>` element is available as a shorthand.\n- To wrap, we expose a few noop elements. Use whichever you like most:\n  - `<p>`\n  - `<chx>`\n  - `<span>`\n\nFor more advanced terminal UI needs,\ncheck out [react-blessed](https://github.com/Yomguithereal/react-blessed).\n","readmeFilename":"Readme.md","users":{"tjfwalker":true}}