From 878ee8f77b3c3be0ad00d4f9dfba3398601f6a8d Mon Sep 17 00:00:00 2001
From: Phillip Thelen <phillip@habitica.com>
Date: Tue, 11 Jun 2024 13:23:08 +0200
Subject: [PATCH] support gifs

---
 website/client/src/components/ui/sprite.vue   | 10 ++++-
 .../script/content/constants/gifSprites.js    | 40 +++++++++++++++++++
 2 files changed, 49 insertions(+), 1 deletion(-)
 create mode 100644 website/common/script/content/constants/gifSprites.js

diff --git a/website/client/src/components/ui/sprite.vue b/website/client/src/components/ui/sprite.vue
index ad4b91655e..ccd2d25c2b 100644
--- a/website/client/src/components/ui/sprite.vue
+++ b/website/client/src/components/ui/sprite.vue
@@ -5,6 +5,8 @@
 </template>
 
 <script>
+import GIF_SPRITES from '@/../../common/script/content/constants/gifSprites';
+
 export default {
   props: {
     imageName: {
@@ -15,6 +17,12 @@ export default {
     },
   },
   methods: {
+    getFileType (name) {
+      if (GIF_SPRITES.includes(name)) {
+        return 'gif';
+      }
+      return 'png';
+    },
     imageUrl () {
       if (!this.imageName) {
         return '';
@@ -28,7 +36,7 @@ export default {
       if (this.prefix) {
         name = `${this.prefix}_${name}`;
       }
-      return `https://habitica-assets.s3.amazonaws.com/mobileApp/images/${name}.png`;
+      return `https://habitica-assets.s3.amazonaws.com/mobileApp/images/${name}.${this.getFileType(name)}`;
     },
   },
 };
diff --git a/website/common/script/content/constants/gifSprites.js b/website/common/script/content/constants/gifSprites.js
new file mode 100644
index 0000000000..aaaef8e6e3
--- /dev/null
+++ b/website/common/script/content/constants/gifSprites.js
@@ -0,0 +1,40 @@
+export default [
+  'head_special_1',
+  'broad_armor_special_1',
+  'slim_armor_special_1',
+  'head_special_0',
+  'slim_armor_special_0',
+  'broad_armor_special_0',
+  'weapon_special_critical',
+  'weapon_special_0',
+  'shield_special_0',
+  'Pet-Wolf-Cerberus',
+  'stable_Pet-Wolf-Cerberus',
+  'armor_special_ks2019',
+  'slim_armor_special_ks2019',
+  'broad_armor_special_ks2019',
+  'eyewear_special_ks2019',
+  'head_special_ks2019',
+  'shield_special_ks2019',
+  'weapon_special_ks2019',
+  'Pet-Gryphon-Gryphatrice',
+  'stable_Pet-Gryphon-Gryphatrice',
+  'Mount_Head_Gryphon-Gryphatrice',
+  'Mount_Body_Gryphon-Gryphatrice',
+  'background_clocktower',
+  'background_airship',
+  'background_steamworks',
+  'Pet_HatchingPotion_Veggie',
+  'Pet_HatchingPotion_Dessert',
+  'Pet-HatchingPotion-Dessert',
+  'quest_windup',
+  'Pet-HatchingPotion_Windup',
+  'Pet_HatchingPotion_Windup',
+  'quest_solarSystem',
+  'quest_virtualpet',
+  'Pet_HatchingPotion_VirtualPet',
+  'Pet-Gryphatrice-Jubilant',
+  'stable_Pet-Gryphatrice-Jubilant',
+  'back_special_heroicAureole',
+  'Pet-HatchingPotion-Funghi',
+];