discord-html-transcripts-fix 1.1.0 → 1.3.0

package/dist/generator/renderers/message.js

@@ -38,6 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DiscordMessage;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const discord_js_1 = require("discord.js");
 const utils_1 = require("../../utils/utils");
 const attachment_1 = require("./attachment");
 const components_1 = __importDefault(require("./components"));
@@ -45,12 +46,43 @@ const content_1 = __importStar(require("./content"));
 const embed_1 = require("./embed");
 const reply_1 = __importDefault(require("./reply"));
 const systemMessage_1 = __importDefault(require("./systemMessage"));
-async function DiscordMessage({ message, context, }) {
-    var _a;
+
+const FLAG_CROSSPOSTED = 1 << 0;
+const FLAG_IS_CROSSPOST = 1 << 1;
+const FLAG_SUPPRESS_EMBEDS = 1 << 2;
+const FLAG_SUPPRESS_NOTIFICATIONS = 1 << 12;
+const FLAG_IS_VOICE_MESSAGE = 1 << 13;
+const FLAG_HAS_SNAPSHOT = 1 << 14;
+const ACTIVITY_TYPES = { 1: 'Join', 2: 'Spectate', 3: 'Listen', 5: 'Join Request' };
+
+function abbrCount(n) {
+    if (n < 1000) return String(n);
+    if (n < 1000000) return (n / 1000).toFixed(n < 10000 ? 1 : 0).replace(/\.0$/, '') + 'K';
+    return (n / 1000000).toFixed(1).replace(/\.0$/, '') + 'M';
+}
+
+function t(context, key, fallback) {
+    const dict = context?.i18n?.[context?.lang] || context?.i18n?.en || {};
+    return dict[key] || fallback || key;
+}
+
+async function DiscordMessage({ message, context }) {
     try {
         if (message.system)
-            return (0, jsx_runtime_1.jsx)(systemMessage_1.default, { message: message });
-        const isCrosspost = message.reference && message.reference.guildId !== ((_a = message.guild) === null || _a === void 0 ? void 0 : _a.id);
+            return (0, jsx_runtime_1.jsx)(systemMessage_1.default, { message: message, context: context });
+
+        const isCrossGuildReply = message.reference && message.reference.guildId !== message.guild?.id;
+
+        // Data-attrs for client-side filtering (keyword/author/role/date/has-*).
+        const memberRoleIds = message.member?.roles?.cache
+            ? Array.from(message.member.roles.cache.keys()).join(',')
+            : '';
+        const authorName = (message.member?.nickname || message.author?.displayName || message.author?.username || '').toLowerCase();
+        const ts = message.createdAt instanceof Date ? message.createdAt.getTime() : 0;
+        const lowerText = (message.content || '').toLowerCase().slice(0, 4096);
+        const hasImage = message.attachments && Array.from(message.attachments.values()).some(a => typeof a.contentType === 'string' && a.contentType.startsWith('image/'));
+        const hasEmbed = message.embeds && message.embeds.length > 0;
+        const hasAttachment = message.attachments && message.attachments.size > 0;
         const stickers = message.stickers && message.stickers.size > 0
             ? Array.from(message.stickers.values()).map((s) => ({
                 id: s.id,
@@ -60,76 +92,350 @@ async function DiscordMessage({ message, context, }) {
             }))
             : [];
         const poll = (message.poll && (message.poll.question || (message.poll.answers && message.poll.answers.size))) ? message.poll : null;
-        return ((0, jsx_runtime_1.jsxs)("discord-message", { id: `m-${message.id}`, timestamp: message.createdAt, edited: message.editedAt !== null, server: isCrosspost !== null && isCrosspost !== void 0 ? isCrosspost : undefined, highlight: message.mentions.everyone, profile: message.author.id, children: [(0, jsx_runtime_1.jsx)(reply_1.default, { message: message, context: context }), message.interaction && ((0, jsx_runtime_1.jsx)("discord-command", { slot: "reply", profile: message.interaction.user.id, command: '/' + message.interaction.commandName })), message.content && ((0, jsx_runtime_1.jsx)(content_1.default, { content: message.content, context: Object.assign(Object.assign({}, context), { type: message.webhookId ? content_1.RenderType.WEBHOOK : content_1.RenderType.NORMAL }) })), (0, jsx_runtime_1.jsx)(attachment_1.Attachments, { message: message, context: context }), stickers.length > 0 && renderStickers(stickers), poll && renderPoll(poll), message.embeds.map((embed, id) => ((0, jsx_runtime_1.jsx)(embed_1.DiscordEmbed, { embed: embed, context: Object.assign(Object.assign({}, context), { index: id, message }) }, id))), message.components.length > 0 && ((0, jsx_runtime_1.jsx)("discord-attachments", { slot: "components", children: message.components.map((component, id) => ((0, jsx_runtime_1.jsx)(components_1.default, { id: id, component: component, context: context }, id))) })), message.reactions.cache.size > 0 && ((0, jsx_runtime_1.jsx)("discord-reactions", { slot: "reactions", children: Array.from(message.reactions.cache.values()).map((reaction, id) => {
-                                    var _a, _b;
-                                    return ((0, jsx_runtime_1.jsx)("discord-reaction", { name: ((_a = reaction.emoji) === null || _a === void 0 ? void 0 : _a.name) || ':unknown:', emoji: (0, utils_1.parseDiscordEmoji)(reaction.emoji) || undefined, count: (_b = reaction.count) !== null && _b !== void 0 ? _b : 0 }, `${message.id}r${id}`));
-                                }) })), message.hasThread && message.thread && ((0, jsx_runtime_1.jsx)("discord-thread", { slot: "thread", name: message.thread.name, cta: message.thread.messageCount
-                        ? `${message.thread.messageCount} Message${message.thread.messageCount > 1 ? 's' : ''}`
-                        : 'View Thread', children: message.thread.lastMessage ? ((0, jsx_runtime_1.jsx)("discord-thread-message", { profile: message.thread.lastMessage.author.id, children: (0, jsx_runtime_1.jsx)(content_1.default, { content: message.thread.lastMessage.content.length > 128
-                                ? message.thread.lastMessage.content.substring(0, 125) + '...'
-                                : message.thread.lastMessage.content, context: Object.assign(Object.assign({}, context), { type: content_1.RenderType.REPLY }) }) })) : (`Thread messages not saved.`) }))] }, message.id));
-    }
-    catch (err) {
-        console.warn('[discord-html-transcripts-fix] Failed to render message', message && message.id, err && err.message ? err.message : err);
-        const safeAuthor = (message && message.author && (message.author.displayName || message.author.username)) || 'Unknown';
-        return ((0, jsx_runtime_1.jsxs)("discord-message", { id: `m-${message && message.id}`, children: [(0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.6 }, children: `[Nachricht von ${safeAuthor} konnte nicht gerendert werden]` })] }, message && message.id));
+
+        const flags = (typeof message.flags?.bitfield === 'number') ? message.flags.bitfield : 0;
+        const suppressEmbeds = !!(flags & FLAG_SUPPRESS_EMBEDS);
+        const isVoice = !!(flags & FLAG_IS_VOICE_MESSAGE);
+        const isCrosspost = !!(flags & FLAG_IS_CROSSPOST);
+        const isCrossposted = !!(flags & FLAG_CROSSPOSTED);
+        const isSilent = !!(flags & FLAG_SUPPRESS_NOTIFICATIONS);
+        const activity = message.activity ? {
+            type: ACTIVITY_TYPES[message.activity.type] || 'Activity',
+            partyId: message.activity.partyId,
+        } : null;
+
+        // Forwarded message snapshots (messageSnapshots) — render before the empty body
+        const snapshots = Array.isArray(message.messageSnapshots) ? message.messageSnapshots : [];
+
+        const isApp = !!(message.author?.bot && message.applicationId);
+
+        const editedAtIso = message.editedAt instanceof Date ? message.editedAt.toISOString() : null;
+        const pinned = !!message.pinned;
+        const verifiedBot = !!message.author?.flags?.has?.(discord_js_1.UserFlags.VerifiedBot);
+
+        // Forum applied tags — only on the first message of a forum thread (the post itself)
+        let appliedTagPills = null;
+        if (message.channel?.isThread?.() && message.channel.parent?.availableTags && Array.isArray(message.channel.appliedTags) && message.channel.appliedTags.length > 0) {
+            const isFirstInThread = message.id === message.channel.id; // Forum post: thread id === starter message id
+            if (isFirstInThread) {
+                const available = message.channel.parent.availableTags;
+                appliedTagPills = (0, jsx_runtime_1.jsx)("div", {
+                    className: "dht-applied-tags",
+                    children: message.channel.appliedTags.map((tagId) => {
+                        const tag = available.find((t) => t.id === tagId);
+                        if (!tag) return null;
+                        return (0, jsx_runtime_1.jsxs)("span", { className: "dht-tag-pill", children: [
+                            tag.emoji?.name && (0, jsx_runtime_1.jsx)("span", { className: "dht-tag-emoji", children: tag.emoji.name }),
+                            ' ',
+                            tag.name
+                        ] }, tagId);
+                    })
+                });
+            }
+        }
+
+        // Build a comma-separated badge list for additional flag rendering
+        const slashCmdLine = renderSlashCommandLine(message, context);
+
+        // Resolve author profile data for Skyra slot attributes — without these the
+        // <discord-message> web component falls back to a generic display
+        const authorMember = message.member;
+        const authorDisplay = authorMember?.nickname ?? message.author?.displayName ?? message.author?.username;
+        const authorAvatar = authorMember?.displayAvatarURL?.({ size: 64 }) ?? message.author?.displayAvatarURL?.({ size: 64 });
+        const authorRoleHex = authorMember?.displayHexColor && authorMember.displayHexColor !== '#000000' ? authorMember.displayHexColor : undefined;
+
+        return ((0, jsx_runtime_1.jsxs)("discord-message", {
+            id: `m-${message.id}`,
+            timestamp: message.createdAt,
+            edited: message.editedAt !== null,
+            server: (isCrossGuildReply || isCrosspost || isCrossposted) ? true : undefined,
+            highlight: message.mentions.everyone || pinned,
+            profile: message.author.id,
+            author: authorDisplay,
+            avatar: authorAvatar,
+            roleColor: authorRoleHex,
+            bot: message.author?.bot && !message.webhookId ? true : undefined,
+            verified: verifiedBot ? true : undefined,
+            className: pinned ? 'dht-msg dht-msg-pinned' : 'dht-msg',
+            "data-author-id": message.author.id,
+            "data-author-name": authorName,
+            "data-roles": memberRoleIds,
+            "data-timestamp": ts ? String(ts) : undefined,
+            "data-text": lowerText,
+            "data-pinned": pinned ? 'true' : undefined,
+            "data-has-image": hasImage ? 'true' : undefined,
+            "data-has-embed": hasEmbed ? 'true' : undefined,
+            "data-has-attachment": hasAttachment ? 'true' : undefined,
+            children: [
+                pinned && (0, jsx_runtime_1.jsx)("div", { className: "dht-pinned-indicator", title: "Pinned message", children: "📌" }),
+                appliedTagPills,
+                (0, jsx_runtime_1.jsx)(reply_1.default, { message: message, context: context }),
+                message.interaction && ((0, jsx_runtime_1.jsx)("discord-command", { slot: "reply", profile: message.interaction.user.id, command: '/' + message.interaction.commandName })),
+                slashCmdLine,
+                isApp && (0, jsx_runtime_1.jsxs)("span", { className: "dht-app-badge", "data-i18n": "appBadge", children: [t(context, 'appBadge', 'APP'), verifiedBot && (0, jsx_runtime_1.jsx)("span", { className: "dht-verified-check", title: "Verified Bot", children: '✓' })] }),
+                isCrossposted && (0, jsx_runtime_1.jsx)("span", { className: "dht-badge dht-badge-crosspost", title: "Published from announcement channel", children: '📣 Published' }),
+                isCrosspost && (0, jsx_runtime_1.jsx)("span", { className: "dht-badge dht-badge-crosspost", title: "Follows another channel", children: '📡 Follow' }),
+                isSilent && (0, jsx_runtime_1.jsx)("span", { className: "dht-badge dht-badge-silent", title: "Silent message (no notification)", children: '🔕 Silent' }),
+                activity && (0, jsx_runtime_1.jsxs)("div", { className: "dht-activity", children: [
+                    (0, jsx_runtime_1.jsx)("span", { className: "dht-activity-icon", children: '🎮' }),
+                    (0, jsx_runtime_1.jsxs)("span", { children: [activity.type, ' invite', activity.partyId ? ` · Party ${activity.partyId.slice(-6)}` : ''] })
+                ] }),
+                editedAtIso && (0, jsx_runtime_1.jsx)("span", { className: "dht-edit-marker", title: editedAtIso, "data-edit-iso": editedAtIso, "data-i18n": "edited", "data-i18n-params": JSON.stringify({ time: editedAtIso }), children: '(' + t(context, 'edited', 'edited') + ')' }),
+                Array.isArray(message.editHistory) && message.editHistory.length > 0 && renderEditHistory(message.editHistory, context),
+                snapshots.length > 0 && renderSnapshots(snapshots, context),
+                message.content && ((0, jsx_runtime_1.jsx)(content_1.default, { content: message.content, context: Object.assign({}, context, { type: message.webhookId ? content_1.RenderType.WEBHOOK : content_1.RenderType.NORMAL }) })),
+                (0, jsx_runtime_1.jsx)(attachment_1.Attachments, { message: message, context: context }),
+                isVoice && renderVoiceIndicator(message, context),
+                stickers.length > 0 && renderStickers(stickers),
+                poll && renderPoll(poll, context),
+                !suppressEmbeds && message.embeds.map((embed, id) => ((0, jsx_runtime_1.jsx)(embed_1.DiscordEmbed, { embed: embed, context: Object.assign({}, context, { index: id, message }) }, id))),
+                suppressEmbeds && message.embeds.length > 0 && (0, jsx_runtime_1.jsx)("span", { className: "dht-suppressed", "data-i18n": "suppressedEmbeds", children: t(context, 'suppressedEmbeds', '(embeds hidden)') }),
+                message.components.length > 0 && ((0, jsx_runtime_1.jsx)("discord-attachments", { slot: "components", children: message.components.map((component, id) => ((0, jsx_runtime_1.jsx)(components_1.default, { id: id, component: component, context: context }, id))) })),
+                message.reactions.cache.size > 0 && ((0, jsx_runtime_1.jsx)("discord-reactions", {
+                    slot: "reactions",
+                    children: Array.from(message.reactions.cache.values()).map((reaction, id) => {
+                        const total = reaction.count ?? 0;
+                        const burstCount = reaction.count_details?.burst || reaction.burst_count || 0;
+                        const burst = burstCount > 0;
+                        const burstColors = Array.isArray(reaction.burst_colors) && reaction.burst_colors.length
+                            ? reaction.burst_colors.filter((c) => typeof c === 'string' && /^#[0-9a-fA-F]{3,8}$/.test(c))
+                            : [];
+                        const title = burst
+                            ? `${total} reactions (${burstCount} super)`
+                            : `${total} reaction${total !== 1 ? 's' : ''}`;
+                        const style = burst && burstColors.length
+                            ? { boxShadow: `inset 0 0 0 2px ${burstColors[0]}` }
+                            : undefined;
+                        return ((0, jsx_runtime_1.jsx)("discord-reaction", {
+                            name: reaction.emoji?.name || ':unknown:',
+                            emoji: (0, utils_1.parseDiscordEmoji)(reaction.emoji) || undefined,
+                            count: abbrCount(total),
+                            title,
+                            "data-burst": burst ? 'true' : undefined,
+                            className: burst ? 'dht-reaction--burst' : undefined,
+                            style,
+                        }, `${message.id}r${id}`));
+                    })
+                })),
+                message.hasThread && message.thread && renderThread(message.thread, context),
+            ]
+        }, message.id));
+    } catch (err) {
+        console.warn('[discord-html-transcripts-fix] Render failed', message?.id, err?.message || err);
+        const safeAuthor = (message?.author?.displayName || message?.author?.username) || 'Unknown';
+        return ((0, jsx_runtime_1.jsx)("discord-message", { id: `m-${message?.id}`, children: (0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.6 }, children: `[message from ${safeAuthor} failed to render]` }) }, message?.id));
     }
 }
 
