discord-html-transcripts-fix 1.1.0 → 1.3.0

package/dist/generator/renderers/systemMessage.js

@@ -6,94 +6,198 @@ exports.JoinMessage = JoinMessage;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const discord_js_1 = require("discord.js");
 const utils_1 = require("../../utils/utils");
-async function SystemMessage({ message }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+
+function t(context, key, fallback) {
+    const dict = context?.i18n?.[context?.lang] || context?.i18n?.en || {};
+    return dict[key] || fallback || key;
+}
+
+async function SystemMessage({ message, context }) {
+    const author = message.author;
+    const authorName = author?.displayName ?? author?.username ?? 'Unknown';
+    const color = message.member?.roles?.color?.hexColor;
+    const ctx = context || {};
+
     switch (message.type) {
         case discord_js_1.MessageType.RecipientAdd:
         case discord_js_1.MessageType.UserJoin:
-            return ((0, jsx_runtime_1.jsx)("discord-system-message", { id: `m-${message.id}`, type: "join", children: (0, jsx_runtime_1.jsx)(JoinMessage, { member: message.member, fallbackUser: message.author }) }, message.id));
-        case discord_js_1.MessageType.ChannelPinnedMessage:
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "pin", children: [(0, jsx_runtime_1.jsx)(Highlight, { color: (_b = (_a = message.member) === null || _a === void 0 ? void 0 : _a.roles.color) === null || _b === void 0 ? void 0 : _b.hexColor, children: (_c = message.author.displayName) !== null && _c !== void 0 ? _c : message.author.username }), ' ', "pinned ", (0, jsx_runtime_1.jsx)("i", { "data-goto": (_d = message.reference) === null || _d === void 0 ? void 0 : _d.messageId, children: "a message" }), " to this channel.", message.reactions.cache.size > 0 && ((0, jsx_runtime_1.jsx)("discord-reactions", { slot: "reactions", children: message.reactions.cache.map((reaction, id) => ((0, jsx_runtime_1.jsx)("discord-reaction", { name: reaction.emoji.name, emoji: (0, utils_1.parseDiscordEmoji)(reaction.emoji), count: reaction.count }, `${message.id}r${id}`))) }))] }, message.id));
+            return ((0, jsx_runtime_1.jsx)("discord-system-message", { id: `m-${message.id}`, type: "join", children: (0, jsx_runtime_1.jsx)(JoinMessage, { member: message.member, fallbackUser: author, seed: message.id, context: ctx }) }, message.id));
+
+        case discord_js_1.MessageType.ChannelPinnedMessage: {
+            const refId = message.reference?.messageId;
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "pin", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "pinned", children: t(ctx, 'pinned', 'pinned a message to this channel.') }),
+                refId ? (0, jsx_runtime_1.jsx)("i", { "data-goto": refId, className: "dht-jump", role: "button", tabIndex: 0, children: " (jump)" }) : null,
+            ] }, message.id));
+        }
+
         case discord_js_1.MessageType.GuildBoost:
         case discord_js_1.MessageType.GuildBoostTier1:
         case discord_js_1.MessageType.GuildBoostTier2:
         case discord_js_1.MessageType.GuildBoostTier3:
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: [(0, jsx_runtime_1.jsx)(Highlight, { color: (_f = (_e = message.member) === null || _e === void 0 ? void 0 : _e.roles.color) === null || _f === void 0 ? void 0 : _f.hexColor, children: (_g = message.author.displayName) !== null && _g !== void 0 ? _g : message.author.username }), ' ', "boosted the server!"] }, message.id));
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "boosted", children: t(ctx, 'boosted', 'boosted the server!') }),
+            ] }, message.id));
+
         case discord_js_1.MessageType.ThreadStarterMessage:
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `ms-${message.id}`, type: "thread", children: [(0, jsx_runtime_1.jsx)(Highlight, { color: (_j = (_h = message.member) === null || _h === void 0 ? void 0 : _h.roles.color) === null || _j === void 0 ? void 0 : _j.hexColor, children: (_k = message.author.displayName) !== null && _k !== void 0 ? _k : message.author.username }), ' ', "started a thread: ", (0, jsx_runtime_1.jsx)("i", { "data-goto": (_l = message.reference) === null || _l === void 0 ? void 0 : _l.messageId, children: message.content })] }, message.id));
-        case discord_js_1.MessageType.ChannelNameChange: {
-            const authorName = message.author.displayName || message.author.username;
-            const color = message.member?.roles?.color?.hexColor;
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [(0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }), ' ', 'changed the channel name: ', (0, jsx_runtime_1.jsx)("strong", { children: message.content })] }, message.id));
-        }
-        case discord_js_1.MessageType.ChannelIconChange: {
-            const authorName = message.author.displayName || message.author.username;
-            const color = message.member?.roles?.color?.hexColor;
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [(0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }), ' ', 'changed the channel icon.'] }, message.id));
-        }
         case discord_js_1.MessageType.ThreadCreated: {
-            const authorName = message.author.displayName || message.author.username;
-            const color = message.member?.roles?.color?.hexColor;
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "thread", children: [(0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }), ' ', 'started a thread: ', (0, jsx_runtime_1.jsx)("i", { "data-goto": message.reference?.messageId, children: message.content || 'New thread' })] }, message.id));
+            const refId = message.reference?.messageId;
+            const label = message.content || 'New thread';
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "thread", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "threadStarted", children: t(ctx, 'threadStarted', 'started a thread:') }),
+                ' ',
+                refId
+                    ? (0, jsx_runtime_1.jsx)("i", { "data-goto": refId, className: "dht-jump", role: "button", tabIndex: 0, children: label })
+                    : (0, jsx_runtime_1.jsx)("i", { children: label }),
+            ] }, message.id));
         }
