noxious/client
3
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

npm update, start updating components, removed obselete fields

Browse Source
This commit is contained in:
Dennis Postma 2025-03-16 01:07:38 +01:00
parent 3f28d85c30
commit db1766026e
3 changed files with 23 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
package-lock.json generated
View File

@ -2704,9 +2704,9 @@
} }
}, },
"node_modules/caniuse-lite": { "node_modules/caniuse-lite": {
"version": "1.0.30001704", "version": "1.0.30001705",
"resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001704.tgz", "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001705.tgz",
"integrity": "sha512-+L2IgBbV6gXB4ETf0keSvLr7JUrRVbIaB/lrQ1+z8mRcQiisG5k+lG6O4n6Y5q6f5EuNfaYXKgymucphlEXQew==", "integrity": "sha512-S0uyMMiYvA7CxNgomYBwwwPUnWzFD83f3B1ce5jHUfHTH//QL6hHsreI8RVC5606R4ssqravelYO5TU6t8sEyg==",
"dev": true, "dev": true,
"funding": [ "funding": [
{ {
@ -3103,9 +3103,9 @@
} }
}, },
"node_modules/electron-to-chromium": { "node_modules/electron-to-chromium": {
"version": "1.5.118", "version": "1.5.119",
"resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.118.tgz", "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.119.tgz",
"integrity": "sha512-yNDUus0iultYyVoEFLnQeei7LOQkL8wg8GQpkPCRrOlJXlcCwa6eGKZkxQ9ciHsqZyYbj8Jd94X1CTPzGm+uIA==", "integrity": "sha512-Ku4NMzUjz3e3Vweh7PhApPrZSS4fyiCIbcIrG9eKrriYVLmbMepETR/v6SU7xPm98QTqMSYiCwfO89QNjXLkbQ==",
"dev": true, "dev": true,
"license": "ISC" "license": "ISC"
}, },
@ -4223,9 +4223,9 @@
} }
}, },
"node_modules/nanoid": { "node_modules/nanoid": {
"version": "3.3.9", "version": "3.3.10",
"resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.9.tgz", "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.10.tgz",
"integrity": "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg==", "integrity": "sha512-vSJJTG+t/dIKAUhUDw/dLdZ9s//5OxcHqLaDWWrW4Cdq7o6tdLIczUkMXt2MBNmk6sJRZBZRXVixs7URY1CmIg==",
"funding": [ "funding": [
{ {
"type": "github", "type": "github",
@ -5605,9 +5605,9 @@
} }
}, },
"node_modules/tr46": { "node_modules/tr46": {
"version": "5.0.0", "version": "5.1.0",
"resolved": "https://registry.npmjs.org/tr46/-/tr46-5.0.0.tgz", "resolved": "https://registry.npmjs.org/tr46/-/tr46-5.1.0.tgz",
"integrity": "sha512-tk2G5R2KRwBd+ZN0zaEXpmzdKyOYksXwywulIX95MBODjSzMIuQnQ3m8JxgbhnL1LeVo7lqQKsYa1O3Htl7K5g==", "integrity": "sha512-IUWnUK7ADYR5Sl1fZlO1INDUhVhatWl7BtJWsIhwJ0UAK7ilzzIa8uIqOO/aYVWHZPJkKbEL+362wrzoeRF7bw==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
@ -6036,13 +6036,13 @@
} }
}, },
"node_modules/whatwg-url": { "node_modules/whatwg-url": {
"version": "14.1.1", "version": "14.2.0",
"resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.1.1.tgz", "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-14.2.0.tgz",
"integrity": "sha512-mDGf9diDad/giZ/Sm9Xi2YcyzaFpbdLpJPr+E9fSkyQ7KpQD4SdFcugkRQYzhmfI4KeV4Qpnn2sKPdo+kmsgRQ==", "integrity": "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw==",
"dev": true, "dev": true,
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {
"tr46": "^5.0.0", "tr46": "^5.1.0",
"webidl-conversions": "^7.0.0" "webidl-conversions": "^7.0.0"
}, },
"engines": { "engines": {

27
src/components/gameMaster/assetManager/partials/sprite/SpriteDetails.vue
View File

@ -6,16 +6,6 @@
<label class="mb-1.5 font-titles" for="name">Name</label> <label class="mb-1.5 font-titles" for="name">Name</label>
<input v-model="spriteName" class="input-field" type="text" name="name" placeholder="New sprite" /> <input v-model="spriteName" class="input-field" type="text" name="name" placeholder="New sprite" />
</div> </div>
<div class="form-field-half">
<label class="mb-1.5 font-titles" for="name">Width override</label>
<input v-model="spriteWidth" class="input-field" type="number" name="width" />
</div>
<div class="form-field-half">
<label class="mb-1.5 font-titles" for="name">Height override</label>
<input v-model="spriteHeight" class="input-field" type="number" name="height" />
</div>
<div class="w-full flex gap-2 mt-2 pb-4 relative"> <div class="w-full flex gap-2 mt-2 pb-4 relative">
<button class="btn-cyan px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="saveSprite">Save</button> <button class="btn-cyan px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="saveSprite">Save</button>
<button class="btn-red px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="deleteSprite">Delete</button> <button class="btn-red px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="deleteSprite">Delete</button>
@ -32,12 +22,13 @@
<div class="flex items-center"> <div class="flex items-center">
{{ action.action }} {{ action.action }}
<div class="ml-auto space-x-2"> <div class="ml-auto space-x-2">
<button class="btn-cyan px-4 py-1.5 min-w-24" type="button" @click.stop.prevent="openPreviewModal(action)">View</button> <button class="btn-cyan px-4 py-1.5 min-w-24" type="button" @click.stop.prevent="openEditorModal(action)">Editor</button>
<button class="btn-red px-4 py-1.5 min-w-24" type="button" @click.stop.prevent="() => spriteActions.splice(spriteActions.indexOf(action), 1)">Delete</button> <button class="btn-red px-4 py-1.5 min-w-24" type="button" @click.stop.prevent="() => spriteActions.splice(spriteActions.indexOf(action), 1)">Delete</button>
</div> </div>
</div> </div>
</template> </template>
<template #content> <template #content>
<!-- IMAGES COME HERE, REMOVE FIELDS -->
<form class="flex gap-2.5 flex-wrap" @submit.prevent="saveSprite"> <form class="flex gap-2.5 flex-wrap" @submit.prevent="saveSprite">
<div class="form-field-full"> <div class="form-field-full">
<label for="action">Action</label> <label for="action">Action</label>
@ -61,7 +52,7 @@
</form> </form>
</template> </template>
</Accordion> </Accordion>
<SpritePreview <SpriteEditor
v-if="selectedAction" v-if="selectedAction"
:sprites="selectedAction.sprites" :sprites="selectedAction.sprites"
:frame-rate="selectedAction.frameRate" :frame-rate="selectedAction.frameRate"
@ -80,7 +71,7 @@ import { SocketEvent } from '@/application/enums'
import type { Sprite, SpriteAction } from '@/application/types' import type { Sprite, SpriteAction } from '@/application/types'
import { downloadCache, uuidv4 } from '@/application/utilities' import { downloadCache, uuidv4 } from '@/application/utilities'
import SpriteActionsInput from '@/components/gameMaster/assetManager/partials/sprite/partials/SpriteImagesInput.vue' import SpriteActionsInput from '@/components/gameMaster/assetManager/partials/sprite/partials/SpriteImagesInput.vue'
import SpritePreview from '@/components/gameMaster/assetManager/partials/sprite/partials/SpritePreview.vue' import SpriteEditor from '@/components/gameMaster/assetManager/partials/sprite/partials/SpriteEditor.vue'
import Accordion from '@/components/utilities/Accordion.vue' import Accordion from '@/components/utilities/Accordion.vue'
import { socketManager } from '@/managers/SocketManager' import { socketManager } from '@/managers/SocketManager'
import { SpriteStorage } from '@/storage/storages' import { SpriteStorage } from '@/storage/storages'
@ -92,8 +83,6 @@ const assetManagerStore = useAssetManagerStore()
const selectedSprite = computed(() => assetManagerStore.selectedSprite) const selectedSprite = computed(() => assetManagerStore.selectedSprite)
const spriteName = ref('') const spriteName = ref('')
const spriteWidth = ref(0)
const spriteHeight = ref(0)
const spriteActions = ref<SpriteAction[]>([]) const spriteActions = ref<SpriteAction[]>([])
const isModalOpen = ref(false) const isModalOpen = ref(false)
const selectedAction = ref<SpriteAction | null>(null) const selectedAction = ref<SpriteAction | null>(null)
@ -104,8 +93,6 @@ if (!selectedSprite.value) {
if (selectedSprite.value) { if (selectedSprite.value) {
spriteName.value = selectedSprite.value.name spriteName.value = selectedSprite.value.name
spriteWidth.value = selectedSprite.value.width
spriteHeight.value = selectedSprite.value.height
spriteActions.value = sortSpriteActions(selectedSprite.value.spriteActions) spriteActions.value = sortSpriteActions(selectedSprite.value.spriteActions)
} }
@ -152,8 +139,6 @@ async function saveSprite() {
const updatedSprite = { const updatedSprite = {
id: selectedSprite.value.id, id: selectedSprite.value.id,
name: spriteName.value, name: spriteName.value,
width: spriteWidth.value,
height: spriteHeight.value,
spriteActions: spriteActions:
spriteActions.value?.map((action) => { spriteActions.value?.map((action) => {
return { return {
@ -206,7 +191,7 @@ function sortSpriteActions(actions: SpriteAction[]): SpriteAction[] {
return [...actions].sort((a, b) => a.action.localeCompare(b.action)) return [...actions].sort((a, b) => a.action.localeCompare(b.action))
} }
function openPreviewModal(action: SpriteAction) { function openEditorModal(action: SpriteAction) {
selectedAction.value = action selectedAction.value = action
isModalOpen.value = true isModalOpen.value = true
} }
@ -231,8 +216,6 @@ function handleTempOffsetChange(action: SpriteAction, index: number, offset: { x
watch(selectedSprite, (sprite: Sprite | null) => { watch(selectedSprite, (sprite: Sprite | null) => {
if (!sprite) return if (!sprite) return
spriteName.value = sprite.name spriteName.value = sprite.name
spriteWidth.value = sprite.width
spriteHeight.value = sprite.height
spriteActions.value = sortSpriteActions(sprite.spriteActions) spriteActions.value = sortSpriteActions(sprite.spriteActions)
}) })

4
src/components/gameMaster/assetManager/partials/sprite/partials/SpritePreview.vue → src/components/gameMaster/assetManager/partials/sprite/partials/SpriteEditor.vue
View File

@ -1,7 +1,7 @@
<template> <template>
<Modal :is-modal-open="isModalOpen" :modal-width="700" :modal-height="330" bg-style="none" @modal:close="closeModal"> <Modal :is-modal-open="isModalOpen" :modal-width="700" :modal-height="330" :can-full-screen="true" bg-style="none" @modal:close="closeModal">
<template #modalHeader> <template #modalHeader>
<h3 class="m-0 font-medium shrink-0 text-white">View sprite</h3> <h3 class="m-0 font-medium shrink-0 text-white">Sprite editor</h3>
</template> </template>
<template #modalBody> <template #modalBody>
<div class="m-4 flex gap-8"> <div class="m-4 flex gap-8">