feat: extracted evolution renderer

src/commands/evolution.tsx

@@ -1,35 +1,17 @@
-import { ButtonBuilder, ButtonStyle, SlashCommandBuilder } from 'discord.js';
-import * as Graph from '../components/Graph/index.js';
-import NoData, { NoDataType } from '../components/NoData.js';
-import PoweredByBlitzStars from '../components/PoweredByBlitzStars.js';
-import TitleBar from '../components/TitleBar.js';
-import Wrapper from '../components/Wrapper.js';
-import { BLITZ_SERVERS } from '../constants/servers.js';
+import { SlashCommandBuilder } from 'discord.js';
 import tanksAutocomplete from '../core/autocomplete/tanks.js';
 import usernameAutocomplete from '../core/autocomplete/username.js';
-import getWargamingResponse from '../core/blitz/getWargamingResponse.js';
 import resolveTankId from '../core/blitz/resolveTankId.js';
-import resolveTankName from '../core/blitz/resolveTankName.js';
-import { tankopedia } from '../core/blitz/tankopedia.js';
-import getPlayerHistories from '../core/blitzstars/getPlayerHistories.js';
-import getTankHistories from '../core/blitzstars/getTankHistories.js';
-import { supportBlitzStars } from '../core/interaction/supportBlitzStars.js';
-import {
-  Period,
-  RELATIVE_PERIOD_NAMES,
-} from '../core/options/addPeriodSubCommands.js';
 import addStatsSubCommandGroups from '../core/options/addStatsSubCommandGroups.js';
 import resolvePeriod from '../core/options/resolvePeriod.js';
 import resolvePlayer from '../core/options/resolvePlayer.js';
-import { WARGAMING_APPLICATION_ID } from '../core/process/args.js';
 import { CommandRegistry } from '../events/interactionCreate.js';
