@open-discord-bots/framework 0.3.7 → 0.3.8

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.8"));
         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,

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

@@ -5,6 +5,7 @@ import { ODButtonResponderInstance } from "./responder.js";
 import * as discord from "discord.js";
 import { ODWorkerManager } from "./worker.js";
 /**## ODVerifyBar `class`
+ * @deprecated Use `ODMessageComponentModifier`'s instead.
  * This is an Open Discord verifybar.
  *
  * It is contains 2 sets of workers and a lot of utilities for the (✅ ❌) verifybars in the bot.
@@ -43,6 +44,7 @@ export declare class ODVerifyBar<SuccessWorkerIds extends string = string, Failu
     activate(responder: ODButtonResponderInstance): Promise<void>;
 }
 /**## ODVerifyBarManagerIdConstraint `type`
+ * @deprecated Use `ODMessageComponentModifier`'s instead.
  * The constraint/layout for id mappings/interfaces of the `ODVerifyBarManager` class.
  */
 export type ODVerifyBarManagerIdConstraint = Record<string, {
@@ -50,9 +52,9 @@ export type ODVerifyBarManagerIdConstraint = Record<string, {
     failureWorkerIds: string;
 }>;
 /**## ODVerifyBarManager `class`
- * This is an Open Discord verifybar manager.
+ * @deprecated Use `ODMessageComponentModifier`'s instead.
  *
- * It contains all (✅ ❌) verifybars in the bot.
+ * The Open Discord verifybar manager manages all (✅ ❌) verifybars in the bot.
  * The `ODVerifyBar` classes contain `ODWorkerManager`'s that will be fired when the continue/stop buttons are pressed.
  *
  * It doesn't contain the code which activates the verifybars! This should be implemented by your own.

package/dist/api/modules/verifybar.js

@@ -4,6 +4,7 @@
 import { ODManager, ODManagerData } from "./base.js";
 import { ODWorkerManager } from "./worker.js";
 /**## ODVerifyBar `class`
+ * @deprecated Use `ODMessageComponentModifier`'s instead.
  * This is an Open Discord verifybar.
  *
  * It is contains 2 sets of workers and a lot of utilities for the (✅ ❌) verifybars in the bot.
@@ -41,9 +42,9 @@ export class ODVerifyBar extends ODManagerData {
     }
 }
 /**## ODVerifyBarManager `class`
- * This is an Open Discord verifybar manager.
+ * @deprecated Use `ODMessageComponentModifier`'s instead.
  *
- * It contains all (✅ ❌) verifybars in the bot.
+ * The Open Discord verifybar manager manages all (✅ ❌) verifybars in the bot.
  * The `ODVerifyBar` classes contain `ODWorkerManager`'s that will be fired when the continue/stop buttons are pressed.
  *
  * It doesn't contain the code which activates the verifybars! This should be implemented by your own.

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

@@ -19,6 +19,8 @@ export declare class ODWorker<Instance, Origin extends string, Params> extends O
     /**The main callback of this worker */
     callback: ODWorkerCallback<Instance, Origin, Params>;
     constructor(id: ODValidId, priority: number, callback: ODWorkerCallback<Instance, Origin, Params>);
+    /**Duplicate this worker. Warning: If the callback accesses external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour! */
+    duplicate(newId?: ODValidId): ODWorker<Instance, Origin, Params>;
 }
 /**## ODWorker `class`
  * This is an Open Discord worker manager.

package/dist/api/modules/worker.js

@@ -22,6 +22,10 @@ export class ODWorker extends ODManagerData {
         this.priority = priority;
         this.callback = callback;
     }
+    /**Duplicate this worker. Warning: If the callback accesses external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour! */
+    duplicate(newId) {
+        return new ODWorker(newId ?? this.id.value, this.priority, this.callback);
+    }
 }
 /**## ODWorker `class`
  * This is an Open Discord worker manager.

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@open-discord-bots/framework",
     "author": "DJj123dj",
-    "version": "0.3.7",
+    "version": "0.3.8",
     "description": "The core framework of the popular open-source discord bots: Open Ticket & Open Moderation.",
     "main": "dist/index.js",
     "module": "dist/index.js",

package/src/api/main.ts

@@ -154,7 +154,7 @@ export abstract class ODMain implements ODMainManagers {
     constructor(managers:ODMainManagers,project:ODProjectType){
         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.8"))
         this.versions.add(ODVersion.fromString("opendiscord:livestatus","v2.0.0"))
 
         this.debugfile = managers.debugfile

package/src/api/modules/builder.ts

@@ -1469,6 +1469,14 @@ export class ODMessage<Origin extends string,Params,WorkerIds extends string = s
         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?:ODValidId): ODMessage<Origin,Params,WorkerIds> {
+        const newMessage = new ODMessage<Origin,Params,WorkerIds>(newId ?? this.id.value)
+        for (const worker of this.workers.getAll()){
+            newMessage.workers.add(worker.duplicate())
+        }
+        return newMessage
+    }
 }
 
 /**## ODQuickMessage `class`

package/src/api/modules/component.ts

@@ -5,6 +5,7 @@ import { ODId, ODValidId, ODSystemError, ODManagerData, ODNoGeneric, ODManager,
 import * as discord from "discord.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.
@@ -49,6 +50,14 @@ export class ODComponentFactory<Component extends ODComponent<object,any>,Origin
         if (!rootComponent) 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?:ODValidId): ODComponentFactory<Component,Origin,Params,WorkerIds> {
+        const newMessage = new ODComponentFactory<Component,Origin,Params,WorkerIds>(newId ?? this.id.value)
+        for (const worker of this.workers.getAll()){
+            newMessage.workers.add(worker.duplicate())
+        }
+        return newMessage
+    }
 }
 
 /**## ODComponentManagerIdConstraint `type`
@@ -88,6 +97,46 @@ export class ODBaseComponentManager<IdList extends ODComponentManagerIdConstrain
     }
 }
 
+
+/**## 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 class ODComponentModifierManager<IdList extends ODComponentModifierManagerIdConstraint = ODComponentModifierManagerIdConstraint> extends ODManager<ODMessageComponentModifier<string,{}>> {
+    constructor(debug:ODDebugger){
+        super(debug,"component modifier")
+    }
+    
+    get<ModifierId extends keyof ODNoGeneric<IdList>>(id:ModifierId): IdList[ModifierId]
+    get(id:ODValidId): ODMessageComponentModifier<string,{}>|null
+    
+    get(id:ODValidId): ODMessageComponentModifier<string,{}>|null {
+        return super.get(id)
+    }
+
+    remove<ModifierId extends keyof ODNoGeneric<IdList>>(id:ModifierId): IdList[ModifierId]
+    remove(id:ODValidId): ODMessageComponentModifier<string,{}>|null
+    
+    remove(id:ODValidId): ODMessageComponentModifier<string,{}>|null {
+        return super.remove(id)
+    }
+
+    exists(id:keyof ODNoGeneric<IdList>): boolean
+    exists(id:ODValidId): boolean
+    
+    exists(id:ODValidId): boolean {
+        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.
@@ -135,7 +184,8 @@ export class ODModalComponentManager<IdList extends ODComponentManagerIdConstrai
 export class ODComponentManager<
     SharedIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint,
     MessageIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint,
-    ModalIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint
+    ModalIdList extends ODComponentManagerIdConstraint = ODComponentManagerIdConstraint,
+    ModifierIdList extends ODComponentModifierManagerIdConstraint = ODComponentModifierManagerIdConstraint
 > {
     /**The manager for all shared components. */
     shared: ODSharedComponentManager<SharedIdList>
