feat: unlocks proof of concept

src/app/tools/tankopedia/[id]/components/Model/ModulesSection.tsx

@@ -0,0 +1,73 @@
+import { Heading } from '@radix-ui/themes';
+import { use } from 'react';
+import PageWrapper from '../../../../../../components/PageWrapper';
+import {
+  EngineDefinition,
+  GunDefinition,
+  ModuleType,
+  tankDefinitions,
+  TrackDefinition,
+  TurretDefinition,
+  Unlock,
+} from '../../../../../../core/blitzkit/tankDefinitions';
+import { useDuel } from '../../../../../../stores/duel';
+
+export function ModulesSection() {
+  const awaitedTankDefinitions = use(tankDefinitions);
+  const tank = useDuel((state) => state.protagonist!.tank);
+
+  function tree(type: ModuleType, unlocks: Unlock[]) {
+    return (
+      <ul>
+        {unlocks.map((unlock) => {
+          let module:
+            | TrackDefinition
+            | EngineDefinition
+            | TurretDefinition
+            | GunDefinition
+            | undefined = undefined;
+
+          if (unlock.type === 'chassis') {
+            module = tank.tracks.find((track) => track.id === unlock.id)!;
+          } else if (unlock.type === 'engine') {
+            module = tank.engines.find((engine) => engine.id === unlock.id)!;
+          } else if (unlock.type === 'turret') {
+            module = tank.turrets.find((turret) => turret.id === unlock.id)!;
+          } else if (unlock.type === 'gun') {
+            module = tank.turrets
+              .find((turret) =>
+                turret.guns.some((gun) => gun.id === unlock.id),
+              )!
+              .guns.find((gun) => gun.id === unlock.id)!;
+          }
+
+          if (module === undefined) return null;
+
+          return (
+            <li>
+              {unlock.type} {module.name}
+              {module.unlocks && tree(type, module.unlocks)}
+            </li>
+          );
+        })}
+      </ul>
+    );
+  }
+
+  return (
+    <PageWrapper>
+      <Heading>turret0</Heading>
+      {tank.turrets[0].unlocks && tree('turret', tank.turrets[0].unlocks)}
+
+      <Heading>gun0</Heading>
+      {tank.turrets[0].guns[0].unlocks &&
+        tree('gun', tank.turrets[0].guns[0].unlocks)}
+
+      <Heading>engine0</Heading>
+      {tank.engines[0].unlocks && tree('engine', tank.engines[0].unlocks)}
+
+      <Heading>track0</Heading>
+      {tank.tracks[0].unlocks && tree('chassis', tank.tracks[0].unlocks)}
+    </PageWrapper>
+  );
+}

src/app/tools/tankopedia/[id]/page.tsx

@@ -7,6 +7,7 @@ import { mutateDuel, useDuel } from '../../../../stores/duel';
 import { mutateTankopediaTemporary } from '../../../../stores/tankopedia';
 import { HeroSection } from './components/Model/HeroSection';
 import { HistoricalSection } from './components/Model/HistoricalSection';
+import { ModulesSection } from './components/Model/ModulesSection';
 import { TechTreeSection } from './components/Model/TechTreeSection';
 import { Videos } from './components/Videos';
 
@@ -62,6 +63,7 @@ export default function Page({ params }: { params: { id: string } }) {
           <HeroSection />
           {/* <TankopediaPlug /> */}
           <TechTreeSection />
+          <ModulesSection />
           {/* <CharacteristicsSection />
           <TankopediaSeparator /> */}
           <Videos />

src/core/blitzkit/tankDefinitions/index.ts

@@ -14,6 +14,11 @@ export type CrewMember =
   | 'driver'
   | 'loader';
 export type TankDefinitions = Record<number, TankDefinition>;
+export type ModuleType = 'vehicle' | 'engine' | 'chassis' | 'turret' | 'gun';
+export interface Unlock {
+  type: ModuleType;
+  id: number;
+}
 export interface Crew {
   type: CrewMember;
   count?: number;
@@ -69,6 +74,7 @@ export interface TrackDefinition {
     medium: number;
     soft: number;
   };
+  unlocks?: Unlock[];
 }
 export interface EngineDefinition {
   id: number;
@@ -78,6 +84,7 @@ export interface EngineDefinition {
   fireChance: number;
   power: number;
   weight: number;
+  unlocks?: Unlock[];
 }
 export type TankDefinitionPrice =
   | { type: 'credits'; value: number }
@@ -92,6 +99,7 @@ export interface TurretDefinition {
   tier: Tier;
   guns: GunDefinition[];
   weight: number;
+  unlocks?: Unlock[];
 }
 export type GunDefinition =
   | GunDefinitionRegular
@@ -113,6 +121,7 @@ interface GunDefinitionBase {
     shot: number;
     damaged: number;
   };
+  unlocks?: Unlock[];
 }
 interface GunDefinitionRegular extends GunDefinitionBase {
   type: 'regular';