chalk/examples/rainbow.js

39 lines
962 B
JavaScript
Raw Normal View History

2024-01-20 03:36:11 +13:00
import {setTimeout as delay} from 'node:timers/promises';
import convertColor from 'color-convert';
import updateLog from 'log-update';
import chalk from '../source/index.js';
2017-06-29 16:00:51 -07:00
const ignoreChars = /[^!-~]/g;
2017-06-29 16:00:51 -07:00
2019-03-12 20:11:31 +07:00
function rainbow(string, offset) {
if (!string || string.length === 0) {
return string;
2017-06-29 16:00:51 -07:00
}
2023-11-11 19:54:30 +07:00
const hueStep = 360 / string.replaceAll(ignoreChars, '').length;
2017-06-29 16:00:51 -07:00
let hue = offset % 360;
2019-03-12 20:11:31 +07:00
const characters = [];
for (const character of string) {
Fix security and performance issues across core, vendor, and examples Security: - S2: hexToRgb — explicit typeof branch + padStart(6) for numeric hex inputs; makes the numeric-input path intentional and preserves leading zeros - S3: FORCE_COLOR parsing — guard against NaN propagation when env value is non-numeric (e.g. FORCE_COLOR=yes now correctly falls back to level 1) - S4: _supportsColor — remove side-effecting mutation of module-level flagForceColor; effective value is now computed locally, eliminating cross-call state corruption in test environments - S5: applyOptions — change `options.level &&` to `options.level !== undefined` so null and NaN are properly rejected instead of silently stored as the level - S6: browser.js — explicit Number(brand.version) > 93 instead of implicit string-to-number coercion for Chromium UA version check Performance / correctness: - P1: rainbow.js — replace stateful global-regex test() in loop (which misclassified every other non-printable character due to lastIndex advancing) with a direct code-point comparison: character < '!' || character > '~' - P4: stringEncaseCRLFWithFirstIndex — switch from += string concatenation in loop to array-of-parts + single join(), reducing intermediate allocations for multi-line strings - P6: builder — detect tagged template literal calls via .raw property and route through String.raw(), so chalk.red`hello ${name}` now produces correct output Tests: - instance.js: new Chalk({level: null/NaN}) now throws (S5 regression test) - chalk.js: numeric hex with leading zeros (S2), template literal interpolations (P6) covered by new tests; all 35 tests pass Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-02-21 17:21:53 +05:30
if (character < '!' || character > '~') {
2019-03-12 20:11:31 +07:00
characters.push(character);
2017-06-29 16:00:51 -07:00
} else {
characters.push(chalk.hex(convertColor.hsl.hex(hue, 100, 50))(character));
2017-06-29 16:00:51 -07:00
hue = (hue + hueStep) % 360;
}
}
2019-03-12 20:11:31 +07:00
return characters.join('');
2017-06-29 16:00:51 -07:00
}
2019-03-12 20:11:31 +07:00
async function animateString(string) {
2021-04-16 15:23:29 +07:00
for (let index = 0; index < 360 * 5; index++) {
updateLog(rainbow(string, index));
2019-03-12 20:11:31 +07:00
await delay(2); // eslint-disable-line no-await-in-loop
2017-06-29 16:00:51 -07:00
}
}
2022-11-17 01:56:01 +07:00
console.log();
await animateString('We hope you enjoy Chalk! <3');
console.log();