@@ -143,11 +193,14 @@ export class ODComponentManager<
     messages: ODMessageComponentManager<MessageIdList>
     /**The manager for all modals components. */
     modals: ODModalComponentManager<ModalIdList>
+    /**The collection of all component modifiers. */
+    modifiers: ODComponentModifierManager<ModifierIdList>
 
     constructor(debug:ODDebugger){
         this.shared = new ODSharedComponentManager(debug)
         this.messages = new ODMessageComponentManager(debug)
         this.modals = new ODModalComponentManager(debug)
+        this.modifiers = new ODComponentModifierManager(debug)
     }
 }
 
@@ -160,21 +213,58 @@ export class ODComponentManager<
  */
 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 abstract class ODComponent<Data extends object,BuildResult> {
+export 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
+    /**The type of this component. */
+    readonly type: Type
 
-    constructor(id:ODValidId,data:Data){
+    constructor(id:ODValidId,type:Type,data:Data){
         this.id = new ODId(id)
         this.data = data
+        this.type = type
     }
 
     /**Build this component. Returns `null` when invalid. */
@@ -189,7 +279,7 @@ export abstract class ODComponent<Data extends object,BuildResult> {
  */
 export 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.
@@ -223,15 +313,55 @@ export abstract class ODGroupComponent<Data extends object,ChildComponent extend
             }
         }
     }
