@arqenoh/xrcore 3.2.0-r4

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

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const discord_js_1 = require("discord.js");
+function getPlaceholder(component) {
+    if (component.placeholder)
+        return component.placeholder;
+    switch (component.type) {
+        case discord_js_1.ComponentType.UserSelect:
+            return 'Selecionar usuário';
+        case discord_js_1.ComponentType.RoleSelect:
+            return 'Selecionar cargo';
+        case discord_js_1.ComponentType.MentionableSelect:
+            return 'Selecionar usuário ou cargo';
+        case discord_js_1.ComponentType.ChannelSelect:
+            return 'Selecionar canal';
+        case discord_js_1.ComponentType.StringSelect:
+            return 'Selecionar opção';
+        default:
+            return 'Selecionar';
+    }
+}
+function DiscordSelectMenu({ component }) {
+    return (react_1.default.createElement("div", { style: {
+            display: 'flex',
+            width: '100%',
+            minHeight: '40px',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            padding: '0 12px',
+            boxSizing: 'border-box',
+            borderRadius: '4px',
+            backgroundColor: '#1e1f22',
+            color: '#b5bac1',
+            fontSize: '14px',
+        } },
+        react_1.default.createElement("span", { style: {
+                overflow: 'hidden',
+                textOverflow: 'ellipsis',
+                whiteSpace: 'nowrap',
+            } }, getPlaceholder(component)),
+        react_1.default.createElement("span", { style: {
+                marginLeft: '8px',
+                fontSize: '9px',
+            } }, "\u25BC")));
+}
+exports.default = DiscordSelectMenu;
+//# sourceMappingURL=SelectMenu.js.map

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { SeparatorSpacingSize } from 'discord.js';
+declare function DiscordSeparator({ divider, spacing }: {
+    divider: boolean;
+    spacing: SeparatorSpacingSize;
+}): JSX.Element;
+export default DiscordSeparator;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const discord_js_1 = require("discord.js");
+function DiscordSeparator({ divider, spacing }) {
+    return (react_1.default.createElement("div", { style: {
+            width: '100%',
+            height: divider ? '1px' : '0px',
+            backgroundColor: divider ? '#4f5359' : 'transparent',
+            margin: spacing === discord_js_1.SeparatorSpacingSize.Large ? '8px 0' : '4px 0',
+        } }));
+}
+exports.default = DiscordSeparator;
+//# sourceMappingURL=Spacing.js.map

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare function DiscordThumbnail({ url }: {
+    url: string;
+}): JSX.Element;
+export default DiscordThumbnail;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+function DiscordThumbnail({ url }) {
+    return (react_1.default.createElement("img", { src: url, alt: "Thumbnail", style: {
+            width: '85px',
+            height: '85px',
+            objectFit: 'cover',
+            borderRadius: '8px',
+            flexShrink: 0,
+        } }));
+}
+exports.default = DiscordThumbnail;
+//# sourceMappingURL=Thumbnail.js.map

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

@@ -0,0 +1,5 @@
+import { type MessageActionRowComponent, type ThumbnailComponent } from 'discord.js';
+import React from 'react';
+import type { RenderMessageContext } from '..';
+export default function renderComponentRow(component: any, id: number, context: RenderMessageContext): Promise<React.ReactNode>;
+export declare function renderComponent(component: MessageActionRowComponent | ThumbnailComponent, id: number): JSX.Element | undefined;

package/dist/generator/renderers/components.js

