discord-html-transcripts-fix 1.0.0 → 1.2.0

package/dist/generator/renderers/attachment.js

@@ -6,62 +6,53 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const types_1 = require("../../types");
 const utils_1 = require("../../utils/utils");
 const DiscordImage_1 = require("./components/DiscordImage");
-/**
- * Renders all attachments for a message
- * @param message
- * @param context
- * @returns
- */
+
 async function Attachments(props) {
-    if (props.message.attachments.size === 0)
-        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+    if (props.message.attachments.size === 0) return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     return props.message.attachments.map((attachment, id) => ((0, jsx_runtime_1.jsx)(Attachment, { attachment: attachment, message: props.message, context: props.context }, id)));
 }
-/**
- * Renders one Discord Attachment
- * @param props - the attachment and rendering context
- */
-async function Attachment({ attachment, context, message, }) {
-    let url = attachment.url;
+
+async function Attachment({ attachment, context, message }) {
+    let url = (0, utils_1.safeHref)(attachment.url) === '#' ? '#' : attachment.url;
     const attachmentType = getAttachmentType(attachment);
     const [bytes, bytesUnit] = (0, utils_1.formatBytes)(attachment.size);
-    // if the attachment is an image, download it to a data url
+    const altText = attachment.description || attachment.name;
+
+    // GIFV detection: animated content served as video but spec-typed as GIF
+    const isGifv = attachment.contentType === 'video/mp4' && /\.(gifv?|webm)$/i.test(attachment.name || '');
+
     switch (attachmentType) {
         case types_1.AttachmentTypes.Image: {
             const downloaded = await context.callbacks.resolveImageSrc(attachment.toJSON(), message.toJSON());
             if (downloaded !== null) {
-                url = downloaded !== null && downloaded !== void 0 ? downloaded : url;
+                url = downloaded ?? url;
             }
-            return (0, jsx_runtime_1.jsx)(DiscordImage_1.DiscordImageAttachment, { url: url, alt: attachment.name }, attachment.id);
+            // GIF / animated content — Discord auto-plays. Render as <video> when needed.
+            if (attachment.contentType === 'image/gif' || isGifv) {
+                return (0, jsx_runtime_1.jsx)("video", { src: url, autoPlay: true, loop: true, muted: true, playsInline: true, className: "dht-gifv", "aria-label": altText }, attachment.id);
+            }
+            return (0, jsx_runtime_1.jsx)(DiscordImage_1.DiscordImageAttachment, { url: url, alt: altText, title: attachment.description || undefined }, attachment.id);
         }
         case types_1.AttachmentTypes.Video: {
             return (0, jsx_runtime_1.jsx)("discord-video-attachment", { slot: "attachments", href: url }, attachment.id);
         }
         case types_1.AttachmentTypes.Audio: {
-            return ((0, jsx_runtime_1.jsx)("discord-audio-attachment", { slot: "attachments", href: url, bytes: bytes, bytesUnit: bytesUnit, name: attachment.name }, attachment.id));
+            // Voice messages have waveform + duration_secs — message.js renders the indicator
+            return (0, jsx_runtime_1.jsx)("discord-audio-attachment", { slot: "attachments", href: url, bytes: bytes, bytesUnit: bytesUnit, name: attachment.name, title: attachment.description || undefined }, attachment.id);
         }
         case types_1.AttachmentTypes.File: {
-            return ((0, jsx_runtime_1.jsx)("discord-file-attachment", { slot: "attachments", href: url, bytes: bytes, "bytes-unit": bytesUnit, name: attachment.name }, attachment.id));
+            return (0, jsx_runtime_1.jsx)("discord-file-attachment", { slot: "attachments", href: url, bytes: bytes, "bytes-unit": bytesUnit, name: attachment.name, title: attachment.description || undefined }, attachment.id);
         }
     }
 }
-/**
- * Parses the attachment content type.
- * @param attachment Discord.js attachment object
- * @returns
- */
+
 function getAttachmentType(attachment) {
-    var _a, _b;
-    switch ((_b = (_a = attachment.contentType) === null || _a === void 0 ? void 0 : _a.split('/')) === null || _b === void 0 ? void 0 : _b[0]) {
-        case 'audio':
-            return types_1.AttachmentTypes.Audio;
-        case 'image':
-            return types_1.AttachmentTypes.Image;
-        case 'video':
-            return types_1.AttachmentTypes.Video;
-        case undefined:
-        default:
-            return types_1.AttachmentTypes.File;
+    const top = attachment.contentType?.split('/')?.[0];
+    switch (top) {
+        case 'audio': return types_1.AttachmentTypes.Audio;
+        case 'image': return types_1.AttachmentTypes.Image;
+        case 'video': return types_1.AttachmentTypes.Video;
+        default: return types_1.AttachmentTypes.File;
     }
 }
-//# sourceMappingURL=attachment.js.map
+//# sourceMappingURL=attachment.js.map

package/dist/generator/renderers/components/Container.js

@@ -1,19 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-function DiscordContainer({ children }) {
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            display: 'flex',
-            width: '500px',
-            flexDirection: 'column',
-            backgroundColor: '#3f4248',
-            padding: '16px',
-            border: '1px solid #4f5359',
-            marginTop: '2px',
-            marginBottom: '2px',
-            borderRadius: '10px',
-            gap: '8px',
-        }, children: children }));
+
+function colorToHex(color) {
+    if (color == null) return null;
+    if (typeof color === 'string') {
+        return color.startsWith('#') ? color : '#' + color.replace(/^0x/i, '');
+    }
+    if (typeof color === 'number') {
+        return '#' + color.toString(16).padStart(6, '0');
+    }
+    return null;
+}
+
+function DiscordContainer({ children, accentColor, spoiler }) {
+    const hex = colorToHex(accentColor);
+    const style = {
+        display: 'flex',
+        width: '500px',
+        flexDirection: 'column',
+        backgroundColor: '#3f4248',
+        padding: '16px',
+        // Use accent color as a left border (Discord's V2 container style)
+        borderLeft: hex ? `4px solid ${hex}` : '1px solid #4f5359',
+        borderTop: '1px solid #4f5359',
+        borderRight: '1px solid #4f5359',
+        borderBottom: '1px solid #4f5359',
+        marginTop: '2px',
+        marginBottom: '2px',
+        borderRadius: '10px',
+        gap: '8px',
+    };
+    const node = (0, jsx_runtime_1.jsx)("div", { style: style, children: children });
+    if (spoiler) {
+        return (0, jsx_runtime_1.jsx)("span", { className: "discord-spoiler", children: node });
+    }
+    return node;
 }
 exports.default = DiscordContainer;