-    /**Get a component with a certain ID in this group. Returns `null` if non-existent. */
-    getComponent(id:ODValidId){
+    /**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
+    getComponent(id:ODValidId,recursive?:boolean,recursiveLimit:number=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) as ODComponent<any,any,ODComponentType>
+                    if (finalComponent) return finalComponent
+                }else if (child instanceof ODParentComponent){
+                    const finalComponent = child.child as ODComponent<any,any,ODComponentType>
+                    if (finalComponent.id.value === new ODId(id).value) return finalComponent
+                }
+            }
+            return null
+        }else return 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][]
+    getComponentsOfType(type:ODComponentType,recursive?:boolean,recursiveLimit:number=15){
+        if (recursive && (recursiveLimit > 0)){
+            const finalComponents: ODComponent<any,any,ODComponentType>[] = [...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) as ODComponent<any,any,ODComponentType>[]))
+                    
+                }else if (child instanceof ODParentComponent){
+                    const finalComponent = child.child as ODComponent<any,any,ODComponentType>
+                    if (finalComponent.type === type) finalComponents.push(finalComponent)
+                }
+            }
+            return finalComponents
+        }else{
+            const finalComponents: ChildComponent[] = [...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:ODValidId){
         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:ODValidId){
         const component = this.children.find((c) => c.id.value === new ODId(id).value)
@@ -243,6 +373,12 @@ export abstract class ODGroupComponent<Data extends object,ChildComponent extend
         if (index < 0) return null
         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
+    }
     /**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.
@@ -284,6 +420,36 @@ export abstract class ODParentComponent<Data extends object,ChildComponent exten
     }
 }
 
+/////////////////////////////
+//   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<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>){
+        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 extends ODMessage<any,any,any>|ODComponentFactory<ODMessageComponent,any,any,any>>(message:Message): Message {
+        const newMsg = message.duplicate(message.id.value+"-VERIFYBAR") as Message
+        newMsg.workers.add(this.worker.duplicate())
+        return newMsg
+    }
+}
+
 //////////////////////////////////////
 //   GLOBAL COMPONENT DEFINITIONS   //
 //////////////////////////////////////
@@ -307,7 +473,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`.
@@ -336,7 +502,7 @@ export interface ODMessageComponentBuildResult {
 export class ODMessageComponent extends ODGroupComponent<ODMessageComponentData,ODValidMessageComponents,ODMessageComponentBuildResult> {
     constructor(id:ODValidId,data?:Partial<ODMessageComponentData>){
         const initData: ODMessageComponentData = {...data}
-        super(id,initData)
+        super(id,"message",initData)
     }
 
     async build(){
@@ -357,6 +523,11 @@ export class ODMessageComponent extends ODGroupComponent<ODMessageComponentData,
                 const res = await component.build()
                 if (res) components.push(res.gallery)
                 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()
@@ -429,7 +600,7 @@ export type ODValidSimpleMessageComponents = ODContentComponent|ODEmbedComponent
 export class ODSimpleMessageComponent extends ODGroupComponent<ODSimpleMessageComponentData,ODValidSimpleMessageComponents,ODMessageComponentBuildResult> {
     constructor(id:ODValidId,data?:Partial<ODMessageComponentData>){
         const initData: ODMessageComponentData = {...data}
-        super(id,initData)
+        super(id,"simple-message",initData)
     }
 
     async build(){
@@ -521,7 +692,7 @@ export type ODValidModalComponents = ODLabelComponent|ODTextComponent
 export class ODModalComponent extends ODGroupComponent<ODModalComponentData,ODValidModalComponents,discord.ModalBuilder> {
     constructor(id:ODValidId,data?:Partial<ODModalComponentData>){
         const initData: ODModalComponentData = {title:"<empty>",...data}
-        super(id,initData)
+        super(id,"modal",initData)
     }
 
     async build(){
@@ -584,7 +755,7 @@ export type ODValidActionRowComponents = ODButtonComponent|ODDropdownComponent
 export class ODActionRowComponent extends ODGroupComponent<ODActionRowComponentData,ODValidActionRowComponents,discord.ActionRowBuilder<discord.MessageActionRowComponentBuilder>> {
     constructor(id:ODValidId,data?:Partial<ODActionRowComponentData>){
         const initData: ODActionRowComponentData = {...data}
-        super(id,initData)
+        super(id,"action-row",initData)
     }
 
     async build(){
@@ -624,7 +795,7 @@ export type ODValidContainerComponents = ODActionRowComponent|ODTextComponent|OD
 export class ODContainerComponent extends ODGroupComponent<ODContainerComponentData,ODValidContainerComponents,{container:discord.ContainerBuilder,attachments:discord.AttachmentBuilder[]}> {
     constructor(id:ODValidId,data?:Partial<ODContainerComponentData>){
         const initData: ODContainerComponentData = {spoiler:false,...data}
-        super(id,initData)
+        super(id,"container",initData)
     }
 
     async build(){
@@ -689,7 +860,7 @@ export interface ODSectionComponentData {
 export class ODSectionComponent extends ODGroupComponent<ODSectionComponentData,ODTextComponent,discord.SectionBuilder> {
     constructor(id:ODValidId,data?:Partial<ODSectionComponentData>){
         const initData: ODSectionComponentData = {...data}
-        super(id,initData)
+        super(id,"section",initData)
     }
 
     async build(){
@@ -741,7 +912,7 @@ export type ODValidLabelComponents = ODShortInputComponent|ODParagraphInputCompo
 export class ODLabelComponent extends ODParentComponent<ODLabelComponentData,ODValidLabelComponents,discord.LabelBuilder> {
     constructor(id:ODValidId,data:Partial<ODLabelComponentData>){
         const initData: ODLabelComponentData = {title:"<empty>",...data}
-        super(id,initData)
+        super(id,"label",initData)
     }
     
     async build(){
@@ -785,7 +956,7 @@ export interface ODSeparatorComponentData {
 export class ODSeparatorComponent extends ODComponent<ODSeparatorComponentData,discord.SeparatorBuilder> {
     constructor(id:ODValidId,data:Partial<ODSeparatorComponentData>){
         const initData: ODSeparatorComponentData = {divider:true,spacing:"small",...data}
-        super(id,initData)
+        super(id,"separator",initData)
     }
     
     async build(){
@@ -823,7 +994,7 @@ export interface ODTextComponentData {
 export class ODTextComponent extends ODComponent<ODTextComponentData,discord.TextDisplayBuilder> {
     constructor(id:ODValidId,data:Partial<ODTextComponentData>){
         const initData: ODTextComponentData = {content:"",...data}
-        super(id,initData)
+        super(id,"text",initData)
     }
     
     async build(){
@@ -861,7 +1032,7 @@ export interface ODFileComponentData {
 export class ODFileComponent extends ODComponent<ODFileComponentData,{file:discord.FileBuilder,attachment:discord.AttachmentBuilder|null}> {
     constructor(id:ODValidId,data:Partial<ODFileComponentData>){
         const initData: ODFileComponentData = {name:"file.txt",...data}
-        super(id,initData)
+        super(id,"file",initData)
     }
     
     async build(){
@@ -919,7 +1090,7 @@ export interface ODGalleryComponentData {
 export class ODGalleryComponent extends ODGroupComponent<ODGalleryComponentData,ODFileComponent,{gallery:discord.MediaGalleryBuilder,attachments:discord.AttachmentBuilder[]}> {
     constructor(id:ODValidId,data?:Partial<ODGalleryComponentData>){
         const initData: ODGalleryComponentData = {...data}
-        super(id,initData)
+        super(id,"gallery",initData)
     }
     
     async build(){
@@ -966,7 +1137,7 @@ export interface ODThumbnailComponentData {
 export class ODThumbnailComponent extends ODComponent<ODThumbnailComponentData,discord.ThumbnailBuilder> {
     constructor(id:ODValidId,data:Partial<ODThumbnailComponentData>){
         const initData: ODThumbnailComponentData = {url:"",...data}
-        super(id,initData)
+        super(id,"thumbnail",initData)
     }
     
     async build(){
@@ -1007,7 +1178,7 @@ export interface ODContentComponentData {
 export class ODContentComponent extends ODComponent<ODContentComponentData,{content:string}> {
     constructor(id:ODValidId,data:Partial<ODContentComponentData>){
         const initData: ODContentComponentData = {content:"",...data}
-        super(id,initData)
+        super(id,"simple-content",initData)
     }
     
     async build(){
@@ -1062,7 +1233,7 @@ export interface ODEmbedComponentData {
 export class ODEmbedComponent extends ODComponent<ODEmbedComponentData,discord.EmbedBuilder> {
     constructor(id:ODValidId,data:Partial<ODEmbedComponentData>){
         const initData: ODEmbedComponentData = {...data}
-        super(id,initData)
+        super(id,"simple-embed",initData)
     }
     
     async build(){
@@ -1195,7 +1366,7 @@ export interface ODPollComponentData {
 export class ODPollComponent extends ODComponent<ODPollComponentData,discord.PollData> {
     constructor(id:ODValidId,data:Partial<ODPollComponentData>){
         const initData: ODPollComponentData = {question:"<empty>",durationHours:1,allowMultiSelect:false,answers:[],...data}
-        super(id,initData)
+        super(id,"simple-poll",initData)
     }
     
     async build(){
@@ -1262,7 +1433,7 @@ export interface ODButtonComponentData {
 export class ODButtonComponent extends ODComponent<ODButtonComponentData,discord.ButtonBuilder> {
     constructor(id:ODValidId,data:Partial<ODButtonComponentData>){
         const initData: ODButtonComponentData = {color:"gray",disabled:false,...data}
-        super(id,initData)
+        super(id,"button",initData)
     }
     
     async build(){
@@ -1346,7 +1517,7 @@ export interface ODShortInputComponentData {
 export class ODShortInputComponent extends ODComponent<ODShortInputComponentData,discord.TextInputBuilder> {
     constructor(id:ODValidId,data:Partial<ODShortInputComponentData>){
         const initData: ODShortInputComponentData = {required:false,...data}
-        super(id,initData)
+        super(id,"short-input",initData)
     }
     
     async build(){
@@ -1418,7 +1589,7 @@ export interface ODParagraphInputComponentData {
 export class ODParagraphInputComponent extends ODComponent<ODParagraphInputComponentData,discord.TextInputBuilder> {
     constructor(id:ODValidId,data:Partial<ODParagraphInputComponentData>){
         const initData: ODParagraphInputComponentData = {required:false,...data}
-        super(id,initData)
+        super(id,"paragraph-input",initData)
     }
     
     async build(){
@@ -1504,7 +1675,7 @@ export interface ODDropdownComponentData {
 export class ODDropdownComponent extends ODComponent<ODDropdownComponentData,discord.BaseSelectMenuBuilder<discord.APISelectMenuComponent>> {
     constructor(id:ODValidId,data:Partial<ODDropdownComponentData>){
         const initData: ODDropdownComponentData = {type:"string",...data}
-        super(id,initData)
+        super(id,"dropdown",initData)
     }
     
     async build(){
@@ -1631,7 +1802,7 @@ export interface ODRadioGroupComponentData {
 export class ODRadioGroupComponent extends ODComponent<ODRadioGroupComponentData,discord.RadioGroupBuilder> {
     constructor(id:ODValidId,data:Partial<ODRadioGroupComponentData>){
         const initData: ODRadioGroupComponentData = {required:false,options:[],...data}
-        super(id,initData)
+        super(id,"radio-group",initData)
     }
     
     async build(){
@@ -1684,7 +1855,7 @@ export interface ODCheckboxGroupComponentData {
 export class ODCheckboxGroupComponent extends ODComponent<ODCheckboxGroupComponentData,discord.CheckboxGroupBuilder> {
     constructor(id:ODValidId,data:Partial<ODCheckboxGroupComponentData>){
         const initData: ODCheckboxGroupComponentData = {required:false,options:[],...data}
-        super(id,initData)
+        super(id,"checkbox-group",initData)
     }
     
     async build(){
@@ -1744,7 +1915,7 @@ export interface ODCheckboxComponentData {
 export class ODCheckboxComponent extends ODComponent<ODCheckboxComponentData,discord.CheckboxBuilder> {
     constructor(id:ODValidId,data:Partial<ODCheckboxComponentData>){
         const initData: ODCheckboxComponentData = {default:false,...data}
-        super(id,initData)
+        super(id,"checkbox",initData)
     }
     
     async build(){
@@ -1788,7 +1959,7 @@ export interface ODFileUploadComponentData {
 export class ODFileUploadComponent extends ODComponent<ODFileUploadComponentData,discord.FileUploadBuilder> {
     constructor(id:ODValidId,data:Partial<ODFileUploadComponentData>){
         const initData: ODFileUploadComponentData = {required:false,...data}
-        super(id,initData)
+        super(id,"file-upload",initData)
     }
     
     async build(){

package/src/api/modules/fuse.ts

@@ -185,6 +185,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,
@@ -323,6 +325,7 @@ export class ODSharedFuseManager extends ODFuseManager<ODSharedFuseList> {
             sharedComponentsLoading:true,
             messageComponentsLoading:true,
             modalComponentsLoading:true,
+            componentModifiersLoading:true,
 
             commandRespondersLoading:true,
             buttonRespondersLoading:true,

package/src/api/modules/verifybar.ts

@@ -9,6 +9,7 @@ import * as discord from "discord.js"
 import { ODWorkerManager } from "./worker.js"
 
 /**## ODVerifyBar `class`
+ * @deprecated Use `ODMessageComponentModifier`'s instead.
  * This is an Open Discord verifybar.
  * 
  * It is contains 2 sets of workers and a lot of utilities for the (✅ ❌) verifybars in the bot.
@@ -47,14 +48,15 @@ export class ODVerifyBar<SuccessWorkerIds extends string = string,FailureWorkerI
 }
 
 /**## ODVerifyBarManagerIdConstraint `type`
+ * @deprecated Use `ODMessageComponentModifier`'s instead.
  * The constraint/layout for id mappings/interfaces of the `ODVerifyBarManager` class.
  */
 export type ODVerifyBarManagerIdConstraint = Record<string,{successWorkerIds:string,failureWorkerIds:string}>
 
 /**## ODVerifyBarManager `class`
- * This is an Open Discord verifybar manager.
+ * @deprecated Use `ODMessageComponentModifier`'s instead.
  * 
- * It contains all (✅ ❌) verifybars in the bot.
+ * The Open Discord verifybar manager manages all (✅ ❌) verifybars in the bot.
  * The `ODVerifyBar` classes contain `ODWorkerManager`'s that will be fired when the continue/stop buttons are pressed.
  * 
  * It doesn't contain the code which activates the verifybars! This should be implemented by your own.

package/src/api/modules/worker.ts

@@ -29,6 +29,11 @@ export class ODWorker<Instance, Origin extends string, Params> extends ODManager
         this.priority = priority
         this.callback = callback
     }
+
+    /**Duplicate this worker. Warning: If the callback accesses external variables (outside parameters), the clone will still use those variables. This might result in unexpected behaviour! */
+    duplicate(newId?:ODValidId): ODWorker<Instance,Origin,Params> {
+        return new ODWorker<Instance,Origin,Params>(newId ?? this.id.value,this.priority,this.callback)
+    }
 }
 
 /**## ODWorker `class`