transcriptify 1.0.0

package/dist/src/web/discord-components/utils/markdown.js

@@ -0,0 +1,538 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.parseMarkdown = parseMarkdown;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
+const common_1 = __importDefault(require("highlight.js/lib/common"));
+const cdnHelpers_1 = require("../../helpers/cdnHelpers");
+const markdownUtils_1 = require("./markdownUtils");
+let __parseMarkdownId = 0;
+function normalizeCodeLang(lang) {
+    if (!lang)
+        return undefined;
+    const s = lang.toLowerCase();
+    if (s === "py")
+        return "python";
+    if (s === "js")
+        return "javascript";
+    if (s === "ts")
+        return "typescript";
+    if (s === "jsx")
+        return "javascript";
+    if (s === "tsx")
+        return "typescript";
+    return s;
+}
+function getHighlightedHtml(code, lang) {
+    const normalized = normalizeCodeLang(lang);
+    const useLang = normalized && common_1.default.getLanguage(normalized) ? normalized : undefined;
+    const result = useLang ? common_1.default.highlight(code, { language: useLang, ignoreIllegals: true }) : common_1.default.highlightAuto(code);
+    return result.value || (0, markdownUtils_1.escapeHtml)(code);
+}
+function Spoiler({ children }) {
+    const [revealed, setRevealed] = react_1.default.useState(false);
+    return ((0, jsx_runtime_1.jsx)("span", { className: "rounded px-0.5 cursor-pointer transition-colors", style: {
+            backgroundColor: revealed ? "#2b2d31" : "#202225",
+            color: revealed ? "#dcddde" : "transparent",
+            userSelect: revealed ? "text" : "none"
+        }, onClick: () => setRevealed(!revealed), title: revealed ? "Hide" : "Click to reveal spoiler", children: children }));
+}
+function renderTokens(tokens, keyBase = 0) {
+    const nodes = [];
+    tokens.forEach((t, i) => {
+        const key = `${keyBase}-${i}`;
+        const rawVal = t.value ?? "";
+        let v = "";
+        if (typeof rawVal === "string") {
+            v = rawVal;
+        }
+        else if (rawVal && typeof rawVal === "object") {
+            v = rawVal.name || rawVal.text || rawVal.value || "";
+        }
+        if (rawVal && typeof rawVal === "object" && Array.isArray(rawVal.tokens)) {
+            nodes.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: renderTokens(rawVal.tokens, Number(`${keyBase}${i}`)) }, key));
+            return;
+        }
+        switch (t.type) {
+            case "text":
+                nodes.push(v);
+                break;
+            case "strike":
+            case "s":
+            case "strikethrough":
+            case "del":
+            case "deleted":
+                nodes.push((0, jsx_runtime_1.jsx)("s", { style: { textDecoration: "line-through", opacity: 0.8 }, children: v }, key));
+                break;
+            case "inlineCode":
+                nodes.push((0, jsx_runtime_1.jsx)("code", { className: "bg-[#1e1f22] text-[#dbdee1] px-1 rounded text-[0.875rem] font-mono", children: v }, key));
+                break;
+            case "spoiler":
+                nodes.push((0, jsx_runtime_1.jsx)(Spoiler, { children: v }, key));
+                break;
+            case "codeBlock": {
+                const lang = t.meta?.lang || undefined;
+                const codeContent = typeof rawVal === "string" ? rawVal : (rawVal && rawVal.raw) || "";
+                const langForHighlight = normalizeCodeLang(lang);
+                const highlighted = getHighlightedHtml(codeContent, langForHighlight);
+                nodes.push((0, jsx_runtime_1.jsxs)("div", { className: "relative my-2 rounded bg-[#2B2D31] border border-[#1E1F22]", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-1 right-2 px-2 py-0.5 text-xs text-[#B5BAC1]", children: lang || "code" }), (0, jsx_runtime_1.jsx)("pre", { className: "p-3 pt-6 text-sm overflow-x-auto text-[#DBDEE1]", children: (0, jsx_runtime_1.jsx)("code", { className: langForHighlight ? `language-${langForHighlight} hljs` : "hljs", dangerouslySetInnerHTML: { __html: highlighted } }) })] }, key));
+                break;
+            }
+            default:
+                nodes.push(v);
+        }
+    });
+    return nodes;
+}
+function parseMarkdown(text, resolvedUsers, resolvedRoles, resolvedChannels, currentGuildId) {
+    if (!text && text !== 0)
+        return null;
+    if (text && typeof text === "object" && Array.isArray(text.tokens)) {
+        const tokens = text.tokens;
+        const allTextOnly = tokens.every((t) => t.type === "text");
+        if (allTextOnly) {
+            return parseMarkdown(tokens.map((t) => t.value ?? "").join(""), resolvedUsers, resolvedRoles, resolvedChannels, currentGuildId);
+        }
+        return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: react_1.default.Children.toArray(renderTokens(tokens)) }, `pm-${++__parseMarkdownId}`);
+    }
+    let raw = typeof text === "string"
+        ? text
+        : text && typeof text.raw === "string"
+            ? text.raw
+            : text && typeof text.content === "string"
+                ? text.content
+                : text && typeof text.text === "string"
+                    ? text.text
+                    : typeof text === "number"
+                        ? String(text)
+                        : "";
+    raw = raw.replace(/<@!?(\d+)>/g, (_match, id, offset, src) => {
+        const resolveUserName = (map, uid) => {
+            if (!map || !uid)
+                return null;
+            const direct = map[uid];
+            if (direct && (direct.displayName || direct.username))
+                return direct.displayName || direct.username || null;
+            const nId = Number(uid);
+            if (!Number.isNaN(nId)) {
+                for (const k of Object.keys(map)) {
+                    if (Number(k) === nId) {
+                        const v = map[k];
+                        if (v && (v.displayName || v.username))
+                            return v.displayName || v.username || null;
+                    }
+                }
+            }
+            for (const k of Object.keys(map)) {
+                if (String(k).trim() === String(uid).trim()) {
+                    const v = map[k];
+                    if (v && (v.displayName || v.username))
+                        return v.displayName || v.username || null;
+                }
+            }
+            return null;
+        };
+        const name = resolveUserName(resolvedUsers, id) || "unknown-user";
+        const safe = (0, markdownUtils_1.escapeHtml)(String(name));
+        const nextChar = src.charAt(offset + _match.length) || "";
+        const needsSpace = nextChar && !/\s/.test(nextChar);
+        return `<user>${safe}</user>${needsSpace ? " " : ""}`;
+    });
+    raw = raw.replace(/<@&(\d+)>/g, (_match, roleId) => {
+        const role = resolvedRoles?.[roleId];
+        if (role && role.name) {
+            return `<role${role.color && ` data-color="${role.color}"`}>${(0, markdownUtils_1.escapeHtml)(String(role.name))}</role>`;
+        }
+        return "unknown-role";
+    });
+    const resolveChannelName = (map, id) => {
+        if (!map || !id)
+            return null;
+        const direct = map[id];
+        if (direct && direct.name)
+            return direct.name;
+        const nId = Number(id);
+        if (!Number.isNaN(nId)) {
+            for (const k of Object.keys(map)) {
+                if (Number(k) === nId) {
+                    const v = map[k];
+                    if (v && v.name)
+                        return v.name;
+                }
+            }
+        }
+        for (const k of Object.keys(map)) {
+            if (String(k).trim() === String(id).trim()) {
+                const v = map[k];
+                if (v && v.name)
+                    return v.name;
+            }
+        }
+        return null;
+    };
+    raw = raw.replace(/<#(\d+)>/g, (_match, channelId) => {
+        const name = resolveChannelName(resolvedChannels, channelId);
+        if (name)
+            return `<channel data-id="${channelId}">${(0, markdownUtils_1.escapeHtml)(String(name))}</channel>`;
+        return `<channel data-id="${channelId}">unknown</channel>`;
+    });
+    raw = raw.replace(/https:\/\/discord\.com\/channels\/(\d+)\/(\d+)(?:\/(\d+))?/g, (_match, _guildId, channelId) => {
+        const name = resolveChannelName(resolvedChannels, channelId);
+        if (name)
+            return `<channel data-id="${channelId}">${(0, markdownUtils_1.escapeHtml)(String(name))}</channel>`;
+        return `<channel data-id="${channelId}">unknown</channel>`;
+    });
+    raw = raw
+        .replace(/<br\s*\/?>(\r?\n)?/gi, "\n")
+        .replace(/<strong>([\s\S]*?)<\/strong>/gi, "**$1**")
+        .replace(/<b>([\s\S]*?)<\/b>/gi, "**$1**")
+        .replace(/<u>([\s\S]*?)<\/u>/gi, "__$1__")
+        .replace(/<em>([\s\S]*?)<\/em>/gi, "*$1*")
+        .replace(/<i>([\s\S]*?)<\/i>/gi, "*$1*")
+        .replace(/<s>([\s\S]*?)<\/s>/gi, "~~$1~~");
+    raw = raw.replace(/\\([*_~`\\_])/g, "$1");
+    const linesForIndentCalc = raw.split("\n");
+    let minIndent = null;
+    for (const l of linesForIndentCalc) {
+        if (!l.trim())
+            continue;
+        const m = l.match(/^\s*/);
+        const indent = m ? m[0].length : 0;
+        if (minIndent === null || indent < minIndent)
+            minIndent = indent;
+    }
+    if (minIndent && minIndent > 0) {
+        raw = linesForIndentCalc.map((l) => (l.startsWith(" ".repeat(minIndent)) ? l.slice(minIndent) : l)).join("\n");
+    }
+    const segments = (0, markdownUtils_1.splitFencedCodeBlocks)(raw);
+    const outputNodes = [];
+    const processTextSegment = (txt) => {
+        const lines = txt.split("\n");
+        const processedLines = [];
+        let quoteBuffer = [];
+        lines.forEach((line, idx) => {
+            const trimmedLine = line.trimStart();
+            const isQuote = trimmedLine.startsWith(">");
+            if (isQuote) {
+                const quoteLine = trimmedLine.replace(/^>\s?/, "");
+                quoteBuffer.push(quoteLine);
+            }
+            else {
+                if (quoteBuffer.length > 0) {
+                    processedLines.push((0, jsx_runtime_1.jsx)("div", { className: "my-1 pl-3 border-l-4 border-[#4e505880] text-[#dbdee1]", children: quoteBuffer.map((qLine, qIdx) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [processSimpleMarkdown(qLine, resolvedChannels), qIdx < quoteBuffer.length - 1 ? (0, jsx_runtime_1.jsx)("br", {}) : null] }, qIdx))) }, `quote-${idx}`));
+                    quoteBuffer = [];
+                }
+                const headingMatch = trimmedLine.match(/^(#{1,6})\s+(.+)$/);
+                if (headingMatch) {
+                    const level = headingMatch[1].length;
+                    const text = headingMatch[2];
+                    const HeadingTag = `h${level}`;
+                    processedLines.push((0, jsx_runtime_1.jsx)(HeadingTag, { style: { fontWeight: 600, margin: "0.5rem 0" }, children: processSimpleMarkdown(text, resolvedChannels) }, idx));
+                }
+                else if (trimmedLine.startsWith("-#")) {
+                    let text = trimmedLine.slice(2);
+                    if (text.startsWith(" "))
+                        text = text.slice(1);
+                    const inner = processSimpleMarkdown(text, resolvedChannels);
+                    const smallContent = scaleImagesInNode(inner, true);
+                    processedLines.push((0, jsx_runtime_1.jsx)("small", { style: { fontSize: "0.875rem", opacity: 0.8 }, children: (0, jsx_runtime_1.jsx)("span", { children: smallContent }) }, idx));
+                    if (idx < lines.length - 1)
+                        processedLines.push((0, jsx_runtime_1.jsx)("br", {}, `br-${idx}`));
+                }
+                else if (trimmedLine.startsWith("- ")) {
+                    const text = trimmedLine.slice(2);
+                    processedLines.push((0, jsx_runtime_1.jsx)("li", { style: { marginLeft: "1.5rem" }, children: processSimpleMarkdown(text, resolvedChannels) }, idx));
+                }
+                else {
+                    processedLines.push((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [processSimpleMarkdown(line, resolvedChannels), idx < lines.length - 1 ? (0, jsx_runtime_1.jsx)("br", {}) : null] }, idx));
+                }
+            }
+        });
+        if (quoteBuffer.length > 0) {
+            processedLines.push((0, jsx_runtime_1.jsx)("div", { className: "my-1 pl-3 border-l-4 border-[#4e505880] text-[#dbdee1]", children: quoteBuffer.map((qLine, qIdx) => ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [processSimpleMarkdown(qLine, resolvedChannels), qIdx < quoteBuffer.length - 1 ? (0, jsx_runtime_1.jsx)("br", {}) : null] }, qIdx))) }, "quote-end"));
+        }
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.toArray(processedLines) });
+    };
+    segments.forEach((seg, sIdx) => {
+        if (seg.type === "text") {
+            outputNodes.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processTextSegment(seg.value) }, `seg-${sIdx}`));
+        }
+        else if (seg.type === "code") {
+            const lang = seg.lang;
+            const code = seg.value || "";
+            const codeText = code || "";
+            const detectedLang = (lang || "").toLowerCase();
+            const langForHighlight = normalizeCodeLang(detectedLang);
+            const highlighted = getHighlightedHtml(codeText, langForHighlight);
+            outputNodes.push((0, jsx_runtime_1.jsxs)("div", { className: "relative my-2 rounded bg-[#2B2D31] border border-[#1E1F22]", children: [(0, jsx_runtime_1.jsx)("div", { className: "absolute top-1 right-2 px-2 py-0.5 text-xs text-[#B5BAC1]", children: lang || "code" }), (0, jsx_runtime_1.jsx)("pre", { className: "p-3 pt-6 text-sm overflow-x-auto text-[#DBDEE1]", children: (0, jsx_runtime_1.jsx)("code", { className: langForHighlight ? `language-${langForHighlight} hljs` : "hljs", dangerouslySetInnerHTML: { __html: highlighted } }) })] }, `code-${sIdx}`));
+        }
+    });
+    return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: react_1.default.Children.toArray(outputNodes) }, `pm-${++__parseMarkdownId}`);
+}
+function processSimpleMarkdown(line, resolvedChannels) {
+    const timestampMatches = [];
+    const processed = line.replace(/<t:(\d+)(?::([tTdDfFR]))?>/g, (match, timestamp, style) => {
+        const placeholder = `__TIMESTAMP_${timestampMatches.length}__`;
+        timestampMatches.push({ timestamp, style: style || "f", formatted: (0, markdownUtils_1.parseDiscordTimestamp)(parseInt(timestamp, 10), style || "f") });
+        return placeholder;
+    });
+    const regex = /(`[^`]+`)|(\|\|([^|]+)\|\|)|(~~(.+?)~~)|(\*\*\*(.+?)\*\*\*)|(\*\*(.+?)\*\*)|(__TIMESTAMP_(\d+)__)|(__([\s\S]+?)__)|\*(.+?)\*|(<\/([A-Za-z0-9_-]+):(\d+)>)|(<user>[^<]+<\/user>)|(<role[^>]*>[^<]+<\/role>)|(<channel[^>]*>[^<]+<\/channel>)/g;
+    let lastIndex = 0;
+    let match;
+    const parts = [];
+    while ((match = regex.exec(processed)) !== null) {
+        if (match.index > lastIndex)
+            parts.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processLinks(processed.substring(lastIndex, match.index)) }, `text-${lastIndex}`));
+        if (match[1]) {
+            const code = match[1].slice(1, -1);
+            parts.push((0, jsx_runtime_1.jsx)("code", { className: "bg-[#1e1f22] text-[#dbdee1] px-1 rounded text-[0.875rem] font-mono", children: code }, match.index));
+        }
+        else if (match[2]) {
+            const text = match[3];
+            parts.push((0, jsx_runtime_1.jsx)(Spoiler, { children: parseInline(text) }, match.index));
+        }
+        else if (match[4]) {
+            const text = match[5];
+            parts.push((0, jsx_runtime_1.jsx)("s", { style: { textDecoration: "line-through", opacity: 0.8 }, children: parseInline(text) }, match.index));
+        }
+        else if (match[6]) {
+            const text = match[7];
+            parts.push((0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: (0, jsx_runtime_1.jsx)("em", { style: { fontStyle: "italic" }, children: parseInline(text) }) }, match.index));
+        }
+        else if (match[8]) {
+            const text = match[9];
+            parts.push((0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: parseInline(text) }, match.index));
+        }
+        else if (match[10]) {
+            const idx = parseInt(match[11], 10);
+            const { formatted } = timestampMatches[idx];
+            parts.push((0, jsx_runtime_1.jsx)("span", { className: "bg-[#5865f21a] text-[#00a8fc] px-0.5 rounded cursor-default", title: formatted, children: formatted }, match.index));
+        }
+        else if (match[12]) {
+            const text = match[13];
+            parts.push((0, jsx_runtime_1.jsx)("u", { style: { textDecoration: "underline", textDecorationThickness: "1px" }, children: parseInline(text) }, match.index));
+        }
+        else if (match[14]) {
+            const text = match[14].slice(1, -1);
+            parts.push((0, jsx_runtime_1.jsx)("em", { style: { fontStyle: "italic" }, children: parseInline(text) }, match.index));
+        }
+        else if (match[15]) {
+            const commandName = match[16];
+            parts.push((0, jsx_runtime_1.jsx)("span", { className: "inline-flex items-center rounded px-2 py-0.5 text-sm font-medium mr-1", style: { backgroundColor: "#1d193f", color: "#9697ec" }, children: `/${commandName}` }, match.index));
+        }
+        else if (match[18]) {
+            const userTag = match[18];
+            let userName = userTag.replace(/<\/?user>/g, "");
+            userName = String(userName).replace(/\s+/g, " ").trim();
+            const display = `@${userName}`;
+            parts.push((0, jsx_runtime_1.jsx)("span", { className: "bg-[#5865f233] text-[#c9d1ff] px-0.5 rounded cursor-pointer hover:bg-[#5865f24d] transition-colors", style: { fontWeight: 500 }, children: display }, match.index));
+            try {
+                const nextChar = processed.charAt(regex.lastIndex) || "";
+                if (nextChar && !/\s/.test(nextChar)) {
+                    parts.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: " " }, `sp-${match.index}`));
+                }
+            }
+            catch (_) { }
+        }
+        else if (match[19]) {
+            const roleTag = match[19];
+            const colorMatch = roleTag.match(/data-color="([^"]+)"/);
+            const roleName = roleTag.replace(/<role[^>]*>|<\/role>/g, "");
+            if (colorMatch) {
+                const rawColor = colorMatch[1];
+                let colorInt = 0;
+                if (/^#?[0-9a-fA-F]{6}$/.test(rawColor)) {
+                    colorInt = parseInt(rawColor.replace("#", ""), 16);
+                }
+                else if (/^0x[0-9a-fA-F]+$/.test(rawColor)) {
+                    colorInt = parseInt(rawColor.replace("0x", ""), 16);
+                }
+                else {
+                    colorInt = parseInt(rawColor, 10) || 0;
+                }
+                const r = (colorInt >> 16) & 0xff;
+                const g = (colorInt >> 8) & 0xff;
+                const b = colorInt & 0xff;
+                const textColor = `rgb(${r}, ${g}, ${b})`;
+                const bgColor = `rgba(${r}, ${g}, ${b}, 0.12)`;
+                parts.push((0, jsx_runtime_1.jsx)("span", { className: "px-0.5 rounded cursor-pointer transition-opacity hover:opacity-80", style: { color: textColor, backgroundColor: bgColor, fontWeight: 500 }, children: `@${roleName}` }, match.index));
+            }
+            else {
+                parts.push((0, jsx_runtime_1.jsx)("span", { children: `@${roleName}` }, match.index));
+            }
+        }
+        else if (match[20]) {
+            const channelTag = match[20];
+            const idMatch = channelTag.match(/data-id=\"([^\"]+)\"/);
+            const channelIdAttr = idMatch ? idMatch[1] : undefined;
+            const innerText = channelTag.replace(/<channel[^>]*>|<\/channel>/g, "");
+            let displayName = innerText;
+            if (channelIdAttr) {
+                const resolved = (0, markdownUtils_1.resolveChannelNameGlobal)(resolvedChannels, channelIdAttr);
+                if (resolved)
+                    displayName = `#${resolved}`;
+            }
+            parts.push((0, jsx_runtime_1.jsx)("span", { className: "bg-[#5865f21a] text-[#00a8fc] px-0.5 rounded cursor-pointer hover:bg-[#5865f233] transition-colors", style: { fontWeight: 500 }, "data-channel-id": channelIdAttr, children: displayName }, match.index));
+        }
+        lastIndex = regex.lastIndex;
+    }
+    if (lastIndex < processed.length)
+        parts.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processLinks(processed.substring(lastIndex)) }, `text-${lastIndex}`));
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.toArray(parts) });
+}
+function processLinks(str) {
+    const mdRegex = /\[([^\]]+)\]\(\s*(?:<\s*(https?:\/\/[^>\s]+)\s*>|(https?:\/\/[^\s)]+))\s*\)/g;
+    const segments = [];
+    let lastIdx = 0;
+    let mdMatch;
+    while ((mdMatch = mdRegex.exec(str)) !== null) {
+        if (mdMatch.index > lastIdx) {
+            segments.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processBareLinks(str.substring(lastIdx, mdMatch.index)) }, `seg-${lastIdx}`));
+        }
+        const label = mdMatch[1];
+        const url = (mdMatch[2] || mdMatch[3]);
+        if (!url || !/^https?:\/\//i.test(url)) {
+            segments.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: label }, `mdlink-${mdMatch.index}`));
+        }
+        else {
+            segments.push((0, jsx_runtime_1.jsx)("a", { href: url, style: { color: "blue" }, target: "_blank", rel: "noreferrer", children: label }, `mdlink-${mdMatch.index}`));
+        }
+        lastIdx = mdRegex.lastIndex;
+    }
+    if (lastIdx < str.length) {
+        segments.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processBareLinks(str.substring(lastIdx)) }, `seg-${lastIdx}`));
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.toArray(segments) });
+}
+function processBareLinks(str) {
+    const urlRegex = /<\s*(https?:\/\/[^>\s]+)\s*>|(https?:\/\/[^\s)]+)/g;
+    const parts = [];
+    let last = 0;
+    let match;
+    while ((match = urlRegex.exec(str)) !== null) {
+        if (match.index > last)
+            parts.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: str.substring(last, match.index) }, `text-${last}`));
+        const url = (match[1] || match[2]);
+        const isSticker = /\/stickers\/\d+\.webp(\?.*)?$/i.test(url) || url.includes("/stickers/");
+        if (isSticker) {
+            parts.push((0, jsx_runtime_1.jsx)("img", { src: url, alt: "sticker", className: "inline h-10 w-10 align-text-bottom mr-0.5" }, `sticker-${match.index}`));
+        }
+        else {
+            parts.push((0, jsx_runtime_1.jsx)("a", { href: url, style: { color: "blue" }, target: "_blank", rel: "noreferrer", children: url }, `u-${match.index}`));
+        }
+        last = urlRegex.lastIndex;
+    }
+    if (last < str.length)
+        parts.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: str.substring(last) }, `text-${last}`));
+    const rendered = parts.map((p, i) => {
+        if (typeof p === "string") {
+            return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processEmojis(p) }, `emoji-${i}`);
+        }
+        if (react_1.default.isValidElement(p) && p.props && typeof p.props.children === "string") {
+            return (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processEmojis(p.props.children) }, `emoji-frag-${i}`);
+        }
+        return p;
+    });
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.toArray(rendered) });
+}
+function processEmojis(str) {
+    const nodes = [];
+    const emojiRegex = /<(a)?:([^:>]+):(\d+)>/g;
+    let last = 0;
+    let m;
+    while ((m = emojiRegex.exec(str)) !== null) {
+        if (m.index > last)
+            nodes.push(str.substring(last, m.index));
+        const animated = !!m[1];
+        const name = m[2];
+        const id = m[3];
+        const src = (0, cdnHelpers_1.buildEmojiCdnUrl)(id, animated, 96) || "";
+        if (src) {
+            nodes.push((0, jsx_runtime_1.jsx)("img", { src: src, alt: name, className: "inline h-5 w-5 align-text-bottom mr-0.5" }, `e-${id}-${m.index}`));
+        }
+        last = emojiRegex.lastIndex;
+    }
+    if (last < str.length)
+        nodes.push(str.substring(last));
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.toArray(nodes) });
+}
+function scaleImagesInNode(node, small) {
+    if (!small)
+        return node;
+    if (node === null || node === undefined)
+        return node;
+    if (typeof node === "string" || typeof node === "number")
+        return node;
+    if (Array.isArray(node)) {
+        const mapped = node.map((n, i) => {
+            const scaled = scaleImagesInNode(n, small);
+            if (Array.isArray(scaled)) {
+                return react_1.default.Children.toArray(scaled).map((c, j) => react_1.default.isValidElement(c) ? react_1.default.cloneElement(c, { key: `si-${i}-${j}` }) : react_1.default.createElement(react_1.default.Fragment, { key: `si-${i}-${j}` }, c));
+            }
+            if (react_1.default.isValidElement(scaled)) {
+                if (scaled.key == null)
+                    return react_1.default.cloneElement(scaled, { key: `si-${i}` });
+                return scaled;
+            }
+            return react_1.default.createElement(react_1.default.Fragment, { key: `si-txt-${i}` }, scaled);
+        });
+        return react_1.default.Children.toArray(mapped.flat());
+    }
+    if (react_1.default.isValidElement(node)) {
+        const el = node;
+        const props = el.props || {};
+        const children = props.children;
+        const newChildren = scaleImagesInNode(children, small);
+        if (el.type === react_1.default.Fragment) {
+            return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: newChildren });
+        }
+        const isImageLike = el.type === "img" || (props && typeof props.src === "string");
+        if (isImageLike) {
+            const newStyle = Object.assign({}, props.style || {}, { height: "0.875rem", width: "0.875rem" });
+            return react_1.default.cloneElement(el, Object.assign({}, props, { style: newStyle }));
+        }
+        return react_1.default.cloneElement(el, Object.assign({}, props), newChildren);
+    }
+    return node;
+}
+function parseInline(text) {
+    const nodes = [];
+    const regex = /(~~([\s\S]+?)~~)|(\*\*__|__\*\*)([\s\S]+?)(__\*\*|\*\*__)|__([\s\S]+?)__|(\*\*\*([\s\S]+?)\*\*\*)|(\*\*(.+?)\*\*)|(\*([^*]+)\*)/g;
+    let lastIndex = 0;
+    let m;
+    while ((m = regex.exec(text)) !== null) {
+        if (m.index > lastIndex)
+            nodes.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processLinks(text.substring(lastIndex, m.index)) }, `link-${lastIndex}`));
+        if (m[1]) {
+            // ~~strike~~
+            nodes.push((0, jsx_runtime_1.jsx)("s", { style: { textDecoration: "line-through", opacity: 0.8 }, children: parseInline(m[2]) }, `st-${m.index}`));
+        }
+        else if (m[3]) {
+            // **__bold+underline__** or __**__ combo
+            nodes.push((0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: (0, jsx_runtime_1.jsx)("u", { style: { textDecoration: "underline" }, children: processLinks(m[4]) }) }, `bu-${m.index}`));
+        }
+        else if (m[6]) {
+            // __underline__
+            nodes.push((0, jsx_runtime_1.jsx)("u", { style: { textDecoration: "underline", textDecorationThickness: "1px" }, children: processLinks(m[6]) }, `u-${m.index}`));
+        }
+        else if (m[7]) {
+            // ***bold italic***
+            nodes.push((0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: (0, jsx_runtime_1.jsx)("em", { children: processLinks(m[8]) }) }, `bui-${m.index}`));
+        }
+        else if (m[9]) {
+            // **bold**
+            nodes.push((0, jsx_runtime_1.jsx)("strong", { style: { fontWeight: 600 }, children: processLinks(m[10]) }, `b-${m.index}`));
+        }
+        else if (m[11]) {
+            // *italic*
+            nodes.push((0, jsx_runtime_1.jsx)("em", { style: { fontStyle: "italic" }, children: processLinks(m[12]) }, `i-${m.index}`));
+        }
+        lastIndex = regex.lastIndex;
+    }
+    if (lastIndex < text.length)
+        nodes.push((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: processLinks(text.substring(lastIndex)) }, `link-${lastIndex}`));
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: react_1.default.Children.toArray(nodes) });
+}

package/dist/src/web/discord-components/utils/markdownUtils.d.ts

@@ -0,0 +1,12 @@
+export declare function parseDiscordTimestamp(unixTimestamp: number, style?: string): string;
+export declare function formatRelativeTime(date: Date): string;
+export declare function escapeHtml(s: string): string;
+export declare function splitFencedCodeBlocks(input: string): Array<{
+    type: "text" | "code";
+    value: string;
+    lang?: string;
+}>;
+export declare const resolveChannelNameGlobal: (map?: Record<string, {
+    name?: string | null;
+    guildId?: string | null;
+}>, id?: string) => string | null;