feat: flags

scripts/buildTankopedia.ts

@@ -1,5 +1,6 @@
 import { Octokit } from '@octokit/rest';
 import decompress from 'decompress';
+import { writeFileSync } from 'fs';
 import { cp, mkdir, readFile, readdir, rm, writeFile } from 'fs/promises';
 import { load } from 'js-yaml';
 import { argv, env } from 'process';
@@ -56,6 +57,8 @@ const nations = await readdir(
   `${TEMP}/${directoriesOfInterest.vehicleDefinitions}`,
 );
 
+writeFileSync('test.json', JSON.stringify(strings, null, 2));
+
 Promise.all(
   nations
     .filter((nation) => nation !== 'common')
@@ -73,7 +76,7 @@ Promise.all(
             const nationVehicleId = parseInt(list.root[vehicle].id._text);
             const id = (nationVehicleId << 8) + (NATION_IDS[nation] << 4) + 1;
             const name = strings[vehicleData.userString._text];
-            const name_short = strings[vehicleData.shortUserString._text];
+            const name_short = strings[vehicleData.shortUserString?._text];
             const isPremium = 'gold' in vehicleData.price;
             const isCollector = vehicleData.sellPrice
               ? 'gold' in vehicleData.sellPrice
@@ -82,9 +85,9 @@ Promise.all(
             const tags = vehicleData.tags._text.split(' ');
             const type = tags[0];
 
-            // if ((name ?? name_short) === undefined) {
-            //   console.log(vehicleData);
-            // }
+            if ((name ?? name_short) === undefined) {
+              console.log(vehicleData.userString._text);
+            }
 
             tankIds.push(id);
             tankopedia[id] = {

src/app/tools/tankopedia/page.tsx

@@ -22,22 +22,37 @@ export default async function Page() {
           }}
         >
           <Flex justify="between" align="center">
-            <img
-              src={tankIcon(tank.id)}
+            <div
               style={{
-                backgroundColor: 'white',
-                width: 256,
-                height: 128,
-                objectFit: 'contain',
-                objectPosition: 'left center',
+                backgroundImage: 'url(https://i.imgur.com/biJPgpm.png)',
+                // backgroundSize: 'cover',
+                height: 105,
+                width: 153,
+                position: 'relative',
               }}
-            />
+            >
+              <img
+                src={tankIcon(tank.id)}
+                style={{
+                  width: 256,
+                  height: 128,
+                  objectFit: 'contain',
+                  objectPosition: 'left center',
+                }}
+              />
 
-            <Flex direction="column" justify="center" align="end" gap="2">
-              <Text>
+              <Text
+                style={{
+                  position: 'absolute',
+                  bottom: 8,
+                  left: 8,
+                }}
+              >
                 {tank.name_short ?? tank.name ?? `Unknown tank ${tank.id}`}
               </Text>
+            </div>
 
+            <Flex direction="column" justify="center" align="end" gap="2">
               <Flex justify="end" align="center" gap="1">
                 {tank.tree_type !== 'tech-tree' && (
                   <Badge

src/core/blitzkrieg/tankopedia.ts

@@ -30,9 +30,9 @@ export interface BlitzkriegTankopediaEntry {
 
 export type BlitzkriegTankopedia = Record<number, BlitzkriegTankopediaEntry>;
 
-export const tankopedia = fetch(asset('tankopedia.json')).then(
-  async (response) => response.json() as Promise<BlitzkriegTankopedia>,
-);
+export const tankopedia = fetch(asset('tankopedia.json'), {
+  cache: 'no-store',
+}).then(async (response) => response.json() as Promise<BlitzkriegTankopedia>);
 const entries = new Promise<BlitzkriegTankopediaEntry[]>(async (resolve) => {
   resolve(Object.entries(await tankopedia).map(([, entry]) => entry));
 });