use relative paths for api backgrounds

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

@@ -406,7 +406,7 @@ export class ServerAPI extends AbstractAPI {
   @Cache()
   async avatarList() {
     const avatars = await this.avatars();
-    const list = avatars.avatars.map((avatar) => avatar.name);
+    const list = avatars.avatars.map((avatar) => avatar.id);
 
     return { list };
   }
@@ -414,14 +414,13 @@ export class ServerAPI extends AbstractAPI {
   @Cache()
   async background(id: string) {
     const background = this.metadata.item(id);
-    const name = background.name;
     const stuff_ui = background.StuffUI("UIComponent");
     const profile_background = background.ProfileBackground();
     const sellable = background.components.sellableComponent
       ? background.Sellable()
       : undefined;
 
-    return { name, stuff_ui, profile_background, sellable };
+    return { id, stuff_ui, profile_background, sellable };
   }
 
   @Cache()

packages/website-ue/src/pages/[api]/backgrounds/[id].json.ts

@@ -5,10 +5,7 @@ import { getStaticPaths as _getStaticPaths } from "../_index";
 
 export const getStaticPaths = mixStaticPaths(_getStaticPaths, async () => {
   const { backgrounds } = await api.backgrounds();
-
-  return backgrounds.map((background) => ({
-    params: { id: background.name },
-  }));
+  return backgrounds.map(({ id }) => ({ params: { id } }));
 });
 
 export async function GET({ params }: APIContext<never, { id: string }>) {

packages/website-ue/src/pages/[media]/backgrounds/[id].webp.ts

@@ -1,8 +1,13 @@
 import type { APIContext } from "astro";
 import { api } from "../../../api/dynamic";
 import { imageProxy } from "../../../api/imageProxy";
+import { getStaticPaths as _getStaticPaths } from "../_index";
+import { mixStaticPaths } from "../../../astro/mixStaticPaths";
 
-export { getStaticPaths } from "../../[api]/backgrounds/[id].json";
+export const getStaticPaths = mixStaticPaths(_getStaticPaths, async () => {
+  const { backgrounds } = await api.backgrounds();
+  return backgrounds.map(({ id }) => ({ params: { id } }));
+});
 
 export async function GET({ params }: APIContext<never, { id: string }>) {
   const background = await api.background(params.id);