Updated types

src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue

@@ -74,7 +74,7 @@
 </template>
 
 <script setup lang="ts">
-import type { Sprite, spriteAction } from '@/types'
+import type { Sprite, SpriteAction } from '@/types'
 import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
 import { useAssetManagerStore } from '@/stores/assetManager'
 import { useGameStore } from '@/stores/game'
@@ -87,7 +87,7 @@ const assetManagerStore = useAssetManagerStore()
 const selectedSprite = computed(() => assetManagerStore.selectedSprite)
 
 const spriteName = ref('')
-const spriteActions = ref<spriteAction[]>([])
+const spriteActions = ref<SpriteAction[]>([])
 
 if (!selectedSprite.value) {
   console.error('No sprite selected')
@@ -98,12 +98,6 @@ if (selectedSprite.value) {
   spriteActions.value = selectedSprite.value.spriteActions
 }
 
-function getSpriteActionImages(action: spriteAction) {
-  gameStore.connection?.emit('gm:sprite:images:list', { id: selectedSprite.value?.id }, (response: string[]) => {
-    action.images = response
-  })
-}
-
 function removeSprite() {
   gameStore.connection?.emit('gm:sprite:remove', { id: selectedSprite.value?.id }, (response: boolean) => {
     if (!response) {
@@ -163,7 +157,7 @@ function addNewImage() {
     return '10000000-1000-4000-8000-100000000000'.replace(/[018]/g, (c) => (+c ^ (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (+c / 4)))).toString(16))
   }
 
-  const newImage: spriteAction = {
+  const newImage: SpriteAction = {
     id: uuidv4(), // Temporary ID, should be replaced by server-generated ID
     action: 'new_action',
     origin_x: 0,

src/types.ts

@@ -156,7 +156,7 @@ export type Sprite = {
   characterTypes: CharacterType[]
 }
 
-export type spriteAction = {
+export type SpriteAction = {
   id: string
   spriteId: string
   sprite: Sprite
@@ -168,7 +168,14 @@ export type spriteAction = {
   frameWidth: number
   frameHeight: number
   frameSpeed: number
-  images?: string[]
+  images: SpriteActionImage[]
+}
+
+export type SpriteActionImage = {
+  id: string
+  spriteActionId: string
+  spriteAction: SpriteAction
+  order: number
 }
 
 export type Chat = {