-import { AccountInfo } from '../types/accountInfo.js';
-import { Histories } from '../types/histories.js';
-import { PlayerClanData } from '../types/playerClanData.js';
+import evolution from '../renderers/evolution.js';
+import { StatType } from '../renderers/stats.js';
 
 export default {
   inProduction: true,
-  inDevelopment: false,
+  inDevelopment: true,
   inPublic: true,
 
   command: addStatsSubCommandGroups(
@@ -39,136 +21,26 @@ export default {
   ),
 
   async execute(interaction) {
-    const commandGroup = interaction.options.getSubcommandGroup()!;
-    const { id, server } = await resolvePlayer(interaction);
-    let nameDiscriminator: string | undefined;
-    let image: string | undefined;
+    const commandGroup = interaction.options.getSubcommandGroup(
+      true,
+    ) as StatType;
+    const player = await resolvePlayer(interaction);
+    const period = resolvePeriod(interaction);
     const tankIdRaw = interaction.options.getString('tank')!;
-    let tankId: number;
+    const tankId = commandGroup === 'tank' ? resolveTankId(tankIdRaw) : 0;
 
-    if (commandGroup === 'player') {
-      const clan = (
-        await getWargamingResponse<PlayerClanData>(
-          `https://api.wotblitz.${server}/wotb/clans/accountinfo/?application_id=${WARGAMING_APPLICATION_ID}&account_id=${id}&extra=clan`,
-        )
-      )[id]?.clan;
+    return await evolution(commandGroup, period, player, tankId);
 
-      if (clan) nameDiscriminator = `[${clan.tag}]`;
-      image = clan
-        ? `https://wotblitz-gc.gcdn.co/icons/clanEmblems1x/clan-icon-v2-${clan.emblem_set_id}.png`
-        : undefined;
-    } else if (commandGroup === 'tank') {
-      tankId = resolveTankId(tankIdRaw);
-      nameDiscriminator = `(${resolveTankName(tankId)})`;
-      image = tankopedia[tankId].images.normal;
-    }
-
-    let histories: Histories;
-
-    const { evolutionName, start, end } = resolvePeriod(interaction);
-
-    if (commandGroup === 'player') {
-      histories = await getPlayerHistories(server, id, {
-        start,
-        end,
-        includeLatestHistories: true,
-        includePreviousHistories: true,
-      });
-    } else {
-      const tankId = resolveTankId(tankIdRaw);
-      histories = await getTankHistories(server, id, {
-        tankId,
-        start,
-        end,
-        includeLatestHistories: true,
-        includePreviousHistories: true,
-      });
-    }
-
-    const careerWinrate = histories.map(
-      (history) =>
-        [
-          history.last_battle_time,
-          (history.all.wins / history.all.battles) * 100,
-        ] as Graph.PlotItem,
-    );
-    const careerBattles = histories.map(
-      (history) =>
-        [history.last_battle_time, history.all.battles] as Graph.PlotItem,
-    );
-    const winrateYs = careerWinrate.map(([, y]) => y);
-    const maxWinrate = Math.max(...winrateYs);
-    const minWinrate = Math.min(...winrateYs);
-    const battleYs = careerBattles.map(([, y]) => y);
-    const maxBattle = Math.max(...battleYs);
-    const minBattle = Math.min(...battleYs);
-
-    const accountInfo = await getWargamingResponse<AccountInfo>(
-      `https://api.wotblitz.${server}/wotb/account/info/?application_id=${WARGAMING_APPLICATION_ID}&account_id=${id}`,
-    );
-
-    return [
-      <Wrapper>
-        <TitleBar
-          name={accountInfo[id].nickname}
-          nameDiscriminator={nameDiscriminator}
-          image={image}
-          description={`${evolutionName} • ${new Date().toDateString()} • ${
-            BLITZ_SERVERS[server]
-          }`}
-        />
-
-        {/* goofy ahh bug forces me to call them as functions */}
-        {careerWinrate.length > 0 && (
-          <Graph.Root
-            xMinLabel={
-              RELATIVE_PERIOD_NAMES[
-                interaction.options.getSubcommand() as Period
-              ]
-            }
-            xMaxLabel="Latest recorded battle"
-            leftVerticalMargin={{
-              min: minWinrate,
-              max: maxWinrate,
-              suffix: '%',
-            }}
-            rightVerticalMargin={{
-              min: minBattle,
-              max: maxBattle,
-            }}
-          >
-            {Graph.Line({
-              // total battles
-              plot: careerBattles!,
-              color: Graph.LineColor.Blue,
-            })}
-            {Graph.Line({
-              // career winrate
-              plot: careerWinrate!,
-              minY: minWinrate,
-              maxY: maxWinrate,
-            })}
-          </Graph.Root>
-        )}
-
-        {careerWinrate.length === 0 && (
-          <NoData type={NoDataType.BattlesInPeriod} />
-        )}
-
-        <PoweredByBlitzStars />
-      </Wrapper>,
-      new ButtonBuilder()
-        .setStyle(ButtonStyle.Link)
-        .setLabel('View on BlitzStars')
-        .setURL(
-          commandGroup === 'tank'
-            ? `https://www.blitzstars.com/player/com/${
-                accountInfo[id].nickname
-              }/tank/${tankId!}`
-            : `https://www.blitzstars.com/player/com/${accountInfo[id].nickname}`,
-        ),
-      supportBlitzStars,
-    ];
+    // new ButtonBuilder()
+    //   .setStyle(ButtonStyle.Link)
+    //   .setLabel('View on BlitzStars')
+    //   .setURL(
+    //     commandGroup === 'tank'
+    //       ? `https://www.blitzstars.com/player/com/${
+    //           accountInfo[id].nickname
+    //         }/tank/${tankId!}`
+    //       : `https://www.blitzstars.com/player/com/${accountInfo[id].nickname}`,
+    //   );
   },
 
   autocomplete: (interaction) => {