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
118
|
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) => {
let 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`
let 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
let output: HTMLSpanElement[] = []
for (const letter of text) {
let currentSelector = document.createElement('span')
let currentIdentifier = identifiers.get(letter)
const currentClosingLetter = closingStack[closingStack.length-1]
const keepChar = Number(currentIdentifier?.remove) === 0
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 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 {
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
|
