Map editor fixes (select & move), character sprites are now dynamically loaded and cached, moved repeated code into a composable, updated types

src/composables/zoneComposable.ts

@@ -4,8 +4,7 @@ import TilemapLayer = Phaser.Tilemaps.TilemapLayer
 import Tileset = Phaser.Tilemaps.Tileset
 import Tile = Phaser.Tilemaps.Tile
 import type { AssetDataT, Zone as ZoneT } from '@/types'
-import { AssetStorage } from '@/storage/assetStorage'
-import { useGameStore } from '@/stores/gameStore'
+import { loadTexture } from '@/composables/gameComposable'
 
 export function getTile(layer: TilemapLayer | Tilemap, x: number, y: number): Tile | undefined {
   const tile = layer.getTileAtWorldXY(x, y)
@@ -95,36 +94,3 @@ export async function loadZoneTilesIntoScene(zone: ZoneT, scene: Phaser.Scene) {
     await loadTexture(scene, tile)
   }
 }
-
-export async function loadTexture(scene: Phaser.Scene, assetData: AssetDataT): Promise<boolean> {
-  const gameStore = useGameStore()
-  const assetStorage = new AssetStorage()
-
-  // Check if the texture is already loaded in Phaser
-  if (scene.textures.exists(assetData.key)) {
-    return true
-  }
-
-  // Check if the asset is already cached
-  let asset = await assetStorage.get(assetData.key)
-
-  // If asset is not found, download it
-  if (!asset) {
-    await assetStorage.download(assetData)
-    asset = await assetStorage.get(assetData.key)
-  }
-
-  // If asset is found, add it to the scene
-  if (asset) {
-    return new Promise<boolean>((resolve) => {
-      console.log(asset.data)
-      scene.textures.addBase64(asset.key, asset.data)
-      scene.textures.once(`addtexture-${asset.key}`, () => {
-        gameStore.game.loadedAssets.push(asset)
-        resolve(true)
-      })
-    })
-  }
-
-  return false
-}