discord2html 1.0.0

package/dist/index.mjs

@@ -0,0 +1,1365 @@
+import "./chunk-3GDQP6AS.mjs";
+
+// src/index.ts
+import { AttachmentBuilder, version, Collection } from "discord.js";
+
+// src/generator/index.tsx
+import { prerenderToNodeStream } from "react-dom/static";
+import React18 from "react";
+
+// src/utils/buildProfiles.ts
+import { UserFlags } from "discord.js";
+async function buildProfiles(messages) {
+  const profiles = {};
+  for (const message of messages) {
+    const author = message.author;
+    if (!profiles[author.id]) {
+      profiles[author.id] = buildProfile(message.member, author);
+    }
+    if (message.interaction) {
+      const user = message.interaction.user;
+      if (!profiles[user.id]) {
+        profiles[user.id] = buildProfile(null, user);
+      }
+    }
+    if (message.thread && message.thread.lastMessage) {
+      profiles[message.thread.lastMessage.author.id] = buildProfile(
+        message.thread.lastMessage.member,
+        message.thread.lastMessage.author
+      );
+    }
+  }
+  return profiles;
+}
+function buildProfile(member, author) {
+  return {
+    author: member?.nickname ?? author.displayName ?? author.username,
+    avatar: member?.displayAvatarURL({ size: 64 }) ?? author.displayAvatarURL({ size: 64 }),
+    roleColor: member?.displayHexColor,
+    roleIcon: member?.roles.icon?.iconURL() ?? void 0,
+    roleName: member?.roles.hoist?.name ?? void 0,
+    bot: author.bot,
+    verified: author.flags?.has(UserFlags.VerifiedBot)
+  };
+}
+
+// src/static/client.ts
+var scrollToMessage = 'document.addEventListener("click",t=>{let e=t.target;if(!e)return;let o=e?.getAttribute("data-goto");if(o){let r=document.getElementById(`m-${o}`);r?(r.scrollIntoView({behavior:"smooth",block:"center"}),r.style.backgroundColor="rgba(148, 156, 247, 0.1)",r.style.transition="background-color 0.5s ease",setTimeout(()=>{r.style.backgroundColor="transparent"},1e3)):console.warn("Message ${goto} not found.")}});';
+var revealSpoiler = 'const s=document.querySelectorAll(".discord-spoiler");s.forEach(s=>s.addEventListener("click",()=>{if(s.classList.contains("discord-spoiler")){s.classList.remove("discord-spoiler");s.classList.add("discord-spoiler--revealed");}}));';
+
+// src/generator/index.tsx
+import { readFileSync } from "fs";
+import path from "path";
+import { renderToString } from "@derockdev/discord-components-core/hydrate";
+
+// src/generator/transcript.tsx
+import { DiscordHeader, DiscordMessages as DiscordMessagesComponent } from "@derockdev/discord-components-react";
+import { ChannelType as ChannelType2 } from "discord.js";
+import React17 from "react";
+
+// src/generator/renderers/content.tsx
+import {
+  DiscordBold,
+  DiscordCodeBlock,
+  DiscordCustomEmoji,
+  DiscordInlineCode,
+  DiscordItalic,
+  DiscordMention,
+  DiscordQuote,
+  DiscordSpoiler,
+  DiscordTime,
+  DiscordUnderlined
+} from "@derockdev/discord-components-react";
+import parse from "discord-markdown-parser";
+import { ChannelType } from "discord.js";
+import React from "react";
+
+// src/utils/utils.ts
+import twemoji from "twemoji";
+function formatBytes(bytes, decimals = 2) {
+  if (bytes === 0) return "0 Bytes";
+  const k = 1024;
+  const dm = decimals < 0 ? 0 : decimals;
+  const sizes = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+  const i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+}
+function parseDiscordEmoji(emoji) {
+  if (emoji.id) {
+    return `https://cdn.discordapp.com/emojis/${emoji.id}.${emoji.animated ? "gif" : "png"}`;
+  }
+  const codepoints = twemoji.convert.toCodePoint(
+    emoji.name.indexOf(String.fromCharCode(8205)) < 0 ? emoji.name.replace(/\uFE0F/g, "") : emoji.name
+  ).toLowerCase();
+  return `https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${codepoints}.svg`;
+}
+function streamToString(stream) {
+  const chunks = [];
+  return new Promise((resolve, reject) => {
+    stream.on("data", (chunk) => chunks.push(chunk));
+    stream.on("error", reject);
+    stream.on("end", () => resolve(Buffer.concat(chunks).toString("utf8")));
+  });
+}
+
+// src/generator/renderers/content.tsx
+async function MessageContent({ content, context }) {
+  if (context.type === 1 /* REPLY */ && content.length > 180) content = content.slice(0, 180) + "...";
+  const parsed = parse(
+    content,
+    context.type === 0 /* EMBED */ || context.type === 3 /* WEBHOOK */ ? "extended" : "normal"
+  );
+  const isOnlyEmojis = parsed.every(
+    (node) => ["emoji", "twemoji"].includes(node.type) || node.type === "text" && node.content.trim().length === 0
+  );
+  if (isOnlyEmojis) {
+    const emojis = parsed.filter((node) => ["emoji", "twemoji"].includes(node.type));
+    if (emojis.length <= 25) {
+      context._internal = {
+        largeEmojis: true
+      };
+    }
+  }
+  return /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: parsed, context });
+}
+async function MessageASTNodes({
+  nodes,
+  context
+}) {
+  if (Array.isArray(nodes)) {
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, nodes.map((node, i) => /* @__PURE__ */ React.createElement(MessageSingleASTNode, { node, context, key: i })));
+  } else {
+    return /* @__PURE__ */ React.createElement(MessageSingleASTNode, { node: nodes, context });
+  }
+}
+async function MessageSingleASTNode({ node, context }) {
+  if (!node) return null;
+  const type = node.type;
+  switch (type) {
+    case "text":
+      return node.content;
+    case "link":
+      return /* @__PURE__ */ React.createElement("a", { href: node.target }, /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context }));
+    case "url":
+    case "autolink":
+      return /* @__PURE__ */ React.createElement("a", { href: node.target, target: "_blank", rel: "noreferrer" }, /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context }));
+    case "blockQuote":
+      if (context.type === 1 /* REPLY */) {
+        return /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context });
+      }
+      return /* @__PURE__ */ React.createElement(DiscordQuote, null, /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context }));
+    case "br":
+    case "newline":
+      if (context.type === 1 /* REPLY */) return " ";
+      return /* @__PURE__ */ React.createElement("br", null);
+    case "channel": {
+      const id = node.id;
+      const channel = await context.callbacks.resolveChannel(id);
+      return /* @__PURE__ */ React.createElement(DiscordMention, { type: channel ? channel.isDMBased() ? "channel" : getChannelType(channel.type) : "channel" }, channel ? channel.isDMBased() ? "DM Channel" : channel.name : `<#${id}>`);
+    }
+    case "role": {
+      const id = node.id;
+      const role = await context.callbacks.resolveRole(id);
+      return /* @__PURE__ */ React.createElement(DiscordMention, { type: "role", color: context.type === 1 /* REPLY */ ? void 0 : role?.hexColor }, role ? role.name : `<@&${id}>`);
+    }
+    case "user": {
+      const id = node.id;
+      const user = await context.callbacks.resolveUser(id);
+      return /* @__PURE__ */ React.createElement(DiscordMention, { type: "user" }, user ? user.displayName ?? user.username : `<@${id}>`);
+    }
+    case "here":
+    case "everyone":
+      return /* @__PURE__ */ React.createElement(DiscordMention, { type: "role", highlight: true }, `@${type}`);
+    case "codeBlock":
+      if (context.type !== 1 /* REPLY */) {
+        return /* @__PURE__ */ React.createElement(DiscordCodeBlock, { language: node.lang, code: node.content });
+      }
+      return /* @__PURE__ */ React.createElement(DiscordInlineCode, null, node.content);
+    case "inlineCode":
+      return /* @__PURE__ */ React.createElement(DiscordInlineCode, null, node.content);
+    case "em":
+      return /* @__PURE__ */ React.createElement(DiscordItalic, null, /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context }));
+    case "strong":
+      return /* @__PURE__ */ React.createElement(DiscordBold, null, /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context }));
+    case "underline":
+      return /* @__PURE__ */ React.createElement(DiscordUnderlined, null, /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context }));
+    case "strikethrough":
+      return /* @__PURE__ */ React.createElement("s", null, /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context }));
+    case "emoticon":
+      return typeof node.content === "string" ? node.content : /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context });
+    case "spoiler":
+      return /* @__PURE__ */ React.createElement(DiscordSpoiler, null, /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context }));
+    case "emoji":
+    case "twemoji":
+      return /* @__PURE__ */ React.createElement(
+        DiscordCustomEmoji,
+        {
+          name: node.name,
+          url: parseDiscordEmoji(node),
+          embedEmoji: context.type === 0 /* EMBED */,
+          largeEmoji: context._internal?.largeEmojis
+        }
+      );
+    case "timestamp":
+      return /* @__PURE__ */ React.createElement(DiscordTime, { timestamp: parseInt(node.timestamp) * 1e3, format: node.format });
+    default: {
+      console.log(`Unknown node type: ${type}`, node);
+      return typeof node.content === "string" ? node.content : /* @__PURE__ */ React.createElement(MessageASTNodes, { nodes: node.content, context });
+    }
+  }
+}
+function getChannelType(channelType) {
+  switch (channelType) {
+    case ChannelType.GuildCategory:
+    case ChannelType.GuildAnnouncement:
+    case ChannelType.GuildText:
+    case ChannelType.DM:
+    case ChannelType.GroupDM:
+    case ChannelType.GuildDirectory:
+    case ChannelType.GuildMedia:
+      return "channel";
+    case ChannelType.GuildVoice:
+    case ChannelType.GuildStageVoice:
+      return "voice";
+    case ChannelType.PublicThread:
+    case ChannelType.PrivateThread:
+    case ChannelType.AnnouncementThread:
+      return "thread";
+    case ChannelType.GuildForum:
+      return "forum";
+    default:
+      return "channel";
+  }
+}
+
+// src/generator/renderers/message.tsx
+import {
+  DiscordAttachments as DiscordAttachments2,
+  DiscordCommand,
+  DiscordMessage as DiscordMessageComponent,
+  DiscordReaction as DiscordReaction2,
+  DiscordReactions as DiscordReactions2,
+  DiscordThread,
+  DiscordThreadMessage
+} from "@derockdev/discord-components-react";
+import React16 from "react";
+
+// src/generator/renderers/attachment.tsx
+import { DiscordAttachment, DiscordAttachments } from "@derockdev/discord-components-react";
+import React2 from "react";
+async function Attachments(props) {
+  if (props.message.attachments.size === 0) return /* @__PURE__ */ React2.createElement(React2.Fragment, null);
+  return /* @__PURE__ */ React2.createElement(DiscordAttachments, { slot: "attachments" }, props.message.attachments.map((attachment, id) => /* @__PURE__ */ React2.createElement(Attachment, { attachment, message: props.message, context: props.context, key: id })));
+}
+function getAttachmentType(attachment) {
+  const type = attachment.contentType?.split("/")?.[0] ?? "unknown";
+  if (["audio", "video", "image"].includes(type)) return type;
+  return "file";
+}
+async function Attachment({
+  attachment,
+  context,
+  message
+}) {
+  let url = attachment.url;
+  const name = attachment.name;
+  const width = attachment.width;
+  const height = attachment.height;
+  const type = getAttachmentType(attachment);
+  if (type === "image") {
+    const downloaded = await context.callbacks.resolveImageSrc(
+      attachment.toJSON(),
+      message.toJSON()
+    );
+    if (downloaded !== null) {
+      url = downloaded ?? url;
+    }
+  }
+  return /* @__PURE__ */ React2.createElement(
+    DiscordAttachment,
+    {
+      type,
+      size: formatBytes(attachment.size),
+      key: attachment.id,
+      slot: "attachment",
+      url,
+      alt: name ?? void 0,
+      width: width ?? void 0,
+      height: height ?? void 0
+    }
+  );
+}
+
+// src/generator/renderers/components.tsx
+import { DiscordActionRow, DiscordAttachment as DiscordAttachment2, DiscordSpoiler as DiscordSpoiler2 } from "@derockdev/discord-components-react";
+import {
+  ComponentType as ComponentType3
+} from "discord.js";
+import React12 from "react";
+
+// src/generator/renderers/components/Select Menu.tsx
+import React3 from "react";
+import { ComponentType as ComponentType2 } from "discord.js";
+
+// src/generator/renderers/components/utils.ts
+import { ComponentType } from "discord.js";
+
+// src/generator/renderers/components/styles.ts
+import { ButtonStyle } from "discord.js";
+var containerStyle = {
+  display: "grid",
+  gap: "4px",
+  width: "100%",
+  maxWidth: "500px",
+  borderRadius: "8px",
+  overflow: "hidden"
+};
+var baseImageStyle = {
+  overflow: "hidden",
+  position: "relative",
+  background: "#2b2d31"
+};
+var ButtonStyleMapping = {
+  [ButtonStyle.Primary]: "primary",
+  [ButtonStyle.Secondary]: "secondary",
+  [ButtonStyle.Success]: "success",
+  [ButtonStyle.Danger]: "destructive",
+  [ButtonStyle.Link]: "secondary",
+  [ButtonStyle.Premium]: "primary"
+};
+var globalStyles = `
+  .discord-container {
+    display: grid;
+    gap: 4px;
+    width: 100%;
+    max-width: 500px;
+    border-radius: 8px;
+    overflow: hidden;
+  }
+
+  .discord-base-image {
+    overflow: hidden;
+    position: relative;
+    background: #2b2d31;
+  }
+
+  .discord-button {
+    color: #ffffff !important;
+    padding: 2px 16px;
+    border-radius: 8px;
+    text-decoration: none !important;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    font-size: 14px;
+    font-weight: 500;
+    height: 32px;
+    min-height: 32px;
+    min-width: 60px;
+    cursor: pointer;
+    font-family: Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    text-align: center;
+    box-sizing: border-box;
+    border: none;
+    outline: none;
+    transition: background-color 0.2s ease;
+  }
+
+  .discord-button-primary {
+    background-color: hsl(234.935 calc(1*85.556%) 64.706% /1);
+  }
+
+  .discord-button-secondary {
+    background-color: hsl(240 calc(1*4%) 60.784% /0.12156862745098039);
+  }
+
+  .discord-button-success {
+    background-color: hsl(145.97 calc(1*100%) 26.275% /1);
+  }
+
+  .discord-button-destructive {
+    background-color: hsl(355.636 calc(1*64.706%) 50% /1);
+  }
+
+  .discord-select-menu {
+    margin-top: 2px;
+    margin-bottom: 2px;
+    position: relative;
+    width: 100%;
+    max-width: 500px;
+    height: 40px;
+    background-color: #2b2d31;
+    border-radius: 4px;
+    color: #b5bac1;
+    cursor: pointer;
+    font-family: Whitney, "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-size: 14px;
+    display: flex;
+    align-items: center;
+    padding: 0 8px;
+    justify-content: space-between;
+    box-sizing: border-box;
+    border: 1px solid #1e1f22;
+  }
+`;
+
+// src/generator/renderers/components/utils.ts
+var SELECT_LABEL_MAP = {
+  [ComponentType.UserSelect]: "Select User",
+  [ComponentType.RoleSelect]: "Select Role",
+  [ComponentType.MentionableSelect]: "Select Mentionable",
+  [ComponentType.ChannelSelect]: "Select Channel",
+  [ComponentType.StringSelect]: "Make a Selection"
+};
+function getSelectTypeLabel(type) {
+  return SELECT_LABEL_MAP[type] ?? "Select Option";
+}
+function getGalleryLayout(count) {
+  switch (count) {
+    case 1:
+      return {
+        ...containerStyle,
+        gridTemplateColumns: "1fr",
+        gridTemplateRows: "auto"
+      };
+    case 2:
+      return {
+        ...containerStyle,
+        gridTemplateColumns: "1fr 1fr",
+        gridTemplateRows: "auto"
+      };
+    case 3:
+    case 4:
+      return {
+        ...containerStyle,
+        gridTemplateColumns: "1fr 1fr",
+        gridTemplateRows: "1fr 1fr"
+      };
+    case 5:
+      return {
+        ...containerStyle,
+        gridTemplateColumns: "1fr 1fr 1fr",
+        gridTemplateRows: "auto auto"
+      };
+    default:
+      if (count >= 7) {
+        return {
+          ...containerStyle,
+          gridTemplateColumns: "1fr 1fr 1fr",
+          gridTemplateRows: "auto auto auto auto"
+        };
+      } else {
+        return {
+          ...containerStyle,
+          gridTemplateColumns: "1fr 1fr 1fr",
+          gridTemplateRows: "auto"
+        };
+      }
+  }
+}
+function getImageStyle(idx, count) {
+  switch (count) {
+    case 3:
+      if (idx === 0) {
+        return {
+          ...baseImageStyle,
+          gridRow: "1 / span 2",
+          gridColumn: "1",
+          aspectRatio: "1/2"
+        };
+      }
+      break;
+    case 5:
+      if (idx < 2) {
+        return {
+          ...baseImageStyle,
+          gridRow: "1",
+          gridColumn: idx === 0 ? "1 / span 2" : "3"
+        };
+      } else {
+        return {
+          ...baseImageStyle,
+          gridRow: "2",
+          gridColumn: `${idx - 2 + 1}`
+        };
+      }
+    case 7:
+      if (idx === 0) {
+        return {
+          ...baseImageStyle,
+          gridRow: "1",
+          gridColumn: "1 / span 3"
+        };
+      } else if (idx <= 3) {
+        return {
+          ...baseImageStyle,
+          gridRow: "2",
+          gridColumn: `${idx - 0}`
+        };
+      } else {
+        return {
+          ...baseImageStyle,
+          gridRow: "3",
+          gridColumn: `${idx - 3}`
+        };
+      }
+    case 8:
+      if (idx < 2) {
+        return {
+          ...baseImageStyle,
+          gridRow: "1",
+          gridColumn: idx === 0 ? "1 / span 2" : "3"
+        };
+      } else if (idx < 5) {
+        return {
+          ...baseImageStyle,
+          gridRow: "2",
+          gridColumn: `${idx - 2 + 1}`
+        };
+      } else {
+        return {
+          ...baseImageStyle,
+          gridRow: "3",
+          gridColumn: `${idx - 5 + 1}`
+        };
+      }
+    case 10:
+      if (idx === 0) {
+        return {
+          ...baseImageStyle,
+          gridRow: "1",
+          gridColumn: "1 / span 3"
+        };
+      } else if (idx <= 3) {
+        return {
+          ...baseImageStyle,
+          gridRow: "2",
+          gridColumn: `${idx - 0}`
+        };
+      } else if (idx <= 6) {
+        return {
+          ...baseImageStyle,
+          gridRow: "3",
+          gridColumn: `${idx - 3}`
+        };
+      } else {
+        return {
+          ...baseImageStyle,
+          gridRow: "4",
+          gridColumn: `${idx - 6}`
+        };
+      }
+  }
+  return baseImageStyle;
+}
+
+// src/generator/renderers/components/Select Menu.tsx
+function DiscordSelectMenu({
+  component
+}) {
+  const isStringSelect = component.type === ComponentType2.StringSelect;
+  const placeholder = component.placeholder || getSelectTypeLabel(component.type);
+  return /* @__PURE__ */ React3.createElement("div", { className: "discord-select-menu" }, /* @__PURE__ */ React3.createElement("div", { style: { overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" } }, placeholder), /* @__PURE__ */ React3.createElement("div", { style: { display: "flex", alignItems: "center", marginLeft: "8px" } }, /* @__PURE__ */ React3.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24" }, /* @__PURE__ */ React3.createElement("path", { fill: "currentColor", d: "M7 10L12 15L17 10H7Z" }))), isStringSelect && component.options && component.options.length > 0 && /* @__PURE__ */ React3.createElement(
+    "div",
+    {
+      style: {
+        display: "none",
+        position: "absolute",
+        top: "44px",
+        left: "0",
+        width: "100%",
+        backgroundColor: "#2b2d31",
+        borderRadius: "4px",
+        zIndex: 10,
+        border: "1px solid #1e1f22",
+        maxHeight: "320px",
+        overflowY: "auto"
+      }
+    },
+    component.options.map((option, idx) => /* @__PURE__ */ React3.createElement(
+      "div",
+      {
+        key: idx,
+        style: {
+          padding: "8px 12px",
+          cursor: "pointer",
+          display: "flex",
+          alignItems: "center",
+          borderBottom: idx < component.options.length - 1 ? "1px solid #1e1f22" : "none"
+        }
+      },
+      option.emoji && /* @__PURE__ */ React3.createElement(
+        "img",
+        {
+          src: parseDiscordEmoji(option.emoji),
+          alt: option.emoji.name ?? "emoji",
+          style: { width: "16px", height: "16px", marginRight: "8px", verticalAlign: "middle" }
+        }
+      ),
+      /* @__PURE__ */ React3.createElement("span", null, option.label)
+    ))
+  ));
+}
+var Select_Menu_default = DiscordSelectMenu;
+
+// src/generator/renderers/components/Container.tsx
+import React4 from "react";
+function DiscordContainer({ children }) {
+  return /* @__PURE__ */ React4.createElement(
+    "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
+  );
+}
+var Container_default = DiscordContainer;
+
+// src/generator/renderers/components/section/Section.tsx
+import React7 from "react";
+
+// src/generator/renderers/components/section/SectionContent.tsx
+import React5 from "react";
+function SectionContent({ children }) {
+  return /* @__PURE__ */ React5.createElement(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        width: "100%"
+      }
+    },
+    children
+  );
+}
+var SectionContent_default = SectionContent;
+
+// src/generator/renderers/components/section/SectionAccessory.tsx
+import React6 from "react";
+function SectionAccessory({ children }) {
+  if (!children) return null;
+  return /* @__PURE__ */ React6.createElement(
+    "div",
+    {
+      style: {
+        display: "flex",
+        width: "100%",
+        maxWidth: "500px",
+        justifyContent: "flex-end",
+        alignItems: "center"
+      }
+    },
+    children
+  );
+}
+var SectionAccessory_default = SectionAccessory;
+
+// src/generator/renderers/components/section/Section.tsx
+function DiscordSection({ children, accessory, id }) {
+  return /* @__PURE__ */ React7.createElement(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "row",
+        width: "100%",
+        maxWidth: "500px"
+      }
+    },
+    /* @__PURE__ */ React7.createElement(SectionContent_default, null, children),
+    /* @__PURE__ */ React7.createElement(SectionAccessory_default, null, accessory && /* @__PURE__ */ React7.createElement(Component, { component: accessory, id }))
+  );
+}
+var Section_default = DiscordSection;
+
+// src/generator/renderers/components/Media Gallery.tsx
+import React8 from "react";
+function DiscordMediaGallery({ component }) {
+  if (!component.items || component.items.length === 0) {
+    return null;
+  }
+  const count = component.items.length;
+  const imagesToShow = component.items.slice(0, 10);
+  const hasMore = component.items.length > 10;
+  return /* @__PURE__ */ React8.createElement("div", { style: getGalleryLayout(count) }, imagesToShow.map((media, idx) => /* @__PURE__ */ React8.createElement("div", { key: idx, style: getImageStyle(idx, count) }, /* @__PURE__ */ React8.createElement(
+    "img",
+    {
+      src: media.media.url,
+      alt: media.description || "Media content",
+      style: {
+        width: "100%",
+        height: "100%",
+        objectFit: "cover"
+      }
+    }
+  ), hasMore && idx === imagesToShow.length - 1 && /* @__PURE__ */ React8.createElement(
+    "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"
+      }
+    },
+    "+",
+    component.items.length - 10
+  ))));
+}
+var Media_Gallery_default = DiscordMediaGallery;
+
+// src/generator/renderers/components/Spacing.tsx
+import React9 from "react";
+import { SeparatorSpacingSize } from "discord.js";
+function DiscordSeparator({ divider, spacing }) {
+  return /* @__PURE__ */ React9.createElement(
+    "div",
+    {
+      style: {
+        width: "100%",
+        height: divider ? "1px" : "0px",
+        backgroundColor: "#4f5359",
+        margin: spacing === SeparatorSpacingSize.Large ? "8px 0" : "0"
+      }
+    }
+  );
+}
+var Spacing_default = DiscordSeparator;
+
+// src/generator/renderers/components/Button.tsx
+import React10 from "react";
+function DiscordButton({ type, url, emoji, children }) {
+  return /* @__PURE__ */ React10.createElement("a", { href: url, target: "_blank", className: `discord-button discord-button-${type}` }, emoji && /* @__PURE__ */ React10.createElement("span", { style: { display: "flex", alignItems: "center" } }, /* @__PURE__ */ React10.createElement("img", { src: emoji, alt: "emoji", style: { width: "16px", height: "16px", marginRight: "8px" } })), /* @__PURE__ */ React10.createElement("span", { style: { display: "flex", alignItems: "center" } }, children), url && /* @__PURE__ */ React10.createElement("span", { style: { marginLeft: "8px", display: "flex", alignItems: "center" } }, /* @__PURE__ */ React10.createElement("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 24 24" }, /* @__PURE__ */ React10.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M15 2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V4.41l-4.3 4.3a1 1 0 1 1-1.4-1.42L19.58 3H16a1 1 0 0 1-1-1Z"
+    }
+  ), /* @__PURE__ */ React10.createElement(
+    "path",
+    {
+      fill: "currentColor",
+      d: "M5 2a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3v-6a1 1 0 1 0-2 0v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h6a1 1 0 1 0 0-2H5Z"
+    }
+  ))));
+}
+var Button_default = DiscordButton;
+
+// src/generator/renderers/components/Thumbnail.tsx
+import React11 from "react";
+function DiscordThumbnail({ url }) {
+  return /* @__PURE__ */ React11.createElement(
+    "img",
+    {
+      src: url,
+      alt: "Thumbnail",
+      style: {
+        width: "85px",
+        height: "85px",
+        objectFit: "cover",
+        borderRadius: "8px"
+      }
+    }
+  );
+}
+var Thumbnail_default = DiscordThumbnail;
+
+// src/generator/renderers/components.tsx
+function ComponentRow({
+  component,
+  id,
+  context
+}) {
+  switch (component.type) {
+    case ComponentType3.ActionRow:
+      return /* @__PURE__ */ React12.createElement(DiscordActionRow, { key: id }, /* @__PURE__ */ React12.createElement(React12.Fragment, null, component.components.map((nestedComponent, id2) => /* @__PURE__ */ React12.createElement(Component, { component: nestedComponent, id: id2, key: id2 }))));
+    case ComponentType3.Container:
+      return /* @__PURE__ */ React12.createElement(Container_default, { key: id }, /* @__PURE__ */ React12.createElement(React12.Fragment, null, component.components.map((nestedComponent, id2) => /* @__PURE__ */ React12.createElement(ComponentRow, { component: nestedComponent, id: id2, key: id2, context }))));
+    case ComponentType3.File:
+      return /* @__PURE__ */ React12.createElement(React12.Fragment, null, component.spoiler ? /* @__PURE__ */ React12.createElement(DiscordSpoiler2, { key: component.id, slot: "attachment" }, /* @__PURE__ */ React12.createElement(
+        DiscordAttachment2,
+        {
+          type: "file",
+          key: component.id,
+          slot: "attachment",
+          url: component.file.url,
+          alt: "Discord Attachment"
+        }
+      )) : /* @__PURE__ */ React12.createElement(
+        DiscordAttachment2,
+        {
+          type: "file",
+          key: component.id,
+          slot: "attachment",
+          url: component.file.url,
+          alt: "Discord Attachment"
+        }
+      ));
+    case ComponentType3.MediaGallery:
+      return /* @__PURE__ */ React12.createElement(Media_Gallery_default, { component, key: id });
+    case ComponentType3.Section:
+      return /* @__PURE__ */ React12.createElement(Section_default, { key: id, accessory: component.accessory, id }, component.components.map((nestedComponent, id2) => /* @__PURE__ */ React12.createElement(ComponentRow, { component: nestedComponent, id: id2, key: id2, context })));
+    case ComponentType3.Separator:
+      return /* @__PURE__ */ React12.createElement(Spacing_default, { key: id, spacing: component.spacing, divider: component.divider });
+    case ComponentType3.TextDisplay:
+      return /* @__PURE__ */ React12.createElement(MessageContent, { key: id, content: component.content, context: { ...context, type: 2 /* NORMAL */ } });
+    default:
+      return null;
+  }
+}
+function Component({
+  component,
+  id
+}) {
+  switch (component.type) {
+    case ComponentType3.Button:
+      return /* @__PURE__ */ React12.createElement(
+        Button_default,
+        {
+          key: id,
+          type: ButtonStyleMapping[component.style] ?? "secondary",
+          url: component.url ?? void 0,
+          emoji: component.emoji ? parseDiscordEmoji(component.emoji) : void 0
+        },
+        component.label
+      );
+    case ComponentType3.StringSelect:
+    case ComponentType3.UserSelect:
+    case ComponentType3.RoleSelect:
+    case ComponentType3.MentionableSelect:
+    case ComponentType3.ChannelSelect:
+      return /* @__PURE__ */ React12.createElement(Select_Menu_default, { key: id, component });
+    case ComponentType3.Thumbnail:
+      return /* @__PURE__ */ React12.createElement(Thumbnail_default, { key: id, url: component.media.url });
+    default:
+      return null;
+  }
+}
+
+// src/generator/renderers/embed.tsx
+import {
+  DiscordEmbed as DiscordEmbedComponent,
+  DiscordEmbedDescription,
+  DiscordEmbedField,
+  DiscordEmbedFields,
+  DiscordEmbedFooter
+} from "@derockdev/discord-components-react";
+import React13 from "react";
+
+// src/utils/embeds.ts
+function calculateInlineIndex(fields, currentFieldIndex) {
+  const startIndex = currentFieldIndex - 1;
+  for (let i = startIndex; i >= 0; i--) {
+    const field = fields[i];
+    if (!field) continue;
+    if (field.inline === false) {
+      const amount = startIndex - i;
+      return amount % 3 + 1;
+    }
+  }
+  return currentFieldIndex % 3 + 1;
+}
+
+// src/generator/renderers/embed.tsx
+async function DiscordEmbed({ embed, context }) {
+  return /* @__PURE__ */ React13.createElement(
+    DiscordEmbedComponent,
+    {
+      embedTitle: embed.title ?? void 0,
+      slot: "embeds",
+      key: `${context.message.id}-e-${context.index}`,
+      authorImage: embed.author?.proxyIconURL ?? embed.author?.iconURL,
+      authorName: embed.author?.name,
+      authorUrl: embed.author?.url,
+      color: embed.hexColor ?? void 0,
+      image: embed.image?.proxyURL ?? embed.image?.url,
+      thumbnail: embed.thumbnail?.proxyURL ?? embed.thumbnail?.url,
+      url: embed.url ?? void 0
+    },
+    embed.description && /* @__PURE__ */ React13.createElement(DiscordEmbedDescription, { slot: "description" }, /* @__PURE__ */ React13.createElement(MessageContent, { content: embed.description, context: { ...context, type: 0 /* EMBED */ } })),
+    embed.fields.length > 0 && /* @__PURE__ */ React13.createElement(DiscordEmbedFields, { slot: "fields" }, embed.fields.map(async (field, id) => /* @__PURE__ */ React13.createElement(
+      DiscordEmbedField,
+      {
+        key: `${context.message.id}-e-${context.index}-f-${id}`,
+        fieldTitle: field.name,
+        inline: field.inline,
+        inlineIndex: calculateInlineIndex(embed.fields, id)
+      },
+      /* @__PURE__ */ React13.createElement(MessageContent, { content: field.value, context: { ...context, type: 0 /* EMBED */ } })
+    ))),
+    embed.footer && /* @__PURE__ */ React13.createElement(
+      DiscordEmbedFooter,
+      {
+        slot: "footer",
+        footerImage: embed.footer.proxyIconURL ?? embed.footer.iconURL,
+        timestamp: embed.timestamp ?? void 0
+      },
+      embed.footer.text
+    )
+  );
+}
+
+// src/generator/renderers/reply.tsx
+import { DiscordReply } from "@derockdev/discord-components-react";
+import { UserFlags as UserFlags2 } from "discord.js";
+import React14 from "react";
+async function MessageReply({ message, context }) {
+  if (!message.reference) return null;
+  if (message.reference.guildId !== message.guild?.id) return null;
+  const referencedMessage = context.messages.find((m) => m.id === message.reference.messageId);
+  if (!referencedMessage) return /* @__PURE__ */ React14.createElement(DiscordReply, { slot: "reply" }, "Message could not be loaded.");
+  const isCrossPost = referencedMessage.reference && referencedMessage.reference.guildId !== message.guild?.id;
+  const isCommand = referencedMessage.interaction !== null;
+  return /* @__PURE__ */ React14.createElement(
+    DiscordReply,
+    {
+      slot: "reply",
+      edited: !isCommand && referencedMessage.editedAt !== null,
+      attachment: referencedMessage.attachments.size > 0,
+      author: referencedMessage.member?.nickname ?? referencedMessage.author.displayName ?? referencedMessage.author.username,
+      avatar: referencedMessage.author.avatarURL({ size: 32 }) ?? void 0,
+      roleColor: referencedMessage.member?.displayHexColor ?? void 0,
+      bot: !isCrossPost && referencedMessage.author.bot,
+      verified: referencedMessage.author.flags?.has(UserFlags2.VerifiedBot),
+      op: message?.channel?.isThread?.() && referencedMessage.author.id === message?.channel?.ownerId,
+      server: isCrossPost ?? void 0,
+      command: isCommand
+    },
+    referencedMessage.content ? /* @__PURE__ */ React14.createElement("span", { "data-goto": referencedMessage.id }, /* @__PURE__ */ React14.createElement(MessageContent, { content: referencedMessage.content, context: { ...context, type: 1 /* REPLY */ } })) : isCommand ? /* @__PURE__ */ React14.createElement("em", { "data-goto": referencedMessage.id }, "Click to see command.") : /* @__PURE__ */ React14.createElement("em", { "data-goto": referencedMessage.id }, "Click to see attachment.")
+  );
+}
+
+// src/generator/renderers/systemMessage.tsx
+import { DiscordReaction, DiscordReactions, DiscordSystemMessage } from "@derockdev/discord-components-react";
+import { MessageType } from "discord.js";
+import React15 from "react";
+async function SystemMessage({ message }) {
+  switch (message.type) {
+    case MessageType.RecipientAdd:
+    case MessageType.UserJoin:
+      return /* @__PURE__ */ React15.createElement(DiscordSystemMessage, { id: `m-${message.id}`, key: message.id, type: "join" }, /* @__PURE__ */ React15.createElement(JoinMessage, { member: message.member, fallbackUser: message.author }));
+    case MessageType.ChannelPinnedMessage:
+      return /* @__PURE__ */ React15.createElement(DiscordSystemMessage, { id: `m-${message.id}`, key: message.id, type: "pin" }, /* @__PURE__ */ React15.createElement(Highlight, { color: message.member?.roles.color?.hexColor }, message.author.displayName ?? message.author.username), " ", "pinned ", /* @__PURE__ */ React15.createElement("i", { "data-goto": message.reference?.messageId }, "a message"), " to this channel.", message.reactions.cache.size > 0 && /* @__PURE__ */ React15.createElement(DiscordReactions, { slot: "reactions" }, message.reactions.cache.map((reaction, id) => /* @__PURE__ */ React15.createElement(
+        DiscordReaction,
+        {
+          key: `${message.id}r${id}`,
+          name: reaction.emoji.name,
+          emoji: parseDiscordEmoji(reaction.emoji),
+          count: reaction.count
+        }
+      ))));
+    case MessageType.GuildBoost:
+    case MessageType.GuildBoostTier1:
+    case MessageType.GuildBoostTier2:
+    case MessageType.GuildBoostTier3:
+      return /* @__PURE__ */ React15.createElement(DiscordSystemMessage, { id: `m-${message.id}`, key: message.id, type: "boost" }, /* @__PURE__ */ React15.createElement(Highlight, { color: message.member?.roles.color?.hexColor }, message.author.displayName ?? message.author.username), " ", "boosted the server!");
+    case MessageType.ThreadStarterMessage:
+      return /* @__PURE__ */ React15.createElement(DiscordSystemMessage, { id: `ms-${message.id}`, key: message.id, type: "thread" }, /* @__PURE__ */ React15.createElement(Highlight, { color: message.member?.roles.color?.hexColor }, message.author.displayName ?? message.author.username), " ", "started a thread: ", /* @__PURE__ */ React15.createElement("i", { "data-goto": message.reference?.messageId }, message.content));
+    // TODO: implement support for these:
+    case MessageType.Default:
+    case MessageType.RecipientRemove:
+    case MessageType.Call:
+    case MessageType.ChannelNameChange:
+    case MessageType.ChannelIconChange:
+    case MessageType.ChannelFollowAdd:
+    case MessageType.GuildDiscoveryDisqualified:
+    case MessageType.GuildDiscoveryRequalified:
+    case MessageType.GuildDiscoveryGracePeriodInitialWarning:
+    case MessageType.GuildDiscoveryGracePeriodFinalWarning:
+    case MessageType.ThreadCreated:
+    case MessageType.Reply:
+    case MessageType.ChatInputCommand:
+    case MessageType.GuildInviteReminder:
+    case MessageType.ContextMenuCommand:
+    case MessageType.AutoModerationAction:
+    case MessageType.RoleSubscriptionPurchase:
+    case MessageType.InteractionPremiumUpsell:
+    case MessageType.StageStart:
+    case MessageType.StageEnd:
+    case MessageType.StageSpeaker:
+    case MessageType.StageRaiseHand:
+    case MessageType.StageTopic:
+    case MessageType.GuildApplicationPremiumSubscription:
+    case MessageType.GuildIncidentAlertModeEnabled:
+    case MessageType.GuildIncidentAlertModeDisabled:
+    case MessageType.GuildIncidentReportRaid:
+    case MessageType.GuildIncidentReportFalseAlarm:
+    case MessageType.PurchaseNotification:
+    case MessageType.PollResult:
+      return void 0;
+    default:
+      return void 0;
+  }
+}
+function Highlight({ children, color }) {
+  return /* @__PURE__ */ React15.createElement("i", { style: { color: color ?? "white" } }, children);
+}
+var allJoinMessages = [
+  "{user} just joined the server - glhf!",
+  "{user} just joined. Everyone, look busy!",
+  "{user} just joined. Can I get a heal?",
+  "{user} joined your party.",
+  "{user} joined. You must construct additional pylons.",
+  "Ermagherd. {user} is here.",
+  "Welcome, {user}. Stay awhile and listen.",
+  "Welcome, {user}. We were expecting you ( \u0361\xB0 \u035C\u0296 \u0361\xB0)",
+  "Welcome, {user}. We hope you brought pizza.",
+  "Welcome {user}. Leave your weapons by the door.",
+  "A wild {user} appeared.",
+  "Swoooosh. {user} just landed.",
+  "Brace yourselves {user} just joined the server.",
+  "{user} just joined. Hide your bananas.",
+  "{user} just arrived. Seems OP - please nerf.",
+  "{user} just slid into the server.",
+  "A {user} has spawned in the server.",
+  "Big {user} showed up!",
+  "Where's {user}? In the server!",
+  "{user} hopped into the server. Kangaroo!!",
+  "{user} just showed up. Hold my beer.",
+  "Challenger approaching - {user} has appeared!",
+  "It's a bird! It's a plane! Nevermind, it's just {user}.",
+  "It's {user}! Praise the sun! \\\\[T]/",
+  "Never gonna give {user} up. Never gonna let {user} down.",
+  "Ha! {user} has joined! You activated my trap card!",
+  "Cheers, love! {user} is here!",
+  "Hey! Listen! {user} has joined!",
+  "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.split("{user}").flatMap((item, i) => [
+    item,
+    /* @__PURE__ */ React15.createElement(Highlight, { color: member?.roles.color?.hexColor, key: i }, member?.nickname ?? fallbackUser.displayName ?? fallbackUser.username)
+  ]).slice(0, -1);
+}
+
+// src/generator/renderers/message.tsx
+async function DiscordMessage({
+  message,
+  context
+}) {
+  if (message.system) return /* @__PURE__ */ React16.createElement(SystemMessage, { message });
+  const isCrosspost = message.reference && message.reference.guildId !== message.guild?.id;
+  return /* @__PURE__ */ React16.createElement(
+    DiscordMessageComponent,
+    {
+      id: `m-${message.id}`,
+      timestamp: message.createdAt.toISOString(),
+      key: message.id,
+      edited: message.editedAt !== null,
+      server: isCrosspost ?? void 0,
+      highlight: message.mentions.everyone,
+      profile: message.author.id
+    },
+    /* @__PURE__ */ React16.createElement(MessageReply, { message, context }),
+    message.interaction && /* @__PURE__ */ React16.createElement(
+      DiscordCommand,
+      {
+        slot: "reply",
+        profile: message.interaction.user.id,
+        command: "/" + message.interaction.commandName
+      }
+    ),
+    message.content && /* @__PURE__ */ React16.createElement(
+      MessageContent,
+      {
+        content: message.content,
+        context: { ...context, type: message.webhookId ? 3 /* WEBHOOK */ : 2 /* NORMAL */ }
+      }
+    ),
+    /* @__PURE__ */ React16.createElement(Attachments, { message, context }),
+    message.embeds.map((embed, id) => /* @__PURE__ */ React16.createElement(DiscordEmbed, { embed, context: { ...context, index: id, message }, key: id })),
+    message.components.length > 0 && /* @__PURE__ */ React16.createElement(DiscordAttachments2, { slot: "components" }, message.components.map((component, id) => /* @__PURE__ */ React16.createElement(ComponentRow, { key: id, id, component, context }))),
+    message.reactions.cache.size > 0 && /* @__PURE__ */ React16.createElement(DiscordReactions2, { slot: "reactions" }, message.reactions.cache.map((reaction, id) => /* @__PURE__ */ React16.createElement(
+      DiscordReaction2,
+      {
+        key: `${message.id}r${id}`,
+        name: reaction.emoji.name,
+        emoji: parseDiscordEmoji(reaction.emoji),
+        count: reaction.count
+      }
+    ))),
+    message.hasThread && message.thread && /* @__PURE__ */ React16.createElement(
+      DiscordThread,
+      {
+        slot: "thread",
+        name: message.thread.name,
+        cta: message.thread.messageCount ? `${message.thread.messageCount} Message${message.thread.messageCount > 1 ? "s" : ""}` : "View Thread"
+      },
+      message.thread.lastMessage ? /* @__PURE__ */ React16.createElement(DiscordThreadMessage, { profile: message.thread.lastMessage.author.id }, /* @__PURE__ */ React16.createElement(
+        MessageContent,
+        {
+          content: message.thread.lastMessage.content.length > 128 ? message.thread.lastMessage.content.substring(0, 125) + "..." : message.thread.lastMessage.content,
+          context: { ...context, type: 1 /* REPLY */ }
+        }
+      )) : `Thread messages not saved.`
+    )
+  );
+}
+
+// src/generator/transcript.tsx
+async function DiscordMessages({ messages, channel, callbacks, ...options }) {
+  return /* @__PURE__ */ React17.createElement(DiscordMessagesComponent, { style: { minHeight: "100vh" } }, /* @__PURE__ */ React17.createElement("style", { dangerouslySetInnerHTML: { __html: globalStyles } }), /* @__PURE__ */ React17.createElement(
+    DiscordHeader,
+    {
+      guild: channel.isDMBased() ? "Direct Messages" : channel.guild.name,
+      channel: channel.isDMBased() ? channel.type === ChannelType2.DM ? channel.recipient?.tag ?? "Unknown Recipient" : "Unknown Recipient" : channel.name,
+      icon: channel.isDMBased() ? void 0 : channel.guild.iconURL({ size: 128 }) ?? void 0
+    },
+    channel.isThread() ? `Thread channel in ${channel.parent?.name ?? "Unknown Channel"}` : channel.isDMBased() ? `Direct Messages` : channel.isVoiceBased() ? `Voice Text Channel for ${channel.name}` : channel.type === ChannelType2.GuildCategory ? `Category Channel` : "topic" in channel && channel.topic ? /* @__PURE__ */ React17.createElement(
+      MessageContent,
+      {
+        content: channel.topic,
+        context: { messages, channel, callbacks, type: 1 /* REPLY */, ...options }
+      }
+    ) : `This is the start of #${channel.name} channel.`
+  ), messages.map((message) => /* @__PURE__ */ React17.createElement(DiscordMessage, { message, context: { messages, channel, callbacks, ...options }, key: message.id })), /* @__PURE__ */ React17.createElement("div", { style: { textAlign: "center", width: "100%" } }, 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 ? /* @__PURE__ */ React17.createElement("span", { style: { textAlign: "center" } }, "Powered by", " ", /* @__PURE__ */ React17.createElement("a", { href: "https://github.com/devjoseh/discord2html", style: { color: "lightblue" } }, "discord2html"), ".") : null));
+}
+
+// src/generator/index.tsx
+var discordComponentsVersion = "^3.6.1";
+try {
+  const packagePath = path.join(__dirname, "..", "..", "package.json");
+  const packageJSON = JSON.parse(readFileSync(packagePath, "utf8"));
+  discordComponentsVersion = packageJSON.dependencies["@derockdev/discord-components-core"] ?? discordComponentsVersion;
+} catch {
+}
+async function render({ messages, channel, callbacks, ...options }) {
+  const profiles = buildProfiles(messages);
+  const { prelude } = await prerenderToNodeStream(
+    /* @__PURE__ */ React18.createElement("html", null, /* @__PURE__ */ React18.createElement("head", null, /* @__PURE__ */ React18.createElement("meta", { charSet: "utf-8" }), /* @__PURE__ */ React18.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }), /* @__PURE__ */ React18.createElement(
+      "link",
+      {
+        rel: "icon",
+        type: "image/png",
+        href: options.favicon === "guild" ? channel.isDMBased() ? void 0 : channel.guild.iconURL({ size: 16, extension: "png" }) ?? void 0 : options.favicon
+      }
+    ), /* @__PURE__ */ React18.createElement("title", null, channel.isDMBased() ? "Direct Messages" : channel.name), /* @__PURE__ */ React18.createElement(
+      "script",
+      {
+        dangerouslySetInnerHTML: {
+          __html: scrollToMessage
+        }
+      }
+    ), !options.hydrate && /* @__PURE__ */ React18.createElement(React18.Fragment, null, /* @__PURE__ */ React18.createElement(
+      "script",
+      {
+        dangerouslySetInnerHTML: {
+          __html: `window.$discordMessage={profiles:${JSON.stringify(await profiles)}}`
+        }
+      }
+    ), /* @__PURE__ */ React18.createElement(
+      "script",
+      {
+        type: "module",
+        src: `https://cdn.jsdelivr.net/npm/@derockdev/discord-components-core@${discordComponentsVersion}/dist/derockdev-discord-components-core/derockdev-discord-components-core.esm.js`
+      }
+    ))), /* @__PURE__ */ React18.createElement(
+      "body",
+      {
+        style: {
+          margin: 0,
+          minHeight: "100vh"
+        }
+      },
+      /* @__PURE__ */ React18.createElement(DiscordMessages, { messages, channel, callbacks, ...options })
+    ), options.hydrate && /* @__PURE__ */ React18.createElement("script", { dangerouslySetInnerHTML: { __html: revealSpoiler } }))
+  );
+  const markup = await streamToString(prelude);
+  if (options.hydrate) {
+    const result = await renderToString(markup, {
+      beforeHydrate: async (document) => {
+        document.defaultView.$discordMessage = {
+          profiles: await profiles
+        };
+      }
+    });
+    return result.html;
+  }
+  return markup;
+}
+
+// src/types.ts
+var ExportReturnType = /* @__PURE__ */ ((ExportReturnType2) => {
+  ExportReturnType2["Buffer"] = "buffer";
+  ExportReturnType2["String"] = "string";
+  ExportReturnType2["Attachment"] = "attachment";
+  return ExportReturnType2;
+})(ExportReturnType || {});
+
+// src/downloader/images.ts
+import { request } from "undici";
+import debug from "debug";
+var _TranscriptImageDownloader = class _TranscriptImageDownloader {
+  constructor() {
+    this.log = _TranscriptImageDownloader.log;
+  }
+  /**
+   * Sets the maximum file size for *each* individual image.
+   * @param size The maximum file size in kilobytes
+   */
+  withMaxSize(size) {
+    this.maxFileSize = size;
+    return this;
+  }
+  /**
+   * Sets the compression quality for each image. This requires `sharp` to be installed.
+   * Optionally, images can be converted to WebP format which is smaller in size.
+   * @param quality The quality of the image (1 lowest - 100 highest). Lower quality means smaller file size.
+   * @param convertToWebP Whether to convert the image to WebP format
+   */
+  withCompression(quality = 80, convertToWebP = false, options = {}) {
+    if (quality < 1 || quality > 100) throw new Error("Quality must be between 1 and 100");
+    import("./lib-V24P5ASW.mjs").catch((err) => {
+      console.error(err);
+      console.error(
+        `[discord2html] Failed to import 'sharp'. Image compression requires the 'sharp' package to be installed. Either install sharp or remove the compression options.`
+      );
+    });
+    this.compression = { quality, convertToWebP, options };
+    return this;
+  }
+  /**
+   * Builds the image saving callback.
+   */
+  build() {
+    return async (attachment) => {
+      if (!attachment.width || !attachment.height) return void 0;
+      if (this.maxFileSize && attachment.size > this.maxFileSize * 1024) return void 0;
+      this.log(`Fetching attachment ${attachment.id}: ${attachment.url}`);
+      const response = await request(attachment.url).catch((err) => {
+        console.error(`[discord2html] Failed to download image for transcript: `, err);
+        return null;
+      });
+      if (!response) return void 0;
+      const mimetype = response.headers["content-type"];
+      const buffer = await response.body.arrayBuffer().then((res) => Buffer.from(res));
+      this.log(`Finished fetching ${attachment.id} (${buffer.length} bytes)`);
+      if (this.compression) {
+        const sharp = await import("./lib-V24P5ASW.mjs");
+        this.log(`Compressing ${attachment.id} with 'sharp'`);
+        const sharpbuf = await sharp.default(buffer).webp({
+          quality: this.compression.quality,
+          force: this.compression.convertToWebP,
+          effort: 2,
+          ...this.compression.options
+        }).toBuffer({ resolveWithObject: true });
+        this.log(`Finished compressing ${attachment.id} (${sharpbuf.info.size} bytes)`);
+        return `data:image/${sharpbuf.info.format};base64,${sharpbuf.data.toString("base64")}`;
+      }
+      return `data:${mimetype};base64,${buffer.toString("base64")}`;
+    };
+  }
+};
+_TranscriptImageDownloader.log = debug("discord2html:TranscriptImageDownloader");
+var TranscriptImageDownloader = _TranscriptImageDownloader;
+
+// src/index.ts
+var versionPrefix = version.split(".")[0];
+if (versionPrefix !== "14" && versionPrefix !== "15") {
+  console.error(
+    `[discord2html] discord2html requires discord.js v14.x.x or v15.x.x, but you are using v${version}.    For v13.x.x support, use the original package: "npm install discord-html-transcripts@^2".`
+  );
+  process.exit(1);
+}
+async function generateFromMessages(messages, channel, options = {}) {
+  const transformedMessages = messages instanceof Collection ? Array.from(messages.values()) : messages;
+  let resolveImageSrc = options.callbacks?.resolveImageSrc ?? ((attachment) => attachment.url);
+  if (options.saveImages) {
+    if (options.callbacks?.resolveImageSrc) {
+      console.warn(
+        `[discord2html] You have specified both saveImages and resolveImageSrc, please only specify one. resolveImageSrc will be used.`
+      );
+    } else {
+      resolveImageSrc = new TranscriptImageDownloader().build();
+      console.log("Using default downloader");
+    }
+  }
+  const html = await render({
+    messages: transformedMessages,
+    channel,
+    saveImages: options.saveImages ?? false,
+    callbacks: {
+      resolveImageSrc,
+      resolveChannel: async (id) => channel.client.channels.fetch(id).catch(() => null),
+      resolveUser: async (id) => channel.client.users.fetch(id).catch(() => null),
+      resolveRole: channel.isDMBased() ? () => null : async (id) => channel.guild?.roles.fetch(id).catch(() => null),
+      ...options.callbacks ?? {}
+    },
+    poweredBy: options.poweredBy ?? true,
+    footerText: options.footerText ?? "Exported {number} message{s}.",
+    favicon: options.favicon ?? "guild",
+    hydrate: options.hydrate ?? false
+  });
+  if (options.returnType === "buffer" /* Buffer */) {
+    return Buffer.from(html);
+  }
+  if (options.returnType === "string" /* String */) {
+    return html;
+  }
+  return new AttachmentBuilder(Buffer.from(html), {
+    name: options.filename ?? `transcript-${channel.id}.html`
+  });
+}
+async function createTranscript(channel, options = {}) {
+  if (!channel.isTextBased()) {
+    throw new TypeError(`Provided channel must be text-based, received ${channel.type}`);
+  }
+  let allMessages = [];
+  let lastMessageId;
+  const { limit, filter } = options;
+  const resolvedLimit = typeof limit === "undefined" || limit === -1 ? Infinity : limit;
+  while (true) {
+    const fetchLimitOptions = { limit: 100, before: lastMessageId };
+    if (!lastMessageId) delete fetchLimitOptions.before;
+    const messages = await channel.messages.fetch(fetchLimitOptions);
+    const filteredMessages = typeof filter === "function" ? messages.filter(filter) : messages;
+    allMessages.push(...filteredMessages.values());
+    lastMessageId = messages.lastKey();
+    if (messages.size < 100) break;
+    if (allMessages.length >= resolvedLimit) break;
+  }
+  if (resolvedLimit < allMessages.length) allMessages = allMessages.slice(0, limit);
+  return generateFromMessages(allMessages.reverse(), channel, options);
+}
+var index_default = {
+  createTranscript,
+  generateFromMessages
+};
+export {
+  DiscordMessages,
+  ExportReturnType,
+  TranscriptImageDownloader,
+  createTranscript,
+  index_default as default,
+  generateFromMessages
+};
+//# sourceMappingURL=index.mjs.map