🆙 Init V3

src/api/utils/RoomChatFormatter.ts

@@ -0,0 +1,75 @@
+const allowedColours: Map<string, string> = new Map();
+
+allowedColours.set('r', 'red');
+allowedColours.set('b', 'blue');
+allowedColours.set('g', 'green');
+allowedColours.set('y', 'yellow');
+allowedColours.set('w', 'white');
+allowedColours.set('o', 'orange');
+allowedColours.set('c', 'cyan');
+allowedColours.set('br', 'brown');
+allowedColours.set('pr', 'purple');
+allowedColours.set('pk', 'pink');
+
+allowedColours.set('red', 'red');
+allowedColours.set('blue', 'blue');
+allowedColours.set('green', 'green');
+allowedColours.set('yellow', 'yellow');
+allowedColours.set('white', 'white');
+allowedColours.set('orange', 'orange');
+allowedColours.set('cyan', 'cyan');
+allowedColours.set('brown', 'brown');
+allowedColours.set('purple', 'purple');
+allowedColours.set('pink', 'pink');
+
+const encodeHTML = (str: string) =>
+{
+    return str.replace(/([\u00A0-\u9999<>&])(.|$)/g, (full, char, next) =>
+    {
+        if(char !== '&' || next !== '#')
+        {
+            if(/[\u00A0-\u9999<>&]/.test(next)) next = '&#' + next.charCodeAt(0) + ';';
+
+            return '&#' + char.charCodeAt(0) + ';' + next;
+        }
+
+        return full;
+    });
+};
+
+export const RoomChatFormatter = (content: string) =>
+{
+    let result = '';
+
+    content = encodeHTML(content);
+    //content = (joypixels.shortnameToUnicode(content) as string)
+
+    if(content.startsWith('@') && content.indexOf('@', 1) > -1)
+    {
+        let match = null;
+
+        while((match = /@[a-zA-Z]+@/g.exec(content)) !== null)
+        {
+            const colorTag = match[0].toString();
+            const colorName = colorTag.substr(1, colorTag.length - 2);
+            const text = content.replace(colorTag, '');
+
+            if(!allowedColours.has(colorName))
+            {
+                result = text;
+            }
+            else
+            {
+                const color = allowedColours.get(colorName);
+                result = '<span style="color: ' + color + '">' + text + '</span>';
+            }
+            break;
+        }
+    }
+    else
+    {
+        result = content;
+    }
+
+    return result;
+};