+
+        case discord_js_1.MessageType.ChannelNameChange:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "changedChannelName", children: t(ctx, 'changedChannelName', 'changed the channel name:') }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("strong", { children: message.content }),
+            ] }, message.id));
+
+        case discord_js_1.MessageType.ChannelIconChange:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "changedChannelIcon", children: t(ctx, 'changedChannelIcon', 'changed the channel icon.') }),
+            ] }, message.id));
+
         case discord_js_1.MessageType.ChatInputCommand:
         case discord_js_1.MessageType.ContextMenuCommand: {
-            const authorName = message.author.displayName || message.author.username;
-            const color = message.member?.roles?.color?.hexColor;
             const cmd = message.interaction?.commandName ? '/' + message.interaction.commandName : 'a command';
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [(0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }), ' ', 'used ', (0, jsx_runtime_1.jsx)("strong", { children: cmd })] }, message.id));
-        }
-        case discord_js_1.MessageType.Call: {
-            const authorName = message.author.displayName || message.author.username;
-            const color = message.member?.roles?.color?.hexColor;
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [(0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }), ' ', 'started a call.'] }, message.id));
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "usedCommand", children: t(ctx, 'usedCommand', 'used') }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("strong", { children: cmd }),
+            ] }, message.id));
         }
+
+        case discord_js_1.MessageType.Call:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "startedCall", children: t(ctx, 'startedCall', 'started a call.') }),
+            ] }, message.id));
+
         case discord_js_1.MessageType.ChannelFollowAdd: {
-            const authorName = message.author.displayName || message.author.username;
-            const color = message.member?.roles?.color?.hexColor;
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [(0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }), ' ', 'added ', (0, jsx_runtime_1.jsx)("strong", { children: message.content }), ' to follow this channel.'] }, message.id));
+            const followText = t(ctx, 'addedFollow', 'added {target} to follow this channel.');
+            const parts = followText.split('{target}');
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                parts[0],
+                (0, jsx_runtime_1.jsxs)("span", { className: "dht-mention dht-mention--channel", children: ['#', message.content || 'channel'] }),
+                parts[1] || '',
+            ] }, message.id));
+        }
+
+        case discord_js_1.MessageType.RecipientRemove:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "leave", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "left", children: t(ctx, 'left', 'left.') }),
+            ] }, message.id));
+
+        case discord_js_1.MessageType.AutoModerationAction: {
+            // Discord packs detail into the first embed: rule_name, matched_keyword, action_type, channel_id
+            const e = message.embeds?.[0];
+            const fields = Array.isArray(e?.fields) ? e.fields : [];
+            const ruleName = fields.find((f) => /rule_name|rule name/i.test(f.name))?.value || e?.title || '';
+            const matchedKeyword = fields.find((f) => /matched_keyword|keyword/i.test(f.name))?.value || '';
+            const action = fields.find((f) => /action_type|action/i.test(f.name))?.value || '';
+            const blocked = e?.description || '';
+            const channelId = fields.find((f) => /channel/i.test(f.name))?.value;
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: [
+                (0, jsx_runtime_1.jsx)("span", { "data-i18n": "autoModBlocked", children: t(ctx, 'autoModBlocked', 'AutoMod blocked a message.') }),
+                ruleName && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · Rule: ', (0, jsx_runtime_1.jsx)("strong", { children: ruleName })] }),
+                action && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · Action: ', action] }),
+                matchedKeyword && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · Matched: ', (0, jsx_runtime_1.jsx)("code", { children: matchedKeyword })] }),
+                blocked && (0, jsx_runtime_1.jsx)("blockquote", { className: "dht-automod-content", children: blocked }),
+                channelId && (0, jsx_runtime_1.jsxs)("span", { className: "dht-automod-rule", children: [' · In <#', channelId, '>'] }),
+            ] }, message.id));
         }