-//# sourceMappingURL=Container.js.map
+//# sourceMappingURL=Container.js.map

package/dist/generator/renderers/components/Media Gallery.js

@@ -9,24 +9,30 @@ function DiscordMediaGallery({ component }) {
     const count = component.items.length;
     const imagesToShow = component.items.slice(0, 10);
     const hasMore = component.items.length > 10;
-    return ((0, jsx_runtime_1.jsx)("div", { style: (0, utils_1.getGalleryLayout)(count), children: imagesToShow.map((media, idx) => ((0, jsx_runtime_1.jsxs)("div", { style: (0, utils_1.getImageStyle)(idx, count), children: [(0, jsx_runtime_1.jsx)("img", { src: media.media.url, alt: media.description || 'Media content', style: {
-                        width: '100%',
-                        height: '100%',
-                        objectFit: 'cover',
-                    } }), hasMore && idx === imagesToShow.length - 1 && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                        position: 'absolute',
-                        top: 0,
-                        left: 0,
-                        width: '100%',
-                        height: '100%',
-                        display: 'flex',
-                        alignItems: 'center',
-                        justifyContent: 'center',
-                        backgroundColor: 'rgba(0, 0, 0, 0.7)',
-                        color: 'white',
-                        fontSize: '20px',
-                        fontWeight: 'bold',
-                    }, children: ["+", component.items.length - 10] }))] }, idx))) }));
+    return ((0, jsx_runtime_1.jsx)("div", { style: (0, utils_1.getGalleryLayout)(count), children: imagesToShow.map((media, idx) => {
+        const img = (0, jsx_runtime_1.jsx)("img", { src: media.media.url, alt: media.description || 'Media content', style: {
+                width: '100%',
+                height: '100%',
+                objectFit: 'cover',
+            } });
+        const wrapped = media.spoiler
+            ? (0, jsx_runtime_1.jsx)("span", { className: "discord-spoiler", style: { display: 'block', width: '100%', height: '100%' }, children: img })
+            : img;
+        return ((0, jsx_runtime_1.jsxs)("div", { style: (0, utils_1.getImageStyle)(idx, count), children: [wrapped, hasMore && idx === imagesToShow.length - 1 && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    width: '100%',
+                    height: '100%',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    backgroundColor: 'rgba(0, 0, 0, 0.7)',
+                    color: 'white',
+                    fontSize: '20px',
+                    fontWeight: 'bold',
+                }, children: ["+", component.items.length - 10] }))] }, idx));
+    }) }));
 }
 exports.default = DiscordMediaGallery;
 //# sourceMappingURL=Media%20Gallery.js.map