@@ -0,0 +1,110 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.renderComponent = void 0;
+const discord_components_react_1 = require("@derockdev/discord-components-react");
+const discord_js_1 = require("discord.js");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils/utils");
+const Container_1 = __importDefault(require("./components/Container"));
+const Spacing_1 = __importDefault(require("./components/Spacing"));
+const Section_1 = __importDefault(require("./components/Section"));
+const Thumbnail_1 = __importDefault(require("./components/Thumbnail"));
+const MediaGallery_1 = __importDefault(require("./components/MediaGallery"));
+const SelectMenu_1 = __importDefault(require("./components/SelectMenu"));
+const Button_1 = __importDefault(require("./components/Button"));
+const content_1 = __importStar(require("./content"));
+async function renderComponentRow(component, id, context) {
+    switch (component.type) {
+        case discord_js_1.ComponentType.ActionRow:
+            return (react_1.default.createElement(discord_components_react_1.DiscordActionRow, { key: id, style: {
+                    display: 'flex',
+                    width: '100%',
+                    maxWidth: '500px',
+                    gap: '8px',
+                    flexWrap: 'wrap',
+                    boxSizing: 'border-box',
+                } }, component.components.map((child, childId) => renderComponent(child, childId))));
+        case discord_js_1.ComponentType.Container: {
+            const children = await Promise.all(component.components.map((child, childId) => renderComponentRow(child, childId, context)));
+            return (react_1.default.createElement(Container_1.default, { key: id, accentColor: component.accentColor }, children));
+        }
+        case discord_js_1.ComponentType.TextDisplay:
+            return (react_1.default.createElement("div", { key: id, style: {
+                    display: 'block',
+                    width: '100%',
+                    minWidth: 0,
+                    lineHeight: '1.375rem',
+                    overflowWrap: 'anywhere',
+                    whiteSpace: 'normal',
+                } }, await (0, content_1.default)(component.content, Object.assign(Object.assign({}, context), { type: content_1.RenderType.COMPONENT }))));
+        case discord_js_1.ComponentType.Separator:
+            return (react_1.default.createElement(Spacing_1.default, { key: id, divider: component.divider, spacing: component.spacing }));
+        case discord_js_1.ComponentType.Section: {
+            const children = await Promise.all(component.components.map((child, childId) => renderComponentRow(child, childId, context)));
+            return (react_1.default.createElement(Section_1.default, { key: id, accessory: component.accessory
+                    ? renderComponent(component.accessory, id)
+                    : undefined }, children));
+        }
+        case discord_js_1.ComponentType.MediaGallery:
+            return (react_1.default.createElement(MediaGallery_1.default, { key: id, component: component }));
+        case discord_js_1.ComponentType.File:
+            return component.spoiler ? (react_1.default.createElement(discord_components_react_1.DiscordSpoiler, { key: id, slot: "attachment" },
+                react_1.default.createElement(discord_components_react_1.DiscordAttachment, { type: "file", slot: "attachment", url: component.file.url, alt: "Arquivo" }))) : (react_1.default.createElement(discord_components_react_1.DiscordAttachment, { key: id, type: "file", slot: "attachment", url: component.file.url, alt: "Arquivo" }));
+        default:
+            return null;
+    }
+}
+exports.default = renderComponentRow;
+const ButtonStyleMapping = {
+    [discord_js_1.ButtonStyle.Primary]: 'primary',
+    [discord_js_1.ButtonStyle.Secondary]: 'secondary',
+    [discord_js_1.ButtonStyle.Success]: 'success',
+    [discord_js_1.ButtonStyle.Danger]: 'destructive',
+    [discord_js_1.ButtonStyle.Link]: 'secondary',
+    [discord_js_1.ButtonStyle.Premium]: 'primary',
+};
+function renderComponent(component, id) {
+    var _a;
+    switch (component.type) {
+        case discord_js_1.ComponentType.Button:
+            return (react_1.default.createElement(Button_1.default, { key: id, type: ButtonStyleMapping[component.style], url: (_a = component.url) !== null && _a !== void 0 ? _a : undefined, emoji: component.emoji ? (0, utils_1.parseDiscordEmoji)(component.emoji) : undefined }, component.label));
+        case discord_js_1.ComponentType.StringSelect:
+        case discord_js_1.ComponentType.UserSelect:
+        case discord_js_1.ComponentType.RoleSelect:
+        case discord_js_1.ComponentType.MentionableSelect:
+        case discord_js_1.ComponentType.ChannelSelect:
+            return (react_1.default.createElement(SelectMenu_1.default, { key: id, component: component }));
+        case discord_js_1.ComponentType.Thumbnail:
+            return (react_1.default.createElement(Thumbnail_1.default, { key: id, url: component.media.url }));
+        default:
+            return undefined;
+    }
+}
+exports.renderComponent = renderComponent;
+//# sourceMappingURL=components.js.map

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

