discord.js-html-transcript 4.0.0

package/dist/downloader/assets.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TranscriptAssetDownloader = void 0;
+const debug_1 = __importDefault(require("debug"));
+const undici_1 = require("undici");
+/**
+ * Builder to build a generic asset saving callback.
+ */
+class TranscriptAssetDownloader {
+    constructor() {
+        this.log = TranscriptAssetDownloader.log;
+    }
+    /**
+     * Sets the maximum file size for each downloaded asset.
+     * @param size The maximum file size in kilobytes
+     */
+    withMaxSize(size) {
+        this.maxFileSize = size;
+        return this;
+    }
+    /**
+     * Builds the asset saving callback.
+     */
+    build() {
+        return async (asset) => {
+            var _a;
+            if (!asset.url || asset.url.startsWith('data:')) {
+                return asset.url;
+            }
+            if (this.maxFileSize && asset.size && asset.size > this.maxFileSize * 1024) {
+                return undefined;
+            }
+            this.log(`Fetching ${asset.kind}: ${asset.url}`);
+            const response = await (0, undici_1.request)(asset.url).catch((err) => {
+                console.error(`[discord-html-transcripts] Failed to download asset for transcript: `, err);
+                return null;
+            });
+            if (!response) {
+                return undefined;
+            }
+            const mimeType = (_a = response.headers['content-type']) !== null && _a !== void 0 ? _a : 'application/octet-stream';
+            const buffer = await response.body.arrayBuffer().then((res) => Buffer.from(res));
+            this.log(`Finished fetching ${asset.kind} (${buffer.length} bytes)`);
+            return `data:${mimeType};base64,${buffer.toString('base64')}`;
+        };
+    }
+}
+exports.TranscriptAssetDownloader = TranscriptAssetDownloader;
+TranscriptAssetDownloader.log = (0, debug_1.default)('discord-html-transcripts:TranscriptAssetDownloader');
+//# sourceMappingURL=assets.js.map

package/dist/downloader/assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"assets.js","sourceRoot":"","sources":["../../src/downloader/assets.ts"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mCAAiC;AAEjC;;GAEG;AACH,MAAa,yBAAyB;IAAtC;QAEU,QAAG,GAAG,yBAAyB,CAAC,GAAG,CAAC;IA2C9C,CAAC;IAvCC;;;OAGG;IACH,WAAW,CAAC,IAAY;QACtB,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC;IAED;;OAEG;IACH,KAAK;QACH,OAAO,KAAK,EAAE,KAAsB,EAAE,EAAE;;YACtC,IAAI,CAAC,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,CAAC;gBAChD,OAAO,KAAK,CAAC,GAAG,CAAC;YACnB,CAAC;YAED,IAAI,IAAI,CAAC,WAAW,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,GAAG,IAAI,EAAE,CAAC;gBAC3E,OAAO,SAAS,CAAC;YACnB,CAAC;YAED,IAAI,CAAC,GAAG,CAAC,YAAY,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;YACjD,MAAM,QAAQ,GAAG,MAAM,IAAA,gBAAO,EAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE;gBACtD,OAAO,CAAC,KAAK,CAAC,sEAAsE,EAAE,GAAG,CAAC,CAAC;gBAC3F,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,SAAS,CAAC;YACnB,CAAC;YAED,MAAM,QAAQ,GAAG,MAAA,QAAQ,CAAC,OAAO,CAAC,cAAc,CAAC,mCAAI,0BAA0B,CAAC;YAChF,MAAM,MAAM,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YACjF,IAAI,CAAC,GAAG,CAAC,qBAAqB,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC,MAAM,SAAS,CAAC,CAAC;YAErE,OAAO,QAAQ,QAAQ,WAAW,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC;;AA5CH,8DA6CC;AA5CgB,6BAAG,GAAG,IAAA,eAAK,EAAC,oDAAoD,CAAC,AAA9D,CAA+D"}

package/dist/downloader/images.d.ts

@@ -0,0 +1,28 @@
+import type { ResolveImageCallback } from '../types';
+import type { WebpOptions } from 'sharp';
+export type { ResolveImageCallback } from '../types';
+/**
+ * Builder to build a image saving callback.
+ */
+export declare class TranscriptImageDownloader {
+    private static log;
+    private log;
+    private maxFileSize?;
+    private compression?;
+    /**
+     * Sets the maximum file size for *each* individual image.
+     * @param size The maximum file size in kilobytes
+     */
+    withMaxSize(size: number): 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?: number, convertToWebP?: boolean, options?: Omit<WebpOptions, 'quality' | 'force'>): this;
+    /**
+     * Builds the image saving callback.
+     */
+    build(): ResolveImageCallback;
+}

