feat: armor modes

packages/website/src/pages/tools/tankopedia/[id]/index.astro

@@ -1,6 +1,7 @@
 ---
 import { tankDefinitions } from '@blitzkit/core';
 import type { GetStaticPaths } from 'astro';
+import ToolLayout from '../../../../layouts/ToolLayout.astro';
 import { Page } from './index';
 
 export const getStaticPaths = (async () => {
@@ -14,4 +15,6 @@ export const getStaticPaths = (async () => {
 const { id } = Astro.params;
 ---
 
-<Page id={id} client:load />
+<ToolLayout>
+  <Page id={id} client:load />
+</ToolLayout>

packages/website/src/pages/tools/tankopedia/[id]/index.tsx

@@ -1,15 +1,37 @@
+import {
+  modelDefinitions,
+  provisionDefinitions,
+  tankDefinitions,
+} from '@blitzkit/core';
 import { PageWrapper } from '../../../../components/PageWrapper';
 import { HeroSection } from '../../../../components/Tankopedia/HeroSection';
+import { App } from '../../../../stores/app';
+import { Duel } from '../../../../stores/duel';
+import { TankopediaEphemeral } from '../../../../stores/tankopediaEphemeral';
+import { TankopediaPersistent } from '../../../../stores/tankopediaPersistent';
 
 interface PageProps {
   id: number;
 }
 
+const awaitedTankDefinitions = await tankDefinitions;
+const awaitedProvisionDefinitions = await provisionDefinitions;
+const awaitedModelDefinitions = await modelDefinitions;
+
 export function Page({ id }: PageProps) {
+  const tank = awaitedTankDefinitions[id];
+  const model = awaitedModelDefinitions[id];
+
   return (
-    <PageWrapper p="0" noMaxWidth color="purple" size={1600} gap="9">
-      <HeroSection id={id} />
-      {/* <ShotDisplaySection />
+    <TankopediaEphemeral.Provider data={model}>
+      <App.Provider>
+        <TankopediaPersistent.Provider>
+          <Duel.Provider
+            data={{ tank, provisionDefinitions: awaitedProvisionDefinitions }}
+          >
+            <PageWrapper p="0" noMaxWidth color="purple" size={1600} gap="9">
+              <HeroSection />
+              {/* <ShotDisplaySection />
       <MetaSection />
       <TechTreeSection />
       {!exempt && <AdMidSectionResponsive />}
@@ -20,6 +42,10 @@ export function Page({ id }: PageProps) {
       <VideoSection />
       <HistorySection />
       {!exempt && <AdMidSectionResponsive mb="6" />} */}
-    </PageWrapper>
+            </PageWrapper>
+          </Duel.Provider>
+        </TankopediaPersistent.Provider>
+      </App.Provider>
+    </TankopediaEphemeral.Provider>
   );
 }