@@ -0,0 +1,21 @@
+import { ChannelType } from 'discord.js';
+import { type ReactNode } from 'react';
+import type { SingleASTNode } from 'simple-markdown';
+import type { RenderMessageContext } from '../';
+export declare enum RenderType {
+    EMBED = 0,
+    REPLY = 1,
+    NORMAL = 2,
+    WEBHOOK = 3,
+    COMPONENT = 4
+}
+type RenderContentContext = RenderMessageContext & {
+    type: RenderType;
+    _internal?: {
+        largeEmojis?: boolean;
+    };
+};
+export default function renderContent(content: string, context: RenderContentContext): Promise<JSX.Element>;
+export declare function renderASTNode(node: SingleASTNode, context: RenderContentContext): Promise<ReactNode>;
+export declare function getChannelType(channelType: ChannelType): 'channel' | 'voice' | 'thread' | 'forum';
+export {};

package/dist/generator/renderers/content.js

@@ -0,0 +1,190 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.getChannelType = exports.renderASTNode = exports.RenderType = void 0;
+const discord_components_react_1 = require("@derockdev/discord-components-react");
+const discord_markdown_parser_1 = __importDefault(require("discord-markdown-parser"));
+const discord_js_1 = require("discord.js");
+const react_1 = __importStar(require("react"));
+const utils_1 = require("../../utils/utils");
+var RenderType;
+(function (RenderType) {
+    RenderType[RenderType["EMBED"] = 0] = "EMBED";
+    RenderType[RenderType["REPLY"] = 1] = "REPLY";
+    RenderType[RenderType["NORMAL"] = 2] = "NORMAL";
+    RenderType[RenderType["WEBHOOK"] = 3] = "WEBHOOK";
+    RenderType[RenderType["COMPONENT"] = 4] = "COMPONENT";
+})(RenderType || (exports.RenderType = RenderType = {}));
+async function renderContent(content, context) {
+    if (context.type === RenderType.REPLY && content.length > 180)
+        content = content.slice(0, 180) + '...';
+    // parse the markdown
+    const parsed = (0, discord_markdown_parser_1.default)(content, context.type === RenderType.EMBED || context.type === RenderType.WEBHOOK || context.type === RenderType.COMPONENT ? 'extended' : 'normal');
+    // check if the parsed content is only emojis
+    const isOnlyEmojis = parsed.every((node) => ['emoji', 'twemoji'].includes(node.type) || (node.type === 'text' && node.content.trim().length === 0));
+    if (isOnlyEmojis) {
+        // now check if there are less than or equal to 25 emojis
+        const emojis = parsed.filter((node) => ['emoji', 'twemoji'].includes(node.type));
+        if (emojis.length <= 25) {
+            context._internal = {
+                largeEmojis: true,
+            };
+        }
+    }
+    return react_1.default.createElement(react_1.default.Fragment, null, await renderNodes(parsed, context));
+}
+exports.default = renderContent;
+const renderNodes = async (nodes, context) => Array.isArray(nodes)
+    ? (await Promise.all(nodes.map((node) => renderASTNode(node, context)))).map((each, i) => (react_1.default.createElement(react_1.Fragment, { key: i }, each)))
+    : [await renderASTNode(nodes, context)];
+async function renderASTNode(node, context) {
+    var _a;
+    if (!node)
+        return null;
+    const type = node.type;
+    switch (type) {
+        case 'text':
+            return node.content;
+        case 'link':
+            return react_1.default.createElement("a", { href: node.target }, await renderNodes(node.content, context));
+        case 'url':
+        case 'autolink':
+            return (react_1.default.createElement("a", { href: node.target, target: "_blank", rel: "noreferrer" }, ...await renderNodes(node.content, context)));
+        case 'blockQuote':
+            if (context.type === RenderType.REPLY) {
+                return await renderNodes(node.content, context);
+            }
+            return react_1.default.createElement(discord_components_react_1.DiscordQuote, null, ...await renderNodes(node.content, context));
+        case 'br':
+        case 'newline':
+            if (context.type === RenderType.REPLY)
+                return ' ';
+            return react_1.default.createElement("br", null);
+        case 'channel': {
+            const id = node.id;
+            const channel = await context.callbacks.resolveChannel(id);
+            return (react_1.default.createElement(discord_components_react_1.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 (react_1.default.createElement(discord_components_react_1.DiscordMention, { type: "role", color: context.type === RenderType.REPLY ? undefined : role === null || role === void 0 ? void 0 : role.hexColor }, role ? role.name : `<@&${id}>`));
+        }
+        case 'user': {
+            const id = node.id;
+            const user = await context.callbacks.resolveUser(id);
+            return react_1.default.createElement(discord_components_react_1.DiscordMention, { type: "user" }, user ? user.displayName : `<@${id}>`);
+        }
+        case 'here':
+        case 'everyone':
+            return (react_1.default.createElement(discord_components_react_1.DiscordMention, { type: 'role', highlight: true }, `@${type}`));
+        case 'codeBlock':
+            if (context.type !== RenderType.REPLY) {
+                return react_1.default.createElement(discord_components_react_1.DiscordCodeBlock, { language: node.lang, code: node.content });
+            }
+            return react_1.default.createElement(discord_components_react_1.DiscordInlineCode, null, node.content);
+        case 'inlineCode':
+            return react_1.default.createElement(discord_components_react_1.DiscordInlineCode, null, node.content);
+        case 'em':
+            return react_1.default.createElement(discord_components_react_1.DiscordItalic, null, await renderNodes(node.content, context));
+        case 'strong':
+            return react_1.default.createElement(discord_components_react_1.DiscordBold, null, await renderNodes(node.content, context));
+        case 'underline':
+            return react_1.default.createElement(discord_components_react_1.DiscordUnderlined, null, await renderNodes(node.content, context));
+        case 'strikethrough':
+            return react_1.default.createElement("s", null, await renderNodes(node.content, context));
+        case 'emoticon':
+            return typeof node.content === 'string' ? node.content : await renderNodes(node.content, context);
+        case 'spoiler':
+            return react_1.default.createElement(discord_components_react_1.DiscordSpoiler, null, await renderNodes(node.content, context));
+        case 'emoji':
+        case 'twemoji': {
+            const large = ((_a = context._internal) === null || _a === void 0 ? void 0 : _a.largeEmojis) === true;
+            const url = (0, utils_1.parseDiscordEmoji)(node);
+            return (react_1.default.createElement("img", { src: url, alt: node.name || 'emoji', title: node.name || undefined, style: {
+                    display: 'inline-block',
+                    width: large ? '48px' : '22px',
+                    height: large ? '48px' : '22px',
+                    objectFit: 'contain',
+                    verticalAlign: large ? 'middle' : '-5px',
+                    margin: large ? '2px' : '0 1px',
+                } }));
+        }
+        case 'timestamp':
+            return react_1.default.createElement(discord_components_react_1.DiscordTime, { timestamp: parseInt(node.timestamp) * 1000, format: node.format });
+        case 'heading': {
+            const level = Number(node.level) || 1;
+            const fontSize = level === 1 ? '24px' :
+                level === 2 ? '20px' :
+                    '16px';
+            return (react_1.default.createElement("div", { style: {
+                    display: 'block',
+                    fontSize,
+                    lineHeight: '1.25',
+                    fontWeight: 700,
+                    color: '#f2f3f5',
+                    marginTop: '4px',
+                    marginBottom: '4px',
+                } }, await renderNodes(node.content, context)));
+        }
+        case 'subtext':
+            return (react_1.default.createElement("div", { style: {
+                    display: 'block',
+                    color: '#949ba4',
+                    fontSize: '12px',
+                    lineHeight: '16px',
+                    fontWeight: 400,
+                } }, await renderNodes(node.content, context)));
+        default: {
+            console.log(`Unknown node type: ${type}`, node);
+            return typeof node.content === 'string' ? node.content : await renderNodes(node.content, context);
+        }
+    }
+}
+exports.renderASTNode = renderASTNode;
+function getChannelType(channelType) {
+    switch (channelType) {
+        case discord_js_1.ChannelType.GuildCategory:
+        case discord_js_1.ChannelType.GuildAnnouncement:
+        case discord_js_1.ChannelType.GuildText:
+            return 'channel';
+        case discord_js_1.ChannelType.GuildVoice:
+        case discord_js_1.ChannelType.GuildStageVoice:
+            return 'voice';
+        case discord_js_1.ChannelType.PublicThread:
+        case discord_js_1.ChannelType.PrivateThread:
+        case discord_js_1.ChannelType.AnnouncementThread:
+            return 'thread';
+        case discord_js_1.ChannelType.GuildForum:
+            return 'forum';
+        default:
+            return 'channel';
+    }
+}
+exports.getChannelType = getChannelType;
+//# sourceMappingURL=content.js.map

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { Embed, Message } from 'discord.js';
+import type { RenderMessageContext } from '..';
+type RenderEmbedContext = RenderMessageContext & {
+    index: number;
+    message: Message;
+};
+export declare function renderEmbed(embed: Embed, context: RenderEmbedContext): Promise<JSX.Element>;
+export {};

package/dist/generator/renderers/embed.js

@@ -0,0 +1,42 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.renderEmbed = void 0;
+const discord_components_react_1 = require("@derockdev/discord-components-react");
+const react_1 = __importDefault(require("react"));
+const embeds_1 = require("../../utils/embeds");
+const content_1 = __importStar(require("./content"));
+async function renderEmbed(embed, context) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    return (react_1.default.createElement(discord_components_react_1.DiscordEmbed, { embedTitle: (_a = embed.title) !== null && _a !== void 0 ? _a : undefined, slot: "embeds", key: `${context.message.id}-e-${context.index}`, authorImage: (_c = (_b = embed.author) === null || _b === void 0 ? void 0 : _b.proxyIconURL) !== null && _c !== void 0 ? _c : (_d = embed.author) === null || _d === void 0 ? void 0 : _d.iconURL, authorName: (_e = embed.author) === null || _e === void 0 ? void 0 : _e.name, authorUrl: (_f = embed.author) === null || _f === void 0 ? void 0 : _f.url, color: (_g = embed.hexColor) !== null && _g !== void 0 ? _g : undefined, image: (_j = (_h = embed.image) === null || _h === void 0 ? void 0 : _h.proxyURL) !== null && _j !== void 0 ? _j : (_k = embed.image) === null || _k === void 0 ? void 0 : _k.url, thumbnail: (_m = (_l = embed.thumbnail) === null || _l === void 0 ? void 0 : _l.proxyURL) !== null && _m !== void 0 ? _m : (_o = embed.thumbnail) === null || _o === void 0 ? void 0 : _o.url, url: (_p = embed.url) !== null && _p !== void 0 ? _p : undefined },
+        embed.description && (react_1.default.createElement(discord_components_react_1.DiscordEmbedDescription, { slot: "description" }, await (0, content_1.default)(embed.description, Object.assign(Object.assign({}, context), { type: content_1.RenderType.EMBED })))),
+        embed.fields.length > 0 && (react_1.default.createElement(discord_components_react_1.DiscordEmbedFields, { slot: "fields" }, await Promise.all(embed.fields.map(async (field, id) => (react_1.default.createElement(discord_components_react_1.DiscordEmbedField, { key: `${context.message.id}-e-${context.index}-f-${id}`, fieldTitle: field.name, inline: field.inline, inlineIndex: (0, embeds_1.calculateInlineIndex)(embed.fields, id) }, await (0, content_1.default)(field.value, Object.assign(Object.assign({}, context), { type: content_1.RenderType.EMBED })))))))),
+        embed.footer && (react_1.default.createElement(discord_components_react_1.DiscordEmbedFooter, { slot: "footer", footerImage: (_q = embed.footer.proxyIconURL) !== null && _q !== void 0 ? _q : embed.footer.iconURL, timestamp: (_r = embed.timestamp) !== null && _r !== void 0 ? _r : undefined }, embed.footer.text))));
+}
+exports.renderEmbed = renderEmbed;
+//# sourceMappingURL=embed.js.map

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { Message } from 'discord.js';
+import type { RenderMessageContext } from '..';
+export default function renderMessage(message: Message, context: RenderMessageContext): Promise<JSX.Element | undefined>;

package/dist/generator/renderers/message.js

@@ -0,0 +1,60 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 });
+const discord_components_react_1 = require("@derockdev/discord-components-react");
+const react_1 = __importDefault(require("react"));
+const utils_1 = require("../../utils/utils");
+const attachment_1 = __importDefault(require("./attachment"));
+const components_1 = __importDefault(require("./components"));
+const content_1 = __importStar(require("./content"));
+const embed_1 = require("./embed");
+const reply_1 = __importDefault(require("./reply"));
+const systemMessage_1 = __importDefault(require("./systemMessage"));
+async function renderMessage(message, context) {
+    var _a;
+    if (message.system)
+        return (0, systemMessage_1.default)(message);
+    const isCrosspost = message.reference && message.reference.guildId !== ((_a = message.guild) === null || _a === void 0 ? void 0 : _a.id);
+    return (react_1.default.createElement(discord_components_react_1.DiscordMessage, { id: `m-${message.id}`, timestamp: message.createdAt.toISOString(), twentyFour: true, key: message.id, edited: message.editedAt !== null, server: isCrosspost !== null && isCrosspost !== void 0 ? isCrosspost : undefined, highlight: message.mentions.everyone, profile: message.author.id },
+        await (0, reply_1.default)(message, context),
+        message.interaction && (react_1.default.createElement(discord_components_react_1.DiscordCommand, { slot: "reply", profile: message.interaction.user.id, command: '/' + message.interaction.commandName })),
+        message.content &&
+            (await (0, content_1.default)(message.content, Object.assign(Object.assign({}, context), { type: message.webhookId ? content_1.RenderType.WEBHOOK : content_1.RenderType.NORMAL }))),
+        await (0, attachment_1.default)(message, context),
+        message.embeds.length > 0 &&
+            (await Promise.all(message.embeds.map(async (embed, id) => await (0, embed_1.renderEmbed)(embed, Object.assign(Object.assign({}, context), { index: id, message }))))),
+        message.components.length > 0 && (react_1.default.createElement(discord_components_react_1.DiscordAttachments, { slot: "components" }, await Promise.all(message.components.map((component, id) => (0, components_1.default)(component, id, context))))),
+        message.reactions.cache.size > 0 && (react_1.default.createElement(discord_components_react_1.DiscordReactions, { slot: "reactions" }, message.reactions.cache.map((reaction, id) => (react_1.default.createElement(discord_components_react_1.DiscordReaction, { key: `${message.id}r${id}`, name: reaction.emoji.name, emoji: (0, utils_1.parseDiscordEmoji)(reaction.emoji), count: reaction.count }))))),
+        message.hasThread && message.thread && (react_1.default.createElement(discord_components_react_1.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 ? (react_1.default.createElement(discord_components_react_1.DiscordThreadMessage, { profile: message.thread.lastMessage.author.id }, await (0, content_1.default)(message.thread.lastMessage.content.length > 128
+            ? message.thread.lastMessage.content.substring(0, 125) + '...'
+            : message.thread.lastMessage.content, Object.assign(Object.assign({}, context), { type: content_1.RenderType.REPLY })))) : (`Thread messages not saved.`)))));
+}
+exports.default = renderMessage;
+//# sourceMappingURL=message.js.map

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

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { type Message } from 'discord.js';
+import type { RenderMessageContext } from '..';
+export default function renderReply(message: Message, context: RenderMessageContext): Promise<JSX.Element | null>;