+function renderThread(thread, context) {
+    const cta = thread.messageCount
+        ? `${thread.messageCount} Message${thread.messageCount > 1 ? 's' : ''}`
+        : 'View Thread';
+    const badges = [];
+    if (thread.archived) badges.push((0, jsx_runtime_1.jsx)("span", { className: "dht-thread-badge dht-thread-badge--archived", "data-i18n": "threadArchived", children: t(context, 'threadArchived', 'Archived') }, 'a'));
+    if (thread.locked) badges.push((0, jsx_runtime_1.jsx)("span", { className: "dht-thread-badge dht-thread-badge--locked", "data-i18n": "threadLocked", children: t(context, 'threadLocked', 'Locked') }, 'l'));
+    return (0, jsx_runtime_1.jsxs)("discord-thread", { slot: "thread", name: thread.name, cta, children: [
+        badges,
+        thread.lastMessage
+            ? (0, jsx_runtime_1.jsx)("discord-thread-message", { profile: thread.lastMessage.author.id, children: (0, jsx_runtime_1.jsx)(content_1.default, { content: thread.lastMessage.content.length > 128 ? thread.lastMessage.content.substring(0, 125) + '...' : thread.lastMessage.content, context: Object.assign({}, context, { type: content_1.RenderType.REPLY }) }) })
+            : 'Thread messages not saved.'
+    ] });
+}
+
 function renderStickers(stickers) {
     return (0, jsx_runtime_1.jsx)("div", {
         className: "dht-stickers",
-        style: { display: 'flex', gap: '8px', flexWrap: 'wrap', marginTop: '4px' },
-        children: stickers.map((s) => (0, jsx_runtime_1.jsx)("img", {
-            src: s.url,
-            alt: s.name || 'sticker',
-            title: s.name || '',
-            style: { width: '160px', height: '160px', borderRadius: '8px', objectFit: 'contain', background: 'rgba(255,255,255,0.02)' }
-        }, s.id))
+        children: stickers.map((s) => {
+            // Discord sticker formats: 1=PNG, 2=APNG (animated png), 3=Lottie (JSON), 4=GIF
+            const format = s.format;
+            const baseUrl = `https://media.discordapp.net/stickers/${s.id}`;
+            if (format === 3) {
+                // Lottie — render as iframe to discord's lottie player CDN page, or fallback link
+                return (0, jsx_runtime_1.jsxs)("div", { className: "dht-sticker dht-sticker--lottie", title: s.name || '', children: [
+                    (0, jsx_runtime_1.jsx)("div", { className: "dht-sticker-placeholder", children: '🎞️' }),
+                    (0, jsx_runtime_1.jsxs)("span", { className: "dht-sticker-name", children: [s.name || 'sticker', ' (Lottie)'] })
+                ] }, s.id);
+            }
+            if (format === 4) {
+                return (0, jsx_runtime_1.jsx)("img", { src: s.url || `${baseUrl}.gif`, alt: s.name || 'sticker', title: s.name || '', className: "dht-sticker" }, s.id);
+            }
+            if (format === 2) {
+                return (0, jsx_runtime_1.jsx)("img", { src: s.url || `${baseUrl}.png`, alt: s.name || 'sticker', title: s.name || '', className: "dht-sticker dht-sticker--apng" }, s.id);
+            }
+            return (0, jsx_runtime_1.jsx)("img", { src: s.url || `${baseUrl}.png`, alt: s.name || 'sticker', title: s.name || '', className: "dht-sticker" }, s.id);
+        })
     });
 }
 
