fix: some linting for new proto 5

packages/website/src/components/Embeds/breakdown.tsx

@@ -0,0 +1,28 @@
+import { compositeStatsKeys, fetchTankDefinitions } from '@blitzkit/core';
+import strings from '@blitzkit/core/lang/en-US.json';
+import { breakdownConfig } from '../../constants/embeds';
+import { useEmbedStateCurry } from '../../stores/embedState/utilities';
+import { BreakdownEmbedCard, BreakdownEmbedWrapper } from '../TanksEmbed';
+
+export const compositeStatsKeysOptions = compositeStatsKeys.map((value) => ({
+  label: strings.common.composite_stats[value],
+  value,
+}));
+
+const tanks = await fetchTankDefinitions().then((tanks) =>
+  Object.values(tanks.tanks),
+);
+
+export function BreakdownPreview() {
+  const { useState } = useEmbedStateCurry<typeof breakdownConfig>();
+
+  return (
+    <BreakdownEmbedWrapper>
+      {useState('showTotal') && <BreakdownEmbedCard tank={null} />}
+
+      {tanks.slice(0, useState('listMaxTanks')).map((tank) => (
+        <BreakdownEmbedCard key={tank.id} tank={tank} />
+      ))}
+    </BreakdownEmbedWrapper>
+  );
+}

packages/website/src/components/TankSearch/index.tsx

@@ -6,7 +6,6 @@ import {
   fetchTankNames,
   normalizeBoundingBox,
   resolveDpm,
-  resolveGun,
   unionBoundingBox,
   type TankDefinition,
 } from '@blitzkit/core';
@@ -115,10 +114,10 @@ export const TankSearch = memo<TankSearchProps>(
             sorted = filtered.sort(
               (a, b) =>
                 a.camouflageStill *
-                  resolveGun(a.turrets.at(-1)!.guns.at(-1)!).gun!
+                  a.turrets.at(-1)!.guns.at(-1)!.gunType!.value.base
                     .camouflageLoss -
                 b.camouflageStill *
-                  resolveGun(b.turrets.at(-1)!.guns.at(-1)!).gun!
+                  b.turrets.at(-1)!.guns.at(-1)!.gunType!.value.base
                     .camouflageLoss,
             );
             break;
@@ -143,8 +142,8 @@ export const TankSearch = memo<TankSearchProps>(
                   bTurretModelDefinition.boundingBox,
                 ),
               );
-              const aVolume = aSize[0] * aSize[1] * aSize[2];
-              const bVolume = bSize[0] * bSize[1] * bSize[2];
+              const aVolume = aSize.x * aSize.y * aSize.z;
+              const bVolume = bSize.x * bSize.y * bSize.z;
 
               return aVolume - bVolume;
             });
@@ -170,8 +169,8 @@ export const TankSearch = memo<TankSearchProps>(
                   bTurretModelDefinition.boundingBox,
                 ),
               );
-              const aLength = Math.max(aSize[0], aSize[1], aSize[2]);
-              const bLength = Math.max(bSize[0], bSize[1], bSize[2]);
+              const aLength = Math.max(aSize.x, aSize.y, aSize.z);
+              const bLength = Math.max(bSize.x, bSize.y, bSize.z);
 
               return aLength - bLength;
             });

packages/website/src/components/Tankopedia/HeroSection/index.tsx

@@ -1,4 +1,4 @@
-import { resolveNearPenetration, tankDefinitions } from '@blitzkit/core';
+import { fetchTankDefinitions, TankType } from '@blitzkit/core';
 import { Box, Flex, Heading, Text } from '@radix-ui/themes';
 import { Suspense, useEffect, useMemo, useRef } from 'react';
 import { NAVBAR_HEIGHT } from '../../../constants/navbar';
@@ -11,7 +11,7 @@ import { Options } from './components/Options';
 import { TankSandbox } from './components/TankSandbox';
 import { TankSandboxLoader } from './components/TankSandboxLoader';
 
-const awaitedTankDefinitions = await tankDefinitions;
+const tankDefinitions = await fetchTankDefinitions();
 
 export function HeroSection() {
   const canvas = useRef<HTMLCanvasElement>(null);
@@ -20,13 +20,13 @@ export function HeroSection() {
   const Icon = classIcons[protagonist.class];
   // const [dummyLoader, setDummyLoader] = useState(true);
   const treeColor =
-    protagonist.treeType === 'collector'
+    protagonist.type === TankType.COLLECTOR
       ? 'blue'
-      : protagonist.treeType === 'premium'
+      : protagonist.type === TankType.PREMIUM
         ? 'amber'
         : undefined;
   const thicknessRange = useMemo(() => {
-    const entries = Object.values(awaitedTankDefinitions);
+    const entries = Object.values(tankDefinitions.tanks);
     const filtered = entries.filter(
       (thisTank) => thisTank.tier === protagonist.tier,
     );
@@ -34,9 +34,8 @@ export function HeroSection() {
       (filtered.reduce((accumulator, thisTank) => {
         return (
           accumulator +
-          resolveNearPenetration(
-            thisTank.turrets.at(-1)!.guns.at(-1)!.shells[0].penetration,
-          )
+          thisTank.turrets.at(-1)!.guns.at(-1)!.gunType!.value.base.shells[0]
+            .penetration.near
         );
       }, 0) /
         filtered.length) *