[Chalk](//github.com/chalk/chalk) for the browser. Useful with [xterm.js](//github.com/xtermjs/xterm.js).
Chalk for the browser. Useful with xterm.js.
To see the demo locally, run yarn && yarn start.
<script src="https://unpkg.com/chalk.js@latest/chalk.js"></script>
Then use Chalk from anywhere in your code:
console.log(Chalk.red("foo"))
To convert to HTML, you can call AnsiHTML and pass in a chalk string:
document.body.innerHTML = AnsiHTML(Chalk.red("foo"));
See the source code of the live demo:
<html>
<body>
<script src="https://unpkg.com/chalk.js@latest/chalk.js"></script>
<!-- How to manually create HTML elements from Chalk strings -->
<div id="code">
</div>
<script>
var html = AnsiHTML(Chalk.magenta.bold.italic.underline("Hello from HTML!"));
document.getElementById("code").innerHTML = html;
</script>
<!-- How to use Chalk with xterm.js -->
<script src="https://unpkg.com/xterm@latest/dist/xterm.js"></script>
<link rel="stylesheet" href="https://unpkg.com/xterm@latest/dist/xterm.css" />
<div id="terminal">
</div>
<script>
var term = new Terminal();
term.open(document.getElementById('terminal'));
term.write(`${Chalk.red("Hello")} from ${Chalk.bold.underline.bgCyanBright.black('xterm.js')} !`);
</script>
</body>
</html>
FAQs
[Chalk](//github.com/chalk/chalk) for the browser. Useful with [xterm.js](//github.com/xtermjs/xterm.js).
The npm package chalk.js receives a total of 5 weekly downloads. As such, chalk.js popularity was classified as not popular.
We found that chalk.js demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Research
A malicious npm campaign is targeting Ethereum developers by impersonating Hardhat plugins and the Nomic Foundation, stealing sensitive data like private keys.
Research
Security News
Socket researchers uncover a malicious npm package posing as a tool for detecting vulnerabilities in Etherium smart contracts.
Security News
Research
A supply chain attack on Rspack's npm packages injected cryptomining malware, potentially impacting thousands of developers.