feat: localize game assets

packages/bot/src/commands/breakdown/render.tsx

@@ -32,7 +32,7 @@ export async function renderBreakdown(
   filters: StatFilters,
   locale: Locale,
 ) {
-  const { t, translate } = translator(locale);
+  const { t, translate, unwrap } = translator(locale);
   const awaitedTankDefinitions = await tankDefinitions;
   const awaitedTankAverages = await blitzStarsTankAverages;
   const statsInPeriod = await getStatsInPeriod(region, id, start, end, locale);
@@ -190,8 +190,9 @@ export async function renderBreakdown(
           class={tankDefinition?.class}
           type={tankDefinition?.type}
           title={
-            tankDefinition?.name ??
-            translate('bot.commands.breakdown.body.unknown_tank', [`${id}`])
+            tankDefinition
+              ? unwrap(tankDefinition.name)
+              : translate('bot.commands.breakdown.body.unknown_tank', [`${id}`])
           }
           stats={[
             {

packages/bot/src/commands/ownedTanks.tsx

@@ -27,7 +27,7 @@ export const ownedTanksCommand = new Promise<CommandRegistry>((resolve) => {
       .addStringOption(addUsernameChoices),
 
     async handler(interaction) {
-      const { t, translate } = translator(interaction.locale);
+      const { t, translate, unwrap } = translator(interaction.locale);
       const tier = Number(interaction.options.getString('tier'));
       const { id, region } = await resolvePlayerFromCommand(interaction);
       const accountInfo = await getAccountInfo(region, id);
@@ -77,7 +77,7 @@ export const ownedTanksCommand = new Promise<CommandRegistry>((resolve) => {
         )
         .map(
           (tank) =>
-            `[${flags[tank.nation]} ${markdownEscape(tank.name)}](<https://blitzkit.app/tools/tankopedia/${tank.id}>)`,
+            `[${flags[tank.nation]} ${markdownEscape(unwrap(tank.name))}](<https://blitzkit.app/tools/tankopedia/${tank.id}>)`,
         );
       const lines = [title, ...tankList];
 

packages/bot/src/commands/replay.tsx

@@ -6,6 +6,7 @@ import {
   tankIcon,
   TIER_ROMAN_NUMERALS,
 } from '@blitzkit/core';
+import { Locale } from 'discord.js';
 import { clamp } from 'lodash-es';
 import { CommandWrapper } from '../components/CommandWrapper';
 import { TitleBar } from '../components/TitleBar';
@@ -18,6 +19,7 @@ import { RenderConfiguration } from '../core/blitzkit/renderConfiguration';
 import { blitzStarsTankAverages } from '../core/blitzstars/tankAverages';
 import { buttonLink } from '../core/discord/buttonLink';
 import { createLocalizedCommand } from '../core/discord/createLocalizedCommand';
+import { translator } from '../core/localization/translator';
 import { CommandRegistry } from '../events/interactionCreate';
 import { theme } from '../stitches.config';
 
@@ -218,11 +220,13 @@ function stat(value: string | number, flex = 2) {
 }
 
 async function playerListing(
+  locale: Locale,
   player: WotInspectorReplayPlayerData,
   protagonistTeam: boolean,
   winningTeam: number,
   recordingPlayer = false,
 ) {
+  const { unwrap } = translator(locale);
   const awaitedTankAverages = await blitzStarsTankAverages;
   const awaitedTankDefinitions = await tankDefinitions;
   const tank = awaitedTankDefinitions.tanks[player.vehicle_descr];
@@ -275,7 +279,7 @@ async function playerListing(
         }}
       >
         <img
-          alt={tank.name}
+          alt={unwrap(tank.name)}
           src={await iconPng(tankIcon(tank.id))}
           style={{
             width: 32,
@@ -312,7 +316,7 @@ async function playerListing(
                 fontSize: 16,
               }}
             >
-              {tank.name}
+              {unwrap(tank.name)}
             </span>
           </div>
 
@@ -530,6 +534,7 @@ export const replayCommand = new Promise<CommandRegistry>((resolve) => {
                   )
                   .map((player) =>
                     playerListing(
+                      interaction.locale,
                       player,
                       true,
                       replayData.winner_team,
@@ -553,7 +558,12 @@ export const replayCommand = new Promise<CommandRegistry>((resolve) => {
                 players
                   .filter((player) => player.team === antagonistTeamId)
                   .map((player) =>
-                    playerListing(player, false, replayData.winner_team),
+                    playerListing(
+                      interaction.locale,
+                      player,
+                      false,
+                      replayData.winner_team,
+                    ),
                   ),
               )}
             </div>

packages/bot/src/commands/research.tsx

@@ -77,7 +77,7 @@ export const researchCommand = new Promise<CommandRegistry>((resolve) => {
       .addStringOption(addUsernameChoices),
 
     async handler(interaction) {
-      const { t, translate } = translator(interaction.locale);
+      const { t, translate, unwrap } = translator(interaction.locale);
       const awaitedTankDefinitions = await tankDefinitions;
       const targetTankId = await resolveTankId(
         interaction.options.getString('target-tank', true),
@@ -99,7 +99,7 @@ export const researchCommand = new Promise<CommandRegistry>((resolve) => {
 
         if (targetTankId === startingTankId) {
           return translate('bot.commands.research.errors.start_end_equal', [
-            escapeMarkdown(targetTank.name),
+            escapeMarkdown(unwrap(targetTank.name)),
           ]);
         }
 
@@ -107,28 +107,28 @@ export const researchCommand = new Promise<CommandRegistry>((resolve) => {
 
         if (startingTank.tier > targetTank.tier) {
           return translate('bot.commands.research.errors.unordered', [
-            escapeMarkdown(startingTank.name),
-            escapeMarkdown(targetTank.name),
-            escapeMarkdown(targetTank.name),
+            escapeMarkdown(unwrap(startingTank.name)),
+            escapeMarkdown(unwrap(targetTank.name)),
+            escapeMarkdown(unwrap(targetTank.name)),
           ]);
         }
 
         if (!targetTankAncestry.includes(startingTankId)) {
           return translate('bot.commands.research.errors.tanks_not_on_line', [
-            escapeMarkdown(targetTank.name),
-            escapeMarkdown(startingTank.name),
+            escapeMarkdown(unwrap(targetTank.name)),
+            escapeMarkdown(unwrap(startingTank.name)),
           ]);
         }
       } else {
         if (targetTank.type !== TankType.RESEARCHABLE) {
           return translate('bot.commands.research.errors.non_tech_tree', [
-            escapeMarkdown(targetTank.name),
+            escapeMarkdown(unwrap(targetTank.name)),
           ]);
         }
 
         if (targetTank.tier === 1) {
           return translate('bot.commands.research.errors.tier_1', [
-            escapeMarkdown(targetTank.name),
+            escapeMarkdown(unwrap(targetTank.name)),
           ]);
         }
 
@@ -140,7 +140,7 @@ export const researchCommand = new Promise<CommandRegistry>((resolve) => {
 
         if (tankStats.some(({ tank_id }) => tank_id === targetTankId)) {
           return translate('bot.commands.research.errors.already_researched', [
-            escapeMarkdown(targetTank.name),
+            escapeMarkdown(unwrap(targetTank.name)),
           ]);
         }
 
@@ -452,7 +452,7 @@ export const researchCommand = new Promise<CommandRegistry>((resolve) => {
                         }}
                       >
                         <img
-                          alt={tank.name}
+                          alt={unwrap(tank.name)}
                           src={TANK_ICONS[tank.class]}
                           width={16}
                           height={16}
@@ -463,7 +463,7 @@ export const researchCommand = new Promise<CommandRegistry>((resolve) => {
                             color: theme.colors.textHighContrast,
                           }}
                         >
-                          {tank.name}
+                          {unwrap(tank.name)}
                         </span>
                       </div>
                     </div>