There is a way to separate commands over multiple classes?

Hi,

I have created a Middleware called Menu which contains the following code:

`const TelegrafInlineMenu = require(‘telegraf-inline-menu’); const { BillingCommand } = require(‘./commands/billing’);

class Menu {

constructor(bot) {

    const menu = new TelegrafInlineMenu(ctx => `Hey ${ctx.from.first_name}!`);
    menu.setCommand('start');

    menu.use(new BillingCommand(menu)); // ? how to import other command?

    menu.simpleButton('Come Funziona', 'b', {
        doFunc: ctx => ctx.reply('As am I!')
    });

    bot.use(menu.init());
}

}

exports.Menu = Menu;`

I want organize the menu in different command middleware class, let’s take as example BillingCommand, how can I bound the BillingCommand to the actual menu? The code above isn’t working 'cause I get:

menu.use is not a function

the billing class contains this:

`const TelegrafInlineMenu = require(‘telegraf-inline-menu’);

class BillingCommand {

constructor(menu){
    menu.simpleButton('Crea abbonamento', 'a', {
        doFunc: ctx => ctx.reply('As am I!')
    });
}

}

exports.BillingCommand = BillingCommand;`

[EdJoPaTo]

module.exports = {menu};

is the short form of

module.exports = {
  menu: menu
};

Using an object rather than a direct export you are able to export multiple things at once. I never do for menus but I try to keep it the same everywhere.

Something like this is quite common for me:

function calcA() {…}
function calcB() {…}

module.exports = {
  calcA,
  calcB
}

which is also the short for

module.exports = {
  calcA: calcA,
  calcB: calcB
}

Personally I prefer TypeScript over JavaScript in this case too. In TypeScript you mark each of the to be exported things at the place where you write them:

export const menu = new TelegrafInlineMenu('…')

[EdJoPaTo]

Using multiple files should work this way:

events.js

const menu = new TelegrafInlineMenu('events');
menu.setCommand('events');

menu.simpleButton(…);

module.exports = {menu};

main.js

const eventsMenu = require('./events');

const menu = new TelegrafInlineMenu('events');
menu.setCommand('start');

menu.submenu('Events', 'events', eventsMenu.menu);

bot.use(menu.init(…));

I hope it helps! 😃