color-name-list 11.8.0 → 11.9.1

package/eslint.config.js

@@ -0,0 +1,26 @@
+import js from '@eslint/js';
+import { FlatCompat } from '@eslint/eslintrc';
+import globals from 'globals';
+
+const compat = new FlatCompat();
+
+export default [
+  js.configs.recommended,
+  ...compat.extends('google', 'prettier'),
+  {
+    languageOptions: {
+      ecmaVersion: 2023,
+      sourceType: 'module',
+      globals: {
+        ...globals.node,
+        ...globals.es2023,
+      },
+    },
+    rules: {
+      semi: ['error', 'always'],
+      'no-console': 'off',
+      'valid-jsdoc': 'off', // Disable deprecated rule that's causing errors
+      'require-jsdoc': 'off', // Disable rule that's causing errors with flat config
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "color-name-list",
-  "version": "11.8.0",
+  "version": "11.9.1",
   "description": "long list of color names",
   "main": "dist/colornames.json",
   "browser": "dist/colornames.umd.js",
@@ -26,7 +26,9 @@
     "pull-colors": "curl -L 'https://docs.google.com/spreadsheets/d/e/2PACX-1vQube6Y0wHyEtJnjg0eU3N7VseoxVnD4L9uDqvWZdl_tzzrHDVN10IPP7cdFipX8j70atNMLfPCB0Q6/pub?gid=40578722&single=true&output=csv' -o src/colornames.csv",
     "test": "node scripts/build.js --testOnly",
     "clean-dist-folder": "rm -rf dist && mkdir dist",
-    "build": "npm run clean-dist-folder && node scripts/build.js && npm run build-history",
+    "build": "npm run clean-dist-folder && node scripts/build.js && npm run build-history && npm run prettier",
+    "prettier": "prettier --write ./dist/*",
+    "lint": "eslint ./scripts",
     "semantic-release": "semantic-release",
     "build-history": "node scripts/tools/history.js > dist/history.json",
     "prepare": "husky"
@@ -50,12 +52,18 @@
   },
   "homepage": "https://github.com/meodai/color-names#readme",
   "devDependencies": {
+    "@eslint/eslintrc": "^3.3.1",
+    "@eslint/js": "^9.25.1",
     "closestvector": "^0.6.0",
     "color-name-lists": "^3.2.0",
     "commitizen": "^4.2.4",
-    "eslint": "^8.16.0",
+    "eslint": "^9.25.1",
     "eslint-config-google": "^0.10.0",
+    "eslint-config-prettier": "^10.1.2",
+    "eslint-plugin-prettier": "^5.2.6",
+    "globals": "^16.0.0",
     "husky": "^9.1.6",
+    "prettier": "^3.5.3",
     "seedrandom": "^3.0.5",
     "semantic-release": "^24.2.0"
   },

package/scripts/build.js

@@ -4,7 +4,7 @@ import { parseCSVString, findDuplicates, objArrToString } from './lib.js';
 import { exec } from 'child_process';
 
 const args = process.argv;
-const isTestRun = !!args.find((arg) => (arg === '--testOnly'));
+const isTestRun = !!args.find((arg) => arg === '--testOnly');
 
 // only hex colors with 6 values
 const hexColorValidation = /^#[0-9a-f]{6}$/;
@@ -33,10 +33,9 @@ const csvKeys = ['name', 'hex'];
 const bestOfKey = 'good name';
 
 // reads the CSV file contents
-const src = fs.readFileSync(
-    path.normalize(`${baseFolder}${folderSrc}${fileNameSrc}.csv`),
-    'utf8'
-).toString();
+const src = fs
+  .readFileSync(path.normalize(`${baseFolder}${folderSrc}${fileNameSrc}.csv`), 'utf8')
+  .toString();
 
 const colorsSrc = parseCSVString(src);
 
@@ -56,8 +55,12 @@ csvKeys.forEach((key) => {
 // loop hex values for validations
 colorsSrc.values['hex'].forEach((hex) => {
   // validate HEX values
-  if ( !hexColorValidation.test(hex) ) {
-    log('hex', hex, `${hex} is not a valid hex value. (Or to short, we avoid using the hex shorthands, no capital letters)`);
+  if (!hexColorValidation.test(hex)) {
+    log(
+      'hex',
+      hex,
+      `${hex} is not a valid hex value. (Or to short, we avoid using the hex shorthands, no capital letters)`
+    );
   }
 });
 
@@ -76,19 +79,11 @@ colorsSrc.values['name'].forEach((name) => {
 colorsSrc.values[bestOfKey].forEach((str) => {
   // check for spaces
   if (spacesValidation.test(str)) {
-    log(
-      `"${bestOfKey}" marker'`,
-      str,
-      `${str} found either a leading or trailing space (or both)`
-    );
+    log(`"${bestOfKey}" marker'`, str, `${str} found either a leading or trailing space (or both)`);
   }
 
-  if (!(str == "x" || str == "")) {
-    log(
-      `"${bestOfKey}" marker`,
-      str,
-      `${str} must be a lowercase "x" character or empty`
-    );
+  if (!(str == 'x' || str == '')) {
+    log(`"${bestOfKey}" marker`, str, `${str} must be a lowercase "x" character or empty`);
   }
 });
 
@@ -101,7 +96,8 @@ if (isTestRun) {
 
 // creates JS related files
 const JSONExportString = JSON.stringify(
-  [...colorsSrc.entries].map( // removes good name attributes
+  [...colorsSrc.entries].map(
+    // removes good name attributes
     (val) => ({
       name: val.name,
       hex: val.hex,
@@ -110,14 +106,15 @@ const JSONExportString = JSON.stringify(
 );
 
 const JSONExportStringBestOf = JSON.stringify(
-  [...colorsSrc.entries].filter(
-    (val) => (val[bestOfKey])
-  ).map( // removes good name attributes
-    (val) => ({
-      name: val.name,
-      hex: val.hex,
-    })
-  )
+  [...colorsSrc.entries]
+    .filter((val) => val[bestOfKey])
+    .map(
+      // removes good name attributes
+      (val) => ({
+        name: val.name,
+        hex: val.hex,
+      })
+    )
 );
 
 const JSONExportStringShort = JSON.stringify(
@@ -126,7 +123,7 @@ const JSONExportStringShort = JSON.stringify(
       // make sure its only one word long
       (val) =>
         val[bestOfKey] &&
-        //val.name.split(" ").length === 1 &&
+        // val.name.split(" ").length === 1 &&
         val.name.length < maxShortNameLength + 1
     )
     .map(
@@ -138,10 +135,7 @@ const JSONExportStringShort = JSON.stringify(
     )
 );
 
-fs.writeFileSync(
-  path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.json`),
-  JSONExportString
-);
+fs.writeFileSync(path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.json`), JSONExportString);
 
 fs.writeFileSync(
   path.normalize(`${baseFolder}${folderDist}${fileNameSrc}${fileNameBestOfPostfix}.json`),
@@ -160,7 +154,7 @@ const miniJSONExportObj = colorsSrc.entries.reduce((obj, entry) => {
 }, {});
 
 const miniJSONExportObjBestOf = colorsSrc.entries.reduce((obj, entry) => {
-  if(entry[bestOfKey]) {
+  if (entry[bestOfKey]) {
     obj[entry.hex.replace('#', '')] = entry.name;
   }
   return obj;
@@ -169,10 +163,10 @@ const miniJSONExportObjBestOf = colorsSrc.entries.reduce((obj, entry) => {
 const miniJSONExportObjShort = colorsSrc.entries.reduce((obj, entry) => {
   if (
     entry[bestOfKey] &&
-    //entry.name.split(" ").length === 1 &&
+    // entry.name.split(" ").length === 1 &&
     entry.name.length < maxShortNameLength + 1
   ) {
-    obj[entry.hex.replace("#", "")] = entry.name;
+    obj[entry.hex.replace('#', '')] = entry.name;
   }
   return obj;
 }, {});
@@ -193,15 +187,12 @@ fs.writeFileSync(
 );
 
 // gets UMD template
-const umdTpl = fs.readFileSync(
-    path.normalize(__dirname + '/umd.js.tpl'),
-    'utf8'
-).toString();
+const umdTpl = fs.readFileSync(path.normalize(__dirname + '/umd.js.tpl'), 'utf8').toString();
 
 // create UMD
 fs.writeFileSync(
-    path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.umd.js`),
-    umdTpl.replace('"{{COLORS}}"', JSONExportString)
+  path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.umd.js`),
+  umdTpl.replace('"{{COLORS}}"', JSONExportString)
 );
 
 fs.writeFileSync(
@@ -215,19 +206,16 @@ fs.writeFileSync(
 );
 
 // gets ESM template
-const esmTpl = fs.readFileSync(
-    path.normalize(__dirname + '/esm.js.tpl'),
-    'utf8'
-).toString();
+const esmTpl = fs.readFileSync(path.normalize(__dirname + '/esm.js.tpl'), 'utf8').toString();
 
 // create ESM
 fs.writeFileSync(
-    path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.esm.js`),
-    esmTpl.replace('"{{COLORS}}"', JSONExportString)
+  path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.esm.js`),
+  esmTpl.replace('"{{COLORS}}"', JSONExportString)
 );
 fs.writeFileSync(
-    path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.esm.mjs`),
-    esmTpl.replace('"{{COLORS}}"', JSONExportString)
+  path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.esm.mjs`),
+  esmTpl.replace('"{{COLORS}}"', JSONExportString)
 );
 
 fs.writeFileSync(
@@ -251,18 +239,18 @@ fs.writeFileSync(
 // create foreign formats
 // configuration for the file outputs
 const outputFormats = {
-  'csv': {
-    insertBefore: csvKeys.join(',') + '\r\n',
+  csv: {
+    insertBefore: csvKeys.join(',') + '\n',
   },
-  'yaml': {
-    insertBefore: '-\r\n  ',
+  yaml: {
+    insertBefore: '-\n  ',
     beforeValue: '"',
     afterValue: '"',
     includeKeyPerItem: true,
-    rowDelimitor: '\r\n-\r\n  ',
-    itemDelimitor: '\r\n  ',
+    rowDelimitor: '\n-\n  ',
+    itemDelimitor: '\n  ',
   },
-  'scss': {
+  scss: {
     insertBefore: '$color-name-list: (',
     beforeValue: '"',
     afterValue: '"',
@@ -270,33 +258,29 @@ const outputFormats = {
     itemDelimitor: ':',
     rowDelimitor: ',',
   },
-  'html': {
+  html: {
     insertBefore: `<table><thead><tr><th>${csvKeys.join('</th><th>')}</th></tr><thead><tbody><tr><td>`,
     itemDelimitor: '</td><td>',
     rowDelimitor: '</td></tr><tr><td>',
     insertAfter: `</td></tr></tbody></table>`,
   },
-  'xml': {
-    insertBefore: `<?xml version='1.0'?>\r\n<colors>\r\n<color>\r\n<${csvKeys[0]}>`,
-    itemDelimitor: `</${csvKeys[0]}>\r\n<${csvKeys[1]}>`,
-    rowDelimitor: `</${csvKeys[1]}>\r\n</color>\r\n<color>\r\n<${csvKeys[0]}>`,
-    insertAfter: `</${csvKeys[1]}>\r\n</color>\r\n</colors>`,
+  xml: {
+    insertBefore: `<?xml version='1.0'?>\n<colors>\n<color>\n<${csvKeys[0]}>`,
+    itemDelimitor: `</${csvKeys[0]}>\n<${csvKeys[1]}>`,
+    rowDelimitor: `</${csvKeys[1]}>\n</color>\n<color>\n<${csvKeys[0]}>`,
+    insertAfter: `</${csvKeys[1]}>\n</color>\n</colors>`,
   },
 };
 
 for (const outputFormat in outputFormats) {
   if (outputFormats[outputFormat]) {
-    let outputString = objArrToString(
-        colorsSrc.entries,
-        csvKeys,
-        outputFormats[outputFormat]
-    );
+    let outputString = objArrToString(colorsSrc.entries, csvKeys, outputFormats[outputFormat]);
     if (outputFormat === 'html' || outputFormat === 'xml') {
       outputString = outputString.replace(/&/g, '&amp;');
     }
     fs.writeFileSync(
-        path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.${outputFormat}`),
-        outputString
+      path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.${outputFormat}`),
+      outputString
     );
   }
 }
@@ -305,7 +289,7 @@ for (const outputFormat in outputFormats) {
 for (const outputFormat in outputFormats) {
   if (outputFormats[outputFormat]) {
     let outputString = objArrToString(
-      colorsSrc.entries.filter((val) => (val[bestOfKey])),
+      colorsSrc.entries.filter((val) => val[bestOfKey]),
       csvKeys,
       outputFormats[outputFormat]
     );
@@ -313,7 +297,9 @@ for (const outputFormat in outputFormats) {
       outputString = outputString.replace(/&/g, '&amp;');
     }
     fs.writeFileSync(
-      path.normalize(`${baseFolder}${folderDist}${fileNameSrc}${fileNameBestOfPostfix}.${outputFormat}`),
+      path.normalize(
+        `${baseFolder}${folderDist}${fileNameSrc}${fileNameBestOfPostfix}.${outputFormat}`
+      ),
       outputString
     );
   }
@@ -326,7 +312,7 @@ for (const outputFormat in outputFormats) {
       colorsSrc.entries.filter(
         (val) =>
           val[bestOfKey] &&
-          //val.name.split(" ").length === 1 &&
+          // val.name.split(" ").length === 1 &&
           val.name.length < maxShortNameLength + 1
       ),
       csvKeys,
@@ -336,38 +322,44 @@ for (const outputFormat in outputFormats) {
       outputString = outputString.replace(/&/g, '&amp;');
     }
     fs.writeFileSync(
-      path.normalize(`${baseFolder}${folderDist}${fileNameSrc}${fileNameShortPostfix}.${outputFormat}`),
+      path.normalize(
+        `${baseFolder}${folderDist}${fileNameSrc}${fileNameShortPostfix}.${outputFormat}`
+      ),
       outputString
     );
   }
 }
 
 // updates the color count in readme file
-const readme = fs.readFileSync(
-  path.normalize(`${baseFolder}${readmeFileName}`),
-  'utf8'
-).toString();
+const readme = fs.readFileSync(path.normalize(`${baseFolder}${readmeFileName}`), 'utf8').toString();
 fs.writeFileSync(
   path.normalize(`${baseFolder}${readmeFileName}`),
-  readme.replace(
+  readme
+    .replace(
       // update color count in text
       /__\d+__/g,
       `__${colorsSrc.entries.length}__`
-    ).replace(
+    )
+    .replace(
       // update color count in badge
       /\d+-colors-orange/,
       `${colorsSrc.entries.length}-colors-orange`
-    ).replace(
+    )
+    .replace(
       // update color count in percentage
       /__\d+(\.\d+)?%__/,
       `__${((colorsSrc.entries.length / (256 * 256 * 256)) * 100).toFixed(2)}%__`
-    ).replace(
+    )
+    .replace(
       // update file size
       /\d+(\.\d+)? MB\)__/g,
-      `${
-        (fs.statSync(path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.json`)).size / 1024 / 1024).toFixed(2)
-      } MB)__`
-    ), 'utf8'
+      `${(
+        fs.statSync(path.normalize(`${baseFolder}${folderDist}${fileNameSrc}.json`)).size /
+        1024 /
+        1024
+      ).toFixed(2)} MB)__`
+    ),
+  'utf8'
 );
 
 /**
@@ -384,7 +376,7 @@ function showLog() {
     console.log('*-------------------------*');
   });
   if (errorLevel) {
-    throw `⚠ failed because of the ${totalErrors} error${totalErrors > 1 ? 's' : ''} above ⚠`;
+    throw new Error(`⚠ failed because of the ${totalErrors} error${totalErrors > 1 ? 's' : ''} above ⚠`);
   }
   return totalErrors;
 }
@@ -410,10 +402,7 @@ function log(key, value, message, errorLevel = 1) {
 }
 
 // gets SVG template
-const svgTpl = fs.readFileSync(
-  path.normalize(__dirname + '/changes.svg.tpl'),
-  'utf8'
-).toString();
+const svgTpl = fs.readFileSync(path.normalize(__dirname + '/changes.svg.tpl'), 'utf8').toString();
 
 // generates an SVG image with the new color based on the diff ot the last commit to the current
 function diffSVG() {
@@ -421,23 +410,21 @@ function diffSVG() {
     `git diff -U0 HEAD ${baseFolder}${folderDist}${fileNameSrc}.csv`,
     function (err, stdout, stderr) {
       const diffTxt = stdout;
-      if (!/(?<=^[\+])[^\+].*/gm.test(diffTxt)) return;
-      const changes = diffTxt.match(/(?<=^[\+])[^\+].*/gm).filter((i) => i);
+      if (!/(?<=^[+])[^+].*/gm.test(diffTxt)) return;
+      const changes = diffTxt.match(/(?<=^[+])[^+].*/gm).filter((i) => i);
       const svgTxtStr = changes.reduce((str, change, i) => {
-        const changeParts = change.split(",");
+        const changeParts = change.split(',');
         return `${str}<text x="40" y="${20 + (i + 1) * 70}" fill="${
           changeParts[1]
-        }">${changeParts[0].replace(/&/g, "&amp;")}</text>`;
-      }, "");
+        }">${changeParts[0].replace(/&/g, '&amp;')}</text>`;
+      }, '');
 
       fs.writeFileSync(
         path.normalize(`${baseFolder}changes.svg`),
-        svgTpl
-          .replace(/{height}/g, changes.length * 70 + 80)
-          .replace(/{items}/g, svgTxtStr)
+        svgTpl.replace(/{height}/g, changes.length * 70 + 80).replace(/{items}/g, svgTxtStr)
       );
     }
   );
-};
+}
 
 diffSVG();

package/scripts/lib.js

@@ -1,4 +1,3 @@
-
 /**
  * takes a CSV string an parse it
  * @param   {String} csvString    CSV file contents
@@ -7,9 +6,7 @@
  * @return {Object} Object with all entries, headers as Array,
  *                   and entires per header as Array
  */
-export const parseCSVString = (
-    csvString, csvDelimitor = ',', csvNewLine = '\r\n'
-) => {
+export const parseCSVString = (csvString, csvDelimitor = ',', csvNewLine = /\r?\n/) => {
   const rows = csvString.split(csvNewLine);
 
   // remove last empty row (if there is any)
@@ -46,7 +43,7 @@ export const parseCSVString = (
     return entry;
   });
 
-  return {headers, entries, values};
+  return { headers, entries, values };
 };
 
 /**
@@ -55,40 +52,55 @@ export const parseCSVString = (
  * @return  {array}     array of second (or more) instance of duplicate items
  */
 export const findDuplicates = (arr) => {
-  const lookUpObj={};
+  const lookUpObj = {};
   const dupes = [];
 
   arr.forEach((item) => {
-    if (lookUpObj.hasOwnProperty(item)) {
+    if (Object.prototype.hasOwnProperty.call(lookUpObj, item)) {
       dupes.push(item);
     }
-    lookUpObj[item]=0;
+    lookUpObj[item] = 0;
   });
 
   return dupes;
 };
 
 export const objArrToString = (arr, keys, options) => {
-  const settings = Object.assign({}, {
-    includeKeyPerItem: false,
-    beforeKey: '',
-    afterKey: '',
-    beforeValue: '',
-    afterValue: '',
-    keyValueSeparator: ':',
-    insertBefore: '',
-    insertAfter: '',
-    rowDelimitor: '\r\n',
-    itemDelimitor: ',',
-  }, options);
-
-  return settings.insertBefore + arr.map((item) => {
-    return keys.map((key) => {
-      return (
-        settings.includeKeyPerItem ?
-        settings.beforeKey + key +
-        settings.afterKey + settings.keyValueSeparator : ''
-      ) + settings.beforeValue + item[key] + settings.afterValue;
-    }).join(settings.itemDelimitor);
-  }).join(settings.rowDelimitor) + settings.insertAfter;
+  const settings = Object.assign(
+    {},
+    {
+      includeKeyPerItem: false,
+      beforeKey: '',
+      afterKey: '',
+      beforeValue: '',
+      afterValue: '',
+      keyValueSeparator: ':',
+      insertBefore: '',
+      insertAfter: '',
+      rowDelimitor: '\r\n',
+      itemDelimitor: ',',
+    },
+    options
+  );
+
+  return (
+    settings.insertBefore +
+    arr
+      .map((item) => {
+        return keys
+          .map((key) => {
+            return (
+              (settings.includeKeyPerItem
+                ? settings.beforeKey + key + settings.afterKey + settings.keyValueSeparator
+                : '') +
+              settings.beforeValue +
+              item[key] +
+              settings.afterValue
+            );
+          })
+          .join(settings.itemDelimitor);
+      })
+      .join(settings.rowDelimitor) +
+    settings.insertAfter
+  );
 };

package/scripts/tools/filterUniques.js

@@ -1,30 +1,27 @@
 const fs = require('fs');
 
-//const colors = fs.readFileSync('refs.csv').toString().split(`\n`);
-//const colorsSRCfile = fs.readFileSync(__dirname + '/../../historic-master.json', 'utf8');
+// const colors = fs.readFileSync('refs.csv').toString().split(`\n`);
+// const colorsSRCfile = fs.readFileSync(__dirname + '/../../historic-master.json', 'utf8');
 const colorsSRCfile = fs.readFileSync(__dirname + '/json.json', 'utf8');
 
 const colors = JSON.parse(colorsSRCfile);
 
-const namedColors = JSON.parse(
-  fs.readFileSync(__dirname + '/../../dist/colornames.json', 'utf8')
-);
+const namedColors = JSON.parse(fs.readFileSync(__dirname + '/../../dist/colornames.json', 'utf8'));
 
 const uniqueColors = [];
 
 colors.forEach((color) => {
   let name = color['name'].replace(/Gray/g, 'Grey');
-  const foundMath = namedColors.find(item => {
-    return item.name.toLowerCase() === name.toLowerCase() ||
+  const foundMath = namedColors.find((item) => {
+    return (
+      item.name.toLowerCase() === name.toLowerCase() ||
       item.name.toLowerCase() === name.toLowerCase().split(' ').reverse().join(' ') ||
       item.name.toLowerCase() === name.toLowerCase().split(' ').join('-') ||
-      item.name.toLowerCase() === name.toLowerCase().split('-').join(' ');
+      item.name.toLowerCase() === name.toLowerCase().split('-').join(' ')
+    );
   });
   if (!foundMath) {
-    uniqueColors.push([
-      name,
-      color['hex'].toLowerCase()
-    ]);
+    uniqueColors.push([name, color['hex'].toLowerCase()]);
   }
 });
 

package/scripts/tools/findLargestSpacesInRGB.js

@@ -1,9 +1,7 @@
 const fs = require('fs');
 const RGB_HEX = /^#?(?:([\da-f]{3})[\da-f]?|([\da-f]{6})(?:[\da-f]{2})?)$/i;
 
-const namedColors = JSON.parse(
-  fs.readFileSync(__dirname + '/../../dist/colornames.json', 'utf8')
-);
+const namedColors = JSON.parse(fs.readFileSync(__dirname + '/../../dist/colornames.json', 'utf8'));
 
 const hexToRgb = (hexSrt) => {
   const [, short, long] = String(hexSrt).match(RGB_HEX) || [];
@@ -12,13 +10,11 @@ const hexToRgb = (hexSrt) => {
     const value = Number.parseInt(long, 16);
     return {
       r: value >> 16,
-      g: value >> 8 & 0xFF,
-      b: value & 0xFF,
+      g: (value >> 8) & 0xff,
+      b: value & 0xff,
     };
   } else if (short) {
-    const rgbArray = Array.from(short,
-      (s) => Number.parseInt(s, 16)
-    ).map((n) => (n << 4) | n);
+    const rgbArray = Array.from(short, (s) => Number.parseInt(s, 16)).map((n) => (n << 4) | n);
     return {
       r: rgbArray[0],
       g: rgbArray[1],
@@ -28,11 +24,10 @@ const hexToRgb = (hexSrt) => {
 };
 
 const rgbColors = namedColors.map((color) => {
-  const {r,g,b} = hexToRgb(color.hex);
+  const { r, g, b } = hexToRgb(color.hex);
   return [r, g, b];
 });
 
-
 function calculateDistance(r, g, b, rgbColors) {
   let distance = 0;
   for (let i = 0; i < rgbColors.length; i++) {
@@ -46,9 +41,9 @@ function calculateDistance(r, g, b, rgbColors) {
 function findLargestSpaceInRGB(rgbColors) {
   const rgb = [0, 0, 0];
   let largestDistance = 0;
-  for (let i = 0; i < 256; i+=10) {
-    for (let j = 0; j < 256; j+=10) {
-      for (let k = 0; k < 256; k+=10) {
+  for (let i = 0; i < 256; i += 10) {
+    for (let j = 0; j < 256; j += 10) {
+      for (let k = 0; k < 256; k += 10) {
         const distance = calculateDistance(i, j, k, rgbColors);
         if (distance > largestDistance) {
           largestDistance = distance;