@open-discord-bots/framework 0.3.7 → 0.3.9

package/dist/api/main.js

@@ -44,7 +44,7 @@ export class ODMain {
     constructor(managers, project) {
         this.project = project;
         this.versions = managers.versions;
-        this.versions.add(ODVersion.fromString("opendiscord:api", "v0.3.7"));
+        this.versions.add(ODVersion.fromString("opendiscord:api", "v0.3.9"));
         this.versions.add(ODVersion.fromString("opendiscord:livestatus", "v2.0.0"));
         this.debugfile = managers.debugfile;
         this.console = managers.console;

package/dist/api/modules/builder.d.ts

@@ -614,6 +614,8 @@ export declare class ODMessageInstance {
 export declare class ODMessage<Origin extends string, Params, WorkerIds extends string = string> extends ODBuilderImplementation<ODMessageInstance, Origin, Params, ODMessageBuildResult, WorkerIds> {
     /**Build this message & compile it for discord.js */
     build(origin: Origin, params: Params): Promise<ODMessageBuildResult>;
+    /**Duplicate this message. Warning: If workers access external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour! */
+    duplicate(newId?: ODValidId): ODMessage<Origin, Params, WorkerIds>;
 }
 /**## ODQuickMessage `class`
  * This is an Open Discord quick message builder.

package/dist/api/modules/builder.js

@@ -1244,6 +1244,14 @@ export class ODMessage extends ODBuilderImplementation {
         this.didCache = true;
         return result;
     }
+    /**Duplicate this message. Warning: If workers access external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour! */
+    duplicate(newId) {
+        const newMessage = new ODMessage(newId ?? this.id.value);
+        for (const worker of this.workers.getAll()) {
+            newMessage.workers.add(worker.duplicate());
+        }
+        return newMessage;
+    }
 }
 /**## ODQuickMessage `class`
  * This is an Open Discord quick message builder.

package/dist/api/modules/component.d.ts

@@ -1,7 +1,8 @@
 import { ODId, ODValidId, ODManagerData, ODNoGeneric, ODManager, ODValidButtonColor, ODInterfaceWithPartialProperty } from "./base.js";
 import * as discord from "discord.js";
-import { ODWorkerManager, ODWorkerCallback } from "./worker.js";
+import { ODWorkerManager, ODWorkerCallback, ODWorker } from "./worker.js";
 import { ODDebugger } from "./console.js";
+import { ODMessage, ODMessageInstance } from "./builder.js";
 /**## ODComponentFactoryInstance `class`
  * An Open Discord component factory instance.
  *
@@ -28,6 +29,8 @@ export declare class ODComponentFactory<Component extends ODComponent<object, an
     constructor(id: ODValidId, callback?: ODWorkerCallback<ODComponentFactoryInstance<Component>, Origin, Params>, priority?: number, callbackId?: ODValidId);
     /**Run all workers and return the resulting component. */
     build(origin: Origin, params: Params): Promise<ODComponentInferBuildResult<Component>>;
+    /**Duplicate this component factory. Warning: If workers access external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour! */
+    duplicate(newId?: ODValidId): ODComponentFactory<Component, Origin, Params, WorkerIds>;
 }
 /**## ODComponentManagerIdConstraint `type`
  * The constraint/layout for id mappings/interfaces of the `ODComponentManager` class.
@@ -54,6 +57,26 @@ export declare class ODBaseComponentManager<IdList extends ODComponentManagerIdC
     exists(id: keyof ODNoGeneric<IdList>): boolean;
     exists(id: ODValidId): boolean;
 }
+/**## ODComponentModifierManagerIdConstraint `type`
+ * The constraint/layout for id mappings/interfaces of the `ODComponentModifierManager` class.
+ */
+export type ODComponentModifierManagerIdConstraint = Record<string, ODMessageComponentModifier<string, {}>>;
+/**## ODComponentModifierManager `class`
+ * An Open Discord component modifier manager.
+ *
+ * It contains a collection of all `ODMessageComponentModifier`'s. You can:
+ * - Patch, modify, expand or update existing messages
+ * - It Does not affect the original message (cloned)
+ */
+export declare class ODComponentModifierManager<IdList extends ODComponentModifierManagerIdConstraint = ODComponentModifierManagerIdConstraint> extends ODManager<ODMessageComponentModifier<string, {}>> {
+    constructor(debug: ODDebugger);
+    get<ModifierId extends keyof ODNoGeneric<IdList>>(id: ModifierId): IdList[ModifierId];
+    get(id: ODValidId): ODMessageComponentModifier<string, {}> | null;
+    remove<ModifierId extends keyof ODNoGeneric<IdList>>(id: ModifierId): IdList[ModifierId];
+    remove(id: ODValidId): ODMessageComponentModifier<string, {}> | null;
+    exists(id: keyof ODNoGeneric<IdList>): boolean;
+    exists(id: ODValidId): boolean;
+}
 /**## ODSharedComponentManager `class
  * A special class with types for shared message/modal `ODComponent`'s.
  * Create button, dropdown or any other layout component template to use them in messages & modals.
@@ -89,31 +112,67 @@ export declare class ODModalComponentManager<IdList extends ODComponentManagerId
  * - Get to know the origin of the request (e.g. button, dropdown, modal, ...)
  * - And so much more!
  */
-export declare class ODComponentManager<SharedIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint, MessageIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint, ModalIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint> {
+export declare class ODComponentManager<SharedIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint, MessageIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint, ModalIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint, ModifierIdList extends ODComponentModifierManagerIdConstraint = ODComponentModifierManagerIdConstraint> {
     /**The manager for all shared components. */
     shared: ODSharedComponentManager<SharedIdList>;
     /**The manager for all messages components. */
     messages: ODMessageComponentManager<MessageIdList>;
     /**The manager for all modals components. */
     modals: ODModalComponentManager<ModalIdList>;
+    /**The collection of all component modifiers. */
+    modifiers: ODComponentModifierManager<ModifierIdList>;
     constructor(debug: ODDebugger);
 }
 /**## ODComponentInferBuildResult `type`
  * Infer the build result of a certain component.
  */
 export type ODComponentInferBuildResult<Component> = Component extends ODComponent<object, infer BuildResult> ? BuildResult : never;
+/**## ODComponentType `type`
+ * The type of an `ODComponent`.
+ */
+export type ODComponentType = "message" | "simple-message" | "modal" | "action-row" | "container" | "section" | "label" | "separator" | "text" | "file" | "gallery" | "thumbnail" | "simple-content" | "simple-embed" | "simple-poll" | "button" | "short-input" | "paragraph-input" | "dropdown" | "radio-group" | "checkbox-group" | "checkbox" | "file-upload";
+/**## ODComponentType `type`
+ * Get the `ODComponent` class for a specific `ODComponentType`.
+ */
+export interface ODComponentForType {
+    "message": ODMessageComponent;
+    "simple-message": ODSimpleMessageComponent;
+    "modal": ODModalComponent;
+    "action-row": ODActionRowComponent;
+    "container": ODContainerComponent;
+    "section": ODSectionComponent;
+    "label": ODLabelComponent;
+    "separator": ODSeparatorComponent;
+    "text": ODTextComponent;
+    "file": ODFileComponent;
+    "gallery": ODGalleryComponent;
+    "thumbnail": ODThumbnailComponent;
+    "simple-content": ODContentComponent;
+    "simple-embed": ODEmbedComponent;
+    "simple-poll": ODPollComponent;
+    "button": ODButtonComponent;
+    "short-input": ODShortInputComponent;
+    "paragraph-input": ODParagraphInputComponent;
+    "dropdown": ODDropdownComponent;
+    "radio-group": ODRadioGroupComponent;
+    "checkbox-group": ODCheckboxGroupComponent;
+    "checkbox": ODCheckboxComponent;
+    "file-upload": ODFileUploadComponent;
+}
 /**## ODComponent `class`
  * An Open Discord message/modal component.
  *
  * This class itself doesn't do anything, but is a blueprint for other
  * `ODComponent` classes which represent the new Discord message/modal components.
  */
-export declare abstract class ODComponent<Data extends object, BuildResult> {
+export declare abstract class ODComponent<Data extends object, BuildResult, Type extends ODComponentType = ODComponentType> {
     /**The id of this message/modal component. */
     id: ODId;
     /**The data or configuration of this message/modal component. */
     readonly data: Data;
-    constructor(id: ODValidId, data: Data);
+    /**The type of this component. */
+    readonly type: Type;
+    constructor(id: ODValidId, type: Type, data: Data);
     /**Build this component. Returns `null` when invalid. */
     abstract build(): Promise<BuildResult | null> | BuildResult | null;
 }
@@ -125,7 +184,7 @@ export declare abstract class ODComponent<Data extends object, BuildResult> {
  */
 export declare abstract class ODGroupComponent<Data extends object, ChildComponent extends ODComponent<object, any>, BuildResult> extends ODComponent<Data, BuildResult> {
     /**The collection of child components. */
-    readonly children: ChildComponent[];
+    children: ChildComponent[];
     /**Add a new component to this group. There are multiple modes available:
      * - `start`: insert at the start of the list.
      * - `end`: insert at the end of the list.
@@ -136,14 +195,22 @@ export declare abstract class ODGroupComponent<Data extends object, ChildCompone
     addComponent(c: ChildComponent, mode: "start" | "end"): void;
     addComponent(c: ChildComponent, mode: "before" | "after", referenceId: ODValidId): void;
     addComponent(c: ChildComponent, mode: "index", referenceIndex: number): void;
-    /**Get a component with a certain ID in this group. Returns `null` if non-existent. */
+    /**Get a component with a certain ID in this group. Returns `null` if non-existent. Also able to search for components recursively. */
     getComponent(id: ODValidId): ChildComponent | null;
+    getComponent(id: ODValidId, recursive: true, recursiveLimit?: number): ODComponent<any, any, ODComponentType> | null;
+    /**Get all components of a certain type in this group. Also able to search for components recursively. */
+    getComponentsOfType<Type extends ODComponentType>(type: Type): ODComponentForType[Type][];
+    getComponentsOfType<Type extends ODComponentType>(type: Type, recursive: true, recursiveLimit?: number): ODComponentForType[Type][];
     /**Get the position of a component with a certain ID in this group. Returns `-1` if non-existent. */
     getComponentPosition(id: ODValidId): number;
+    /**List all child components of this group. */
+    listComponent(): ChildComponent[];
     /**Returns if a component with a certain ID exists in this group. */
     existsComponent(id: ODValidId): boolean;
     /**Remove a component with a certain ID from this group. Returns the removed component or `null if non-existent. */
     removeComponent(id: ODValidId): ChildComponent | null;
+    /**Remove all child components from this group. Returns the removed components. */
+    clearComponents(): ChildComponent[];
     /**Moves an existing component to a new location in this group. There are multiple modes available:
      * - `start`: move to the start of the list.
      * - `end`: move to the end of the list.
@@ -169,6 +236,22 @@ export declare abstract class ODParentComponent<Data extends object, ChildCompon
     /**Set the child component of this parent. */
     setComponent(c: ChildComponent | null): void;
 }
+/**## ODMessageComponentModifier `class`
+ * This is an Open Discord message component modifier.
+ *
+ * It contains a worker which is can be added to a message.
+ *
+ * The original message is preserved and a duplicate of `ODMessage` or `ODComponentFactory` is returned.
+ *
+ * Warning: If workers access external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour!
+ */
+export declare class ODMessageComponentModifier<Origin extends string, Params> extends ODManagerData {
+    /**The worker which will modify the message. */
+    worker: ODWorker<ODMessageInstance | ODComponentFactoryInstance<ODMessageComponent>, Origin, Params>;
+    constructor(id: ODValidId, worker: ODWorker<ODMessageInstance | ODComponentFactoryInstance<ODMessageComponent>, Origin, Params>);
+    /**Modify an `ODMessage` or `ODComponentFactory` with the worker. A copy will be returned and the original is preserved. */
+    modify<Message extends ODMessage<any, any, any> | ODComponentFactory<ODMessageComponent, any, any, any>>(message: Message): Message;
+}
 /**## ODMessageComponentData `type`
  * The configurable settings/options for the `ODMessageComponent`.
  */
@@ -187,7 +270,7 @@ export interface ODMessageComponentData {
 /**## ODValidMessageComponents `type`
  * A collection of all valid top-level components that can be sent in a message.
  */
-export type ODValidMessageComponents = ODTextComponent | ODFileComponent | ODGalleryComponent;
+export type ODValidMessageComponents = ODTextComponent | ODFileComponent | ODGalleryComponent | ODActionRowComponent | ODContainerComponent | ODSectionComponent | ODSeparatorComponent;
 /**## ODMessageComponentBuildResult `type`
  * The constructed message from an `ODMessageComponent`.
  */

package/dist/api/modules/component.js

@@ -46,6 +46,14 @@ export class ODComponentFactory extends ODManagerData {
             throw new ODSystemError("ODComponentFactory.build() --> Failed to build component! (id: " + this.id.value + ")");
         return rootComponent.build();
     }
+    /**Duplicate this component factory. Warning: If workers access external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour! */
+    duplicate(newId) {
+        const newMessage = new ODComponentFactory(newId ?? this.id.value);
+        for (const worker of this.workers.getAll()) {
+            newMessage.workers.add(worker.duplicate());
+        }
+        return newMessage;
+    }
 }
 /**## ODBaseComponentManager `class`
  * A generic Open Discord component manager.
@@ -67,6 +75,27 @@ export class ODBaseComponentManager extends ODManager {
         return super.exists(id);
     }
 }
+/**## ODComponentModifierManager `class`
+ * An Open Discord component modifier manager.
+ *
+ * It contains a collection of all `ODMessageComponentModifier`'s. You can:
+ * - Patch, modify, expand or update existing messages
+ * - It Does not affect the original message (cloned)
+ */
+export class ODComponentModifierManager extends ODManager {
+    constructor(debug) {
+        super(debug, "component modifier");
+    }
+    get(id) {
+        return super.get(id);
+    }
+    remove(id) {
+        return super.remove(id);
+    }
+    exists(id) {
+        return super.exists(id);
+    }
+}
 /**## ODSharedComponentManager `class
  * A special class with types for shared message/modal `ODComponent`'s.
  * Create button, dropdown or any other layout component template to use them in messages & modals.
@@ -115,10 +144,13 @@ export class ODComponentManager {
     messages;
     /**The manager for all modals components. */
     modals;
+    /**The collection of all component modifiers. */
+    modifiers;
     constructor(debug) {
         this.shared = new ODSharedComponentManager(debug);
         this.messages = new ODMessageComponentManager(debug);
         this.modals = new ODModalComponentManager(debug);
+        this.modifiers = new ODComponentModifierManager(debug);
     }
 }
 /**## ODComponent `class`
@@ -132,9 +164,12 @@ export class ODComponent {
     id;
     /**The data or configuration of this message/modal component. */
     data;
-    constructor(id, data) {
+    /**The type of this component. */
+    type;
+    constructor(id, type, data) {
         this.id = new ODId(id);
         this.data = data;
+        this.type = type;
     }
 }
 /**## ODGroupComponent `class`
@@ -175,15 +210,56 @@ export class ODGroupComponent extends ODComponent {
             }
         }
     }
-    /**Get a component with a certain ID in this group. Returns `null` if non-existent. */
-    getComponent(id) {
+    getComponent(id, recursive, recursiveLimit = 15) {
         const component = this.children.find((c) => c.id.value === new ODId(id).value);
-        return component ?? null;
+        if (component)
+            return component;
+        else if (recursive && (recursiveLimit > 0)) {
+            for (const child of this.children) {
+                if (child instanceof ODGroupComponent) {
+                    const finalComponent = child.getComponent(id, recursive, recursiveLimit - 1);
+                    if (finalComponent)
+                        return finalComponent;
+                }
+                else if (child instanceof ODParentComponent) {
+                    const finalComponent = child.child;
+                    if (finalComponent.id.value === new ODId(id).value)
+                        return finalComponent;
+                }
+            }
+            return null;
+        }
+        else
+            return null;
+    }
+    getComponentsOfType(type, recursive, recursiveLimit = 15) {
+        if (recursive && (recursiveLimit > 0)) {
+            const finalComponents = [...this.children.filter((c) => c.type === type)];
+            for (const child of this.children) {
+                if (child instanceof ODGroupComponent) {
+                    finalComponents.push(...child.getComponentsOfType(type, recursive, recursiveLimit - 1));
+                }
+                else if (child instanceof ODParentComponent) {
+                    const finalComponent = child.child;
+                    if (finalComponent.type === type)
+                        finalComponents.push(finalComponent);
+                }
+            }
+            return finalComponents;
+        }
+        else {
+            const finalComponents = [...this.children.filter((c) => c.type === type)];
+            return finalComponents;
+        }
     }
     /**Get the position of a component with a certain ID in this group. Returns `-1` if non-existent. */
     getComponentPosition(id) {
         return this.children.findIndex((c) => c.id.value === new ODId(id).value);
     }
+    /**List all child components of this group. */
+    listComponent() {
+        return this.children;
+    }
     /**Returns if a component with a certain ID exists in this group. */
     existsComponent(id) {
         const component = this.children.find((c) => c.id.value === new ODId(id).value);
@@ -197,6 +273,12 @@ export class ODGroupComponent extends ODComponent {
         else
             return this.children.splice(index, 1)[0];
     }
+    /**Remove all child components from this group. Returns the removed components. */
+    clearComponents() {
+        const removedChildren = this.children;
+        this.children = [];
+        return removedChildren;
+    }
     moveComponent(id, mode = "start", reference) {
         const component = this.removeComponent(id);
         if (component) {
@@ -228,6 +310,32 @@ export class ODParentComponent extends ODComponent {
         this.rawChild = c;
     }
 }
+/////////////////////////////
+//   COMPONENT MODIFIERS   //
+/////////////////////////////
+/**## ODMessageComponentModifier `class`
+ * This is an Open Discord message component modifier.
+ *
+ * It contains a worker which is can be added to a message.
+ *
+ * The original message is preserved and a duplicate of `ODMessage` or `ODComponentFactory` is returned.
+ *
+ * Warning: If workers access external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour!
+ */
+export class ODMessageComponentModifier extends ODManagerData {
+    /**The worker which will modify the message. */
+    worker;
+    constructor(id, worker) {
+        super(id);
+        this.worker = worker;
+    }
+    /**Modify an `ODMessage` or `ODComponentFactory` with the worker. A copy will be returned and the original is preserved. */
+    modify(message) {
+        const newMsg = message.duplicate(message.id.value + "-VERIFYBAR");
+        newMsg.workers.add(this.worker.duplicate());
+        return newMsg;
+    }
+}
 /**## ODMessageComponent `class`
  * A message builder with **components v2** support.
  * Add items to this message using `addComponent()`.
@@ -237,7 +345,7 @@ export class ODParentComponent extends ODComponent {
 export class ODMessageComponent extends ODGroupComponent {
     constructor(id, data) {
         const initData = { ...data };
-        super(id, initData);
+        super(id, "message", initData);
     }
     async build() {
         if (this.children.length < 1)
@@ -261,6 +369,14 @@ export class ODMessageComponent extends ODGroupComponent {
                 if (res?.attachments)
                     attachments.push(...res.attachments);
             }
+            else if (component instanceof ODContainerComponent) {
+                //ODContainerComponent (special)
+                const res = await component.build();
+                if (res)
+                    components.push(res.container);
+                if (res?.attachments)
+                    attachments.push(...res.attachments);
+            }
             else {
                 //general ODComponent's
                 const res = await component.build();
@@ -309,7 +425,7 @@ export class ODMessageComponent extends ODGroupComponent {
 export class ODSimpleMessageComponent extends ODGroupComponent {
     constructor(id, data) {
         const initData = { ...data };
-        super(id, initData);
+        super(id, "simple-message", initData);
     }
     async build() {
         if (this.children.length < 1)
@@ -385,7 +501,7 @@ export class ODSimpleMessageComponent extends ODGroupComponent {
 export class ODModalComponent extends ODGroupComponent {
     constructor(id, data) {
         const initData = { title: "<empty>", ...data };
-        super(id, initData);
+        super(id, "modal", initData);
     }
     async build() {
         if (this.children.length < 1)
@@ -429,7 +545,7 @@ export class ODModalComponent extends ODGroupComponent {
 export class ODActionRowComponent extends ODGroupComponent {
     constructor(id, data) {
         const initData = { ...data };
-        super(id, initData);
+        super(id, "action-row", initData);
     }
     async build() {
         if (this.children.length < 1)
@@ -452,7 +568,7 @@ export class ODActionRowComponent extends ODGroupComponent {
 export class ODContainerComponent extends ODGroupComponent {
     constructor(id, data) {
         const initData = { spoiler: false, ...data };
-        super(id, initData);
+        super(id, "container", initData);
     }
     async build() {
         if (this.children.length < 1)
@@ -509,7 +625,7 @@ export class ODContainerComponent extends ODGroupComponent {
 export class ODSectionComponent extends ODGroupComponent {
     constructor(id, data) {
         const initData = { ...data };
-        super(id, initData);
+        super(id, "section", initData);
     }
     async build() {
         if (this.children.length < 1)
@@ -542,7 +658,7 @@ export class ODSectionComponent extends ODGroupComponent {
 export class ODLabelComponent extends ODParentComponent {
     constructor(id, data) {
         const initData = { title: "<empty>", ...data };
-        super(id, initData);
+        super(id, "label", initData);
     }
     async build() {
         let component = undefined;
@@ -572,7 +688,7 @@ export class ODLabelComponent extends ODParentComponent {
 export class ODSeparatorComponent extends ODComponent {
     constructor(id, data) {
         const initData = { divider: true, spacing: "small", ...data };
-        super(id, initData);
+        super(id, "separator", initData);
     }
     async build() {
         return new discord.SeparatorBuilder({
@@ -595,7 +711,7 @@ export class ODSeparatorComponent extends ODComponent {
 export class ODTextComponent extends ODComponent {
     constructor(id, data) {
         const initData = { content: "", ...data };
-        super(id, initData);
+        super(id, "text", initData);
     }
     async build() {
         if (this.data.content.length < 1)
@@ -615,7 +731,7 @@ export class ODTextComponent extends ODComponent {
 export class ODFileComponent extends ODComponent {
     constructor(id, data) {
         const initData = { name: "file.txt", ...data };
-        super(id, initData);
+        super(id, "file", initData);
     }
     async build() {
         if (!this.data.content && !this.data.externalUrl)
@@ -662,7 +778,7 @@ export class ODFileComponent extends ODComponent {
 export class ODGalleryComponent extends ODGroupComponent {
     constructor(id, data) {
         const initData = { ...data };
-        super(id, initData);
+        super(id, "gallery", initData);
     }
     async build() {
         if (this.children.length < 1)
@@ -695,7 +811,7 @@ export class ODGalleryComponent extends ODGroupComponent {
 export class ODThumbnailComponent extends ODComponent {
     constructor(id, data) {
         const initData = { url: "", ...data };
-        super(id, initData);
+        super(id, "thumbnail", initData);
     }
     async build() {
         if (this.data.url.length < 1)
@@ -725,7 +841,7 @@ export class ODThumbnailComponent extends ODComponent {
 export class ODContentComponent extends ODComponent {
     constructor(id, data) {
         const initData = { content: "", ...data };
-        super(id, initData);
+        super(id, "simple-content", initData);
     }
     async build() {
         if (this.data.content.length < 1)
@@ -745,7 +861,7 @@ export class ODContentComponent extends ODComponent {
 export class ODEmbedComponent extends ODComponent {
     constructor(id, data) {
         const initData = { ...data };
-        super(id, initData);
+        super(id, "simple-embed", initData);
     }
     async build() {
         if (this.data.title && this.data.title.length > 256)
@@ -871,7 +987,7 @@ export class ODEmbedComponent extends ODComponent {
 export class ODPollComponent extends ODComponent {
     constructor(id, data) {
         const initData = { question: "<empty>", durationHours: 1, allowMultiSelect: false, answers: [], ...data };
-        super(id, initData);
+        super(id, "simple-poll", initData);
     }
     async build() {
         if (this.data.question.length < 1)
@@ -914,7 +1030,7 @@ export class ODPollComponent extends ODComponent {
 export class ODButtonComponent extends ODComponent {
     constructor(id, data) {
         const initData = { color: "gray", disabled: false, ...data };
-        super(id, initData);
+        super(id, "button", initData);
     }
     async build() {
         if (!this.data.emoji && !this.data.label)
@@ -981,7 +1097,7 @@ export class ODButtonComponent extends ODComponent {
 export class ODShortInputComponent extends ODComponent {
     constructor(id, data) {
         const initData = { required: false, ...data };
-        super(id, initData);
+        super(id, "short-input", initData);
     }
     async build() {
         return new discord.TextInputBuilder({
@@ -1032,7 +1148,7 @@ export class ODShortInputComponent extends ODComponent {
 export class ODParagraphInputComponent extends ODComponent {
     constructor(id, data) {
         const initData = { required: false, ...data };
-        super(id, initData);
+        super(id, "paragraph-input", initData);
     }
     async build() {
         return new discord.TextInputBuilder({
@@ -1083,7 +1199,7 @@ export class ODParagraphInputComponent extends ODComponent {
 export class ODDropdownComponent extends ODComponent {
     constructor(id, data) {
         const initData = { type: "string", ...data };
-        super(id, initData);
+        super(id, "dropdown", initData);
     }
     async build() {
         const genericOpts = {
@@ -1204,7 +1320,7 @@ export class ODDropdownComponent extends ODComponent {
 export class ODRadioGroupComponent extends ODComponent {
     constructor(id, data) {
         const initData = { required: false, options: [], ...data };
-        super(id, initData);
+        super(id, "radio-group", initData);
     }
     async build() {
         if (!this.data.options || this.data.options.length < 2)
@@ -1237,7 +1353,7 @@ export class ODRadioGroupComponent extends ODComponent {
 export class ODCheckboxGroupComponent extends ODComponent {
     constructor(id, data) {
         const initData = { required: false, options: [], ...data };
-        super(id, initData);
+        super(id, "checkbox-group", initData);
     }
     async build() {
         if (!this.data.options || this.data.options.length < 2)
@@ -1283,7 +1399,7 @@ export class ODCheckboxGroupComponent extends ODComponent {
 export class ODCheckboxComponent extends ODComponent {
     constructor(id, data) {
         const initData = { default: false, ...data };
-        super(id, initData);
+        super(id, "checkbox", initData);
     }
     async build() {
         return new discord.CheckboxBuilder({
@@ -1309,7 +1425,7 @@ export class ODCheckboxComponent extends ODComponent {
 export class ODFileUploadComponent extends ODComponent {
     constructor(id, data) {
         const initData = { required: false, ...data };
-        super(id, initData);
+        super(id, "file-upload", initData);
     }
     async build() {
         if (typeof this.data.minAmount == "number" && !(this.data.minAmount >= 0 && this.data.minAmount <= 10))

package/dist/api/modules/fuse.d.ts

@@ -158,6 +158,8 @@ export interface ODSharedFuseList {
     messageComponentsLoading: boolean;
     /**Load the default Open Discord modal components. */
     modalComponentsLoading: boolean;
+    /**Load the default Open Discord component modifiers. */
+    componentModifiersLoading: boolean;
     /**Load the default Open Discord command responders. */
     commandRespondersLoading: boolean;
     /**Load the default Open Discord button responders. */

package/dist/api/modules/fuse.js

@@ -90,6 +90,7 @@ export class ODSharedFuseManager extends ODFuseManager {
             sharedComponentsLoading: true,
             messageComponentsLoading: true,
             modalComponentsLoading: true,
+            componentModifiersLoading: true,
             commandRespondersLoading: true,
             buttonRespondersLoading: true,
             dropdownRespondersLoading: true,