callbackQuery Method

The callbackQuery method in GramIO is used to handle updates that occur when users interact with inline keyboard buttons in your Telegram bot. When a user clicks on a button with a callback data payload, Telegram sends a callback_query update to your bot. This method allows you to register a handler for these updates, enabling you to perform actions based on the user's interaction.

Basic Usage

Handling Callback Queries

To use the callbackQuery method, you need to define a trigger and a handler. The trigger determines when the handler should be executed based on the callback data received, and the handler performs the desired action.

const someData = new CallbackData("example").number("id");

bot.callbackQuery(someData, (context) => {
    return context.send(`You clicked button with ID: ${context.queryData.id}`);
});

In this example:

• someData is a CallbackData instance defining the schema for the callback data.
• The callbackQuery method registers a handler that is triggered when the callback data matches someData.
• Inside the handler, context.queryData provides type-safe access to the callback data.

Trigger Types

The callbackQuery method supports several types of triggers:

• String Trigger: The handler is triggered if the callback data exactly matches the specified string.

bot.callbackQuery("my_callback", (context) => {
    return context.editText("Button clicked!");
});

• RegExp Trigger: The handler is triggered if the callback data matches the regular expression.

bot.callbackQuery(/my_(.*)/, (context) => {
    const match = context.queryData;
    context.send(`Matched data: ${match[1]}`);
});

• CallbackData Instance: The handler is triggered if the callback data matches the CallbackData schema.

const someData = new CallbackData("example").number("id");

bot.callbackQuery(someData, (context) => {
    context.send(`Data ID: ${context.queryData.id}`);
});

Handling Callback Data

When a callback query is received, the context object includes the following relevant properties:

• context.data: The raw callback data payload.
• context.queryData: The deserialized data, if a CallbackData instance was used for the trigger.

Example Scenario

Consider a scenario where you want to send a message with an inline keyboard, and handle the button clicks:

const buttonData = new CallbackData("action").number("action_id");

bot.command("start", (context) =>
    context.send("Choose an action:", {
        reply_markup: new InlineKeyboard().text(
            "Do Action 1",
            buttonData.pack({ action_id: 1 })
        ),
    })
).callbackQuery(buttonData, (context) => {
    context.send(`You selected action with ID: ${context.queryData.action_id}`);
});

In this example:

1. A /start command sends a message with an inline keyboard button.
2. The button's callback data is packed using buttonData.pack().
3. The callbackQuery method listens for callback queries that match buttonData.
4. The handler responds with the ID of the selected action.