feat: more command locales

src/commands/ownedTanks.tsx

@@ -1,4 +1,3 @@
-import { SlashCommandBuilder } from 'discord.js';
 import CommandWrapper from '../components/CommandWrapper';
 import NoData from '../components/NoData';
 import * as Tanks from '../components/Tanks';
@@ -18,7 +17,9 @@ import { tankIcon } from '../core/blitzkrieg/tankIcon';
 import addTierChoices from '../core/discord/addTierChoices';
 import addUsernameChoices from '../core/discord/addUsernameChoices';
 import autocompleteUsername from '../core/discord/autocompleteUsername';
+import { createLocalizedCommand } from '../core/discord/createLocalizedCommand';
 import resolvePlayerFromCommand from '../core/discord/resolvePlayerFromCommand';
+import { translator } from '../core/localization/translator';
 import { CommandRegistry } from '../events/interactionCreate';
 
 export const ownedTanksCommand = new Promise<CommandRegistry>((resolve) => {
@@ -26,13 +27,12 @@ export const ownedTanksCommand = new Promise<CommandRegistry>((resolve) => {
     inProduction: true,
     inPublic: true,
 
-    command: new SlashCommandBuilder()
-      .setName('owned-tanks')
-      .setDescription("Shows a player's owned tanks")
+    command: createLocalizedCommand('owned-tanks')
       .addStringOption(addTierChoices)
       .addStringOption(addUsernameChoices),
 
     async handler(interaction) {
+      const { translate } = translator(interaction.locale);
       const tier = Number(interaction.options.getString('tier'));
       const account = await resolvePlayerFromCommand(interaction);
       const { id, region: server } = account;
@@ -70,7 +70,9 @@ export const ownedTanksCommand = new Promise<CommandRegistry>((resolve) => {
                 ? emblemIdToURL(clanAccountInfo.clan.emblem_set_id)
                 : undefined
             }
-            description={`Tier ${TIER_ROMAN_NUMERALS[tier as Tier]} tanks`}
+            description={translate('bot.commands.owned_tanks.body.subtitle', [
+              TIER_ROMAN_NUMERALS[tier as Tier],
+            ])}
           />
 
           {filteredTanks.length === 0 && (

src/commands/permissions.ts

@@ -1,4 +1,5 @@
-import { SlashCommandBuilder } from 'discord.js';
+import { createLocalizedCommand } from '../core/discord/createLocalizedCommand';
+import { translator } from '../core/localization/translator';
 import { CommandRegistry } from '../events/interactionCreate';
 
 export const permissionsCommand = new Promise<CommandRegistry>((resolve) => {
@@ -6,26 +7,25 @@ export const permissionsCommand = new Promise<CommandRegistry>((resolve) => {
     inProduction: true,
     inPublic: true,
 
-    command: new SlashCommandBuilder()
-      .setName('permissions')
-      .setDescription('Checks wether the bot has the required permissions'),
+    command: createLocalizedCommand('permissions'),
 
     async handler(interaction) {
+      const { t, translate } = translator(interaction.locale);
       // friday the 13th permissions easter egg
       const isFridayThe13th =
         new Date().getDay() === 5 && new Date().getDate() === 13;
       const permissions = [
         [
           interaction.appPermissions?.has('ViewChannel'),
-          'View channels: needed for the refresh button to work',
+          t`bot.commands.permissions.body.view_channel`,
         ],
         [
           interaction.appPermissions?.has('ReadMessageHistory'),
-          'Read message history: also needed for the refresh button to work',
+          t`bot.commands.permissions.body.read_message_history`,
         ],
         [
           interaction.appPermissions?.has('AttachFiles'),
-          'Attach files: needed for image-based commands to work',
+          t`bot.commands.permissions.body.attach_files`,
         ],
       ];
       const body = permissions
@@ -38,7 +38,7 @@ export const permissionsCommand = new Promise<CommandRegistry>((resolve) => {
         })
         .join('\n');
 
-      return `# Permissions\n${body}`;
+      return translate('bot.commands.permissions.body.title', [body]);
     },
   });
 });

src/commands/ping.ts

@@ -1,4 +1,5 @@
-import { SlashCommandBuilder } from 'discord.js';
+import { createLocalizedCommand } from '../core/discord/createLocalizedCommand';
+import { translator } from '../core/localization/translator';
 import { CommandRegistry } from '../events/interactionCreate';
 
 export const pingCommand = new Promise<CommandRegistry>((resolve) => {
@@ -7,28 +8,28 @@ export const pingCommand = new Promise<CommandRegistry>((resolve) => {
     inPublic: true,
     handlesInteraction: true,
 
-    command: new SlashCommandBuilder()
-      .setName('ping')
-      .setDescription('Check if the bot is alive')
-      .addSubcommand((option) =>
-        option.setName('blitzkrieg').setDescription('Ping Blitzkrieg'),
-      )
-      .addSubcommand((option) =>
-        option.setName('blitz').setDescription('Ping Blitz'),
-      ),
+    command: createLocalizedCommand('ping', [
+      { subcommand: 'blitzkrieg' },
+      { subcommand: 'wotb' },
+    ]),
 
     async handler(interaction) {
+      const { t, translate } = translator(interaction.locale);
       const subcommand = interaction.options.getSubcommand();
       const executionStart = Date.now();
 
       if (subcommand === 'blitzkrieg') {
-        await interaction.editReply('Pong 🏓');
+        await interaction.editReply(t`bot.commands.ping.body.pong`);
       } else {
         await fetch('https://api.wotblitz.com/');
       }
 
       const executionTime = Date.now() - executionStart;
-      interaction.editReply(`Pong 🏓 - ${executionTime}ms`);
+      interaction.editReply(
+        translate('bot.commands.ping.body.pong_with_time', [
+          `${Math.round(executionTime)}`,
+        ]),
+      );
     },
   });
 });

src/commands/ratings.tsx

@@ -256,6 +256,8 @@ export const ratingsCommand = new Promise<CommandRegistry>(async (resolve) => {
       },
     ]),
 
+    // BIG TODO: title seems to be in english
+
     async handler(interaction) {
       const { t, translate } = translator(interaction.locale);
       const subcommand = interaction.options.getSubcommand(true) as

src/commands/searchPlayers.ts

@@ -51,6 +51,7 @@ export const searchPlayersCommand = new Promise<CommandRegistry>((resolve) => {
       ),
 
     async handler(interaction) {
+      const { translate } = translator(interaction.locale);
       const server = interaction.options.getString('region') as Region;
       const name = interaction.options.getString('username')!;
       const limit = interaction.options.getInteger('limit') ?? 25;

src/commands/stats.tsx

@@ -1,4 +1,4 @@
-import { Locale, SlashCommandBuilder } from 'discord.js';
+import { Locale } from 'discord.js';
 import AllStatsOverview from '../components/AllStatsOverview';
 import CommandWrapper from '../components/CommandWrapper';
 import NoData from '../components/NoData';
@@ -15,6 +15,7 @@ import autocompleteTanks from '../core/discord/autocompleteTanks';
 import autocompleteUsername from '../core/discord/autocompleteUsername';
 import { buttonRefresh } from '../core/discord/buttonRefresh';
 import commandToURL from '../core/discord/commandToURL';
+import { createLocalizedCommand } from '../core/discord/createLocalizedCommand';
 import { getCustomPeriodParams } from '../core/discord/getCustomPeriodParams';
 import { getFiltersFromButton } from '../core/discord/getFiltersFromButton';
 import { getFiltersFromCommand } from '../core/discord/getFiltersFromCommand';
@@ -52,25 +53,25 @@ async function render(
 
       {!stats.battles && <NoData type="battles_in_period" locale={locale} />}
       {stats.battles > 0 && (
-        <AllStatsOverview stats={stats} supplementaryStats={supplementary} />
+        <AllStatsOverview
+          locale={locale}
+          stats={stats}
+          supplementaryStats={supplementary}
+        />
       )}
     </CommandWrapper>
   );
 }
 
 export const statsCommand = new Promise<CommandRegistry>(async (resolve) => {
-  const command = await addPeriodicFilterOptions(
-    new SlashCommandBuilder()
-      .setName('stats')
-      .setDescription('Regular battles statistics'),
-    (option) => option.addStringOption(addUsernameChoices),
-  );
-
   resolve({
     inProduction: true,
     inPublic: true,
 
-    command,
+    command: await addPeriodicFilterOptions(
+      createLocalizedCommand('stats'),
+      (option) => option.addStringOption(addUsernameChoices),
+    ),
 
     async handler(interaction) {
       const player = await resolvePlayerFromCommand(interaction);

src/commands/today.ts

@@ -1,4 +1,3 @@
-import { SlashCommandBuilder } from 'discord.js';
 import { NATIONS } from '../core/blitzkrieg/tankDefinitions';
 import { getBlitzStarsLinkButton } from '../core/blitzstars/getBlitzStarsLinkButton';
 import { addFilterOptions } from '../core/discord/addFilterOptions';
@@ -7,6 +6,7 @@ import autocompleteTanks from '../core/discord/autocompleteTanks';
 import autocompleteUsername from '../core/discord/autocompleteUsername';
 import { buttonRefresh } from '../core/discord/buttonRefresh';
 import commandToURL from '../core/discord/commandToURL';
+import { createLocalizedCommand } from '../core/discord/createLocalizedCommand';
 import { getCustomPeriodParams } from '../core/discord/getCustomPeriodParams';
 import { getFiltersFromButton } from '../core/discord/getFiltersFromButton';
 import { getFiltersFromCommand } from '../core/discord/getFiltersFromCommand';
@@ -19,18 +19,14 @@ import { renderBreakdown } from './breakdown';
 
 export const todayCommand = new Promise<CommandRegistry>(async (resolve) => {
   const nations = await NATIONS;
-  const command = addFilterOptions(
-    new SlashCommandBuilder()
-      .setName('today')
-      .setDescription("Today's played tanks and statistics"),
-    nations,
-  ).addStringOption(addUsernameChoices);
-
   resolve({
     inProduction: true,
     inPublic: true,
 
-    command,
+    command: addFilterOptions(
+      createLocalizedCommand('today'),
+      nations,
+    ).addStringOption(addUsernameChoices),
 
     async handler(interaction) {
       const player = await resolvePlayerFromCommand(interaction);