package/dist/downloader/images.js

@@ -0,0 +1,119 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TranscriptImageDownloader = void 0;
+const undici_1 = require("undici");
+const debug_1 = __importDefault(require("debug"));
+/**
+ * Builder to build a image saving callback.
+ */
+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');
+        // try and import sharp
+        Promise.resolve().then(() => __importStar(require('sharp'))).catch((err) => {
+            console.error(err);
+            console.error(`[discord-html-transcripts] 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 undefined;
+            if (this.maxFileSize && attachment.size > this.maxFileSize * 1024)
+                return undefined;
+            this.log(`Fetching attachment ${attachment.id}: ${attachment.url}`);
+            const response = await (0, undici_1.request)(attachment.url).catch((err) => {
+                console.error(`[discord-html-transcripts] Failed to download image for transcript: `, err);
+                return null;
+            });
+            if (!response)
+                return undefined;
+            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) {
+                try {
+                    const sharp = await Promise.resolve().then(() => __importStar(require('sharp')));
+                    this.log(`Compressing ${attachment.id} with 'sharp'`);
+                    let pipeline = sharp.default(buffer);
+                    const metadata = await pipeline.metadata();
+                    if (metadata.width && metadata.width > 1200) {
+                        pipeline = pipeline.resize({ width: 1200, withoutEnlargement: true });
+                    }
+                    const sharpbuf = await pipeline
+                        .webp(Object.assign({ quality: this.compression.quality, force: this.compression.convertToWebP, effort: 6, smartSubsample: true }, 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')}`;
+                }
+                catch (e) {
+                    this.log(`Advanced compression failed for ${attachment.id}, falling back safely:`, e);
+                    // fall through to uncompressed buffer below
+                }
+            }
+            return `data:${mimetype};base64,${buffer.toString('base64')}`;
+        };
+    }
+}
+exports.TranscriptImageDownloader = TranscriptImageDownloader;
+TranscriptImageDownloader.log = (0, debug_1.default)('discord-html-transcripts:TranscriptImageDownloader');
+//# sourceMappingURL=images.js.map

package/dist/downloader/images.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"images.js","sourceRoot":"","sources":["../../src/downloader/images.ts"],"names":[],"mappings":"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"}

package/dist/generator/index.d.ts

@@ -0,0 +1,24 @@
+import { type Awaitable, type Channel, type Message, type Role, type User } from 'discord.js';
+import type { ResolveAssetCallback, ResolveImageCallback, TranscriptAsset, TranscriptInviteData } from '../types';
+import type { ResolvedTranscriptAssetOptions, ResolvedTranscriptFeatureOptions } from '../options';
+export type RenderMessageContext = {
+    messages: Message[];
+    channel: Channel;
+    guildIcon?: string;
+    callbacks: {
+        resolveImageSrc?: ResolveImageCallback;
+        resolveAssetSrc?: ResolveAssetCallback;
+        resolveTranscriptAssetUrl: (asset: TranscriptAsset) => Promise<string | undefined>;
+        resolveChannel: (channelId: string) => Awaitable<Channel | null>;
+        resolveUser: (userId: string) => Awaitable<User | null>;
+        resolveRole: (roleId: string) => Awaitable<Role | null>;
+        resolveInvite: (code: string) => Awaitable<TranscriptInviteData | null>;
+    };
+    assets: ResolvedTranscriptAssetOptions;
+    features: ResolvedTranscriptFeatureOptions;
+    poweredBy?: boolean;
+    footerText?: string;
+    favicon: 'guild' | string;
+    hydrate: boolean;
+};
+export default function render({ messages, channel, callbacks, ...options }: RenderMessageContext): Promise<string>;

