[Spell Preview] Fix bug preventing spell previews from completely loa…

…ding (#17)

CHANGELOG.md

@@ -1,3 +1,9 @@
+## [1.6.2]
+
+### Spell Animation Previewer
+
+* Fixed bug that prevented all previews from showing properly
+
 ## [1.6.1]
 
 ### Linux Auto Updates

frontend/src/app/eq-assets/eq-assets.ts

@@ -40,7 +40,15 @@ export default class EqAssets {
     return ids
   }
 
+  public static spellAnimationFileIds = []
+
   public static getSpellAnimationFileIds() {
+
+    // return cached set
+    if (this.spellAnimationFileIds.length > 0) {
+      return this.spellAnimationFileIds
+    }
+
     let ids = <any>[];
     if (SpellAnimations[0].contents) {
       SpellAnimations[0].contents.forEach((row) => {
@@ -55,6 +63,9 @@ export default class EqAssets {
       return a - b;
     });
 
+    // cache for second retrieval
+    this.spellAnimationFileIds = ids
+
     return ids
   }
 }

frontend/src/views/viewers/SpellAnimationViewer.vue

@@ -16,6 +16,7 @@
               class="form-control ml-2 mb-4"
               v-model="search"
               v-on:keyup="triggerSearch"
+              @enter="triggerSearch"
               placeholder="Search for spell names to find animations"
             >
           </div>
@@ -126,19 +127,24 @@ export default {
       this.$router.push({ path: ROUTE.SPELL_ANIMATION_VIEWER, query: { q: this.search } }).catch(err => err)
     }, 1000),
     spellAnimSearch: function () {
+      console.log("trigger")
+
       this.loaded = false
 
       let foundAnim          = {};
-      let filteredAnimations = []
-
-      for (let spellAnimMapping of spellAnimMappings) {
-        const spellName   = spellAnimMapping[0].toLowerCase().trim()
-        const spellAnimId = spellAnimMapping[2]
-
-        if (spellName.includes(this.search.toLowerCase())) {
-          if (!foundAnim[spellAnimId] && animationPreviewExists[spellAnimId]) {
-            filteredAnimations.push(spellAnimId)
-            foundAnim[spellAnimId] = 1
+      let filteredAnimations = EqAssets.getSpellAnimationFileIds()
+
+      if (this.search !== "") {
+        filteredAnimations = []
+        for (let spellAnimMapping of spellAnimMappings) {
+          const spellName   = spellAnimMapping[0].toLowerCase().trim()
+          const spellAnimId = spellAnimMapping[2]
+
+          if (spellName.includes(this.search.toLowerCase())) {
+            if (!foundAnim[spellAnimId] && animationPreviewExists[spellAnimId]) {
+              filteredAnimations.push(spellAnimId)
+              foundAnim[spellAnimId] = 1
+            }
           }
         }
       }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "spire",
-  "version": "1.6.1",
+  "version": "1.6.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/Akkadius/spire.git"