discord-html-transcripts-fix 1.1.0 → 1.2.0

package/dist/generator/renderers/content.js

@@ -19,56 +19,52 @@ var RenderType;
     RenderType[RenderType["NORMAL"] = 2] = "NORMAL";
     RenderType[RenderType["WEBHOOK"] = 3] = "WEBHOOK";
 })(RenderType || (exports.RenderType = RenderType = {}));
-/**
- * Renders discord markdown content
- * @param content - The content to render
- * @param context - The context to render the content in
- * @returns
- */
+
 async function MessageContent({ content, context }) {
     if (context.type === RenderType.REPLY && content.length > 180)
         content = content.slice(0, 180) + '...';
-    // parse the markdown
     const parsed = (0, discord_markdown_parser_1.default)(content, context.type === RenderType.EMBED || context.type === RenderType.WEBHOOK ? 'extended' : 'normal');
-    // check if the parsed content is only emojis
     const isOnlyEmojis = parsed.every((node) => ['emoji', 'twemoji'].includes(node.type) || (node.type === 'text' && node.content.trim().length === 0));
     if (isOnlyEmojis) {
-        // now check if there are less than or equal to 25 emojis
         const emojis = parsed.filter((node) => ['emoji', 'twemoji'].includes(node.type));
         if (emojis.length <= 25) {
-            context._internal = {
-                largeEmojis: true,
-            };
+            context._internal = { largeEmojis: true };
         }
     }
     return (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: parsed, context: context });
 }
-// This function can probably be combined into the MessageSingleASTNode function
-async function MessageASTNodes({ nodes, context, }) {
+
+async function MessageASTNodes({ nodes, context }) {
     if (Array.isArray(nodes)) {
         return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: nodes.map((node, i) => ((0, jsx_runtime_1.jsx)(MessageSingleASTNode, { node: node, context: context }, i))) }));
     }
-    else {
-        return (0, jsx_runtime_1.jsx)(MessageSingleASTNode, { node: nodes, context: context });
-    }
+    return (0, jsx_runtime_1.jsx)(MessageSingleASTNode, { node: nodes, context: context });
 }
+
 async function MessageSingleASTNode({ node, context }) {
-    var _a, _b;
-    if (!node)
-        return null;
+    if (!node) return null;
     try {
         return await renderASTNode(node, context);
-    }
-    catch (err) {
-        console.warn('[discord-html-transcripts-fix] Failed to render AST node, falling back to raw:', err && err.message ? err.message : err);
-        // Fallback: render as plain text from node.content if possible
+    } catch (err) {
+        console.warn('[discord-html-transcripts-fix] AST node render failed:', err && err.message ? err.message : err);
         try {
             if (typeof node.content === 'string') return node.content;
             if (Array.isArray(node.content)) return (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context });
-        } catch (_e) { /* ignore */ }
+        } catch (_e) {}
         return null;
     }
 }
+
+// Detect Discord "guide" pseudo-channels: <id:guide>, <id:browse>, <id:customize>, <id:welcome>, <id:linked-roles>
+const GUIDE_LABELS = {
+    'guide': 'Server Guide',
+    'browse': 'Channels & Roles',
+    'customize': 'Customize',
+    'welcome': 'Welcome',
+    'linked-roles': 'Linked Roles',
+    'home': 'Home',
+};
+
 async function renderASTNode(node, context) {
     var _a, _b;
     const type = node.type;
@@ -76,10 +72,10 @@ async function renderASTNode(node, context) {
         case 'text':
             return node.content;
         case 'link':
-            return ((0, jsx_runtime_1.jsx)("discord-link", { href: node.target, children: (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }) }));
+            return ((0, jsx_runtime_1.jsx)("discord-link", { href: (0, utils_1.safeHref)(node.target), children: (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }) }));
         case 'url':
         case 'autolink':
-            return ((0, jsx_runtime_1.jsx)("discord-link", { href: node.target, target: "_blank", rel: "noreferrer", children: (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }) }));
+            return ((0, jsx_runtime_1.jsx)("discord-link", { href: (0, utils_1.safeHref)(node.target), target: "_blank", rel: "noreferrer", children: (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }) }));
         case 'blockQuote':
             if (context.type === RenderType.REPLY) {
                 return (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context });
