Revert "deprecate old suroi image provider"

This reverts commit a332bba.
HasangerGames · Dec 26, 2024 · 18f9ab7 · 18f9ab7
1 parent abe7b76
commit 18f9ab7
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 25 deletions.
diff --git a/components/cards/EmoteCard.tsx b/components/cards/EmoteCard.tsx
@@ -1,11 +1,10 @@
 import Image from "next/image";
-import { getSuroiSprite } from "@/lib/util/suroi";
-import { EmoteDefinition } from "@/vendor/suroi/common/src/definitions/emotes";
+import { getSuroiImageLink } from "@/lib/util/suroi";
 
 export default function EmoteCard({ emote }: EmoteCardProps) {
   return (
     <div className="flex p-4 gap-5 not-prose rounded-md ring ring-border hover:ring-primary">
-      <Image src={getSuroiSprite(emote.idString)} width="100" height="100" alt={emote.name} className="max-w-[10rem]" />
+      <Image src={getSuroiImageLink(emote)} width="100" height="100" alt={emote.name} className="max-w-[10rem]" />
       <div className="flex-1">
         <h3 className="text-lg font-bold break-normal leading-loose underline transition-colors">
           {emote.name}

diff --git a/components/cards/ObjectCard.tsx b/components/cards/ObjectCard.tsx
@@ -1,4 +1,4 @@
-import { getSuroiSprite } from "@/lib/util/suroi";
+import { getSuroiImageLink } from "@/lib/util/suroi";
 import { ObjectDefinition } from "@/vendor/suroi/common/src/utils/objectDefinitions";
 import Image from "next/image";
 import Link from "next/link";
@@ -16,7 +16,10 @@ export function ObjectCard({ obj, path }: ObjectCardProps) {
           )
           : (
             <Image
-              src={getSuroiSprite(obj.idString + ("variations" in obj ? "_1" : ""))}
+              src={getSuroiImageLink(
+                obj,
+                "variations" in obj && obj.variations ? 1 : 0
+              )}
               alt={`Image of ${obj.name}`}
               width={100}
               height={100}

diff --git a/components/cards/SkinCard.tsx b/components/cards/SkinCard.tsx
@@ -1,4 +1,4 @@
-import { getSuroiSprite } from "@/lib/util/suroi";
+import { getSuroiImageLink } from "@/lib/util/suroi";
 import { SkinDefinition } from "@/vendor/suroi/common/src/definitions/skins";
 import SVGObjectRenderer from "../svg/SVGObjectRenderer";
 
@@ -10,23 +10,23 @@ export default function SkinCard({ skin }: SkinCardProps) {
           objects={[
             {
               type: "image",
-              url: getSuroiSprite(`${skin.idString}_base`),
+              url: getSuroiImageLink(skin, undefined, "base"),
               x: 0,
               y: 0,
               rotation: 90,
               zIndex: 3
             },
             {
               type: "image",
-              url: getSuroiSprite(`${skin.idString}_fist`),
+              url: getSuroiImageLink(skin, undefined, "fist"),
               x: -35,
               y: 38,
               rotation: 90,
               zIndex: 4
             },
             {
               type: "image",
-              url: getSuroiSprite(`${skin.idString}_fist`),
+              url: getSuroiImageLink(skin, undefined, "fist"),
               x: 35,
               y: 38,
               rotation: 90,
@@ -41,9 +41,9 @@ export default function SkinCard({ skin }: SkinCardProps) {
         </h3>
         <ul>
           <li className="font-mono">{skin.idString}</li>
-          {skin.rolesRequired && (
+          {skin.roleRequired && (
             <li>
-              <code>{skin.rolesRequired.join(", ")}</code> role(s) required
+              <code>{skin.roleRequired}</code> role required
             </li>
           )}
           {skin.hideFromLoadout && <li>Not in loadout</li>}

diff --git a/components/sidebars/ArmorSidebar.tsx b/components/sidebars/ArmorSidebar.tsx
@@ -1,4 +1,4 @@
-import { getSuroiSprite } from "@/lib/util/suroi";
+import { getSuroiImageLink } from "@/lib/util/suroi";
 import { ArmorDefinition } from "@/vendor/suroi/common/src/definitions/armors";
 import GenericSidebar from "./utils/GenericSidebar";
 import InfoboxColumn from "./utils/InfoboxColumn";
@@ -7,7 +7,7 @@ import InfoboxRow from "./utils/InfoboxRow";
 
 export default function ArmorSidebar({ item }: { item: ArmorDefinition }) {
   return (
-    <GenericSidebar title={item.name} image={getSuroiSprite(item.idString)}>
+    <GenericSidebar title={item.name} image={getSuroiImageLink(item)}>
       <InfoboxRow>
         <InfoboxColumn title="Level">{item.level}</InfoboxColumn>
         <InfoboxColumn title="Damage Reduction">

diff --git a/components/sidebars/BackpackSidebar.tsx b/components/sidebars/BackpackSidebar.tsx
@@ -1,5 +1,7 @@
 import {
-  getSuroiSprite
+  IMAGE_BASE_URL,
+  getSuroiImageLink,
+  getSuroiItem
 } from "@/lib/util/suroi";
 import { BackpackDefinition } from "@/vendor/suroi/common/src/definitions/backpacks";
 import Image from "next/image";
@@ -22,12 +24,12 @@ export default function BackpackSidebar({
         {
           type: "image",
           title: "Loot",
-          url: getSuroiSprite(item.idString)
+          url: getSuroiImageLink(item)
         },
         {
           type: "image",
           title: "World",
-          url: getSuroiSprite(`${item.idString}_world`)
+          url: `${IMAGE_BASE_URL}game/equipment/${item.idString}_world.svg`
         }
       ]}
     >
@@ -126,7 +128,7 @@ export default function BackpackSidebar({
             title={(
               <div className="flex justify-center">
                 <Image
-                  src={getSuroiSprite(throwable)}
+                  src={getSuroiImageLink(getSuroiItem(throwable))}
                   alt={throwable}
                   width={40}
                   height={40}
@@ -145,7 +147,7 @@ export default function BackpackSidebar({
             title={(
               <div className="flex justify-center">
                 <Image
-                  src={getSuroiSprite(throwable)}
+                  src={getSuroiImageLink(getSuroiItem(throwable))}
                   alt={throwable}
                   width={40}
                   height={40}

diff --git a/lib/util/suroi.ts b/lib/util/suroi.ts
@@ -119,13 +119,6 @@ type ObjectCategoryMapping<Category extends ObjectCategory> = {
   readonly [ObjectCategory.SyncedParticle]: SyncedParticleDefinition
 }[Category];
 
-export function getSuroiSprite(frame: string) {
-  return `/api/img/frame/${frame}/`;
-}
-
-/**
- * @deprecated Use `getSuroiSprite()`
- */
 export function getSuroiImageLink(obj: ObjectDefinition, variation?: number, append?: string | string[], dual?: boolean) {
   switch (true) {
     // Is it an item?