This commit is contained in:
2
.npmignore
Normal file
2
.npmignore
Normal file
@@ -0,0 +1,2 @@
|
||||
.git/
|
||||
.idea/
|
||||
18
README.md
18
README.md
@@ -1,2 +1,18 @@
|
||||
# term-color-render
|
||||
# term color render
|
||||
|
||||
```js
|
||||
import {renderColor} from "./index";
|
||||
|
||||
console.log(renderColor('hello [red]red world[/red], [bold][green]bold and green text[/green][/bold]'));
|
||||
```
|
||||
|
||||
|
||||
Supported colors:
|
||||
- `[red]red text[/red]`
|
||||
- `[blue]blue text[/blue]`
|
||||
- `[green]green text[/green]`
|
||||
- `[yellow]yellow text[/yellow]`
|
||||
- `[cyan]cyan text[/cyan]`
|
||||
- `[pink]cyan text[/pink]`
|
||||
- `[bold]bold text[/bold]`
|
||||
- `[under]under text[/under]`
|
||||
|
||||
126
index.js
Normal file
126
index.js
Normal file
@@ -0,0 +1,126 @@
|
||||
// index.ts
|
||||
function parseColorTokens(message) {
|
||||
const tokens = [];
|
||||
if (message) {
|
||||
let inColorStart = false;
|
||||
let inColorEnd = false;
|
||||
let chars = [];
|
||||
const messageLength = message.length;
|
||||
for (let i = 0; i < messageLength; i++) {
|
||||
const c = message.charAt(i);
|
||||
const nextC = i + 1 < messageLength ? message.charAt(i + 1) : null;
|
||||
switch (c) {
|
||||
case "\\":
|
||||
if (nextC === null) {
|
||||
chars.push(c);
|
||||
} else {
|
||||
chars.push(nextC);
|
||||
i++;
|
||||
}
|
||||
break;
|
||||
case "[":
|
||||
if (inColorStart || inColorEnd) {
|
||||
break;
|
||||
} else if (nextC == "/") {
|
||||
inColorEnd = true;
|
||||
i++;
|
||||
} else {
|
||||
inColorStart = true;
|
||||
}
|
||||
if (chars.length > 0) {
|
||||
tokens.push({
|
||||
type: "text",
|
||||
content: chars.join("")
|
||||
});
|
||||
chars = [];
|
||||
}
|
||||
break;
|
||||
case "]":
|
||||
if (inColorStart || inColorEnd) {
|
||||
if (chars.length > 0) {
|
||||
tokens.push({
|
||||
type: "color",
|
||||
colorStart: inColorStart,
|
||||
color: chars.join("")
|
||||
});
|
||||
chars = [];
|
||||
}
|
||||
inColorStart = false;
|
||||
inColorEnd = false;
|
||||
} else {
|
||||
chars.push(c);
|
||||
}
|
||||
break;
|
||||
default:
|
||||
chars.push(c);
|
||||
break;
|
||||
}
|
||||
}
|
||||
const inColor = inColorStart || inColorEnd;
|
||||
if (chars.length > 0 && !inColor) {
|
||||
tokens.push({
|
||||
type: "text",
|
||||
content: chars.join("")
|
||||
});
|
||||
}
|
||||
}
|
||||
return tokens;
|
||||
}
|
||||
var COLOR_MAP = {
|
||||
blink: "5",
|
||||
bold: "1",
|
||||
under: "4",
|
||||
red: "31",
|
||||
green: "32",
|
||||
yellow: "33",
|
||||
blue: "34",
|
||||
pink: "35",
|
||||
cyan: "36"
|
||||
};
|
||||
function renderColorTokens(tokens) {
|
||||
const text = [];
|
||||
const colorMapStack = /* @__PURE__ */ new Map();
|
||||
for (const token of tokens) {
|
||||
if (token.type === "color") {
|
||||
const color = token.color;
|
||||
if (color) {
|
||||
const colorCode = COLOR_MAP[color];
|
||||
if (!colorCode) {
|
||||
text.push(`[${token.colorStart ? "" : "/"}${color}]`);
|
||||
continue;
|
||||
}
|
||||
const colorStack = colorMapStack.get(color) ?? [];
|
||||
if (colorStack.length == 0) {
|
||||
colorMapStack.set(color, colorStack);
|
||||
}
|
||||
if (token.colorStart) {
|
||||
colorStack.push(1);
|
||||
} else {
|
||||
colorStack.pop();
|
||||
text.push("\x1B[0m");
|
||||
}
|
||||
const colors = [];
|
||||
for (const [color2, colorStack2] of colorMapStack) {
|
||||
if (colorStack2.length > 0) {
|
||||
colors.push(colorCode);
|
||||
}
|
||||
}
|
||||
if (colors.length > 0) {
|
||||
text.push(`\x1B[${colors.join(";")}m`);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (token.content) {
|
||||
text.push(token.content);
|
||||
}
|
||||
}
|
||||
}
|
||||
text.push("\x1B[0m");
|
||||
return text.join("");
|
||||
}
|
||||
function renderColor(message) {
|
||||
return renderColorTokens(parseColorTokens(message));
|
||||
}
|
||||
export {
|
||||
renderColor
|
||||
};
|
||||
135
index.ts
Normal file
135
index.ts
Normal file
@@ -0,0 +1,135 @@
|
||||
interface ColorToken {
|
||||
type: "color" | "text";
|
||||
content?: string;
|
||||
colorStart?: boolean;
|
||||
color?: string;
|
||||
}
|
||||
|
||||
function parseColorTokens(message: string): ColorToken[] {
|
||||
const tokens: ColorToken[] = [];
|
||||
if (message) {
|
||||
let inColorStart = false;
|
||||
let inColorEnd = false;
|
||||
let chars: string[] = [];
|
||||
const messageLength = message.length;
|
||||
for (let i = 0; i < messageLength; i++) {
|
||||
const c = message.charAt(i);
|
||||
const nextC = (i + 1) < messageLength
|
||||
? message.charAt(i + 1)
|
||||
: null;
|
||||
switch (c) {
|
||||
case "\\":
|
||||
if (nextC === null) {
|
||||
chars.push(c);
|
||||
} else {
|
||||
chars.push(nextC);
|
||||
i++;
|
||||
}
|
||||
break;
|
||||
case "[":
|
||||
if (inColorStart || inColorEnd) {
|
||||
// SHOULD NOT HAPPEN
|
||||
break;
|
||||
} else if (nextC == "/") {
|
||||
inColorEnd = true;
|
||||
i++;
|
||||
} else {
|
||||
inColorStart = true;
|
||||
}
|
||||
if (chars.length > 0) {
|
||||
tokens.push({
|
||||
type: "text",
|
||||
content: chars.join(""),
|
||||
});
|
||||
chars = [];
|
||||
}
|
||||
break;
|
||||
case "]":
|
||||
if (inColorStart || inColorEnd) {
|
||||
if (chars.length > 0) {
|
||||
tokens.push({
|
||||
type: "color",
|
||||
colorStart: inColorStart,
|
||||
color: chars.join(""),
|
||||
});
|
||||
chars = [];
|
||||
}
|
||||
inColorStart = false;
|
||||
inColorEnd = false;
|
||||
} else {
|
||||
chars.push(c);
|
||||
}
|
||||
break;
|
||||
default:
|
||||
chars.push(c);
|
||||
break;
|
||||
}
|
||||
}
|
||||
const inColor = inColorStart || inColorEnd;
|
||||
if (chars.length > 0 && !inColor) {
|
||||
tokens.push({
|
||||
type: "text",
|
||||
content: chars.join(""),
|
||||
});
|
||||
}
|
||||
}
|
||||
return tokens;
|
||||
}
|
||||
|
||||
const COLOR_MAP: Record<string, string> = {
|
||||
blink: "5",
|
||||
bold: "1",
|
||||
under: "4",
|
||||
red: "31",
|
||||
green: "32",
|
||||
yellow: "33",
|
||||
blue: "34",
|
||||
pink: "35",
|
||||
cyan: "36",
|
||||
};
|
||||
|
||||
function renderColorTokens(tokens: ColorToken[]): string {
|
||||
const text: string[] = [];
|
||||
const colorMapStack = new Map<string, number[]>();
|
||||
for (const token of tokens) {
|
||||
if (token.type === "color") {
|
||||
const color = token.color;
|
||||
if (color) {
|
||||
const colorCode = COLOR_MAP[color];
|
||||
if (!colorCode) {
|
||||
text.push(`[${token.colorStart ? "" : "/"}${color}]`);
|
||||
continue;
|
||||
}
|
||||
const colorStack = colorMapStack.get(color) ?? [];
|
||||
if (colorStack.length == 0) {
|
||||
colorMapStack.set(color, colorStack);
|
||||
}
|
||||
if (token.colorStart) {
|
||||
colorStack.push(1);
|
||||
} else {
|
||||
colorStack.pop();
|
||||
text.push("\x1b[0m");
|
||||
}
|
||||
const colors: string[] = [];
|
||||
for (const [color, colorStack] of colorMapStack) {
|
||||
if (colorStack.length > 0) {
|
||||
colors.push(colorCode);
|
||||
}
|
||||
}
|
||||
if (colors.length > 0) {
|
||||
text.push(`\x1b[${colors.join(";")}m`);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (token.content) {
|
||||
text.push(token.content);
|
||||
}
|
||||
}
|
||||
}
|
||||
text.push("\x1b[0m"); // FINALLY END ALL COLOR
|
||||
return text.join("");
|
||||
}
|
||||
|
||||
export function renderColor(message: string): string {
|
||||
return renderColorTokens(parseColorTokens(message));
|
||||
}
|
||||
12
package.json
Normal file
12
package.json
Normal file
@@ -0,0 +1,12 @@
|
||||
{
|
||||
"name": "@hatterjiang/term-color-render",
|
||||
"version": "1.0.0",
|
||||
"description": "Render color for term use syntax like [red]text[/red]",
|
||||
"license": "MIT",
|
||||
"author": "hatterjiang",
|
||||
"type": "commonjs",
|
||||
"main": "index.ts",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user