-function renderPoll(poll) {
+function renderPoll(poll, context) {
     let totalVotes = 0;
     const answers = poll.answers ? Array.from(poll.answers.values()) : [];
     for (const a of answers) totalVotes += a.voteCount || 0;
-    const expires = poll.expiresAt instanceof Date ? poll.expiresAt.toLocaleString('de-DE') : '';
+    const locale = context?.lang === 'de' ? 'de-DE' : 'en-US';
+    const expires = poll.expiresAt instanceof Date ? poll.expiresAt.toLocaleString(locale) : '';
 
     return (0, jsx_runtime_1.jsxs)("div", {
         className: "dht-poll",
-        style: {
-            border: '1px solid #2b2d31', background: '#1e1f22', borderRadius: '8px',
-            padding: '12px 14px', marginTop: '6px', maxWidth: '480px'
-        },
         children: [
-            (0, jsx_runtime_1.jsxs)("div", { style: { fontWeight: 700, marginBottom: '8px', fontSize: '15px' }, children: ['📊 ', poll.question && poll.question.text ? poll.question.text : 'Poll'] }),
+            (0, jsx_runtime_1.jsxs)("div", { className: "dht-poll-q", children: ['📊 ', poll.question?.text || 'Poll'] }),
             (0, jsx_runtime_1.jsx)("div", {
-                style: { display: 'flex', flexDirection: 'column', gap: '6px' },
+                className: "dht-poll-answers",
                 children: answers.map((a, i) => {
-                    const text = (a.text || a.poll_media?.text || a.media?.text || a.answer_id || `Option ${i + 1}`);
+                    const text = a.text ?? a.media?.text ?? `Option ${i + 1}`;
                     const votes = a.voteCount || 0;
                     const pct = totalVotes > 0 ? Math.round((votes / totalVotes) * 100) : 0;
-                    return (0, jsx_runtime_1.jsxs)("div", {
-                        style: { background: '#2b2d31', borderRadius: '6px', padding: '6px 10px', position: 'relative', overflow: 'hidden' },
-                        children: [
-                            (0, jsx_runtime_1.jsx)("div", { style: {
-                                position: 'absolute', top: 0, left: 0, height: '100%',
-                                width: pct + '%', background: 'rgba(88,101,242,0.25)', zIndex: 0
-                            }}),
-                            (0, jsx_runtime_1.jsxs)("div", { style: { position: 'relative', zIndex: 1, display: 'flex', justifyContent: 'space-between', gap: '8px' },
-                                children: [
-                                    (0, jsx_runtime_1.jsx)("span", { children: String(text) }),
-                                    (0, jsx_runtime_1.jsxs)("span", { style: { color: '#b5bac1', fontSize: '12px', whiteSpace: 'nowrap' }, children: [votes, ' (', pct, '%)'] })
-                                ]
-                            })
-                        ]
-                    }, i);
+                    return (0, jsx_runtime_1.jsxs)("div", { className: "dht-poll-a", children: [
+                        (0, jsx_runtime_1.jsx)("div", { className: "dht-poll-bar", style: { width: pct + '%' } }),
+                        (0, jsx_runtime_1.jsxs)("div", { className: "dht-poll-line", children: [
+                            (0, jsx_runtime_1.jsx)("span", { children: String(text) }),
+                            (0, jsx_runtime_1.jsxs)("span", { className: "dht-poll-pct", children: [votes, ' (', pct, '%)'] })
+                        ] })
+                    ] }, i);
                 })
             }),
-            (0, jsx_runtime_1.jsxs)("div", { style: { marginTop: '8px', fontSize: '11px', color: '#949ba4' },
-                children: [totalVotes, ' Stimme', totalVotes !== 1 ? 'n' : '', expires ? ' · endet ' + expires : '']
-            })
+            (0, jsx_runtime_1.jsxs)("div", { className: "dht-poll-foot", children: [totalVotes, ' votes', expires ? ' · ends ' + expires : ''] })
         ]
     });
 }
-//# sourceMappingURL=message.js.map
+
+function renderVoiceIndicator(message, context) {
+    // FIX: discord.js Collection.find takes a predicate but on Map it conflicts; iterate values explicitly.
+    let audio = null;
+    if (message.attachments && typeof message.attachments.values === 'function') {
+        for (const a of message.attachments.values()) {
+            if (typeof a.contentType === 'string' && a.contentType.startsWith('audio/')) { audio = a; break; }
+        }
+    }
+    const duration = audio?.duration_secs || audio?.durationSecs;
+    const waveformB64 = audio?.waveform;
+    let waveformRects = null;
+    let waveformWidth = 0;
+    if (typeof waveformB64 === 'string' && waveformB64.length > 0 && waveformB64.length < 16384) {
+        try {
+            const buf = Buffer.from(waveformB64, 'base64');
+            const bars = Array.from(buf).slice(0, 100);
+            const max = bars.length ? Math.max(1, ...bars) : 1;
+            waveformWidth = bars.length * 3;
+            waveformRects = bars.map((b, i) => {
+                const h = Math.max(2, (b / max) * 20);
+                return (0, jsx_runtime_1.jsx)("rect", { x: i * 3, y: (22 - h) / 2, width: 2, height: h, rx: 1, fill: "#5865F2" }, i);
+            });
+        } catch (_e) { waveformRects = null; }
+    }
+    return (0, jsx_runtime_1.jsxs)("div", { className: "dht-voice", children: [
+        (0, jsx_runtime_1.jsx)("span", { className: "dht-voice-icon", children: '🎤' }),
+        (0, jsx_runtime_1.jsx)("span", { className: "dht-voice-label", "data-i18n": "voiceMessage", children: t(context, 'voiceMessage', 'Voice message') }),
+        waveformRects && (0, jsx_runtime_1.jsx)("svg", {
+            xmlns: "http://www.w3.org/2000/svg",
+            viewBox: `0 0 ${waveformWidth} 22`,
+            width: waveformWidth,
+            height: 22,
+            className: "dht-voice-wave",
+            children: waveformRects,
+        }),
+        duration ? (0, jsx_runtime_1.jsxs)("span", { className: "dht-voice-dur", children: [Math.round(duration), 's'] }) : null,
+    ] });
+}
+
+function toArray(maybeColl) {
+    if (!maybeColl) return [];
+    if (Array.isArray(maybeColl)) return maybeColl;
+    if (typeof maybeColl.values === 'function') return Array.from(maybeColl.values());
+    if (typeof maybeColl === 'object') return Object.values(maybeColl);
+    return [];
+}
+
+function renderSnapshots(snapshots, context, depth = 0) {
+    const arr = toArray(snapshots);
+    if (arr.length === 0 || depth >= 5) return null; // hard-cap at 5 levels
+    return (0, jsx_runtime_1.jsx)("div", {
+        className: "dht-forwarded-wrap",
+        children: arr.map((snap, i) => {
+            const m = snap.message || snap;
+            const author = m?.author?.displayName || m?.author?.username || 'Unknown';
+            const text = m?.content || '';
+            const attachments = toArray(m?.attachments);
+            const nested = toArray(m?.messageSnapshots);
+            const embeds = toArray(m?.embeds);
+            const stickers = toArray(m?.stickers).map((s) => ({
+                id: s.id,
+                name: s.name,
+                url: s.url || `https://media.discordapp.net/stickers/${s.id}.png`,
+                format: s.format,
+            }));
+            return (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded", "data-depth": depth, children: [
+                (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded-head", children: [
+                    (0, jsx_runtime_1.jsx)("span", { className: "dht-forwarded-icon", children: '↪' }),
+                    (0, jsx_runtime_1.jsx)("span", { "data-i18n": "forwardedFrom", children: t(context, 'forwardedFrom', 'Forwarded from') }),
+                    (0, jsx_runtime_1.jsx)("strong", { children: ' ' + author }),
+                ] }),
+                text && (0, jsx_runtime_1.jsx)("div", { className: "dht-forwarded-body", children: (0, jsx_runtime_1.jsx)(content_1.default, { content: text, context: Object.assign({}, context, { type: content_1.RenderType.NORMAL }) }) }),
+                attachments.length > 0 && (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded-attachments", children: [
+                    (0, jsx_runtime_1.jsxs)("strong", { children: ['📎 ', attachments.length, ' attachment', attachments.length !== 1 ? 's' : '', ':'] }),
+                    (0, jsx_runtime_1.jsx)("ul", { children: attachments.map((a, ai) => {
+                        const safeUrl = (0, utils_1.safeHref)(a.url);
+                        return (0, jsx_runtime_1.jsxs)("li", { children: [
+                            a.contentType?.startsWith?.('image/') && a.url
+                                ? (0, jsx_runtime_1.jsx)("img", { src: safeUrl !== '#' ? safeUrl : '', alt: a.name || '', style: { maxWidth: '200px', borderRadius: '4px', display: 'block', margin: '4px 0' } })
+                                : (0, jsx_runtime_1.jsxs)("a", { href: safeUrl, target: "_blank", rel: "noreferrer", children: [a.name || 'attachment', a.size ? ` (${Math.round(a.size / 1024)} KB)` : ''] })
+                        ] }, ai);
+                    }) })
+                ] }),
+                stickers.length > 0 && renderStickers(stickers),
+                embeds.length > 0 && (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded-embeds", children: ['📑 ', embeds.length, ' embed', embeds.length !== 1 ? 's' : ''] }),
+                nested.length > 0 && renderSnapshots(nested, context, depth + 1),
+            ] }, i);
+        })
+    });
+}
+
+function renderSlashCommandLine(message, context) {
+    const interaction = message?.interaction;
+    const metadata = message?.interactionMetadata;
+    const optsRaw = message?.interactionOptions || interaction?.options;
+    // Build command path: /cmd group? subcommand? plus key:value options
+    if (!optsRaw && !metadata) return null;
+
+    const opts = Array.isArray(optsRaw) ? optsRaw : [];
+    let cmdParts = [interaction?.commandName || '?'];
+    let valueOpts = opts;
+
+    // Detect subcommand groups: nested option structure { type:2/1 (group/subcommand), name, options }
+    for (let i = 0; i < 2; i++) {
+        if (valueOpts.length === 1 && valueOpts[0] && (valueOpts[0].type === 1 || valueOpts[0].type === 2)) {
+            cmdParts.push(valueOpts[0].name);
+            valueOpts = Array.isArray(valueOpts[0].options) ? valueOpts[0].options : [];
+        }
+    }
+    // Filter out autocomplete-only `focused` options
+    valueOpts = valueOpts.filter((o) => o && !o.focused);
+
+    if (!valueOpts.length && cmdParts.length === 1 && !metadata) return null;
+
+    const triggeredBy = metadata?.user || interaction?.user;
+
+    return (0, jsx_runtime_1.jsxs)("div", { className: "dht-slash-options", children: [
+        (0, jsx_runtime_1.jsx)("span", { className: "dht-slash-cmd-name", children: '/' + cmdParts.filter(Boolean).join(' ') }),
+        valueOpts.map((o, i) => (0, jsx_runtime_1.jsxs)("span", { className: "dht-slash-opt", children: [
+            (0, jsx_runtime_1.jsxs)("span", { className: "dht-slash-opt-name", children: [String(o.name), ':'] }),
+            ' ',
+            (0, jsx_runtime_1.jsx)("span", { className: "dht-slash-opt-val", children: String(o.value ?? '') })
+        ] }, i)),
+        triggeredBy && (0, jsx_runtime_1.jsxs)("span", { className: "dht-slash-opt", children: ['by ', (0, jsx_runtime_1.jsx)("strong", { children: triggeredBy.displayName || triggeredBy.username || triggeredBy.id })] })
+    ] });
+}
+
+function renderEditHistory(history, context) {
+    // Optional feature — host bot may attach `message.editHistory: [{content, editedAt}, …]`
+    return (0, jsx_runtime_1.jsxs)("details", { className: "dht-edit-history", children: [
+        (0, jsx_runtime_1.jsx)("summary", { "data-i18n": "editHistoryTitle", children: t(context, 'editHistoryTitle', 'Edit history') }),
+        (0, jsx_runtime_1.jsx)("ol", { children: history.map((entry, i) => {
+            const when = entry.editedAt instanceof Date ? entry.editedAt.toISOString() : (typeof entry.editedAt === 'string' ? entry.editedAt : '');
+            return (0, jsx_runtime_1.jsxs)("li", { children: [
+                when && (0, jsx_runtime_1.jsxs)("time", { dateTime: when, children: [t(context, 'editHistoryAt', 'at'), ' ', when] }),
+                (0, jsx_runtime_1.jsx)("div", { children: String(entry.content || '') })
+            ] }, i);
+        }) })
+    ] });
+}
+//# sourceMappingURL=message.js.map

