feat: nation flags

packages/game/JSExport/GameInterface.cs

@@ -1,4 +1,6 @@
-using BlitzKit.Game.Models;
+using System.IO;
+using System.Text.RegularExpressions;
+using BlitzKit.Game.Models;
 using CUE4Parse_Conversion.Textures;
 using CUE4Parse.UE4.Assets.Exports.Texture;
 using CUE4Parse.UE4.Objects.Engine;
@@ -9,7 +11,7 @@ using SkiaSharp;
 namespace BlitzKit.Game.JSExport;
 
 [JSExport]
-public class GameInterface
+public partial class GameInterface
 {
   private readonly BlitzFileProvider provider;
 
@@ -51,7 +53,7 @@ public class GameInterface
 
         if (cTexture is null)
         {
-          continue;
+          return [];
         }
 
         SKBitmap bitmap = cTexture.ToSkBitmap();
@@ -60,10 +62,51 @@ public class GameInterface
 
         return bytes;
       }
-      else
+    }
+
+    return [];
+  }
+
+  [GeneratedRegex(@"T_UI_Flag_(\w+)_S")]
+  private static partial Regex FlagNameRegex();
+
+  public byte[] Flag(string nation)
+  {
+    var flagsBase = "Blitz/Content/UI/Textures/Flag/TankCard/";
+
+    foreach (var path in provider.Files.Keys)
+    {
+      if (!path.StartsWith(flagsBase))
       {
         continue;
       }
+
+      var fileName = Path.GetFileNameWithoutExtension(path);
+      var match = FlagNameRegex().Match(fileName);
+
+      if (
+        match.Success
+        && match.Groups[1].Value.Equals(nation, StringComparison.CurrentCultureIgnoreCase)
+      )
+      {
+        if (provider.TryLoadPackageObject<UTexture2D>($"{path}.{fileName}", out var uTexture))
+        {
+          CTexture? cTexture = uTexture.Decode(ETexturePlatform.DesktopMobile);
+
+          if (cTexture is null)
+          {
+            return [];
+          }
+
+          SKBitmap bitmap = cTexture.ToSkBitmap();
+          SKData data = bitmap.Encode(SKEncodedImageFormat.Webp, 80);
+          byte[] bytes = data.ToArray();
+
+          return bytes;
+        }
+
+        return [];
+      }
     }
 
     return [];

packages/website-ue/src/components/TankCard/index.tsx

@@ -23,7 +23,7 @@ export function TankCard({ id }: PopularTank) {
         <div
           className={styles.flag}
           style={{
-            backgroundImage: "url(https://i.imgur.com/QGUfXNo.png)",
+            backgroundImage: `url(/api/nations/${tank.tank!.nation}.webp)`,
           }}
         />
 

packages/website-ue/src/pages/api/nations/[id].webp.ts

@@ -0,0 +1,20 @@
+import { Nation } from "@protos/game/proto/legacy/blitz_static_tank_component";
+import type { APIContext, GetStaticPaths } from "astro";
+import { game } from "../../../core/game/game";
+
+export const getStaticPaths = (async () => {
+  return Object.values(Nation)
+    .filter(Number.isInteger)
+    .map((id) => ({ params: { id } }));
+}) satisfies GetStaticPaths;
+
+/**
+ * Even Noah can't save these animals.
+ */
+export async function GET({ params }: APIContext<never, { id: string }>) {
+  const enumName = Nation[Number(params.id)];
+  const nationName = enumName.replace("NATION_", "").toLowerCase();
+  const flag = game.flag(nationName);
+
+  return new Response(new Uint8Array(flag));
+}