Access the `@Discord()` class *instance* from decorator callback functions

Feature?

Problem

Currently there are some callbacks that are defined in the annotator hooks, for example @SlashOption("foo", { autocomplete }) .

However, this only passes to the callback:

• The interaction (AutoCompleteInteraction class instance)
• The application (DApplicationCommand class instance)

We also have MetadataStorage.instance.

However, none of these keeps a handle to the instance of the class that has the @Discord() annotation. This means that we can’t access the application state stored in the class instance, when we are doing things like generating the autocomplete list. I assume each of these classes are singletons, since we only ever need to construct 1 of each, so this should be possible.

Example

import {DApplicationCommand, Slash, SlashOption} from "discordx";
import {AutocompleteInteraction} from "discord.js";

class Foo{
    state: string[]

    constructor() {
        this.state = [
            "a",
            "b"
        ]
    }

    @Slash("foo")
    foo(
        @SlashOption("opt1", {
            type: "STRING",
            autocomplete: (interaction: AutocompleteInteraction, cmd: DApplicationCommand) => {
                return this.state.map(item => ({name: item, value: item}));
            }
        })
        opt1: string,
    ){ }
}

Of course this doesn’t actually work, because this isn’t actually set to the Foo instance.

Package

discordx

[Satont]

Thanks for the quick reply. However I don’t think this is right. The type for the autocomplete option is defined here, and none of the arguments is the parent object:

https://github.com/oceanroleplay/discord.ts/blob/7238b63eed9dcf300939f47099cdf45cdaae0269/src/decorators/params/SlashOptionParams.ts#L54-L60

Also when I try to debug their values, I get:

    @Slash("foo")
    foo(
        @SlashOption("opt1", {
            type: "STRING",
            // @ts-ignore
            autocomplete: function(a, b, c) {
                console.log(a);
                console.log(b);
                console.log(c);
            }
        })
        opt1: string,
    ){ }

AutocompleteInteraction { ... }
DApplicationCommand { ... }
undefined

You should name first arg of function as this, then it will be inherited.

And yes, without it it also should work, it’s just for typings in docs, maybe? I’m not sure.

[multimeric]

Here’s a fully working example, by the way:

import {DApplicationCommand, Slash, SlashOption, Discord} from "discordx";
import {AutocompleteInteraction} from "discord.js";

@Discord()
class Foo {
    state: string[]

    constructor() {
        this.state = [
            "a",
            "b"
        ]
    }

    @Slash("foo")
    foo(
        @SlashOption("opt1", {
            type: "STRING",
            autocomplete: async function(this: Foo, interaction: AutocompleteInteraction, cmd: DApplicationCommand) {
                await interaction.respond(this.state.map(item => ({name: item, value: item})));
            }
        })
        opt1: string,
    ){ }
}