package/dist/generator/renderers/reply.js

@@ -1,53 +1,72 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
 var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
+    var ownKeys = function(o){ownKeys = Object.getOwnPropertyNames || function (o){var ar=[];for (var k in o) if (Object.prototype.hasOwnProperty.call(o,k)) ar[ar.length]=k;return ar;};return ownKeys(o);};
+    return function (mod){if (mod && mod.__esModule) return mod;var result={};if (mod != null) for (var k=ownKeys(mod), i=0; i<k.length; i++) if (k[i] !== "default") Object.defineProperty(result,k[i],{get:function(){return mod[k[i]];}});Object.defineProperty(result,"default",{value:mod,enumerable:true});return result;};
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = MessageReply;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const discord_js_1 = require("discord.js");
 const content_1 = __importStar(require("./content"));
+
+function t(context, key, fallback) {
+    const dict = context?.i18n?.[context?.lang] || context?.i18n?.en || {};
+    return dict[key] || fallback || key;
+}
+
 async function MessageReply({ message, context }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    if (!message.reference)
-        return null;
-    if (message.reference.guildId !== ((_a = message.guild) === null || _a === void 0 ? void 0 : _a.id))
-        return null;
+    if (!message.reference) return null;
+
+    const isCrossGuild = message.reference.guildId !== message.guild?.id;
+
+    // Cross-guild reply: show a placeholder pill instead of silently dropping.
+    if (isCrossGuild) {
+        return (0, jsx_runtime_1.jsx)("discord-reply", {
+            slot: "reply",
+            server: true,
+            children: (0, jsx_runtime_1.jsx)("em", { "data-i18n": "crossServerReply", children: t(context, 'crossServerReply', 'Message from another server') })
+        });
+    }
+
     const referencedMessage = context.messages.find((m) => m.id === message.reference.messageId);
     if (!referencedMessage)
         return (0, jsx_runtime_1.jsx)("discord-reply", { slot: "reply", children: "Message could not be loaded." });
-    const isCrossPost = referencedMessage.reference && referencedMessage.reference.guildId !== ((_b = message.guild) === null || _b === void 0 ? void 0 : _b.id);
-    const isCommand = referencedMessage.interaction !== null;
-    return ((0, jsx_runtime_1.jsx)("discord-reply", { slot: "reply", edited: !isCommand && referencedMessage.editedAt !== null, attachment: referencedMessage.attachments.size > 0, author: (_e = (_d = (_c = referencedMessage.member) === null || _c === void 0 ? void 0 : _c.nickname) !== null && _d !== void 0 ? _d : referencedMessage.author.displayName) !== null && _e !== void 0 ? _e : referencedMessage.author.username, avatar: (_f = referencedMessage.author.avatarURL({ size: 32 })) !== null && _f !== void 0 ? _f : undefined, roleColor: (_h = (_g = referencedMessage.member) === null || _g === void 0 ? void 0 : _g.displayHexColor) !== null && _h !== void 0 ? _h : undefined, bot: !isCrossPost && referencedMessage.author.bot, verified: (_j = referencedMessage.author.flags) === null || _j === void 0 ? void 0 : _j.has(discord_js_1.UserFlags.VerifiedBot), op: ((_l = (_k = message === null || message === void 0 ? void 0 : message.channel) === null || _k === void 0 ? void 0 : _k.isThread) === null || _l === void 0 ? void 0 : _l.call(_k)) && referencedMessage.author.id === ((_m = message === null || message === void 0 ? void 0 : message.channel) === null || _m === void 0 ? void 0 : _m.ownerId), server: isCrossPost !== null && isCrossPost !== void 0 ? isCrossPost : undefined, command: isCommand, children: referencedMessage.content ? ((0, jsx_runtime_1.jsx)("span", { "data-goto": referencedMessage.id, className: "reply-inline", children: (0, jsx_runtime_1.jsx)(content_1.default, { content: referencedMessage.content, context: Object.assign(Object.assign({}, context), { type: content_1.RenderType.REPLY }) }) })) : isCommand ? ((0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see command." })) : ((0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see attachment." })) }));
+
+    const isCrossPost = referencedMessage.reference && referencedMessage.reference.guildId !== message.guild?.id;
+    const isCommand = !!referencedMessage.interaction;
+    // Special-case: replying to a forwarded-only / Components-V2-only message has empty content
+    const hasContent = !!referencedMessage.content;
+    const hasSnapshot = Array.isArray(referencedMessage.messageSnapshots) && referencedMessage.messageSnapshots.length > 0;
+    const hasComponents = Array.isArray(referencedMessage.components) && referencedMessage.components.length > 0;
+    const hasSticker = referencedMessage.stickers?.size > 0;
+    const author = referencedMessage.member?.nickname ?? referencedMessage.author.displayName ?? referencedMessage.author.username;
+    const avatar = referencedMessage.author.avatarURL?.({ size: 32 }) ?? undefined;
+    const roleColor = referencedMessage.member?.displayHexColor ?? undefined;
+    const op = referencedMessage.author.id === message?.channel?.ownerId && message?.channel?.isThread?.();
+
+    return ((0, jsx_runtime_1.jsx)("discord-reply", {
+        slot: "reply",
+        edited: !isCommand && referencedMessage.editedAt !== null,
+        attachment: referencedMessage.attachments.size > 0,
+        author: author,
+        avatar: avatar,
+        roleColor: roleColor,
+        bot: !isCrossPost && referencedMessage.author.bot,
+        verified: referencedMessage.author.flags?.has?.(discord_js_1.UserFlags.VerifiedBot),
+        op: op,
+        server: isCrossPost ?? undefined,
+        command: isCommand,
+        children: hasContent
+            ? (0, jsx_runtime_1.jsx)("span", { "data-goto": referencedMessage.id, className: "reply-inline", children: (0, jsx_runtime_1.jsx)(content_1.default, { content: referencedMessage.content, context: Object.assign({}, context, { type: content_1.RenderType.REPLY }) }) })
+            : isCommand
+                ? (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see command." })
+                : hasSnapshot
+                    ? (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see forwarded message." })
+                    : hasComponents
+                        ? (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see message." })
+                        : hasSticker
+                            ? (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see sticker." })
+                            : (0, jsx_runtime_1.jsx)("em", { "data-goto": referencedMessage.id, children: "Click to see attachment." })
+    }));
 }
-//# sourceMappingURL=reply.js.map
+//# sourceMappingURL=reply.js.map