1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
import request from "../services/request";
interface Aoml {
[key: string]: string | number;
name: string;
start: string;
end: string;
remove: number;
talking: number;
color: string;
}
const aomlParser = (text: string) => {
const parsed: { [key: string]: Aoml } = {};
let currentHeader = "";
for (const line of text.split(/\r?\n/)) {
if (line === "") {
currentHeader = "";
continue;
}
const content = line.split(" = ");
const contentName = content[0];
const contentValue = content[1];
if (currentHeader === "") {
currentHeader = contentName;
parsed[currentHeader] = {
color: contentValue,
} as Aoml;
} else {
const contentKey = contentName.split("_")[1];
parsed[currentHeader][contentKey] = contentValue;
}
}
return parsed;
};
const mlConfig = (AO_HOST: string) => {
const defaultUrl = `${AO_HOST}themes/default/chat_config.ini`;
const aomlParsed: Promise<{ [key: string]: Aoml }> = request(defaultUrl).then(
(data) => aomlParser(data),
);
const createIdentifiers = async () => {
const identifiers = new Map<string, Aoml>();
for (const [ruleName, value] of Object.entries(await aomlParsed)) {
if (value.start && value.end) {
identifiers.set(value.start, value);
identifiers.set(value.end, value);
}
}
return identifiers;
};
const createStartIdentifiers = async () => {
const startingIdentifiers = new Set<string>();
for (const [ruleName, value] of Object.entries(await aomlParsed)) {
if (value?.start && value?.end) {
startingIdentifiers.add(value.start);
}
}
return startingIdentifiers;
};
const applyMarkdown = async (text: string, defaultColor: string) => {
const identifiers = await createIdentifiers();
const startIdentifiers = await createStartIdentifiers();
const closingStack = [];
const colorStack = [];
// each value in output will be an html element
const output: HTMLSpanElement[] = [];
for (const letter of text) {
const currentSelector = document.createElement("span");
const currentIdentifier = identifiers.get(letter);
const currentClosingLetter = closingStack[closingStack.length - 1];
const keepChar = Number(currentIdentifier?.remove) === 0;
if (currentClosingLetter === letter) {
const r = colorStack[colorStack.length - 1][0];
const g = colorStack[colorStack.length - 1][1];
const b = colorStack[colorStack.length - 1][2];
const currentColor = `color: rgb(${r},${g},${b});`;
currentSelector.setAttribute("style", currentColor);
closingStack.pop();
colorStack.pop();
if (keepChar) {
currentSelector.innerHTML = letter;
}
} else if (startIdentifiers.has(letter)) {
const color = identifiers.get(letter).color.split(",");
const r = color[0];
const g = color[1];
const b = color[2];
colorStack.push([r, g, b]);
closingStack.push(currentIdentifier.end);
const currentColor = `color: rgb(${r},${g},${b});`;
currentSelector.setAttribute("style", currentColor);
if (keepChar) {
currentSelector.innerHTML = letter;
}
} else {
currentSelector.innerHTML = letter;
if (colorStack.length === 0) {
currentSelector.className = `text_${defaultColor}`;
} else {
const r = colorStack[colorStack.length - 1][0];
const g = colorStack[colorStack.length - 1][1];
const b = colorStack[colorStack.length - 1][2];
const currentColor = `color: rgb(${r},${g},${b});`;
currentSelector.setAttribute("style", currentColor);
}
}
output.push(currentSelector);
}
return output;
};
return {
applyMarkdown,
};
};
export default mlConfig;
|