@@ -87,24 +83,35 @@ async function renderASTNode(node, context) {
             return ((0, jsx_runtime_1.jsx)("discord-quote", { children: (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }) }));
         case 'br':
         case 'newline':
-            if (context.type === RenderType.REPLY)
-                return ' ';
+            if (context.type === RenderType.REPLY) return ' ';
             return (0, jsx_runtime_1.jsx)("br", {});
         case 'channel': {
             const id = node.id;
+            // Discord pseudo channels (<id:guide>, <id:browse>, …) come through with letters as id
+            if (typeof id === 'string' && /^[a-z][a-z-]*$/.test(id)) {
+                const label = GUIDE_LABELS[id] || id;
+                return ((0, jsx_runtime_1.jsx)("discord-mention", { type: "channel", className: "dht-mention", children: label }));
+            }
             const channel = await context.callbacks.resolveChannel(id);
             return ((0, jsx_runtime_1.jsx)("discord-mention", { type: channel ? (channel.isDMBased() ? 'channel' : getChannelType(channel.type)) : 'channel', "data-mention-type": "channel", "data-mention-id": id, className: "dht-mention", children: channel ? (channel.isDMBased() ? 'DM Channel' : channel.name) : `<#${id}>` }));
         }
         case 'role': {
             const id = node.id;
             const role = await context.callbacks.resolveRole(id);
-            return ((0, jsx_runtime_1.jsx)("discord-mention", { type: "role", color: context.type === RenderType.REPLY ? undefined : role === null || role === void 0 ? void 0 : role.hexColor, "data-mention-type": "role", "data-mention-id": id, className: "dht-mention", children: role ? role.name : `<@&${id}>` }));
+            const color = role?.hexColor ? (0, utils_1.safeColor)(role.hexColor, undefined) : undefined;
+            return ((0, jsx_runtime_1.jsx)("discord-mention", { type: "role", color: context.type === RenderType.REPLY ? undefined : color, "data-mention-type": "role", "data-mention-id": id, className: "dht-mention", children: role ? role.name : `<@&${id}>` }));
         }
         case 'user': {
             const id = node.id;
             const user = await context.callbacks.resolveUser(id);
             return (0, jsx_runtime_1.jsx)("discord-mention", { type: "user", "data-mention-type": "user", "data-mention-id": id, className: "dht-mention", children: user ? ((_a = user.displayName) !== null && _a !== void 0 ? _a : user.username) : `<@${id}>` });
         }
+        case 'slashCommand':
+        case 'command': {
+            // </name:id> renders as blue pill like Discord
+            const name = node.name || node.content || 'command';
+            return ((0, jsx_runtime_1.jsx)("discord-mention", { type: "command", className: "dht-mention dht-mention--cmd", children: '/' + String(name) }));
+        }
         case 'here':
         case 'everyone':
             return ((0, jsx_runtime_1.jsx)("discord-mention", { type: 'role', highlight: true, children: `@${type}` }));
@@ -124,53 +131,46 @@ async function renderASTNode(node, context) {
         case 'strikethrough':
             return ((0, jsx_runtime_1.jsx)("s", { children: (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }) }));
         case 'emoticon':
-            return typeof node.content === 'string' ? (node.content) : ((0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }));
+            return typeof node.content === 'string' ? node.content : ((0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }));
         case 'spoiler':
             return ((0, jsx_runtime_1.jsx)("discord-spoiler", { children: (0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }) }));
         case 'emoji':
         case 'twemoji':
             return ((0, jsx_runtime_1.jsx)("discord-custom-emoji", { name: node.name, url: (0, utils_1.parseDiscordEmoji)(node), embedEmoji: context.type === RenderType.EMBED, jumbo: (_b = context._internal) === null || _b === void 0 ? void 0 : _b.largeEmojis }));
         case 'timestamp': {
-            // TODO: Make this reactive
-            // https://github.com/ItzDerock/discord-components/blob/main/packages/core/src/components/discord-time/discord-time.tsx
-            // Defensive parsing: Discord timestamps are Unix seconds (string oder number),
-            // ungültige Werte (z.B. <t:abc:F> oder absurd große Zahlen) sollen kein RangeError werfen.
-            var raw = node.timestamp;
-            var dateMs = NaN;
+            // Defensive: invalid <t:...> markers must not throw
+            const raw = node.timestamp;
+            let dateMs = NaN;
             if (typeof raw === 'number') {
                 dateMs = raw < 1e12 ? raw * 1000 : raw;
             } else if (typeof raw === 'string') {
-                var n = parseInt(raw, 10);
+                const n = parseInt(raw, 10);
                 if (Number.isFinite(n)) dateMs = n < 1e12 ? n * 1000 : n;
             }
-            var dt = new Date(dateMs);
-            var iso = '';
+            const dt = new Date(dateMs);
+            let iso = '';
             try { iso = Number.isFinite(dt.getTime()) ? dt.toISOString() : ''; } catch (_e) { iso = ''; }
             return (0, jsx_runtime_1.jsx)("discord-time", { children: iso });
         }