-        case discord_js_1.MessageType.RecipientRemove: {
-            const authorName = message.author.displayName || message.author.username;
-            const color = message.member?.roles?.color?.hexColor;
-            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "leave", children: [(0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }), ' ', 'left.'] }, message.id));
+        case discord_js_1.MessageType.StageStart:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' started a stage: ',
+                (0, jsx_runtime_1.jsx)("strong", { children: message.content || '' })
+            ] }, message.id));
+        case discord_js_1.MessageType.StageEnd:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "leave", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ended the stage.'
+            ] }, message.id));
+        case discord_js_1.MessageType.StageSpeaker:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' is now a speaker.'
+            ] }, message.id));
+        case discord_js_1.MessageType.StageRaiseHand:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "call", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' requested to speak.'
+            ] }, message.id));
+        case discord_js_1.MessageType.StageTopic:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' changed the stage topic: ',
+                (0, jsx_runtime_1.jsx)("strong", { children: message.content || '' })
+            ] }, message.id));
+        case discord_js_1.MessageType.GuildApplicationPremiumSubscription:
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' subscribed ',
+                (0, jsx_runtime_1.jsx)("strong", { children: message.applicationId ? `app ${message.applicationId}` : 'an app' }),
+                ' to this server.'
+            ] }, message.id));
+
+        case discord_js_1.MessageType.RoleSubscriptionPurchase: {
+            const roleName = message.roleSubscriptionData?.tierName || message.content || 'a role';
+            return ((0, jsx_runtime_1.jsxs)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: [
+                (0, jsx_runtime_1.jsx)(Highlight, { color, children: authorName }),
+                ' ',
+                t(ctx, 'roleSubPurchased', 'subscribed to {role}!').replace('{role}', roleName),
+            ] }, message.id));
         }
-        case discord_js_1.MessageType.AutoModerationAction:
-            return ((0, jsx_runtime_1.jsx)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: 'AutoMod blocked a message.' }, message.id));
+
         case discord_js_1.MessageType.GuildIncidentReportRaid:
         case discord_js_1.MessageType.GuildIncidentReportFalseAlarm:
         case discord_js_1.MessageType.GuildIncidentAlertModeEnabled:
         case discord_js_1.MessageType.GuildIncidentAlertModeDisabled:
-            return ((0, jsx_runtime_1.jsx)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: 'Server safety alert.' }, message.id));
+            return ((0, jsx_runtime_1.jsx)("discord-system-message", { id: `m-${message.id}`, type: "boost", children: (0, jsx_runtime_1.jsx)("span", { "data-i18n": "serverAlert", children: t(ctx, 'serverAlert', 'Server safety alert.') }) }, message.id));
+
         case discord_js_1.MessageType.PollResult:
-            return ((0, jsx_runtime_1.jsx)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: 'A poll ended.' }, message.id));
-        // These types are rendered through the normal message pipeline (DiscordMessage)
+            return ((0, jsx_runtime_1.jsx)("discord-system-message", { id: `m-${message.id}`, type: "edit", children: (0, jsx_runtime_1.jsx)("span", { "data-i18n": "pollEnded", children: t(ctx, 'pollEnded', 'A poll ended.') }) }, message.id));
+
+        // These render through the normal pipeline
         case discord_js_1.MessageType.Default:
         case discord_js_1.MessageType.Reply:
             return undefined;
-        // Less common / niche types: rendered nothing (Discord client also de-emphasizes these)
-        case discord_js_1.MessageType.GuildDiscoveryDisqualified:
-        case discord_js_1.MessageType.GuildDiscoveryRequalified:
-        case discord_js_1.MessageType.GuildDiscoveryGracePeriodInitialWarning:
-        case discord_js_1.MessageType.GuildDiscoveryGracePeriodFinalWarning:
-        case discord_js_1.MessageType.GuildInviteReminder:
-        case discord_js_1.MessageType.RoleSubscriptionPurchase:
-        case discord_js_1.MessageType.InteractionPremiumUpsell:
-        case discord_js_1.MessageType.StageStart:
-        case discord_js_1.MessageType.StageEnd:
-        case discord_js_1.MessageType.StageSpeaker:
-        case discord_js_1.MessageType.StageRaiseHand:
-        case discord_js_1.MessageType.StageTopic:
-        case discord_js_1.MessageType.GuildApplicationPremiumSubscription:
-        case discord_js_1.MessageType.PurchaseNotification:
-            return undefined;
+
         default:
             return undefined;
     }
 }
