chore: micro optimisation of performnce for hex()

Author: webdiscus

bench/index.js

@@ -253,28 +253,33 @@ bench('Picocolors complex bench').
 // Check support of correct break style at new line
 
 // Break style at new line
-// const breakStyleAtNewLineFixture = `\nAnsis\nNEW LINE\nNEXT NEW LINE\n`;
-// bench('New Line').
-//   add('colors.js', () => colorsJs.bgGreen(breakStyleAtNewLineFixture)).
-//   add(packages['ansi-colors'], () => ansiColors.bgGreen(breakStyleAtNewLineFixture)).
-//   add(packages['chalk'], () => chalk.bgGreen(breakStyleAtNewLineFixture)).
-//   // 2x slower as chalk because chalk use own implementation, but ansis save 400 bytes and uses regexp, this speed is not critical
-//   add(packages['ansis'], () => ansis.bgGreen(breakStyleAtNewLineFixture)).
-//   run();
+const breakStyleAtNewLineFixture = `\nAnsis\nNEW LINE\nNEXT NEW LINE\n`;
+bench('New Line').
+  add('colors.js', () => colorsJs.bgGreen(breakStyleAtNewLineFixture)).
+  add(packages['ansi-colors'], () => ansiColors.bgGreen(breakStyleAtNewLineFixture)).
+  add(packages['chalk'], () => chalk.bgGreen(breakStyleAtNewLineFixture)).
+  // 2x slower as chalk because chalk use own implementation, but ansis save 400 bytes and uses regexp, this speed is not critical
+  add(packages['ansis'], () => ansis.bgGreen(breakStyleAtNewLineFixture)).
+  run();
 
-// bench('RGB colors').add(packages['chalk'], () => {
-//   for (let i = 0; i < 256; i++) chalk.rgb(i, 150, 200)('foo');
-// }).add(packages['ansis'], () => {
-//   for (let i = 0; i < 256; i++) rgb(i, 150, 200)('foo');
-// }).run();
-//
-// // HEX colors
+bench('RGB colors').add(packages['chalk'], () => {
+  for (let i = 0; i < 256; i++) chalk.rgb(i, 150, 200)('foo');
+}).add(packages['ansis'], () => {
+  for (let i = 0; i < 256; i++) rgb(i, 150, 200)('foo');
+}).run();
+
+// HEX colors
 // the hex(), rgb(), bgHex(), bgRgb() methods support only chalk and ansis
-bench('HEX colors').
+bench('HEX color: #FBA').
   add(packages['chalk'], () => chalk.hex('#FBA')('foo')).
   add(packages['ansis'], () => hex('#FBA')('foo')).
   run();
 
+bench('HEX color: #FBAFBA').
+  add(packages['chalk'], () => chalk.hex('#FBAFBA')('foo')).
+  add(packages['ansis'], () => hex('#FBAFBA')('foo')).
+  run();
+
 // // Spectrum HEX colors
 // bench('Spectrum HEX colors').
 //   add(packages['chalk'], () => {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ansis",
-  "version": "4.0.0-rc.3",
+  "version": "4.0.0-rc.4",
   "description": "A small and fast library for applying ANSI colors in terminal or browser console",
   "keywords": [
     "ansi",

package.npm.json

@@ -1,6 +1,6 @@
 {
 "name":"ansis",
-"version":"4.0.0-rc.3",
+"version":"4.0.0-rc.4",
 "description":"ANSI color lib",
 "keywords":["ansi","color","cli"],
 "license":"ISC",

src/utils.js

@@ -15,13 +15,18 @@ let { round, max } = Math;
  * @return {[number, number, number]} The red, green, blue values in range [0, 255] .
  */
 export let hexToRgb = (value) => {
-  let color = /([a-f\d]{3,6})/i.exec(value)?.[1] ?? '';
-  let len = color.length;
+  let color = /([a-f\d]{3,6})/i.exec(value)?.[1];
+  let len = color?.length;
 
-  let hex = 3 === len
-    ? color[0] + color[0] + color[1] + color[1] + color[2] + color[2]
-    // faster than 6 !== len
-    : 6 ^ len ? '0': color;
+  // Optimisation: `n ^ 6` is faster then `n !== 6`
+  let hex =
+    // if len !== 6
+    6 ^ len
+      // if len !== 3
+      ? 3 ^ len
+        ? '0' // len !== 6 && len !== 3
+        : color[0] + color[0] + color[1] + color[1] + color[2] + color[2] // len === 3
+      : color // len === 6
 
   let decimal = parseInt(hex, 16);
 
@@ -30,26 +35,28 @@ export let hexToRgb = (value) => {
 
 /**
  * Convert RGB values to approximate code of ANSI 256 colors.
- * https://github.com/Qix-/color-convert/blob/master/conversions.js#L551
+ * Optimized version of https://github.com/Qix-/color-convert/blob/master/conversions.js#L551
  *
  * @param {number} r
  * @param {number} g
  * @param {number} b
  * @return {number}
  */
 export let rgbToAnsi256 = (r, g, b) => {
-  // grayscale
-  if (r === g && g === b) {
-    if (8 > r) return 16;
-    if (r > 248) return 231;
-    return round(((r - 8) * 24) / 247) + 232;
+  // r !== g || g !== b
+  if (r ^ g || g ^ b) {
+    return 16
+      // r / 255 * 5 => r / 51
+      + (36 * round(r / 51))
+      + (6 * round(g / 51))
+      + round(b / 51);
   }
 
-  return 16
-    // r / 255 * 5 => r / 51
-    + (36 * round(r / 51))
-    + (6 * round(g / 51))
-    + round(b / 51);
+  // grayscale
+
+  if (8 > r) return 16;
+  if (r > 248) return 231;
+  return round(((r - 8) * 24) / 247) + 232;
 };
 
 /**