fixed hex color issue

Author: cenfun

.eslintignore

@@ -1,3 +1,6 @@
+* v2.2.3
+    - fixed hex color issue
+
 * v2.2.2
     - fixed the tree icon if name is empty
 

.eslintrc.js

@@ -0,0 +1,8 @@
+// https://eslint.org/docs/rules/
+
+const plus = require('eslint-config-plus');
+
+// https://eslint.org/docs/latest/use/configure/configuration-files
+module.exports = [
+    plus
+];

CHANGELOG.md

@@ -654,7 +654,17 @@ class ConsoleGrid {
     }
 
     removeColor(str) {
-        return `${str}`.replace(/\033\[(\d+)m/g, '');
+        // https://github.com/chalk/ansi-regex
+        // Valid string terminator sequences are BEL, ESC\, and 0x9c
+        const ST = '(?:\\u0007|\\u001B\\u005C|\\u009C)';
+        const pattern = [
+            `[\\u001B\\u009B][[\\]()#;?]*(?:(?:(?:(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]+)*|[a-zA-Z\\d]+(?:;[-a-zA-Z\\d\\/#&.:=?%@~_]*)*)?${ST})`,
+            '(?:(?:\\d{1,4}(?:;\\d{0,4})*)?[\\dA-PR-TZcf-nq-uy=><~]))'
+        ].join('|');
+
+        const reg = new RegExp(pattern, 'g');
+
+        return `${str}`.replace(reg, '');
     }
 
     render() {

eslint.config.js

@@ -16,7 +16,7 @@
     "scripts": {
         "link": "sf link ./ -f",
         "build": "node ./scripts/build.mjs",
-        "test": "node ./scripts/test.cjs",
+        "test": "node ./scripts/test.mjs",
         "patch": "npm run test && npm run build && sf publish patch -r"
     },
     "files": [
@@ -27,14 +27,14 @@
         "type": "git",
         "url": "git+https://github.com/cenfun/console-grid.git"
     },
-    "dependencies": {},
     "devDependencies": {
-        "eastasianwidth": "^0.2.0",
-        "eight-colors": "^1.3.0",
-        "eslint": "^8.57.0",
-        "eslint-config-plus": "^1.0.6",
-        "eslint-plugin-html": "^8.0.0",
+        "chalk": "^5.4.1",
+        "eastasianwidth": "^0.3.0",
+        "eight-colors": "^1.3.1",
+        "eslint": "^9.17.0",
+        "eslint-config-plus": "^2.0.2",
+        "eslint-plugin-html": "^8.1.2",
         "js-beautify": "^1.15.1",
         "papaparse": "^5.4.1"
     }
-}
+}

lib/index.js

@@ -1,5 +1,6 @@
-const EC = require('eight-colors');
-const CG = require('console-grid');
+import EC from 'eight-colors';
+import chalk from 'chalk';
+import CG from 'console-grid';
 
 console.log(CG);
 
@@ -34,6 +35,8 @@ console.log(cg.getCharByWidth(bgStr, 30));
 console.log(cg.getCharByWidth(bgStr, 20));
 console.log(cg.getCharByWidth(bgStr, 10));
 
+const hexColor = chalk.hex('#ff0000');
+
 CG({
     columns: [{
         id: 'name'
@@ -44,5 +47,7 @@ CG({
     }, {
         name: EC.bg.yellow(`long string ${EC.green('inner green string')} ${EC.red('long red string long red string')}`),
         maxWidth: 50
+    }, {
+        name: hexColor('Hex Colored Text')
     }]
 });