+
 function Highlight({ children, color }) {
-    return (0, jsx_runtime_1.jsx)("i", { style: { color: color !== null && color !== void 0 ? color : 'white' }, children: children });
+    const safe = typeof color === 'string' && /^#[0-9a-fA-F]{3,8}$/.test(color) ? color : 'white';
+    return (0, jsx_runtime_1.jsx)("i", { style: { color: safe }, children: children });
 }
+
 const allJoinMessages = [
     '{user} just joined the server - glhf!',
     '{user} just joined. Everyone, look busy!',
@@ -126,24 +230,34 @@ const allJoinMessages = [
     "We've been expecting you {user}",
     "It's dangerous to go alone, take {user}!",
     "{user} has joined the server! It's super effective!",
-    'Cheers, love! {user} is here!',
     '{user} is here, as the prophecy foretold.',
     "{user} has arrived. Party's over.",
     'Ready player {user}',
     '{user} is here to kick butt and chew bubblegum. And {user} is all out of gum.',
     "Hello. Is it {user} you're looking for?",
 ];
-function JoinMessage({ member, fallbackUser }) {
-    const randomMessage = allJoinMessages[Math.floor(Math.random() * allJoinMessages.length)];
-    return randomMessage
+
+// Deterministic — seed off message.id so the message text stays stable across re-renders.
+function pickJoinMessage(seed) {
+    if (!seed) return allJoinMessages[0];
+    try {
+        // Hash snowflake → index. BigInt safe for snowflakes.
+        let n = 0;
+        for (let i = 0; i < seed.length; i++) n = (n * 31 + seed.charCodeAt(i)) >>> 0;
+        return allJoinMessages[n % allJoinMessages.length];
+    } catch (_e) {
+        return allJoinMessages[0];
+    }
+}
+
+function JoinMessage({ member, fallbackUser, seed, context }) {
+    const template = pickJoinMessage(seed);
+    return template
         .split('{user}')
-        .flatMap((item, i) => {
-        var _a, _b, _c;
-        return [
+        .flatMap((item, i) => [
             item,
-            (0, jsx_runtime_1.jsx)(Highlight, { color: (_a = member === null || member === void 0 ? void 0 : member.roles.color) === null || _a === void 0 ? void 0 : _a.hexColor, children: (_c = (_b = member === null || member === void 0 ? void 0 : member.nickname) !== null && _b !== void 0 ? _b : fallbackUser.displayName) !== null && _c !== void 0 ? _c : fallbackUser.username }, i),
-        ];
-    })
+            (0, jsx_runtime_1.jsx)(Highlight, { color: member?.roles?.color?.hexColor, children: member?.nickname ?? fallbackUser.displayName ?? fallbackUser.username }, i),
+        ])
         .slice(0, -1);
 }
-//# sourceMappingURL=systemMessage.js.map
+//# sourceMappingURL=systemMessage.js.map

package/dist/generator/transcript.js

@@ -1,51 +1,20 @@
 "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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 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;};
 })();
 var __rest = (this && this.__rest) || function (s, e) {
     var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
     if (s != null && typeof Object.getOwnPropertySymbols === "function")
         for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = DiscordMessages;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -53,24 +22,41 @@ const discord_js_1 = require("discord.js");
 const content_1 = __importStar(require("./renderers/content"));
 const message_1 = __importDefault(require("./renderers/message"));
 const TranscriptHeader_1 = require("./renderers/components/TranscriptHeader");
-/**
- * The core transcript component.
- * Expects window.$discordMessage.profiles to be set for profile information.
- *
- * @param props Messages, channel details, callbacks, etc.
- * @returns
- */
+
 async function DiscordMessages(_a) {
-    var _b, _c, _d, _e, _f;
     var { messages, channel, callbacks } = _a, options = __rest(_a, ["messages", "channel", "callbacks"]);
-    return ((0, jsx_runtime_1.jsxs)("discord-messages", { style: { minHeight: '100vh' }, children: [(0, jsx_runtime_1.jsx)(TranscriptHeader_1.TranscriptHeader, { guildName: channel.isDMBased() ? 'Direct Messages' : channel.guild.name, guildIcon: channel.isDMBased() ? undefined : ((_b = channel.guild.iconURL({ size: 128 })) !== null && _b !== void 0 ? _b : undefined), channelName: channel.isDMBased()
-                    ? channel.type === discord_js_1.ChannelType.DM
-                        ? ((_d = (_c = channel.recipient) === null || _c === void 0 ? void 0 : _c.tag) !== null && _d !== void 0 ? _d : 'Unknown Recipient')
-                        : 'Unknown Recipient'
-                    : channel.name, children: channel.isThread() ? (`Thread channel in ${(_f = (_e = channel.parent) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : 'Unknown Channel'}`) : channel.isDMBased() ? (`Direct Messages`) : channel.isVoiceBased() ? (`Voice Text Channel for ${channel.name}`) : channel.type === discord_js_1.ChannelType.GuildCategory ? (`Category Channel`) : 'topic' in channel && channel.topic ? ((0, jsx_runtime_1.jsx)(content_1.default, { content: channel.topic, context: Object.assign({ messages, channel, callbacks, type: content_1.RenderType.REPLY }, options) })) : (`This is the start of #${channel.name} channel.`) }), messages.map((message) => ((0, jsx_runtime_1.jsx)(message_1.default, { message: message, context: Object.assign({ messages, channel, callbacks }, options) }, message.id))), (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', width: '100%' }, children: [options.footerText
-                        ? options.footerText
-                            .replaceAll('{number}', messages.length.toString())
-                            .replaceAll('{s}', messages.length > 1 ? 's' : '')
-                        : `Exported ${messages.length} message${messages.length > 1 ? 's' : ''}.`, ' ', options.poweredBy ? ((0, jsx_runtime_1.jsxs)("span", { style: { textAlign: 'center' }, children: ["Powered by", ' ', (0, jsx_runtime_1.jsx)("a", { href: "https://github.com/ItzDerock/discord-html-transcripts", style: { color: 'lightblue' }, children: "discord-html-transcripts" }), "."] })) : null] })] }));
+    const dateSeps = options.dateSeps || [];
+
+    return ((0, jsx_runtime_1.jsxs)("discord-messages", { style: { minHeight: '100vh' }, children: [
+        (0, jsx_runtime_1.jsx)(TranscriptHeader_1.TranscriptHeader, {
+            guildName: channel.isDMBased() ? 'Direct Messages' : channel.guild.name,
+            guildIcon: channel.isDMBased() ? undefined : (channel.guild.iconURL({ size: 128 }) ?? undefined),
+            channelName: channel.isDMBased()
+                ? channel.type === discord_js_1.ChannelType.DM
+                    ? (channel.recipient?.tag ?? 'Unknown Recipient')
+                    : 'Unknown Recipient'
+                : channel.name,
+            children: channel.isThread() ? (`Thread channel in ${channel.parent?.name ?? 'Unknown Channel'}`)
+                : channel.isDMBased() ? (`Direct Messages`)
+                : channel.isVoiceBased() ? (`Voice Text Channel for ${channel.name}`)
+                : channel.type === discord_js_1.ChannelType.GuildCategory ? (`Category Channel`)
+                : 'topic' in channel && channel.topic
+                    ? (0, jsx_runtime_1.jsx)(content_1.default, { content: channel.topic, context: Object.assign({ messages, channel, callbacks, type: content_1.RenderType.REPLY }, options) })
+                    : (`This is the start of #${channel.name} channel.`)
+        }),
+        messages.map((message, idx) => [
+            dateSeps[idx] && (0, jsx_runtime_1.jsx)("div", { className: "dht-date-sep", children: dateSeps[idx] }, `sep-${idx}`),
+            (0, jsx_runtime_1.jsx)(message_1.default, { message: message, context: Object.assign({ messages, channel, callbacks }, options) }, message.id)
+        ]),
+        (0, jsx_runtime_1.jsxs)("div", { style: { textAlign: 'center', width: '100%' }, children: [
+            options.footerText
+                ? options.footerText.replaceAll('{number}', messages.length.toString()).replaceAll('{s}', messages.length > 1 ? 's' : '')
+                : `Exported ${messages.length} message${messages.length > 1 ? 's' : ''}.`,
+            ' ',
+            options.poweredBy
+                ? (0, jsx_runtime_1.jsxs)("span", { style: { textAlign: 'center' }, children: ["Powered by ", (0, jsx_runtime_1.jsx)("a", { href: "https://github.com/ItzDerock/discord-html-transcripts", style: { color: 'lightblue' }, children: "discord-html-transcripts" }), "."] })
+                : null
+        ] })
+    ] }));
 }
-//# sourceMappingURL=transcript.js.map
+//# sourceMappingURL=transcript.js.map