discord-message-transcript-base 1.3.1 → 1.3.2-dev.1.50

package/dist/core/output.d.ts

@@ -1,3 +1,4 @@
-import { JsonData, Uploadable } from "@/types";
 import Stream from 'stream';
+import { JsonData } from '@/types/internal/message/messageItens.js';
+import { Uploadable } from '@/types/internal/util.js';
 export declare function output(json: JsonData): Promise<string | Stream | Buffer | Uploadable>;

package/dist/core/output.js

@@ -1,5 +1,5 @@
 import { Readable } from 'stream';
-import { Html } from "@/renderers/html/html.js";
+import { Html } from "../renderers/html/html.js";
 export async function output(json) {
     const objectHTML = new Html(json);
     const stringHTML = await objectHTML.toHTML();

package/dist/core/sanitizer.d.ts

@@ -1,4 +1,4 @@
-import { hexColor } from "@/types";
+import { hexColor } from "@/types/internal/util.js";
 export declare const FALLBACK_PIXEL = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
 export declare function sanitize(text: string): string;
 export declare function isValidHexColor(colorInput: string, canReturnNull: false): hexColor;

package/dist/core/sanitizer.js

@@ -1,25 +1,26 @@
 export const FALLBACK_PIXEL = "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";
+const HEX_REGEX = /^#([0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
+const DEFAULT_COLOR = "#000000";
+const SANITIZE_REGEX = /[&<>"']/g;
+const SANITIZE_MAP = {
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    '"': "&quot;",
+    "'": "&#39;",
+};
 export function sanitize(text) {
-    return text
-        .replace(/&/g, "&amp;")
-        .replace(/</g, "&lt;")
-        .replace(/>/g, "&gt;")
-        .replace(/"/g, "&quot;")
-        .replace(/'/g, "&#39;");
+    return text.replace(SANITIZE_REGEX, ch => SANITIZE_MAP[ch]);
 }
 export function isValidHexColor(colorInput, canReturnNull) {
     if (!colorInput)
-        return null;
-    const hexColorRegex = /^#([A-Fa-f0-9]{3,4}|[A-Fa-f0-9]{6}([A-Fa-f0-9]{2})?)$/;
+        return canReturnNull ? null : DEFAULT_COLOR;
     let color = colorInput.trim();
-    if (/^[A-Fa-f0-9]+$/.test(color)) {
-        color = "#" + color;
-    }
-    if (hexColorRegex.test(color)) {
-        return color;
-    }
-    if (canReturnNull) {
-        return null;
-    }
-    return "#000000"; // Falback to a default hexColor if can't be null
+    // Add '#' if don't come with
+    if (!color.startsWith('#'))
+        color = `#${color}`;
+    const isValid = HEX_REGEX.test(color);
+    if (isValid)
+        return color.toLowerCase();
+    return canReturnNull ? null : DEFAULT_COLOR; // Falback to a default hexColor if can't be null
 }

package/dist/index.d.ts

@@ -1,8 +1,7 @@
-import { ConvertTranscriptOptions, ReturnTypeBase, OutputTypeBase } from "@/types";
-export * from '@/types';
-export { CustomError, CustomWarn } from "@/core/customMessages.js";
-export { output as outputBase } from "@/core/output.js";
-export { FALLBACK_PIXEL, isValidHexColor, sanitize } from "@/core/sanitizer.js";
+import { OutputType } from "@/types/internal/parse.js";
+import { ReturnType } from "@/types/public/return.js";
+import { ConvertTranscriptOptions } from "@/types/public/transcript.js";
+export * from '@/types/public/index.js';
 /**
  * Converts a JSON transcript string into an HTML transcript.
  * Depending on the `returnType` option, this function can return a `string`, a `Buffer`, a `Stream`, or an `Uploadable` object.
@@ -11,4 +10,4 @@ export { FALLBACK_PIXEL, isValidHexColor, sanitize } from "@/core/sanitizer.js";
  * @param options Configuration options for converting the transcript. See {@link ConvertTranscriptOptions} for details.
  * @returns A promise that resolves to the HTML transcript in the specified format.
  */
-export declare function renderHTMLFromJSON<T extends ReturnTypeBase = typeof ReturnTypeBase.String>(jsonString: string, options?: ConvertTranscriptOptions<T>): Promise<OutputTypeBase<T>>;
+export declare function renderHTMLFromJSON<T extends ReturnType = typeof ReturnType.String>(jsonString: string, options?: ConvertTranscriptOptions<T>): Promise<OutputType<T>>;

package/dist/index.js

@@ -1,10 +1,8 @@
-import { CustomError } from "@/core/customMessages.js";
-import { output } from "@/core/output.js";
-import { ReturnTypeBase, ReturnFormat } from "@/types";
-export * from '@/types';
-export { CustomError, CustomWarn } from "@/core/customMessages.js";
-export { output as outputBase } from "@/core/output.js";
-export { FALLBACK_PIXEL, isValidHexColor, sanitize } from "@/core/sanitizer.js";
+import { CustomError } from "./core/customMessages.js";
+import { output } from "./core/output.js";
+import { ReturnFormat } from "@/types/internal/return.js";
+import { ReturnType } from "@/types/public/return.js";
+export * from '@/types/public/index.js';
 /**
  * Converts a JSON transcript string into an HTML transcript.
  * Depending on the `returnType` option, this function can return a `string`, a `Buffer`, a `Stream`, or an `Uploadable` object.
@@ -21,7 +19,7 @@ export async function renderHTMLFromJSON(jsonString, options = {}) {
             options: {
                 ...jsonParse.options,
                 returnFormat: ReturnFormat.HTML,
-                returnType: options?.returnType ?? ReturnTypeBase.String,
+                returnType: options?.returnType ?? ReturnType.String,
                 selfContained: options?.selfContained ?? false,
                 watermark: options.watermark ?? jsonParse.options.watermark
             }

package/dist/internalIndex.d.ts

@@ -0,0 +1,4 @@
+export { CustomError, CustomWarn } from "./core/customMessages.js";
+export { output as outputBase } from "./core/output.js";
+export { FALLBACK_PIXEL, isValidHexColor, sanitize } from "./core/sanitizer.js";
+export * from "@/types/internal/index.js";

package/dist/internalIndex.js

@@ -0,0 +1,4 @@
+export { CustomError, CustomWarn } from "./core/customMessages.js";
+export { output as outputBase } from "./core/output.js";
+export { FALLBACK_PIXEL, isValidHexColor, sanitize } from "./core/sanitizer.js";
+export * from "@/types/internal/index.js";

package/dist/renderers/html/html.d.ts

@@ -1,4 +1,4 @@
-import { JsonData } from "../../types/types.js";
+import { JsonData } from "@/types/internal/message/messageItens.js";
 export declare class Html {
     data: JsonData;
     dateFormat: Intl.DateTimeFormat;

package/dist/renderers/html/html.js

@@ -1,13 +1,40 @@
-import { markdownToHTML } from "@/core/markdown.js";
-import { JsonButtonStyle, JsonComponentType } from "../../types/types.js";
+import { markdownToHTML } from "../../core/markdown.js";
 import { ACTIONROW_CSS, ATTACHMENT_CSS, BUTTON_CSS, COMPONENTS_CSS, COMPONENTSV2_CSS, DEFAULT_CSS, EMBED_CSS, MESSAGE_CSS, POLL_CSS, POLL_RESULT_EMBED_CSS, REACTIONS_CSS } from "./css.js";
 import { script } from "./js.js";
 import packageJson from "package.json" with { type: 'json' };
-import { sanitize } from "@/core/sanitizer.js";
-import highlightHash from "@/assets/highlightJsHash.json" with { type: 'json' };
-import transcriptHash from "@/assets/transcriptHash.json" with { type: 'json' };
-const COUNT_UNIT = ["KB", "MB", "GB", "TB"];
-const BUTTON_COLOR = ["black", "#5865f2", "#323538", "#32c05f", "#be3638", "#323538", "#5865f2"];
+import { sanitize } from "../../core/sanitizer.js";
+import highlightHash from "../../assets/highlightJsHash.json" with { type: 'json' };
+import transcriptHash from "../../assets/transcriptHash.json" with { type: 'json' };
+import { JsonComponentType, JsonButtonStyle } from "@/types/internal/message/enum.js";
+const FILE_SIZE_UNIT = ["KB", "MB", "GB", "TB"];
+const FILE_SIZE_THRESHOLD = 512;
+const BUTTON_COLORS = {
+    1: "#5865f2", // Primary
+    2: "#323538", // Secondary
+    3: "#32c05f", // Sucess
+    4: "#be3638", // Danger
+    5: "#323538", // Link
+    6: "#5865f2" // Premium 
+};
+const ICONS = {
+    Reply: "reply-icon",
+    Download: "download-icon",
+    Link: "link-icon",
+};
+const TEXT = {
+    TranscriptFooter: 'Transcript generated by <a href="https://github.com/HenriqueMairesse/discord-message-transcript">discord-message-transcript</a>',
+    Spoiler: "SPOILER",
+    File: {
+        DefaultName: "attachment",
+        Unavailable: {
+            Video: "Video unavailable",
+            Audio: "Audio unavailable",
+        }
+    },
+    Pool: {
+        Closed: " • Poll closed",
+    }
+};
 export class Html {
     data;
     dateFormat;
@@ -82,7 +109,7 @@ export class Html {
 <div class="messageDiv" id="${sanitize(message.id)}" data-author-id="${sanitize(message.authorId)}">
     ${message.references && message.references.messageId ?
                 `<div class="messageReply" data-id="${sanitize(message.references.messageId)}">
-        <svg class="messageReplySvg"><use href="#reply-icon"></use></svg>
+        <svg class="messageReplySvg"><use href="#${ICONS.Reply}"></use></svg>
         <img class="messageReplyImg" src="">
         <div class="replyBadges"></div>
         <div class="messageReplyText"></div>
@@ -143,7 +170,7 @@ export class Html {
     </main>
     ${options.watermark ? `<footer>
         <br>
-        <div style="padding: 1rem 0; font-weight: 700; text-align: center; font-size: 1.5rem; background-color: #2b2d31;">Transcript generated by <a href="https://github.com/HenriqueMairesse/discord-message-transcript">discord-message-transcript</a></div>
+        <div style="padding: 1rem 0; font-weight: 700; text-align: center; font-size: 1.5rem; background-color: #2b2d31;">${TEXT.TranscriptFooter}</div>
     </footer> ` : ""}
     <script id="authorData" type="application/json">
         ${JSON.stringify({ authors: this.data.authors })}
@@ -157,7 +184,7 @@ export class Html {
         const totalVotes = poll.answers.reduce((acc, answer) => acc + answer.count, 0);
         let footerText = `${totalVotes} votes`;
         if (poll.isFinalized) {
-            footerText += ` • Poll closed`;
+            footerText += TEXT.Pool.Closed;
         }
         else if (poll.expiry) {
             footerText += ` • ${poll.expiry}`;
@@ -262,39 +289,39 @@ export class Html {
             }
             else if (attachment.contentType?.startsWith('video/')) {
                 if (attachment.url == "") {
-                    html = `<video class="attachmentVideo" controls src="${attachment.url}"></video>`;
+                    html = `<div class="attachmentVideoUnavailable">${TEXT.File.Unavailable.Video}</div>`;
                 }
                 else {
-                    html = `<div class="attachmentVideoUnavailable">Video unavailable</div>`;
+                    html = `<video class="attachmentVideo" controls src="${attachment.url}"></video>`;
                 }
             }
             else if (attachment.contentType?.startsWith('audio/')) {
                 if (attachment.url == "") {
-                    html = `<audio class="attachmentAudio" controls src="${attachment.url}"></audio>`;
+                    html = `<div class="attachmentAudioUnavailable">${TEXT.File.Unavailable.Audio}</div>`;
                 }
                 else {
-                    html = `<div class="attachmentAudioUnavailable">Audio unavailable</div>`;
+                    html = `<audio class="attachmentAudio" controls src="${attachment.url}"></audio>`;
                 }
             }
             else {
                 let fileSize = attachment.size / 1024;
                 let count = 0;
-                while (fileSize > 512 && count < COUNT_UNIT.length - 1) {
+                while (fileSize > FILE_SIZE_THRESHOLD && count < FILE_SIZE_UNIT.length - 1) {
                     fileSize = fileSize / 1024;
                     count++;
                 }
                 html = `
                     <div class="attachmentFile">
                         <div class="attachmentFileInfo">
-                            <p class="attachmentFileName">${attachment.name ? sanitize(attachment.name) : 'attachment'}</p>
-                            <div class="attachmentFileSize">${fileSize.toFixed(2)} ${COUNT_UNIT[count]}</div>
+                            <p class="attachmentFileName">${attachment.name ? sanitize(attachment.name) : TEXT.File.DefaultName}</p>
+                            <div class="attachmentFileSize">${fileSize.toFixed(2)} ${FILE_SIZE_UNIT[count]}</div>
                         </div>
                         ${attachment.url != "" ?
                     `<a class="attachmentDownload" href="${attachment.url}" target="_blank">
-                            <svg class="attachmentDownloadIcon"><use href="#download-icon"></use></svg>
+                            <svg class="attachmentDownloadIcon"><use href="#${ICONS.Download}"></use></svg>
                         </a>` :
                     `<span class="attachmentDownload">
-                            <svg class="attachmentDownloadIcon"><use href="#download-icon"></use></svg>
+                            <svg class="attachmentDownloadIcon"><use href="#${ICONS.Download}"></use></svg>
                         </span>`}
                     </div>
                 `;
@@ -327,22 +354,22 @@ export class Html {
                 case JsonComponentType.File: {
                     let fileSize = (component.size ?? 0) / 1024;
                     let count = 0;
-                    while (fileSize > 512 && count < COUNT_UNIT.length - 1) {
+                    while (fileSize > FILE_SIZE_THRESHOLD && count < FILE_SIZE_UNIT.length - 1) {
                         fileSize = fileSize / 1024;
                         count++;
                     }
                     const html = `
                         <div class="attachmentFile">
                             <div class="attachmentFileInfo">
-                                <p class="attachmentFileName">${component.fileName ? sanitize(component.fileName) : 'file'}</p>
-                                <div class="attachmentFileSize">${fileSize.toFixed(2)} ${COUNT_UNIT[count]}</div>
+                                <p class="attachmentFileName">${component.fileName ? sanitize(component.fileName) : TEXT.File.DefaultName}</p>
+                                <div class="attachmentFileSize">${fileSize.toFixed(2)} ${FILE_SIZE_UNIT[count]}</div>
                             </div>
                             ${component.url != "" ?
                         `<a class="attachmentDownload" href="${component.url}" target="_blank">
-                                <svg class="attachmentDownloadIcon"><use href="#download-icon"></use></svg>
+                                <svg class="attachmentDownloadIcon"><use href="#${ICONS.Download}"></use></svg>
                             </a>` :
                         `<span class="attachmentDownload">
-                                <svg class="attachmentDownloadIcon"><use href="#download-icon"></use></svg>
+                                <svg class="attachmentDownloadIcon"><use href="#${ICONS.Download}"></use></svg>
                             </span>`}
                         </div>
                     `;
@@ -367,12 +394,11 @@ export class Html {
                         <div class="sectionLeft">
                             ${this.componentBuilder(message, component.components)}
                         </div>
-                        <div class="sectionRight">
+                        ${component.accessory ? `<div class="sectionRight">
                             ${component.accessory.type == JsonComponentType.Button ? this.buttonBuilder(component.accessory)
-                        : component.accessory.type == JsonComponentType.Thumbnail ? this.spoilerAttachmentBuilder(component.accessory.spoiler, `
-                            <img class="sectionThumbnail" src="${component.accessory.media.url}">
-                            `) : ""}
-                        </div>
+                        : component.accessory.type == JsonComponentType.Thumbnail ? this.spoilerAttachmentBuilder(component.accessory.spoiler, `<img class="sectionThumbnail" src="${component.accessory.media.url}">`)
+                            : ""}
+                        </div>` : ""}
                     </div> 
                     `;
                 }
@@ -389,12 +415,12 @@ export class Html {
     }
     buttonBuilder(button) {
         return `
-        <div class="button" style="background-color: ${BUTTON_COLOR[button.style]}">
+        <div class="button" style="background-color: ${BUTTON_COLORS[button.style]}">
             ${button.style == JsonButtonStyle.Link && button.url ? `
             <a class="buttonLink" href="${sanitize(button.url)}" target="_blank">
                 ${button.emoji ? `<p class="buttonEmoji">${sanitize(button.emoji)}</p>` : ""}
                 ${button.label ? `<p class="buttonLabel">${sanitize(button.label)}</p>` : ""}
-                <svg class="buttonLinkIcon"><use href="#link-icon"></use></svg>
+                <svg class="buttonLinkIcon"><use href="#${ICONS.Link}"></use></svg>
             </a>` : `
                 ${button.emoji ? `<p class="buttonEmoji">${sanitize(button.emoji)}</p>` : ""}
                 ${button.label ? `<p class="buttonLabel">${sanitize(button.label)}</p>` : ""}
@@ -434,22 +460,22 @@ export class Html {
         `;
     }
     spoilerAttachmentBuilder(spoiler, html) {
-        return spoiler ? `<div class="spoilerAttachment"><div class="spoilerAttachmentOverlay">SPOILER</div><div class="spoilerAttachmentContent">${html}</div></div>` : html;
+        return spoiler ? `<div class="spoilerAttachment"><div class="spoilerAttachmentOverlay">${TEXT.Spoiler}</div><div class="spoilerAttachmentContent">${html}</div></div>` : html;
     }
     svgBuilder() {
         const { options } = this.data;
         return `
     <svg style="display: none;">
         <defs>
-            <symbol id="reply-icon" viewBox="0 0 16 16" fill="none">
+            <symbol id="${ICONS.Reply}" viewBox="0 0 16 16" fill="none">
                 <g transform="rotate(90 8 8)">
                     <path d="M6 2V9C6 11.5 8.5 14 11 14H14" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
                 </g>
             </symbol>
-            ${options.includeAttachments ? `<symbol id="download-icon" viewBox="0 -960 960 960">
+            ${options.includeAttachments ? `<symbol id="${ICONS.Download}" viewBox="0 -960 960 960">
                 <path d="m720-120 160-160-56-56-64 64v-167h-80v167l-64-64-56 56 160 160ZM560 0v-80h320V0H560ZM240-160q-33 0-56.5-23.5T160-240v-560q0-33 23.5-56.5T240-880h280l240 240v121h-80v-81H480v-200H240v560h240v80H240Zm0-80v-560 560Z"/>
             </symbol> ` : ""}
-            ${options.includeButtons ? `<symbol id="link-icon" viewBox="0 -960 960 960" fill="#e3e3e3">
+            ${options.includeButtons ? `<symbol id="${ICONS.Link}" viewBox="0 -960 960 960" fill="#e3e3e3">
                 <path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/>
             </symbol>` : ""}
         </defs>

package/dist/types/internal/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./message/components.js";
+export * from "./message/componentsV2.js";
+export * from "./message/enum.js";
+export * from "./message/messageItens.js";
+export * from "./return.js";
+export * from "./transcript.js";
+export * from "./util.js";

package/dist/types/internal/index.js

@@ -0,0 +1,7 @@
+export * from "./message/components.js";
+export * from "./message/componentsV2.js";
+export * from "./message/enum.js";
+export * from "./message/messageItens.js";
+export * from "./return.js";
+export * from "./transcript.js";
+export * from "./util.js";

package/dist/types/internal/message/components.d.ts

@@ -0,0 +1,252 @@
+import { hexColor } from "../util.js";
+import { JsonButtonStyle, JsonComponentType } from "./enum.js";
+/**
+ * A union of all possible select menu types.
+ */
+export type JsonSelectMenu = JsonSelectMenuOthers | JsonSelectMenuString;
+/**
+ * A JSON-serializable representation of a Discord Action Row component.
+ */
+export interface JsonActionRow {
+    /**
+     * The components within the action row (e.g., buttons, select menus).
+     */
+    components: (JsonButtonComponent | JsonSelectMenu)[];
+    /**
+     * The type of the component.
+     */
+    type: JsonComponentType.ActionRow;
+}
+/**
+ * A JSON-serializable representation of a message attachment.
+ */
+export interface JsonAttachment {
+    /**
+     * The MIME type of the attachment.
+     */
+    contentType: string | null;
+    /**
+     * The name of the attachment file.
+     */
+    name: string;
+    /**
+     * The size of the attachment in bytes.
+     */
+    size: number;
+    /**
+     * Whether the attachment is a spoiler.
+     */
+    spoiler: boolean;
+    /**
+     * The URL of the attachment.
+     */
+    url: string;
+}
+/**
+ * A JSON-serializable representation of a message author.
+ */
+export interface JsonAuthor {
+    /**
+     * The URL of the author's avatar.
+     */
+    avatarURL: string;
+    /**
+     * Whether the author is a bot.
+     */
+    bot: boolean;
+    /**
+     * The display name of the author.
+     */
+    displayName: string;
+    /**
+     * The guild-specific tag of the author, if any.
+     */
+    guildTag: string | null;
+    /**
+     * The ID of the author.
+     */
+    id: string;
+    /**
+     * Information about the author as a guild member.
+     */
+    member: {
+        /**
+         * The member's display color in hex format.
+         */
+        displayHexColor: hexColor;
+        /**
+         * The member's display name in the guild.
+         */
+        displayName: string;
+    } | null;
+    /**
+     * Whether the author is a system user.
+     */
+    system: boolean;
+}
+/**
+ * A JSON-serializable representation of a button component.
+ */
+export interface JsonButtonComponent {
+    /**
+     * Whether the button is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The emoji on the button, if any.
+     */
+    emoji: string | null;
+    /**
+     * The label text on the button.
+     */
+    label: string | null;
+    /**
+     * The style of the button.
+     */
+    style: JsonButtonStyle;
+    /**
+     * The type of the component.
+     */
+    type: JsonComponentType.Button;
+    /**
+     * The URL for link-style buttons.
+     */
+    url: string | null;
+}
+/**
+ * A JSON-serializable representation of a message embed.
+ */
+export interface JsonEmbed {
+    author: {
+        name: string;
+        url: string | null;
+        iconURL: string | null;
+    } | null;
+    description: string | null;
+    fields: {
+        inline: boolean | null;
+        name: string;
+        value: string;
+    }[];
+    footer: {
+        iconURL: string | null;
+        text: string;
+    } | null;
+    hexColor: hexColor | null;
+    image: {
+        url: string;
+    } | null;
+    thumbnail: {
+        url: string;
+    } | null;
+    timestamp: string | null;
+    title: string | null;
+    type: string;
+    url: string | null;
+}
+/**
+ * A JSON-serializable representation of a poll.
+ */
+export interface JsonPoll {
+    /**
+     * The answers available in the poll.
+     */
+    answers: JsonPollAnswer[];
+    /**
+     * A formatted string indicating when the poll expires.
+     */
+    expiry: string | null;
+    /**
+     * Whether the poll has been finalized.
+     */
+    isFinalized: boolean;
+    /**
+     * The question of the poll.
+     */
+    question: string;
+}
+/**
+ * A JSON-serializable representation of a single answer in a poll.
+ */
+export interface JsonPollAnswer {
+    /**
+     * The number of votes for this answer.
+     */
+    count: number;
+    /**
+     * The emoji associated with this answer, if any.
+     */
+    emoji: {
+        id: string | null;
+        name: string | null;
+        animated: boolean;
+    } | null;
+    /**
+     * The ID of the answer.
+     */
+    id: number;
+    /**
+     * The text of the answer.
+     */
+    text: string;
+}
+/**
+ * A JSON-serializable representation of an option in a select menu.
+ */
+export interface JsonSelectOption {
+    /**
+     * The description of the option.
+     */
+    description: string | null;
+    /**
+     * The emoji for the option, if any.
+     */
+    emoji: {
+        id: string | null;
+        name: string | null;
+        animated: boolean;
+    } | null;
+    /**
+     * The user-facing label for the option.
+     */
+    label: string;
+}
+/**
+ * A JSON-serializable representation of a non-string select menu.
+ */
+interface JsonSelectMenuOthers {
+    /**
+     * Whether the select menu is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The placeholder text for the select menu.
+     */
+    placeholder: string | null;
+    /**
+     * The type of the select menu.
+     */
+    type: JsonComponentType.UserSelect | JsonComponentType.RoleSelect | JsonComponentType.MentionableSelect | JsonComponentType.ChannelSelect;
+}
+/**
+ * A JSON-serializable representation of a string select menu.
+ */
+interface JsonSelectMenuString {
+    /**
+     * Whether the select menu is disabled.
+     */
+    disabled: boolean;
+    /**
+     * The options available in the select menu.
+     */
+    options: JsonSelectOption[];
+    /**
+     * The placeholder text for the select menu.
+     */
+    placeholder: string | null;
+    /**
+     * The type of the select menu.
+     */
+    type: JsonComponentType.StringSelect;
+}
+export {};

package/dist/types/internal/message/components.js

@@ -0,0 +1 @@
+export {};