package/dist/generator/index.js

@@ -0,0 +1,112 @@
+"use strict";
+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];
+    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]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = render;
+const static_1 = require("react-dom/static");
+const react_1 = __importDefault(require("react"));
+const buildProfiles_1 = require("../utils/buildProfiles");
+const client_1 = require("../static/client");
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+const hydrate_1 = require("@derockdev/discord-components-core/hydrate");
+const transcript_1 = __importDefault(require("./transcript"));
+const utils_1 = require("../utils/utils");
+// read the package.json file and get the @derockdev/discord-components-core version
+let discordComponentsVersion = '^3.6.1';
+try {
+    const packagePath = path_1.default.join(__dirname, '..', '..', 'package.json');
+    const packageJSON = JSON.parse((0, fs_1.readFileSync)(packagePath, 'utf8'));
+    discordComponentsVersion = (_a = packageJSON.dependencies['@derockdev/discord-components-core']) !== null && _a !== void 0 ? _a : discordComponentsVersion;
+    // eslint-disable-next-line no-empty
+}
+catch (_b) { } // ignore errors
+async function resolveOptionalAssetUrl(resolveTranscriptAssetUrl, asset) {
+    var _a;
+    if (!(asset === null || asset === void 0 ? void 0 : asset.url)) {
+        return undefined;
+    }
+    return (_a = (await resolveTranscriptAssetUrl(asset))) !== null && _a !== void 0 ? _a : asset.url;
+}
+async function resolveProfiles(profiles, resolveTranscriptAssetUrl) {
+    const entries = await Promise.all(Object.entries(profiles).map(async ([id, profile]) => {
+        var _a, _b, _c;
+        return [
+            id,
+            Object.assign(Object.assign({}, profile), { avatar: await resolveOptionalAssetUrl(resolveTranscriptAssetUrl, {
+                    kind: 'avatar',
+                    url: (_a = profile.avatar) !== null && _a !== void 0 ? _a : '',
+                }), roleIcon: await resolveOptionalAssetUrl(resolveTranscriptAssetUrl, {
+                    kind: 'role-icon',
+                    url: (_b = profile.roleIcon) !== null && _b !== void 0 ? _b : '',
+                }), serverTagBadge: await resolveOptionalAssetUrl(resolveTranscriptAssetUrl, {
+                    kind: 'server-tag-badge',
+                    url: (_c = profile.serverTagBadge) !== null && _c !== void 0 ? _c : '',
+                }) }),
+        ];
+    }));
+    return Object.fromEntries(entries);
+}
+async function render(_a) {
+    var _b;
+    var { messages, channel, callbacks } = _a, options = __rest(_a, ["messages", "channel", "callbacks"]);
+    const rawProfiles = await (0, buildProfiles_1.buildProfiles)(messages);
+    const profiles = await resolveProfiles(rawProfiles, callbacks.resolveTranscriptAssetUrl);
+    const guildIcon = channel.isDMBased() || options.guildIcon
+        ? options.guildIcon
+        : await resolveOptionalAssetUrl(callbacks.resolveTranscriptAssetUrl, {
+            kind: 'guild-icon',
+            url: (_b = channel.guild.iconURL({ size: 128, extension: 'png' })) !== null && _b !== void 0 ? _b : '',
+        });
+    const { prelude } = await (0, static_1.prerenderToNodeStream)(react_1.default.createElement("html", null,
+        react_1.default.createElement("head", null,
+            react_1.default.createElement("meta", { charSet: "utf-8" }),
+            react_1.default.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1" }),
+            react_1.default.createElement("link", { rel: "icon", type: "image/png", href: options.favicon === 'guild' ? guildIcon : options.favicon }),
+            react_1.default.createElement("title", null, channel.isDMBased() ? 'Direct Messages' : channel.name),
+            options.features.messageLinks && (react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                    __html: client_1.scrollToMessage,
+                } })),
+            react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                    __html: `(window.$discordMessage=window.$discordMessage||{}).profiles=${JSON.stringify(profiles)};`,
+                } }),
+            !options.hydrate && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.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` })))),
+        react_1.default.createElement("body", { style: {
+                margin: 0,
+                minHeight: '100vh',
+                backgroundColor: '#070709',
+            }, "data-transcript-image-preview": options.features.imagePreview ? 'true' : undefined },
+            react_1.default.createElement(transcript_1.default, Object.assign({ messages: messages, channel: channel, callbacks: callbacks, guildIcon: guildIcon }, options))),
+        options.features.spoilerReveal && react_1.default.createElement("script", { dangerouslySetInnerHTML: { __html: client_1.revealSpoiler } }),
+        options.features.profileBadges && react_1.default.createElement("script", { dangerouslySetInnerHTML: { __html: client_1.applyServerTags } }),
+        options.features.imagePreview && react_1.default.createElement("script", { dangerouslySetInnerHTML: { __html: client_1.enableImagePreview } }),
+        options.features.search && react_1.default.createElement("script", { dangerouslySetInnerHTML: { __html: client_1.enableMessageSearch } }),
+        options.features.embedTweaks && react_1.default.createElement("script", { dangerouslySetInnerHTML: { __html: client_1.fixEmbedBorders } })));
+    const markup = await (0, utils_1.streamToString)(prelude);
+    if (options.hydrate) {
+        const result = await (0, hydrate_1.renderToString)(markup, {
+            beforeHydrate: async (document) => {
+                document.defaultView.$discordMessage = {
+                    profiles,
+                };
+            },
+        });
+        return result.html;
+    }
+    return markup;
+}
+//# sourceMappingURL=index.js.map

package/dist/generator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/generator/index.tsx"],"names":[],"mappings":"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"}

package/dist/generator/renderers/attachment.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { Attachment as AttachmentType, Message } from 'discord.js';
+import type { RenderMessageContext } from '..';
+/**
+ * Renders all attachments for a message
+ * @param message
+ * @param context
+ * @returns
+ */
+export declare function Attachments(props: {
+    message: Message;
+    context: RenderMessageContext;
+    inline?: boolean;
+}): Promise<React.JSX.Element>;
+/**
+ * Renders one Discord Attachment
+ * @param props - the attachment and rendering context
+ */
+export declare function Attachment({ attachment, context, message, }: {
+    attachment: AttachmentType;
+    context: RenderMessageContext;
+    message: Message;
+}): Promise<React.JSX.Element>;

package/dist/generator/renderers/attachment.js

@@ -0,0 +1,154 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Attachments = Attachments;
+exports.Attachment = Attachment;
+const discord_components_react_1 = require("@derockdev/discord-components-react");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils/utils");
+const Attachment_Gallery_1 = __importDefault(require("./components/Attachment Gallery"));
+/**
+ * Renders all attachments for a message
+ * @param message
+ * @param context
+ * @returns
+ */
+async function Attachments(props) {
+    if (props.message.attachments.size === 0)
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    const attachments = Array.from(props.message.attachments.values());
+    const isImageCollection = attachments.length > 1 &&
+        attachments.every((attachment) => !isVoiceMessage(attachment, props.message) && getAttachmentType(attachment) === 'image');
+    if (isImageCollection) {
+        const images = await Promise.all(attachments.map(async (attachment) => {
+            var _a;
+            return ({
+                id: attachment.id,
+                url: await resolveAttachmentUrl(attachment, props.message, props.context),
+                alt: (_a = attachment.name) !== null && _a !== void 0 ? _a : undefined,
+            });
+        }));
+        return (react_1.default.createElement(discord_components_react_1.DiscordAttachments, Object.assign({}, (props.inline ? {} : { slot: 'attachments' })),
+            react_1.default.createElement(Attachment_Gallery_1.default, { items: images })));
+    }
+    return (react_1.default.createElement(discord_components_react_1.DiscordAttachments, Object.assign({}, (props.inline ? {} : { slot: 'attachments' })), attachments.map((attachment, id) => (react_1.default.createElement(Attachment, { attachment: attachment, message: props.message, context: props.context, key: id })))));
+}
+// "audio" | "video" | "image" | "file"
+function getAttachmentType(attachment) {
+    var _a, _b, _c;
+    const type = (_c = (_b = (_a = attachment.contentType) === null || _a === void 0 ? void 0 : _a.split('/')) === null || _b === void 0 ? void 0 : _b[0]) !== null && _c !== void 0 ? _c : 'unknown';
+    if (['audio', 'video', 'image'].includes(type))
+        return type;
+    return 'file';
+}
+function getAttachmentAssetKind(type) {
+    switch (type) {
+        case 'image':
+            return 'attachment-image';
+        case 'video':
+            return 'attachment-video';
+        case 'audio':
+            return 'attachment-audio';
+        default:
+            return 'attachment-file';
+    }
+}
+function isVoiceMessage(attachment, message) {
+    if (message.flags && (message.flags.bitfield & 8192) === 8192)
+        return true;
+    if (attachment.waveform && attachment.duration)
+        return true;
+    return false;
+}
+async function resolveAttachmentUrl(attachment, message, context) {
+    var _a;
+    const type = getAttachmentType(attachment);
+    const attachmentJson = attachment.toJSON();
+    const messageJson = message.toJSON();
+    if (type === 'image' && context.callbacks.resolveImageSrc) {
+        const downloaded = await context.callbacks.resolveImageSrc(attachmentJson, messageJson);
+        if (typeof downloaded === 'string') {
+            return downloaded;
+        }
+        if (downloaded === null) {
+            return attachment.url;
+        }
+    }
+    return ((_a = (await context.callbacks.resolveTranscriptAssetUrl({
+        kind: getAttachmentAssetKind(type),
+        url: attachment.url,
+        contentType: attachment.contentType,
+        filename: attachment.name,
+        size: attachment.size,
+        width: attachment.width,
+        height: attachment.height,
+        attachment: attachmentJson,
+        message: messageJson,
+    }))) !== null && _a !== void 0 ? _a : attachment.url);
+}
+/**
+ * Renders one Discord Attachment
+ * @param props - the attachment and rendering context
+ */
+async function Attachment({ attachment, context, message, }) {
+    let url = await resolveAttachmentUrl(attachment, message, context);
+    const name = attachment.name;
+    const width = attachment.width;
+    const height = attachment.height;
+    // Voice messages must be checked before getAttachmentType since voice .ogg files would otherwise be "audio"
+    if (isVoiceMessage(attachment, message)) {
+        const DiscordVoiceMessage = (await Promise.resolve().then(() => __importStar(require('./components/voice')))).default;
+        return react_1.default.createElement(DiscordVoiceMessage, { attachment: attachment });
+    }
+    const type = getAttachmentType(attachment);
+    if (type === 'file') {
+        return (react_1.default.createElement("div", { className: "discord-custom-file-base", slot: "attachment" },
+            react_1.default.createElement("div", { className: "discord-custom-file-icon" },
+                react_1.default.createElement("svg", { width: "30", height: "40", viewBox: "0 0 30 40", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+                    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M18 0H4C1.79086 0 0 1.79086 0 4V36C0 38.2091 1.79086 40 4 40H26C28.2091 40 30 38.2091 30 36V12L18 0Z", fill: "#C9CDD3" }),
+                    react_1.default.createElement("path", { d: "M18 0L30 12H18V0Z", fill: "#88919E" }))),
+            react_1.default.createElement("div", { className: "discord-custom-file-inner" },
+                react_1.default.createElement("a", { className: "discord-custom-file-name", href: url, target: "_blank", rel: "noopener noreferrer" }, name !== null && name !== void 0 ? name : 'file'),
+                react_1.default.createElement("div", { className: "discord-custom-file-size" }, (0, utils_1.formatBytes)(attachment.size))),
+            react_1.default.createElement("a", { className: "discord-custom-file-download", href: url, download: true },
+                react_1.default.createElement("svg", { viewBox: "0 0 24 24", width: "24", height: "24", fill: "currentColor" },
+                    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.293 9.29289C16.6835 8.90237 17.3167 8.90237 17.7072 9.29289C18.0977 9.68342 18.0977 10.3166 17.7072 10.7071L12.7072 15.7071C12.3167 16.0976 11.6835 16.0976 11.293 15.7071L6.29297 10.7071C5.90244 10.3166 5.90244 9.68342 6.29297 9.29289C6.68349 8.90237 7.31666 8.90237 7.70718 9.29289L11.0001 12.5858V2C11.0001 1.44772 11.4478 1 12.0001 1C12.5524 1 13.0001 1.44772 13.0001 2V12.5858L16.293 9.29289ZM3 19C2.44772 19 2 19.4477 2 20C2 20.5523 2.44772 21 3 21H21C21.5523 21 22 20.5523 22 20C22 19.4477 21.5523 19 21 19H3Z" })))));
+    }
+    return (react_1.default.createElement(discord_components_react_1.DiscordAttachment, { type: type, size: (0, utils_1.formatBytes)(attachment.size), key: attachment.id, slot: "attachment", url: url, alt: name !== null && name !== void 0 ? name : undefined, width: width !== null && width !== void 0 ? width : undefined, height: height !== null && height !== void 0 ? height : undefined }));
+}
+//# sourceMappingURL=attachment.js.map

package/dist/generator/renderers/attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../src/generator/renderers/attachment.tsx"],"names":[],"mappings":"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"}

package/dist/generator/renderers/components/Attachment Gallery.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export type AttachmentGalleryItem = {
+    id: string;
+    url: string;
+    alt?: string;
+};
+export default function DiscordAttachmentGallery({ items }: {
+    items: AttachmentGalleryItem[];
+}): React.JSX.Element | null;

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

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = DiscordAttachmentGallery;
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("./utils");
+function DiscordAttachmentGallery({ items }) {
+    if (items.length === 0) {
+        return null;
+    }
+    const imagesToShow = items.slice(0, 10);
+    const hasMore = items.length > imagesToShow.length;
+    const visibleCount = imagesToShow.length;
+    const layout = Object.assign(Object.assign({}, (0, utils_1.getGalleryLayout)(visibleCount)), { gap: '2px', maxWidth: '610px' });
+    return (react_1.default.createElement("div", { className: "discord-attachment-gallery", style: layout, slot: "attachment" }, imagesToShow.map((item, idx) => {
+        var _a;
+        return (react_1.default.createElement("div", { key: item.id, className: "discord-attachment-gallery-item", style: (0, utils_1.getImageStyle)(idx, visibleCount) },
+            react_1.default.createElement("img", { src: item.url, alt: (_a = item.alt) !== null && _a !== void 0 ? _a : 'Image attachment', className: "discord-attachment-gallery-image", loading: "lazy", decoding: "async" }),
+            hasMore && idx === imagesToShow.length - 1 && (react_1.default.createElement("div", { className: "discord-attachment-gallery-more" },
+                "+",
+                items.length - imagesToShow.length))));
+    })));
+}
+//# sourceMappingURL=Attachment%20Gallery.js.map

package/dist/generator/renderers/components/Attachment Gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attachment Gallery.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/Attachment Gallery.tsx"],"names":[],"mappings":";;;;;AASA,2CAgCC;AAzCD,kDAA0B;AAC1B,mCAA0D;AAQ1D,SAAwB,wBAAwB,CAAC,EAAE,KAAK,EAAsC;IAC5F,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACvB,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;IACnD,MAAM,YAAY,GAAG,YAAY,CAAC,MAAM,CAAC;IACzC,MAAM,MAAM,mCACP,IAAA,wBAAgB,EAAC,YAAY,CAAC,KACjC,GAAG,EAAE,KAAK,EACV,QAAQ,EAAE,OAAO,GAClB,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAC,4BAA4B,EAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAC,YAAY,IACzE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;;QAAC,OAAA,CAC/B,uCAAK,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAC,iCAAiC,EAAC,KAAK,EAAE,IAAA,qBAAa,EAAC,GAAG,EAAE,YAAY,CAAC;YACpG,uCACE,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,GAAG,EAAE,MAAA,IAAI,CAAC,GAAG,mCAAI,kBAAkB,EACnC,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAC,MAAM,EACd,QAAQ,EAAC,OAAO,GAChB;YACD,OAAO,IAAI,GAAG,KAAK,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,CAC7C,uCAAK,SAAS,EAAC,iCAAiC;;gBAAG,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAO,CAC7F,CACG,CACP,CAAA;KAAA,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/generator/renderers/components/Button.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DiscordButtonProps {
+    type: string;
+    url?: string;
+    emoji?: string;
+    children: React.ReactNode;
+}
+export declare function DiscordButton({ type, url, emoji, children }: DiscordButtonProps): React.JSX.Element;
+export default DiscordButton;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscordButton = DiscordButton;
+const react_1 = __importDefault(require("react"));
+function DiscordButton({ type, url, emoji, children }) {
+    const content = (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("span", { className: "discord-button-content" },
+            emoji && react_1.default.createElement("img", { src: emoji, alt: "", className: "discord-button-emoji", draggable: false }),
+            react_1.default.createElement("span", { className: "discord-button-label" }, children)),
+        url && (react_1.default.createElement("span", { className: "discord-button-launch", "aria-hidden": "true" },
+            react_1.default.createElement("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", viewBox: "0 0 24 24" },
+                react_1.default.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" }),
+                react_1.default.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" }))))));
+    if (!url) {
+        return react_1.default.createElement("span", { className: `discord-button discord-button-${type}` }, content);
+    }
+    return (react_1.default.createElement("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: `discord-button discord-button-${type}` }, content));
+}
+exports.default = DiscordButton;
+//# sourceMappingURL=Button.js.map

package/dist/generator/renderers/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/generator/renderers/components/Button.tsx"],"names":[],"mappings":";;;;;AASA,sCAiCC;AA1CD,kDAA0B;AAS1B,SAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAsB;IAC9E,MAAM,OAAO,GAAG,CACd;QACE,wCAAM,SAAS,EAAC,wBAAwB;YACrC,KAAK,IAAI,uCAAK,GAAG,EAAE,KAAK,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAC,sBAAsB,EAAC,SAAS,EAAE,KAAK,GAAI;YACvF,wCAAM,SAAS,EAAC,sBAAsB,IAAE,QAAQ,CAAQ,CACnD;QACN,GAAG,IAAI,CACN,wCAAM,SAAS,EAAC,uBAAuB,iBAAa,MAAM;YACxD,uCAAK,IAAI,EAAC,KAAK,EAAC,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW;gBACvG,wCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,gHAAgH,GAClH;gBACF,wCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,0IAA0I,GAC5I,CACE,CACD,CACR,CACA,CACJ,CAAC;IAEF,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,OAAO,wCAAM,SAAS,EAAE,iCAAiC,IAAI,EAAE,IAAG,OAAO,CAAQ,CAAC;IACpF,CAAC;IAED,OAAO,CACL,qCAAG,IAAI,EAAE,GAAG,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAC,SAAS,EAAE,iCAAiC,IAAI,EAAE,IACvG,OAAO,CACN,CACL,CAAC;AACJ,CAAC;AAED,kBAAe,aAAa,CAAC"}