package/dist/generator/renderers/reply.js

@@ -0,0 +1,47 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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 });
+const discord_components_react_1 = require("@derockdev/discord-components-react");
+const discord_js_1 = require("discord.js");
+const react_1 = __importDefault(require("react"));
+const content_1 = __importStar(require("./content"));
+async function renderReply(message, context) {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    if (!message.reference)
+        return null;
+    if (message.reference.guildId !== ((_a = message.guild) === null || _a === void 0 ? void 0 : _a.id))
+        return null;
+    const referencedMessage = context.messages.find((m) => m.id === message.reference.messageId);
+    if (!referencedMessage)
+        return react_1.default.createElement(discord_components_react_1.DiscordReply, { slot: "reply" }, "N\u00E3o foi poss\u00EDvel carregar a mensagem.");
+    const isCrosspost = referencedMessage.reference && referencedMessage.reference.guildId !== ((_b = message.guild) === null || _b === void 0 ? void 0 : _b.id);
+    const isCommand = referencedMessage.interaction !== null;
+    return (react_1.default.createElement(discord_components_react_1.DiscordReply, { slot: "reply", edited: !isCommand && referencedMessage.editedAt !== null, attachment: referencedMessage.attachments.size > 0, author: (_d = (_c = referencedMessage.member) === null || _c === void 0 ? void 0 : _c.nickname) !== null && _d !== void 0 ? _d : referencedMessage.author.displayName, avatar: (_e = referencedMessage.author.avatarURL({ size: 32 })) !== null && _e !== void 0 ? _e : undefined, roleColor: (_g = (_f = referencedMessage.member) === null || _f === void 0 ? void 0 : _f.displayHexColor) !== null && _g !== void 0 ? _g : undefined, bot: !isCrosspost && referencedMessage.author.bot, verified: (_h = referencedMessage.author.flags) === null || _h === void 0 ? void 0 : _h.has(discord_js_1.UserFlags.VerifiedBot), op: message.channel.isThread() && referencedMessage.author.id === message.channel.ownerId, server: isCrosspost !== null && isCrosspost !== void 0 ? isCrosspost : undefined, command: isCommand }, referencedMessage.content ? (react_1.default.createElement("span", { "data-goto": referencedMessage.id }, await (0, content_1.default)(referencedMessage.content, Object.assign(Object.assign({}, context), { type: content_1.RenderType.REPLY })))) : isCommand ? (react_1.default.createElement("em", { "data-goto": referencedMessage.id }, "Clique para ver o comando.")) : (react_1.default.createElement("em", { "data-goto": referencedMessage.id }, "Clique para ver o anexo."))));
+}
+exports.default = renderReply;
+//# sourceMappingURL=reply.js.map

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

@@ -0,0 +1,8 @@
+import { type GuildMember, type Message, type User } from 'discord.js';
+import React from 'react';
+export default function renderSystemMessage(message: Message): Promise<JSX.Element | undefined>;
+export declare function Highlight({ children, color }: {
+    children: React.ReactNode;
+    color?: string;
+}): JSX.Element;
+export declare function JoinMessage(member: GuildMember | null, fallbackUser: User): (string | JSX.Element)[];