discord-html-transcripts-fix 1.3.0 → 1.4.0

package/dist/generator/renderers/content.js

@@ -195,62 +195,61 @@ async function renderASTNode(node, context) {
             const id = node.id;
             if (typeof id === 'string' && /^[a-z][a-z-]*$/.test(id)) {
                 const label = GUIDE_LABELS[id] || id;
-                return (0, jsx_runtime_1.jsxs)("span", { className: "dht-mention dht-mention--channel", children: ["#", label] });
+                return (0, jsx_runtime_1.jsx)("span", { className: "dht-mention dht-mention--channel", children: '#' + label });
             }
-            const channel = await context.callbacks.resolveChannel(id).catch(() => null);
-            const name = channel ? (channel.isDMBased() ? 'DM Channel' : channel.name) : `unknown-${id.slice(-6)}`;
-            return (0, jsx_runtime_1.jsxs)("span", {
+            const channel = await Promise.resolve(context.callbacks.resolveChannel(id)).catch(() => null);
+            const name = channel ? (channel.isDMBased() ? 'DM Channel' : channel.name) : `unknown-${(id || '').slice(-6)}`;
+            return (0, jsx_runtime_1.jsx)("span", {
                 className: "dht-mention dht-mention--channel",
                 "data-mention-type": "channel",
                 "data-mention-id": id,
-                children: ["#", name]
+                children: '#' + name
             });
         }
 
         case 'role': {
             const id = node.id;
-            const role = await context.callbacks.resolveRole(id).catch(() => null);
-            const name = role?.name ?? `role-${id.slice(-6)}`;
+            const role = await Promise.resolve(context.callbacks.resolveRole(id)).catch(() => null);
+            const name = role?.name ?? `role-${(id || '').slice(-6)}`;
             const color = role?.hexColor && role.hexColor !== '#000000' ? (0, utils_1.safeColor)(role.hexColor, undefined) : undefined;
             const bg = color ? hexToRgba(color, 0.18) : undefined;
             const style = color ? { color, backgroundColor: bg, borderColor: hexToRgba(color, 0.45) } : undefined;
-            return (0, jsx_runtime_1.jsxs)("span", {
+            return (0, jsx_runtime_1.jsx)("span", {
                 className: "dht-mention dht-mention--role",
                 "data-mention-type": "role",
                 "data-mention-id": id,
                 style,
-                children: ["@", name]
+                children: '@' + name
             });
         }
 
         case 'user': {
             const id = node.id;
-            const user = await context.callbacks.resolveUser(id).catch(() => null);
-            const name = user ? (user.displayName ?? user.username ?? `user-${id.slice(-6)}`) : `user-${id.slice(-6)}`;
-            return (0, jsx_runtime_1.jsxs)("span", {
+            const user = await Promise.resolve(context.callbacks.resolveUser(id)).catch(() => null);
+            const name = user ? (user.displayName ?? user.username ?? `user-${(id || '').slice(-6)}`) : `user-${(id || '').slice(-6)}`;
+            return (0, jsx_runtime_1.jsx)("span", {
                 className: "dht-mention dht-mention--user",
                 "data-mention-type": "user",
                 "data-mention-id": id,
-                children: ["@", name]
+                children: '@' + name
             });
         }
 
         case 'slashCommand':
         case 'command': {
             const name = node.name || node.content || 'command';
-            return (0, jsx_runtime_1.jsxs)("span", { className: "dht-mention dht-mention--command", children: ["/", String(name)] });
+            return (0, jsx_runtime_1.jsx)("span", { className: "dht-mention dht-mention--command", children: '/' + String(name) });
         }
 
         case 'guildNavigation': {
-            // discord-markdown-parser emits this for <id:guide> etc.
             const id = node.id || node.content || 'guide';
             const label = GUIDE_LABELS[id] || id;
-            return (0, jsx_runtime_1.jsxs)("span", { className: "dht-mention dht-mention--channel", children: ["#", label] });
+            return (0, jsx_runtime_1.jsx)("span", { className: "dht-mention dht-mention--channel", children: '#' + label });
         }
 
         case 'here':
         case 'everyone':
-            return (0, jsx_runtime_1.jsxs)("span", { className: "dht-mention dht-mention--role dht-mention--highlight", children: ["@", type] });
+            return (0, jsx_runtime_1.jsx)("span", { className: "dht-mention dht-mention--role dht-mention--highlight", children: '@' + type });
 
         case 'codeBlock':
             if (context.type !== RenderType.REPLY) {

package/dist/generator/renderers/message.js

@@ -137,13 +137,6 @@ async function DiscordMessage({ message, context }) {
         // 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,
@@ -151,11 +144,6 @@ async function DiscordMessage({ message, context }) {
             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,

package/dist/static/client.js

@@ -472,7 +472,13 @@ exports.markdownStyles = `
   .dht-hit--active{background:rgba(255,140,0,.85);color:#000}
   /* Body fallback when web components fail to load from CDN */
   body{background:#313338;color:#dbdee1;font-family:"gg sans","Helvetica Neue",Helvetica,Arial,sans-serif}
-  discord-messages{background:#313338}
+  discord-messages{background:#313338;display:block}
+  /* CRITICAL: ensure message hosts are block-level. Without this, two consecutive
+     messages collapse onto the same line in some browser states. */
+  discord-message,discord-system-message{display:block;position:relative}
+  /* Fallback layout when @skyra Web Components fail to register (offline viewer). */
+  discord-message:not(:defined),discord-system-message:not(:defined){padding:6px 16px 6px 16px;min-height:32px;color:#dbdee1;font-size:14px;border-top:1px solid rgba(255,255,255,0.04);margin-top:0}
+  discord-message:not(:defined)::before{content:attr(profile);display:block;font-weight:600;color:#fff;font-size:13px;margin-bottom:2px;opacity:.7}
   /* Date separator divider — more visible */
   .dht-date-sep::before,.dht-date-sep::after{background:rgba(255,255,255,.1)}
   /* Reduce motion */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "discord-html-transcripts-fix",
-  "version": "1.3.0",
+  "version": "1.4.0",
   "description": "A nicely formatted html transcript generator for discord.js. Bugfix fork with support for the latest discord.js and Components v2.",
   "main": "dist/index.js",
   "types": "./dist/index.d.ts",