-        // return <DiscordTime timestamp={parseInt(node.timestamp) * 1000} format={node.format} />;
         default: {
-          //  console.log(`[discord-html-transcripts] Unknown node type: ${type}`, node);
-            return typeof node.content === 'string' ? (node.content) : ((0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }));
+            return typeof node.content === 'string' ? node.content : ((0, jsx_runtime_1.jsx)(MessageASTNodes, { nodes: node.content, context: context }));
         }
     }
 }
+
 function getChannelType(channelType) {
     switch (channelType) {
         case discord_js_1.ChannelType.GuildCategory:
         case discord_js_1.ChannelType.GuildAnnouncement:
         case discord_js_1.ChannelType.GuildText:
         case discord_js_1.ChannelType.DM:
-        case discord_js_1.ChannelType.GroupDM:
-        case discord_js_1.ChannelType.GuildDirectory:
-        case discord_js_1.ChannelType.GuildMedia:
             return 'channel';
         case discord_js_1.ChannelType.GuildVoice:
         case discord_js_1.ChannelType.GuildStageVoice:
             return 'voice';
+        case discord_js_1.ChannelType.AnnouncementThread:
         case discord_js_1.ChannelType.PublicThread:
         case discord_js_1.ChannelType.PrivateThread:
-        case discord_js_1.ChannelType.AnnouncementThread:
             return 'thread';
         case discord_js_1.ChannelType.GuildForum:
             return 'forum';
@@ -178,4 +178,4 @@ function getChannelType(channelType) {
             return 'channel';
     }
 }
-//# sourceMappingURL=content.js.map
+//# sourceMappingURL=content.js.map

package/dist/generator/renderers/embed.js

@@ -1,44 +1,65 @@
 "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.DiscordEmbed = DiscordEmbed;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const embeds_1 = require("../../utils/embeds");
 const content_1 = __importStar(require("./content"));
+const utils_1 = require("../../utils/utils");
+
 async function DiscordEmbed({ embed, context }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
-    return ((0, jsx_runtime_1.jsxs)("discord-embed", { "embed-title": (_a = embed.title) !== null && _a !== void 0 ? _a : undefined, slot: "embeds", "author-image": (_c = (_b = embed.author) === null || _b === void 0 ? void 0 : _b.proxyIconURL) !== null && _c !== void 0 ? _c : (_d = embed.author) === null || _d === void 0 ? void 0 : _d.iconURL, "author-name": (_e = embed.author) === null || _e === void 0 ? void 0 : _e.name, "author-url": (_f = embed.author) === null || _f === void 0 ? void 0 : _f.url, color: (_g = embed.hexColor) !== null && _g !== void 0 ? _g : undefined, image: (_j = (_h = embed.image) === null || _h === void 0 ? void 0 : _h.proxyURL) !== null && _j !== void 0 ? _j : (_k = embed.image) === null || _k === void 0 ? void 0 : _k.url, thumbnail: (_m = (_l = embed.thumbnail) === null || _l === void 0 ? void 0 : _l.proxyURL) !== null && _m !== void 0 ? _m : (_o = embed.thumbnail) === null || _o === void 0 ? void 0 : _o.url, url: (_p = embed.url) !== null && _p !== void 0 ? _p : undefined, children: [embed.description && ((0, jsx_runtime_1.jsx)("discord-embed-description", { slot: "description", children: (0, jsx_runtime_1.jsx)(content_1.default, { content: embed.description, context: Object.assign(Object.assign({}, context), { type: content_1.RenderType.EMBED }) }) })), embed.fields.length > 0 && ((0, jsx_runtime_1.jsx)("discord-embed-fields", { slot: "fields", children: embed.fields.map(async (field, id) => ((0, jsx_runtime_1.jsx)("discord-embed-field", { "field-title": field.name, inline: !!field.inline, "inline-index": field.inline ? (0, embeds_1.calculateInlineIndex)(embed.fields, id) : undefined, children: (0, jsx_runtime_1.jsx)(content_1.default, { content: field.value, context: Object.assign(Object.assign({}, context), { type: content_1.RenderType.EMBED }) }) }, `${context.message.id}-e-${context.index}-f-${id}`))) })), embed.footer && ((0, jsx_runtime_1.jsx)("discord-embed-footer", { slot: "footer", footerImage: (_q = embed.footer.proxyIconURL) !== null && _q !== void 0 ? _q : embed.footer.iconURL, timestamp: (_r = embed.timestamp) !== null && _r !== void 0 ? _r : undefined, children: embed.footer.text }))] }, `${context.message.id}-e-${context.index}`));
+    const title = embed.title ?? undefined;
+    const authorImage = embed.author?.proxyIconURL ?? embed.author?.iconURL;
+    const authorName = embed.author?.name;
+    const authorUrl = embed.author?.url ? (0, utils_1.safeHref)(embed.author.url) : undefined;
+    const color = embed.hexColor ? (0, utils_1.safeColor)(embed.hexColor, undefined) : undefined;
+    const image = embed.image?.proxyURL ?? embed.image?.url;
+    const thumb = embed.thumbnail?.proxyURL ?? embed.thumbnail?.url;
+    const url = embed.url ? (0, utils_1.safeHref)(embed.url) : undefined;
+    const provider = embed.provider?.name;
+    const video = embed.video?.url ? (0, utils_1.safeHref)(embed.video.url) : null;
+
+    return ((0, jsx_runtime_1.jsxs)("discord-embed", {
+        "embed-title": title,
+        slot: "embeds",
+        "author-image": authorImage,
+        "author-name": authorName,
+        "author-url": authorUrl,
+        color: color,
+        image: image,
+        thumbnail: thumb,
+        url: url,
+        children: [
+            provider && ((0, jsx_runtime_1.jsx)("div", { className: "dht-embed-provider", slot: "author", children: provider })),
+            embed.description && ((0, jsx_runtime_1.jsx)("discord-embed-description", {
+                slot: "description",
+                children: (0, jsx_runtime_1.jsx)(content_1.default, { content: embed.description, context: Object.assign({}, context, { type: content_1.RenderType.EMBED }) })
+            })),
+            embed.fields.length > 0 && ((0, jsx_runtime_1.jsx)("discord-embed-fields", {
+                slot: "fields",
+                children: embed.fields.map((field, id) => ((0, jsx_runtime_1.jsx)(EmbedField, { embed, field, id, context }, `${context.message.id}-e-${context.index}-f-${id}`)))
+            })),
+            video && ((0, jsx_runtime_1.jsx)("div", { className: "dht-embed-video", children: (0, jsx_runtime_1.jsx)("a", { href: video, target: "_blank", rel: "noreferrer", children: '▶ Open video' }) })),
+            embed.footer && ((0, jsx_runtime_1.jsx)("discord-embed-footer", {
+                slot: "footer",
+                footerImage: embed.footer.proxyIconURL ?? embed.footer.iconURL,
+                timestamp: embed.timestamp ?? undefined,
+                children: embed.footer.text
+            }))
+        ]
+    }, `${context.message.id}-e-${context.index}`));
 }
-//# sourceMappingURL=embed.js.map
+
+// Extracted as proper async component (was inline async arrow inside .map() — undefined React behavior)
+async function EmbedField({ embed, field, id, context }) {
+    return (0, jsx_runtime_1.jsx)("discord-embed-field", {
+        "field-title": field.name,
+        inline: !!field.inline,
+        "inline-index": field.inline ? (0, embeds_1.calculateInlineIndex)(embed.fields, id) : undefined,
+        children: (0, jsx_runtime_1.jsx)(content_1.default, { content: field.value, context: Object.assign({}, context, { type: content_1.RenderType.EMBED }) })
+    });
+}
+//# sourceMappingURL=embed.js.map

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,21 @@ 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_SUPPRESS_EMBEDS = 1 << 2;
+const FLAG_IS_VOICE_MESSAGE = 1 << 13;
+
+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 isCrosspost = message.reference && message.reference.guildId !== message.guild?.id;
         const stickers = message.stickers && message.stickers.size > 0
             ? Array.from(message.stickers.values()).map((s) => ({
                 id: s.id,
@@ -60,36 +70,93 @@ 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);
+
+        // 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;
+
+        return ((0, jsx_runtime_1.jsxs)("discord-message", {
+            id: `m-${message.id}`,
+            timestamp: message.createdAt,
+            edited: message.editedAt !== null,
+            server: isCrosspost ?? undefined,
+            highlight: message.mentions.everyone || pinned,
+            profile: message.author.id,
+            children: [
+                pinned && (0, jsx_runtime_1.jsx)("div", { className: "dht-pinned-indicator", title: "Pinned", 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 })),
+                isApp && (0, jsx_runtime_1.jsx)("span", { className: "dht-app-badge", "data-i18n": "appBadge", children: t(context, 'appBadge', 'APP') }),
+                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 burst = reaction.burst_count > 0 || (reaction.count_details?.burst > 0);
+                        return ((0, jsx_runtime_1.jsx)("discord-reaction", {
+                            name: reaction.emoji?.name || ':unknown:',
+                            emoji: (0, utils_1.parseDiscordEmoji)(reaction.emoji) || undefined,
+                            count: reaction.count ?? 0,
+                            "data-burst": burst ? 'true' : undefined,
+                            className: burst ? 'dht-reaction--burst' : undefined
+                        }, `${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)' }
+            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;
@@ -97,39 +164,85 @@ function renderPoll(poll) {
 
     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) {
+    const audio = message.attachments?.find?.((a) => typeof a.contentType === 'string' && a.contentType.startsWith('audio/'));
+    const duration = audio?.duration_secs || audio?.durationSecs;
+    const waveformB64 = audio?.waveform;
+    let waveformSvg = null;
+    if (typeof waveformB64 === 'string' && waveformB64.length > 0) {
+        try {
+            const buf = Buffer.from(waveformB64, 'base64');
+            const bars = Array.from(buf).slice(0, 100);
+            const max = bars.length ? Math.max(1, ...bars) : 1;
+            const width = bars.length * 3;
+            const rects = bars.map((b, i) => {
+                const h = Math.max(2, (b / max) * 20);
+                return `<rect x="${i * 3}" y="${(22 - h) / 2}" width="2" height="${h}" rx="1" fill="#5865F2"/>`;
+            }).join('');
+            waveformSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${width} 22" width="${width}" height="22">${rects}</svg>`;
+        } catch (_e) {}
+    }
+    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') }),
+        waveformSvg && (0, jsx_runtime_1.jsx)("span", { className: "dht-voice-wave", dangerouslySetInnerHTML: { __html: waveformSvg } }),
+        duration ? (0, jsx_runtime_1.jsxs)("span", { className: "dht-voice-dur", children: [Math.round(duration), 's'] }) : null,
+    ] });
+}
+
+function renderSnapshots(snapshots, context) {
+    return (0, jsx_runtime_1.jsx)("div", {
+        className: "dht-forwarded-wrap",
+        children: snapshots.map((snap, i) => {
+            const m = snap.message || snap;
+            const author = m?.author?.displayName || m?.author?.username || 'Unknown';
+            const text = m?.content || '';
+            return (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded", 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.REPLY }) }) }),
+                Array.isArray(m?.attachments) && m.attachments.length > 0 && (0, jsx_runtime_1.jsxs)("div", { className: "dht-forwarded-attachments", children: [m.attachments.length, ' attachment(s)'] }),
+            ] }, i);
+        })
+    });
+}
+
+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