add typings, fixed missing json

src/structures/ContainerComponent.js

@@ -12,7 +12,7 @@ class ContainerComponent extends BaseMessageComponent {
    */
 
   /**
-   * @param {} [data={}]
+   * @param {ContainerComponent | APIContainerComponent} [data={}]
    */
   constructor(data = {}) {
     super({ type: 'CONTAINER' }, data);
@@ -20,7 +20,7 @@ class ContainerComponent extends BaseMessageComponent {
      * Components of the type action row, text display, section, media gallery, separator, or file
      * @type {ContainerComponents[]}
      */
-    this.components = data.components?.map(c => BaseMessageComponent.create(c)) ?? null;
+    this.components = data.components?.map(c => BaseMessageComponent.create(c)) ?? [];
 
     /**
      * Color for the accent on the container as RGB from 0x000000 to 0xFFFFFF

src/structures/FileComponent.js

@@ -21,7 +21,7 @@ class FileComponent extends BaseMessageComponent {
      * This unfurled media item is unique in that it only supports attachment references using the attachment://<filename> syntax
      * @type {UnfurledMediaItem} 
      */
-    this.file = new UnfurledMediaItem(data.file) ?? null;
+    this.file = new UnfurledMediaItem(data.file);
 
     /**
      * Whether the container should be a spoiler (or blurred out). Defaults to false.
@@ -38,6 +38,7 @@ class FileComponent extends BaseMessageComponent {
     return {
       type: MessageComponentTypes[this.type],
       file: this.content,
+      spoiler: this.spoiler,
     };
   }
 }

src/structures/ThumbnailComponent.js

@@ -5,13 +5,25 @@ const UnfurledMediaItem = require('./UnfurledMediaItem');
 const { MessageComponentTypes } = require('../util/Constants');
 
 class ThumbnailComponent extends BaseMessageComponent {
+  /**
+   * @property {UnfurledMediaItem} [media] A url or attachment
+   * @property {String} [description] 	Alt text for the media, max 1024 characters
+   * @property {Boolean} [spoiler] Whether the thumbnail should be a spoiler (or blurred out). Defaults to false
+   */
+
+  /**
+   * @param {ThumbnailComponent | APIThumbnailComponent} [data={}]
+   */
   constructor(data = {}) {
     super({ type: 'THUMBNAIL' }, data);
-    this.media = new UnfurledMediaItem(data.media) ?? null;
+    this.media = new UnfurledMediaItem(data.media);
     this.description = data.description ?? null;
     this.spoiler = data.spoiler ?? false;
   }
 
+  /**
+   * @returns {APIThumbnailComponent}  
+   */
   toJSON() {
     return {
       type: MessageComponentTypes[this.type],

typings/enums.d.ts

@@ -333,7 +333,7 @@ export const enum RelationshipTypes {
   IMPLICIT = 5,
 }
 
-export const enum SeparatorSpacingSize {
+export const enum SeparatorSpacingSizes {
   SMALL = 1,
   LARGE = 2,
 }

typings/index.d.ts

@@ -116,6 +116,7 @@ import {
   PollLayoutTypes,
   ReactionTypes,
   MessageReferenceTypes,
+  SeparatorSpacingSizes,
 } from './enums';
 import {
   APIApplicationRoleConnectionMetadata,
@@ -178,6 +179,15 @@ import {
   RawWelcomeScreenData,
   RawWidgetData,
   RawWidgetMemberData,
+  APIUnfurledMediaItem,
+  APIContainerComponent,
+  APIFileComponent,
+  APISectionComponent,
+  APISeparatorComponent,
+  APIThumbnailComponent,
+  APITextDisplayComponent,
+  APIMediaGalleryComponent,
+  APIMediaGalleryItem,
 } from './rawDataTypes';
 import { Socket } from 'node:dgram';
 
@@ -2299,6 +2309,71 @@ export class MessageButton extends BaseMessageComponent {
   private static resolveStyle(style: MessageButtonStyleResolvable): MessageButtonStyle;
 }
 
+export class UnfurledMediaItem {
+  public constructor(data?: UnfurledMediaItem | APIUnfurledMediaItem);
+  public url: string | null;
+  public toJSON(): APIUnfurledMediaItem;
+}
+
+export class MediaGalleryItem {
+  public constructor(data?: MediaGalleryItem | APIMediaGalleryItem);
+  public media: UnfurledMediaItem;
+  public description: string | null;
+  public spoiler: boolean;
+  public toJSON(): APIMediaGalleryItem;
+}
+
+export class MediaGalleryComponent extends BaseMessageComponent {
+  public constructor(data?: MediaGalleryComponent | APIMediaGalleryComponent);
+  public items: MediaGalleryItem[];
+  public toJSON(): APIMediaGalleryComponent;
+  }
+
+export class FileComponent extends BaseMessageComponent {
+  public constructor(data?: FileComponent | APIFileComponent);
+  public file: UnfurledMediaItem;
+  public spoiler: boolean;
+  public toJSON(): APIFileComponent;
+}
+
+export class SeparatorComponent extends BaseMessageComponent {
+  public constructor(data?: SeparatorComponent | APISeparatorComponent);
+  public spacing: SeparatorSpacingSizes;
+  public divider: boolean;
+  public toJSON(): APISeparatorComponent;
+}
+
+export class TextDisplayComponent extends BaseMessageComponent {
+  public constructor(data?: TextDisplayComponent | APITextDisplayComponent);
+  public content: string | null;
+  public toJSON(): APITextDisplayComponent;
+}
+
+export class ThumbnailComponent extends BaseMessageComponent {
+  public constructor(data?: ThumbnailComponent | APIThumbnailComponent);
+  public media: UnfurledMediaItem;
+  public description: string | null;
+  public spoiler: boolean;
+}
+
+export class SectionComponent<T extends ThumbnailComponent | MessageButton> extends BaseMessageComponent {
+  public constructor(data?: SectionComponent<T> | APISectionComponent);
+  public components: TextDisplayComponent[];
+  public accessory: T[];
+  public toJSON(): APISectionComponent;
+}
+
+export class ContainerComponent<
+  U extends ThumbnailComponent | MessageButton,
+  T extends MessageActionRow | TextDisplayComponent | SectionComponent<U> | MediaGalleryComponent | SeparatorComponent | FileComponent
+> extends BaseMessageComponent {
+  public constructor(data?: ContainerComponent<U, T> | APIContainerComponent);
+  public components: T[];
+  public accent_color: number | null;
+  public spoiler: boolean;
+  public toJSON(): APIContainerComponent;
+}
+
 export class MessageCollector extends Collector<Snowflake, Message> {
   public constructor(channel: TextBasedChannel, options?: MessageCollectorOptions);
   private _handleChannelDeletion(channel: NonThreadGuildBasedChannel): void;

typings/rawDataTypes.d.ts

@@ -87,8 +87,10 @@ import {
   GuildVerificationLevel,
   GuildFeature,
   LocalizationMap,
+  APIActionRowComponent,
+  APIActionRowComponentTypes,
 } from 'discord-api-types/v10';
-import { GuildChannel, Guild, PermissionOverwrites, MessageActionRow } from '.';
+import { GuildChannel, Guild, PermissionOverwrites } from '.';
 import type {
   AutoModerationActionTypes,
   AutoModerationRuleEventTypes,
@@ -96,6 +98,7 @@ import type {
   AutoModerationRuleTriggerTypes,
   ApplicationRoleConnectionMetadataTypes,
   MessageComponentTypes,
+  SeparatorSpacingSizes,
 } from './enums';
 
 export type RawActivityData = GatewayActivity;
@@ -344,13 +347,51 @@ export interface APIApplicationRoleConnectionMetadata {
 
 export interface APIBaseComponent<T extends MessageComponentTypes> {
   type: T;
-  id?: Number;
+  id?: number;
 }
 
 export interface APIUnfurledMediaItem {
-  url: String;
+  url: string;
 }
 
-export interface APIContainerComponent extends APIBaseComponent<MessageComponentTypes.CONTAINER> {
+export interface APIMediaGalleryItem {
-  components: MessageActionRow
+  media: APIUnfurledMediaItem;
+  description: string;
+  spoiler: boolean;
+}
+
+export interface APISeparatorComponent extends APIBaseComponent<MessageComponentTypes.SEPARATOR> {
+  spacing: SeparatorSpacingSizes;
+  divider: boolean;
+}
+
+export interface APITextDisplayComponent extends APIBaseComponent<MessageComponentTypes.TEXT_DISPLAY> {
+  content: string;
+}
+
+export interface APIThumbnailComponent extends APIBaseComponent<MessageComponentTypes.THUMBNAIL> {
+  media: APIUnfurledMediaItem;
+  description: string;
+  spoiler: boolean;
+}
+
+export interface APIFileComponent extends APIBaseComponent<MessageComponentTypes.FILE> {
+  file: APIUnfurledMediaItem;
+  spoiler: boolean;
+}
+
+export interface APIMediaGalleryComponent extends APIBaseComponent<MessageComponentTypes.MEDIA_GALLERY> {
+  items: APIMediaGalleryItem;
+}
+
+export interface APISectionComponent extends APIBaseComponent<MessageComponentTypes.SECTION> {
+  components: APITextDisplayComponent[];
+  accessory: APIThumbnailComponent | APIMessageButtonInteractionData
+}
+
+type APIContainerComponents = APIActionRowComponent<APIActionRowComponentTypes> | APITextDisplayComponent | APISectionComponent | APIMediaGalleryComponent | APISeparatorComponent | APIFileComponent;
+export interface APIContainerComponent extends APIBaseComponent<MessageComponentTypes.CONTAINER> {
+  components: APIContainerComponents[];
+  accent_color: number;
+  spoiler: boolean;
 }