vue-phaserjs 3.2.0 → 3.4.0

package/dist/index.js

@@ -1,5 +1,5 @@
-import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, inject, nextTick, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, toValue, useTemplateRef, watch } from "vue";
-import { ID_SEPARATOR, InvalidOperationError, NotFoundError, NotInitializedError, Operation, checkIsPlainObject, takeOne, toKebabCase } from "@esposter/shared";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, inject, nextTick, onMounted, onUnmounted, openBlock, provide, ref, renderSlot, shallowRef, toValue, useTemplateRef, watch } from "vue";
+import { ID_SEPARATOR, InvalidOperationError, NotFoundError, NotInitializedError, Operation, checkIsPlainObject, getOrCreate, takeOne, toKebabCase } from "@esposter/shared";
 import ClickOutside from "phaser4-rex-plugins/plugins/clickoutside.js";
 import { Animations, Cameras, Core, Game, Loader, Scene, Scenes, Tilemaps, Tweens, Utils } from "phaser";
 import { defineStore, storeToRefs } from "pinia";
@@ -50,17 +50,10 @@ const useInitializeGameObjectEvents = () => {
 				if ("eventIndex" in context) takeOne(args).stopPropagation = takeOne(args, context.eventIndex).stopPropagation;
 				emit(gameObjectEvent, ...args);
 			};
-			if (gameObjectEvent === "clickoutside") {
-				const clickOutside = new ClickOutside(gameObject);
-				clickOutside.on(gameObjectEvent, eventListener);
-				eventStopHandles.push(() => {
-					clickOutside.off(gameObjectEvent, eventListener);
-				});
-				continue;
-			}
-			gameObject.on(gameObjectEvent, eventListener);
+			const emitter = gameObjectEvent === "clickoutside" ? new ClickOutside(gameObject) : gameObject;
+			emitter.on(gameObjectEvent, eventListener);
 			eventStopHandles.push(() => {
-				gameObject.off(gameObjectEvent, eventListener);
+				emitter.off(gameObjectEvent, eventListener);
 			});
 		}
 	};
@@ -103,14 +96,8 @@ const ExternalSceneStore = {
 //#region src/services/hooks/pushListener.ts
 const pushListener = (lifecycle, listener, key) => {
 	const sceneKey = key ?? useInjectSceneKey();
-	const listenersMap = ExternalSceneStore.lifecycleListenersMap.get(lifecycle);
-	if (!listenersMap) {
-		ExternalSceneStore.lifecycleListenersMap.set(lifecycle, /* @__PURE__ */ new Map([[sceneKey, [listener]]]));
-		return;
-	}
-	const listeners = listenersMap.get(sceneKey);
-	if (listeners) listeners.push(listener);
-	else listenersMap.set(sceneKey, [listener]);
+	const listenersMap = getOrCreate(ExternalSceneStore.lifecycleListenersMap, lifecycle, () => /* @__PURE__ */ new Map());
+	getOrCreate(listenersMap, sceneKey, () => []).push(listener);
 };
 //#endregion
 //#region src/hooks/onNextTick.ts
@@ -704,7 +691,7 @@ const _sfc_main$23 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props) {
 		const sceneKey = useInjectSceneKey();
-		const tilemap = ref();
+		const tilemap = shallowRef();
 		onCreate((newScene) => {
 			tilemap.value = newScene.make.tilemap(__props.configuration);
 			__props.onComplete?.(newScene, tilemap.value);
@@ -1518,7 +1505,7 @@ var TiledJSONExternalFile = class extends MultiFile {
 		const loader = this.loader;
 		const files = this.files;
 		this.complete = true;
-		for (const tilesetFile of tilesetFiles) {
+		await Promise.all(tilesetFiles.map(async (tilesetFile) => {
 			const responseText = tilesetFile.xhrLoader?.responseText;
 			if (!responseText) throw new InvalidOperationError(Operation.Read, this.addToCache.name, tilesetFile.key);
 			const responseData = await parseXmlString(responseText);
@@ -1529,7 +1516,7 @@ var TiledJSONExternalFile = class extends MultiFile {
 				imagewidth: tilesetData.image.width,
 				source: void 0
 			});
-		}
+		}));
 		loader.cacheManager.tilemap.add(tilemapKey, {
 			data: tilemapData,
 			format: Tilemaps.Formats.TILED_JSON
@@ -1706,7 +1693,7 @@ const _sfc_main$3 = /*@__PURE__*/ defineComponent({
 	},
 	setup(__props, { emit: __emit }) {
 		const emit = __emit;
-		const container = ref();
+		const container = shallowRef();
 		useInitializeGameObject((scene) => {
 			const { children, x, y } = __props.configuration;
 			container.value = scene.add.container(x, y, children);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-phaserjs",
-  "version": "3.2.0",
+  "version": "3.4.0",
   "description": "A component library to integrate Phaser Framework with Vue.",
   "keywords": [
     "component-library",
@@ -55,18 +55,18 @@
   },
   "devDependencies": {
     "@arethetypeswrong/core": "^0.18.5",
-    "@esposter/configuration": "3.2.0",
+    "@esposter/configuration": "3.4.0",
     "@vue/test-utils": "^2.5.1",
     "publint": "^0.3.24",
     "tsdown": "^0.23.0",
     "type-fest": "^5.10.0",
     "typedoc": "^0.28.20",
-    "vitest": "^5.0.1",
+    "vitest": "^5.0.2",
     "vue-tsc": "^3.3.11"
   },
   "peerDependencies": {
-    "@esposter/shared": "3.1.0",
-    "parse-tmx": "3.1.0",
+    "@esposter/shared": "3.3.0",
+    "parse-tmx": "3.3.0",
     "phaser": "^4.2.1",
     "phaser4-rex-plugins": "^4.2.0",
     "pinia": "^4.0.3",
@@ -75,5 +75,5 @@
   "inlinedDependencies": {
     "type-fest": "5.10.0"
   },
-  "gitHead": "bc055ed2f154eff219a355016a6b586962dbfa9c"
+  "gitHead": "8eed442bbd2c402cdd4a09cd286595bb8feb3951"
 }