Hot reload after adding new objects

This commit is contained in:
Dennis Postma 2024-07-04 14:56:32 +02:00
parent 167956ef2b
commit fa5acca143
2 changed files with 21 additions and 17 deletions

View File

@ -36,6 +36,7 @@ const handleFileUpload = (e: Event) => {
} }
assetStore.fetchAssets() assetStore.fetchAssets()
socket.connection.emit('gm:tile:list', {}, (response: string[]) => { socket.connection.emit('gm:tile:list', {}, (response: string[]) => {
assetManagerStore.setTileList(response) assetManagerStore.setTileList(response)
}) })

View File

@ -144,10 +144,10 @@ function save() {
}) })
} }
onMounted(() => {
watch( watch(
() => assetStore.assets, () => assetStore.assets,
() => { () => {
console.log('re-loading assets', assetStore.assets)
toRaw(assetStore.assets).forEach((asset) => { toRaw(assetStore.assets).forEach((asset) => {
if (asset.type === 'link') { if (asset.type === 'link') {
scene.load.image(asset.key, config.server_endpoint + '/assets' + asset.value + '.png') scene.load.image(asset.key, config.server_endpoint + '/assets' + asset.value + '.png')
@ -158,10 +158,13 @@ onMounted(() => {
}) })
scene.load.start() scene.load.start()
scene.load.once('complete', () => {
console.log('assets re-loaded')
})
}, },
{ deep: true } { deep: true }
) )
})
onBeforeMount(() => { onBeforeMount(() => {
exampleTilesArray.forEach((row, y) => row.forEach((tile, x) => placeTile(zone, tiles, x, y, 'blank_tile'))) exampleTilesArray.forEach((row, y) => row.forEach((tile, x) => placeTile(zone, tiles, x, y, 'blank_tile')))