feat: parse color:#rgb syntax

Author: amitkumarashutosh

packages/message-parser/src/chars.ts

@@ -30,6 +30,10 @@ export function isPlainChar(ch: string): boolean {
 	return ch !== '' && !isNewline(ch) && !isMarkupChar(ch);
 }
 
+export function isHexDigit(ch: string): boolean {
+	return (ch >= '0' && ch <= '9') || (ch >= 'a' && ch <= 'f') || (ch >= 'A' && ch <= 'F');
+}
+
 // ─── Emoticon ──────────────────────────────────────────────────────────────
 export const EMOTICONS: Record<string, string> = {
 	':)': 'slight_smile',

packages/message-parser/src/parser.ts

@@ -54,9 +54,10 @@ import {
 	emoji,
 	emoticon,
 	emojiUnicode,
+	color,
 } from './utils';
 import { Scanner } from './scanner';
-import { isNewline, isPlainChar, isSpace, isAlpha, isAlphaNum, isDigit, EMOTICON_KEYS, EMOTICONS } from './chars';
+import { isNewline, isPlainChar, isSpace, isAlpha, isAlphaNum, isDigit, EMOTICON_KEYS, EMOTICONS, isHexDigit } from './chars';
 
 // ─── Constants ────────────────────────────────────────────────────────────────
 
@@ -93,6 +94,17 @@ export function matchEmoticon(scanner: Scanner): Inlines | null {
 	return null;
 }
 
+function isAnyText(ch: string): boolean {
+	if (ch === '') return false;
+	return (
+		(ch >= ' ' && ch <= "'") || // space ! " # $ % & '
+		(ch >= '+' && ch <= '@') || // + , - . / 0-9 : ; < = > ? @
+		(ch >= 'A' && ch <= 'Z') || // A-Z
+		(ch >= 'a' && ch <= 'z') || // a-z
+		ch.charCodeAt(0) > 127 // any non-ASCII character
+	);
+}
+
 // ───  Re-entrancy guards ───────────────────────────────────────────────────
 
 let skipBold = false;
@@ -346,6 +358,16 @@ function parseInline(scanner: Scanner, options: Options): Inlines[] {
 			}
 		}
 
+		// Color (color:#rgb / rgba / rrggbb / rrggbbaa) — only when enabled
+		if (scanner.matches('color:#')) {
+			const result = tryColor(scanner, options);
+			if (result !== null) {
+				nodes.push(result);
+				prevChar = '';
+				continue;
+			}
+		}
+
 		// Email (local@domain)
 		if (isAlpha(ch) || isDigit(ch) || ch.charCodeAt(0) > 127) {
 			const result = tryEmail(scanner);
@@ -576,6 +598,16 @@ function parseInlineContent(scanner: Scanner, options: Options, stopChar: string
 			}
 		}
 
+		// Color (color:#rgb / rgba / rrggbb / rrggbbaa)
+		if (scanner.matches('color:#')) {
+			const result = tryColor(scanner, options);
+			if (result !== null) {
+				nodes.push(result);
+				prevChar = '';
+				continue;
+			}
+		}
+
 		// Email (local@domain)
 		if (isAlpha(ch) || isDigit(ch) || ch.charCodeAt(0) > 127) {
 			const result = tryEmail(scanner);
@@ -1521,6 +1553,44 @@ function tryUnicodeEmoji(scanner: Scanner): Inlines | null {
 	return emojiUnicode(m[0]);
 }
 
+function tryColor(scanner: Scanner, options: Options): Inlines | null {
+	if (!options.colors) return null;
+	const delimiter = 'color:#';
+
+	if (!scanner.matches(delimiter)) return null;
+
+	const startPos = scanner.position();
+	scanner.consume(delimiter.length); // consume "color:#"
+
+	const hexStart = scanner.position();
+	while (!scanner.isEnd() && isHexDigit(scanner.char())) {
+		scanner.consume();
+	}
+	const hex = scanner.sliceFrom(hexStart);
+
+	let rgba: [number, number, number, number] | null = null;
+
+	if (hex.length === 6 || hex.length === 8) {
+		// byte pairs: c7 -> 0xc7
+		const b: number[] = [];
+		for (let i = 0; i < hex.length; i += 2) b.push(parseInt(hex.slice(i, i + 2), 16));
+		rgba = [b[0], b[1], b[2], b[3] ?? 255];
+	} else if (hex.length === 3 || hex.length === 4) {
+		// single nibbles doubled: c -> cc -> 0xcc
+		const n: number[] = [];
+		for (let i = 0; i < hex.length; i++) n.push(parseInt(hex[i] + hex[i], 16));
+		rgba = [n[0], n[1], n[2], n[3] ?? 255];
+	}
+
+	// Invalid digit count, or color is immediately followed by text -> not a color.
+	if (rgba === null || isAnyText(scanner.char())) {
+		scanner.backtrack(startPos);
+		return null;
+	}
+
+	return color(rgba[0], rgba[1], rgba[2], rgba[3]);
+}
+
 // ─── Block methods ──────────────────────────────────────────────────────────────
 
 function tryCodeFence(scanner: Scanner): Code | null {