package/dist/generator/renderers/components.js

@@ -22,8 +22,13 @@ function ComponentRow({ component, id, context, }) {
     switch (component.type) {
         case discord_js_1.ComponentType.ActionRow:
             return ((0, jsx_runtime_1.jsx)("discord-action-row", { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: component.components.map((nestedComponent, id) => ((0, jsx_runtime_1.jsx)(Component, { component: nestedComponent, id: id }, id))) }) }, id));
-        case discord_js_1.ComponentType.Container:
-            return ((0, jsx_runtime_1.jsx)(Container_1.default, { children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: component.components.map((nestedComponent, id) => ((0, jsx_runtime_1.jsx)(ComponentRow, { component: nestedComponent, id: id, context: context }, id))) }) }, id));
+        case discord_js_1.ComponentType.Container: {
+            const accentColor = component.accent_color !== undefined
+                ? component.accent_color
+                : (component.accentColor !== undefined ? component.accentColor : null);
+            const spoiler = !!component.spoiler;
+            return ((0, jsx_runtime_1.jsx)(Container_1.default, { accentColor: accentColor, spoiler: spoiler, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: component.components.map((nestedComponent, id) => ((0, jsx_runtime_1.jsx)(ComponentRow, { component: nestedComponent, id: id, context: context }, id))) }) }, id));
+        }
         case discord_js_1.ComponentType.File: {
             const attachmentComponent = (0, jsx_runtime_1.jsx)("discord-file-attachment", { href: component.file.url });
             if (component.spoiler) {

package/dist/generator/renderers/content.js

@@ -19,52 +19,63 @@ 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)
+    if (!node) return null;
+    try {
+        return await renderASTNode(node, context);
+    } 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) {}
         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;
     switch (type) {
         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 });
@@ -72,23 +83,34 @@ async function MessageSingleASTNode({ 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', children: channel ? (channel.isDMBased() ? 'DM Channel' : channel.name) : `<#${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, 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", children: user ? ((_a = user.displayName) !== null && _a !== void 0 ? _a : user.username) : `<@${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':
@@ -109,39 +131,46 @@ async function MessageSingleASTNode({ 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
-            return (0, jsx_runtime_1.jsx)("discord-time", { children: new Date(node.timestamp).toISOString() });
-        // return <DiscordTime timestamp={parseInt(node.timestamp) * 1000} format={node.format} />;
+        case 'timestamp': {
+            // 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') {
+                const n = parseInt(raw, 10);
+                if (Number.isFinite(n)) dateMs = n < 1e12 ? n * 1000 : n;
+            }
+            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 });
+        }
         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';
@@ -149,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