apply correct media prefixes

packages/website-ue/src/api/abstract.ts

@@ -17,6 +17,8 @@ import type { Tiers } from "@protos/tiers";
 export abstract class AbstractAPI {
   abstract metadata: MetadataAccessor;
 
+  abstract mediaPrefix(path: string): string;
+
   abstract tankList(): Promise<TankList>;
   abstract tank(id: string): Promise<Tank>;
   abstract tanks(): Promise<Tanks>;

packages/website-ue/src/api/client.ts

@@ -18,6 +18,11 @@ export class ClientAPI extends AbstractAPI {
     throw new Error("MetadataAccessor is inaccessible on the client");
   }
 
+  @UnimplementedOnClient
+  mediaPrefix(): never {
+    throw rejected();
+  }
+
   @Cache()
   tankList() {
     return fetchPB("/api/tanks/list.pb", TankList);

packages/website-ue/src/api/server.ts

@@ -36,6 +36,16 @@ export class ServerAPI extends AbstractAPI {
     super();
   }
 
+  mediaPrefix(path: string) {
+    const config = this.resolveClientConfig();
+    const metroResources = config.MetroResources();
+    const remoteStorage = this.resolveRemoteUrl(
+      metroResources.remote_storage!.remote_urls,
+    );
+
+    return `${remoteStorage.url}/${remoteStorage.relative_path}${path}`;
+  }
+
   resolveRemoteUrl(remoteUrls: string[]) {
     let remoteStorage: RemoteStorageComponent | undefined = undefined;
 
@@ -380,12 +390,7 @@ export class ServerAPI extends AbstractAPI {
   async currencyIcon(id: string) {
     const item = this.metadata.item(`CurrencyEntity.${id}`);
     const stuffUI = item.StuffUI("UIComponent");
-    const config = this.resolveClientConfig();
-    const metroResources = config.MetroResources();
-    const remoteStorage = this.resolveRemoteUrl(
-      metroResources.remote_storage!.remote_urls,
-    );
 
-    return `${remoteStorage.url}/${remoteStorage.relative_path}${stuffUI.icon!.value}`;
+    return this.mediaPrefix(stuffUI.icon!.value);
   }
 }

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

@@ -12,5 +12,7 @@ export { getStaticPaths } from "./[id].json";
  */
 export async function GET({ params }: APIContext<never, { id: string }>) {
   const avatar = await api.avatar(params.id);
-  return await imageProxy(avatar.profile_avatar!.avatar);
+  return await imageProxy(
+    api.mediaPrefix(avatar.profile_avatar!.avatar!.value),
+  );
 }