@rpgjs/client 5.0.0-beta.1 → 5.0.0-beta.11

package/dist/components/scenes/canvas.ce.js

@@ -1,49 +1,192 @@
 import { inject } from "../../core/inject.js";
-import component$1 from "./draw-map.ce.js";
 import { RpgGui } from "../../Gui/Gui.js";
 import { RpgClientEngine } from "../../RpgClientEngine.js";
 import { Canvas, Container, Viewport, computed, cond, effect, h, loop, useDefineProps, useProps } from "canvasengine";
 import { delay } from "@rpgjs/common";
+import { NightAmbiant, SpriteShadows } from "@canvasengine/presets";
 //#region src/components/scenes/canvas.ce
 function component($$props) {
 	useProps($$props);
 	useDefineProps($$props);
-	var engine = inject(RpgClientEngine);
-	var guiService = inject(RpgGui);
-	var sceneData = engine.sceneMap.data;
-	var guiList = computed(function() {
-		return Object.values(guiService.gui()).filter(function(gui) {
-			return !gui.attachToSprite;
-		});
+	const engine = inject(RpgClientEngine);
+	const SceneMap = engine.sceneMapComponent;
+	const guiService = inject(RpgGui);
+	const sceneData = engine.sceneMap.data;
+	const lighting = engine.sceneMap.lighting;
+	const guiList = computed(() => {
+		return Object.values(guiService.gui()).filter((gui) => !gui.attachToSprite);
 	});
-	var worldWidth = computed(function() {
-		var _a;
-		return (_a = sceneData()) === null || _a === void 0 ? void 0 : _a.width;
+	const worldWidth = computed(() => {
+		const data = sceneData?.();
+		const scale = Number(data?.params?.scale ?? 1) || 1;
+		return Number(data?.width ?? data?.params?.width ?? 2048) * scale;
 	});
-	var worldHeight = computed(function() {
-		var _a;
-		return (_a = sceneData()) === null || _a === void 0 ? void 0 : _a.height;
+	const worldHeight = computed(() => {
+		const data = sceneData?.();
+		const scale = Number(data?.params?.scale ?? 1) || 1;
+		return Number(data?.height ?? data?.params?.height ?? 2048) * scale;
 	});
-	effect(function() {
+	effect(() => {
 		if (sceneData() && !sceneData().component) throw new Error("Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.");
 	});
-	var onGuiFinish = function(gui, data) {
-		delay(function() {
+	const onGuiFinish = (gui, data) => {
+		delay(() => {
 			guiService.guiClose(gui.name, data);
 		});
 	};
-	var onGuiInteraction = function(gui, name, data) {
+	const onGuiInteraction = (gui, name, data) => {
 		guiService.guiInteraction(gui.name, name, data);
 	};
+	const clamp = { direction: "all" };
+	const NIGHT_SPOT_RADIUS_SCALE = 4.25;
+	const NIGHT_SPOT_MIN_RADIUS = 170;
+	const NIGHT_SPOT_MIN_INTENSITY = 1;
+	const SHADOW_SPOT_RADIUS_SCALE = 12;
+	const SHADOW_SPOT_MIN_RADIUS = 480;
+	const SHADOW_SPOT_MIN_INTENSITY = 1.35;
+	const nightSpotRadius = (radius) => Math.max(radius * NIGHT_SPOT_RADIUS_SCALE, NIGHT_SPOT_MIN_RADIUS);
+	const shadowSpotRadius = (radius) => Math.max(radius * SHADOW_SPOT_RADIUS_SCALE, SHADOW_SPOT_MIN_RADIUS);
+	const nightSpotIntensity = (intensity, fallback) => Math.max(intensity ?? fallback, NIGHT_SPOT_MIN_INTENSITY);
+	const shadowSpotIntensity = (intensity) => Math.max(intensity ?? 1.3, SHADOW_SPOT_MIN_INTENSITY);
+	const lightingAmbient = computed(() => {
+		return (lighting?.())?.ambient ?? {};
+	});
+	const nightLights = computed(() => {
+		return ((lighting?.())?.spots ?? []).map((spot, index) => {
+			const radius = spot.radius ?? 180;
+			return {
+				x: spot.x,
+				y: spot.y,
+				radius: nightSpotRadius(radius),
+				intensity: nightSpotIntensity(spot.intensity, index === 0 ? 1 : .92),
+				flicker: spot.flicker,
+				flickerSpeed: spot.flickerSpeed ?? 14,
+				pulse: spot.pulse,
+				pulseSpeed: spot.pulseSpeed,
+				phase: spot.phase
+			};
+		});
+	});
+	const hasLightSpots = computed(() => {
+		return ((lighting?.())?.spots?.length ?? 0) > 0;
+	});
+	const lightingDarkness = computed(() => {
+		const darkness = lightingAmbient().darkness;
+		return typeof darkness === "number" ? darkness : 0;
+	});
+	const lightingAmbientEnabled = computed(() => {
+		const state = lighting?.();
+		return Boolean(state && lightingDarkness() > 0);
+	});
+	const lightingDarknessProps = computed(() => ({
+		opacity: lightingDarkness(),
+		color: lightingAmbient().darkColor ?? "#080a12"
+	}));
+	const lightingHaze = computed(() => ({
+		color: lightingAmbient().fogColor ?? "#12182a",
+		radius: lightingAmbient().fogRadius ?? .44,
+		softness: lightingAmbient().fogSoftness ?? .3,
+		opacity: lightingAmbient().fogOpacity ?? .35
+	}));
+	const defaultSunLight = () => {
+		const data = sceneData?.();
+		const width = Number(data?.width ?? data?.params?.width ?? 2048);
+		const height = Number(data?.height ?? data?.params?.height ?? 2048);
+		const scale = Number(data?.params?.scale ?? 1) || 1;
+		const mapWidth = width * scale;
+		const mapHeight = height * scale;
+		return {
+			x: -mapWidth * .35,
+			y: -mapHeight * .45,
+			z: 520,
+			radius: Math.max(mapWidth, mapHeight) * 2.5,
+			intensity: .85,
+			shadowWeight: lightingDarkness() > 0 ? 2.2 : 1,
+			enabled: true
+		};
+	};
+	const shadowState = computed(() => {
+		return (lighting?.())?.shadows ?? null;
+	});
+	const shadowLights = computed(() => {
+		const state = lighting?.();
+		const defaultSun = defaultSunLight();
+		const sun = {
+			...defaultSun,
+			...state?.sun ?? {},
+			shadowWeight: state?.sun?.shadowWeight ?? defaultSun.shadowWeight
+		};
+		const spotLights = (state?.spots ?? []).map((spot) => {
+			const radius = spot.radius ?? 180;
+			return {
+				x: spot.x,
+				y: spot.y,
+				z: 170,
+				radius: shadowSpotRadius(radius),
+				intensity: shadowSpotIntensity(spot.intensity),
+				shadowWeight: 2.4,
+				enabled: true
+			};
+		});
+		return [...sun.enabled === false || sun.intensity <= 0 ? [] : [sun], ...spotLights];
+	});
+	const shadowAmbientLight = computed(() => {
+		const shadows = shadowState();
+		if (shadows?.ambientLight === null || shadows?.ambientLight?.enabled === false) return null;
+		return shadows?.ambientLight ?? {
+			x: -.18,
+			y: -1,
+			z: 420,
+			intensity: .32,
+			shadowWeight: 1
+		};
+	});
+	const shadowEnabled = computed(() => {
+		const shadows = shadowState();
+		return Boolean((shadows?.enabled || hasLightSpots()) && (shadowLights().length > 0 || shadowAmbientLight()));
+	});
+	const shadowMode = computed(() => shadowState()?.mode ?? "strongest");
+	const shadowUpdateHz = computed(() => shadowState()?.updateHz ?? 60);
+	const shadowScanHz = computed(() => shadowState()?.scanHz ?? 8);
+	const shadowCullToViewport = computed(() => shadowState()?.cullToViewport ?? true);
+	const shadowMinInfluence = computed(() => shadowState()?.minInfluence ?? .24);
+	const shadowFalloffPower = computed(() => shadowState()?.falloffPower ?? .85);
+	const shadowColor = computed(() => shadowState()?.shadowColor ?? "#05070d");
 	return h(Canvas, {
 		width: engine.width,
 		height: engine.height
 	}, [h(Viewport, {
 		worldWidth,
 		worldHeight,
-		clamp: { direction: "all" },
+		clamp,
 		sortableChildren: true
-	}, cond(sceneData, () => h(component$1))), loop(guiList, (gui) => h(Container, { display: "flex" }, cond(gui.display, () => h(gui.component, {
+	}, [
+		cond(computed(() => lightingAmbientEnabled()), () => h(NightAmbiant, {
+			spots: nightLights,
+			darkness: lightingDarknessProps,
+			haze: lightingHaze
+		})),
+		cond(computed(() => shadowEnabled()), () => h(SpriteShadows, {
+			lights: shadowLights,
+			ambientLight: shadowAmbientLight,
+			minInfluence: shadowMinInfluence,
+			falloffPower: shadowFalloffPower,
+			mode: shadowMode,
+			updateHz: shadowUpdateHz,
+			scanHz: shadowScanHz,
+			cullToViewport: shadowCullToViewport,
+			shadowColor
+		})),
+		h(SceneMap)
+	]), loop(guiList, (gui) => h(Container, {
+		positionType: "absolute",
+		top: 0,
+		left: 0,
+		right: 0,
+		bottom: 0,
+		width: engine.width,
+		height: engine.height
+	}, cond(gui.display, () => h(gui.component, {
 		data: gui.data,
 		dependencies: gui.dependencies,
 		onFinish: (data) => {
@@ -54,7 +197,8 @@ function component($$props) {
 		}
 	}))))]);
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=canvas.ce.js.map

package/dist/components/scenes/canvas.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"canvas.ce.js","names":[],"sources":["../../../src/components/scenes/canvas.ce"],"sourcesContent":["<Canvas width={engine.width} height={engine.height}>\n  <Viewport worldWidth worldHeight clamp sortableChildren={true}>\n    @if (sceneData) {\n      <SceneMap />\n    }\n  </Viewport>\n  @for (gui of guiList) {\n      <Container display=\"flex\">\n        @if (gui.display) {\n          <gui.component data={gui.data} dependencies={gui.dependencies} onFinish={(data) => {\n            onGuiFinish(gui, data)\n          }} onInteraction={(name, data) => {\n            onGuiInteraction(gui, name, data)\n          }} /> \n        }\n      </Container>\n  }\n</Canvas>\n\n<script>\n  import { signal, computed, effect } from \"canvasengine\";\n  import { inject } from \"../../core/inject\";\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import SceneMap from './draw-map.ce'\n  import { RpgGui } from \"../../Gui/Gui\";\n  import { delay } from \"@rpgjs/common\";\n\n  const engine = inject(RpgClientEngine);\n  const guiService = inject(RpgGui);\n  const sceneData = engine.sceneMap.data\n  const guiList = computed(() => {\n    return Object.values(guiService.gui()).filter((gui) => !gui.attachToSprite)\n  })\n  const worldWidth = computed(() => sceneData()?.width)\n  const worldHeight = computed(() => sceneData()?.height)\n\n  effect(() => {\n     if (sceneData() && !sceneData().component) {\n       throw new Error(\"Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.\")\n     }\n  })\n\n  const onGuiFinish = (gui, data) => {\n    delay(() => {\n      guiService.guiClose(gui.name, data)\n    })\n  }\n\n  const onGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data)\n  }\n  \n  const clamp = {\n    direction: \"all\"\n  }\n</script>\n"],"mappings":";;;;;;;AAaM,SAAS,UAAA,SAAA;AACP,UAAA,QAAA;AACS,gBAAA,QAAA;CACf,IAAA,SAAA,OAAA,gBAAA;CACF,IAAE,aAAM,OAAA,OAAA;;CAER,IAAC,UAAM,SAAA,WAAA;AACL,SAAS,OAAO,OAAC,WAAiB,KAAE,CAAI,CAAC,OAAC,SAAa,KAAA;AAAA,UAAA,CAAA,IAAA;IAAA;GACvD;CACF,IAAE,aAAS,SAAe,WAAY;EAAE,IAAC;AAAA,UAAe,KAAC,WAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;GAAA;CACzD,IAAE,cAAgB,SAAQ,WAAW;EAAA,IAAA;AAAA,UAAA,KAAA,WAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;GAAA;AACrC,QAAE,WAAiB;AACjB,MAAM,WAAW,IAAI,CAAC,WAAQ,CAAA,UAAA,OAAA,IAAA,MAAA,oHAAA;GAG9B;CACF,IAAE,cAAgB,SAAS,KAAA,MAAS;AAClC,QAAM,WAAU;AACd,cAAc,SAAO,IAAA,MAAW,KAAO;IACxC;;CAEH,IAAE,mBAAoB,SAAW,KAAI,MAAA,MAAa;;;AAW7C,QALF,EAAA,QAAA;EAAA,OAAA,OAAA;EAAA,QAAA,OAAA;EAAA,EAAA,CAAA,EAAA,UAAA;EAAA;EAAA;EAAA,OAHM,EACL,WAAS,OACZ;EACE,kBAAA;EAAA,EAAA,KAAA,iBAAA,EAAA,YAAA,CAAA,CAAA,EAAA,KAAA,UAAA,QAAA,EAAA,WAAA,EAAA,SAAA,QAAA,EAAA,KAAA,IAAA,eAAA,EAAA,IAAA,WAAA;EAAA,MAAA,IAAA;EAAA,cAAA,IAAA;EAAA,WAAA,SAAA;;;EAEK,gBAAoB,MAAO,SAAE;AACzB,oBAAI,KAAA,MAAA,KAAA;;EACV,CAAA,CAAA,CAAU,CAAC,CAAA,CAAA"}
+{"version":3,"file":"canvas.ce.js","names":[],"sources":["../../../src/components/scenes/canvas.ce"],"sourcesContent":["<Canvas width={engine.width} height={engine.height}>\n  <Viewport worldWidth worldHeight clamp sortableChildren={true}>\n    @if (lightingAmbientEnabled()) {\n      <NightAmbiant\n        spots={nightLights}\n        darkness={lightingDarknessProps}\n        haze={lightingHaze}\n      />\n    }\n    @if (shadowEnabled()) {\n      <SpriteShadows\n        lights={shadowLights}\n        ambientLight={shadowAmbientLight}\n        minInfluence={shadowMinInfluence}\n        falloffPower={shadowFalloffPower}\n        mode={shadowMode}\n        updateHz={shadowUpdateHz}\n        scanHz={shadowScanHz}\n        cullToViewport={shadowCullToViewport}\n        shadowColor={shadowColor}\n      />\n    }\n    <SceneMap />\n  </Viewport>\n  @for (gui of guiList) {\n      <Container\n        positionType=\"absolute\"\n        top={0}\n        left={0}\n        right={0}\n        bottom={0}\n        width={engine.width}\n        height={engine.height}\n      >\n        @if (gui.display) {\n          <gui.component data={gui.data} dependencies={gui.dependencies} onFinish={(data) => {\n            onGuiFinish(gui, data)\n          }} onInteraction={(name, data) => {\n            onGuiInteraction(gui, name, data)\n          }} /> \n        }\n      </Container>\n  }\n</Canvas>\n\n<script>\n  import { computed, effect } from \"canvasengine\";\n  import { inject } from \"../../core/inject\";\n  import { RpgClientEngine } from \"../../RpgClientEngine\";\n  import { RpgGui } from \"../../Gui/Gui\";\n  import { delay } from \"@rpgjs/common\";\n  import { NightAmbiant, SpriteShadows } from '@canvasengine/presets'\n\n  const engine = inject(RpgClientEngine);\n  const SceneMap = engine.sceneMapComponent;\n  const guiService = inject(RpgGui);\n  const sceneData = engine.sceneMap.data\n  const lighting = engine.sceneMap.lighting\n  const guiList = computed(() => {\n    return Object.values(guiService.gui()).filter((gui) => !gui.attachToSprite)\n  })\n  const worldWidth = computed(() => {\n    const data = sceneData?.()\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    return Number(data?.width ?? data?.params?.width ?? 2048) * scale\n  })\n  const worldHeight = computed(() => {\n    const data = sceneData?.()\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    return Number(data?.height ?? data?.params?.height ?? 2048) * scale\n  })\n\n  effect(() => {\n     if (sceneData() && !sceneData().component) {\n       throw new Error(\"Warning ! You need to define a component for the scene. Use provideLoadMap() to define a component for the scene.\")\n     }\n  })\n\n  const onGuiFinish = (gui, data) => {\n    delay(() => {\n      guiService.guiClose(gui.name, data)\n    })\n  }\n\n  const onGuiInteraction = (gui, name, data) => {\n    guiService.guiInteraction(gui.name, name, data)\n  }\n\n  const clamp = {\n    direction: \"all\"\n  }\n  const NIGHT_SPOT_RADIUS_SCALE = 4.25\n  const NIGHT_SPOT_MIN_RADIUS = 170\n  const NIGHT_SPOT_MIN_INTENSITY = 1\n  const SHADOW_SPOT_RADIUS_SCALE = 12\n  const SHADOW_SPOT_MIN_RADIUS = 480\n  const SHADOW_SPOT_MIN_INTENSITY = 1.35\n\n  const nightSpotRadius = (radius) => Math.max(radius * NIGHT_SPOT_RADIUS_SCALE, NIGHT_SPOT_MIN_RADIUS)\n  const shadowSpotRadius = (radius) => Math.max(radius * SHADOW_SPOT_RADIUS_SCALE, SHADOW_SPOT_MIN_RADIUS)\n  const nightSpotIntensity = (intensity, fallback) => Math.max(intensity ?? fallback, NIGHT_SPOT_MIN_INTENSITY)\n  const shadowSpotIntensity = (intensity) => Math.max(intensity ?? 1.3, SHADOW_SPOT_MIN_INTENSITY)\n\n  const lightingAmbient = computed(() => {\n    const state = lighting?.()\n    return state?.ambient ?? {}\n  })\n\n  const nightLights = computed(() => {\n    const state = lighting?.()\n    return (state?.spots ?? []).map((spot, index) => {\n      const radius = spot.radius ?? 180\n      return {\n        x: spot.x,\n        y: spot.y,\n        radius: nightSpotRadius(radius),\n        intensity: nightSpotIntensity(spot.intensity, index === 0 ? 1 : 0.92),\n        flicker: spot.flicker,\n        flickerSpeed: spot.flickerSpeed ?? 14,\n        pulse: spot.pulse,\n        pulseSpeed: spot.pulseSpeed,\n        phase: spot.phase,\n      }\n    })\n  })\n  const hasLightSpots = computed(() => {\n    const state = lighting?.()\n    return (state?.spots?.length ?? 0) > 0\n  })\n\n  const lightingDarkness = computed(() => {\n    const darkness = lightingAmbient().darkness\n    return typeof darkness === \"number\" ? darkness : 0\n  })\n\n  const lightingAmbientEnabled = computed(() => {\n    const state = lighting?.()\n    return Boolean(state && lightingDarkness() > 0)\n  })\n\n  const lightingDarknessProps = computed(() => ({\n    opacity: lightingDarkness(),\n    color: lightingAmbient().darkColor ?? \"#080a12\",\n  }))\n  const lightingHaze = computed(() => ({\n    color: lightingAmbient().fogColor ?? \"#12182a\",\n    radius: lightingAmbient().fogRadius ?? 0.44,\n    softness: lightingAmbient().fogSoftness ?? 0.3,\n    opacity: lightingAmbient().fogOpacity ?? 0.35,\n  }))\n\n  const defaultSunLight = () => {\n    const data = sceneData?.()\n    const width = Number(data?.width ?? data?.params?.width ?? 2048)\n    const height = Number(data?.height ?? data?.params?.height ?? 2048)\n    const scale = Number(data?.params?.scale ?? 1) || 1\n    const mapWidth = width * scale\n    const mapHeight = height * scale\n\n    return {\n      x: -mapWidth * 0.35,\n      y: -mapHeight * 0.45,\n      z: 520,\n      radius: Math.max(mapWidth, mapHeight) * 2.5,\n      intensity: 0.85,\n      shadowWeight: lightingDarkness() > 0 ? 2.2 : 1,\n      enabled: true,\n    }\n  }\n\n  const shadowState = computed(() => {\n    const state = lighting?.()\n    return state?.shadows ?? null\n  })\n\n  const shadowLights = computed(() => {\n    const state = lighting?.()\n    const defaultSun = defaultSunLight()\n    const sun = {\n      ...defaultSun,\n      ...(state?.sun ?? {}),\n      shadowWeight: state?.sun?.shadowWeight ?? defaultSun.shadowWeight,\n    }\n    const spotLights = (state?.spots ?? []).map((spot) => {\n      const radius = spot.radius ?? 180\n      return {\n        x: spot.x,\n        y: spot.y,\n        z: 170,\n        radius: shadowSpotRadius(radius),\n        intensity: shadowSpotIntensity(spot.intensity),\n        shadowWeight: 2.4,\n        enabled: true,\n      }\n    })\n\n    return [\n      ...((sun.enabled === false || sun.intensity <= 0) ? [] : [sun]),\n      ...spotLights,\n    ]\n  })\n\n  const shadowAmbientLight = computed(() => {\n    const shadows = shadowState()\n    if (shadows?.ambientLight === null || shadows?.ambientLight?.enabled === false) {\n      return null\n    }\n    return shadows?.ambientLight ?? { x: -0.18, y: -1, z: 420, intensity: 0.32, shadowWeight: 1 }\n  })\n\n  const shadowEnabled = computed(() => {\n    const shadows = shadowState()\n    return Boolean((shadows?.enabled || hasLightSpots()) && (shadowLights().length > 0 || shadowAmbientLight()))\n  })\n\n  const shadowMode = computed(() => shadowState()?.mode ?? \"strongest\")\n  const shadowUpdateHz = computed(() => shadowState()?.updateHz ?? 60)\n  const shadowScanHz = computed(() => shadowState()?.scanHz ?? 8)\n  const shadowCullToViewport = computed(() => shadowState()?.cullToViewport ?? true)\n  const shadowMinInfluence = computed(() => shadowState()?.minInfluence ?? 0.24)\n  const shadowFalloffPower = computed(() => shadowState()?.falloffPower ?? 0.85)\n  const shadowColor = computed(() => shadowState()?.shadowColor ?? \"#05070d\")\n</script>\n"],"mappings":"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"}

package/dist/components/scenes/draw-map.ce.js

@@ -1,47 +1,37 @@
 import { inject } from "../../core/inject.js";
 import { RpgClientEngine } from "../../RpgClientEngine.js";
-import { Container, computed, cond, h, loop, signal, useDefineProps, useProps } from "canvasengine";
+import { Container, computed, cond, h, loop, useDefineProps, useProps } from "canvasengine";
 import { Weather } from "@canvasengine/presets";
 //#region src/components/scenes/draw-map.ce
 function component($$props) {
 	useProps($$props);
-	useDefineProps($$props);
-	var _a, _b, _c, _d;
-	var engine = inject(RpgClientEngine);
-	var componentAnimations = engine.componentAnimations;
-	var map = (_a = engine.sceneMap) === null || _a === void 0 ? void 0 : _a.data;
-	var sceneComponent = computed(function() {
-		var _a;
-		return (_a = map()) === null || _a === void 0 ? void 0 : _a.component;
-	});
-	(_b = map()) === null || _b === void 0 || _b.params;
-	var mapParams = (_c = map()) === null || _c === void 0 ? void 0 : _c.params;
-	engine.sceneMap.animations;
-	var weather = engine.sceneMap.weather;
-	var backgroundMusic = {
-		src: mapParams === null || mapParams === void 0 ? void 0 : mapParams.backgroundMusic,
+	const { children } = useDefineProps($$props)();
+	const engine = inject(RpgClientEngine);
+	const componentAnimations = engine.componentAnimations;
+	const projectiles = engine.projectiles.current;
+	const map = engine.sceneMap?.data;
+	const sceneComponent = computed(() => map()?.component);
+	const mapParams = map()?.params;
+	const weather = engine.sceneMap.weather;
+	const backgroundMusic = {
+		src: mapParams?.backgroundMusic,
 		autoplay: true,
 		loop: true
 	};
-	var backgroundAmbientSound = {
-		src: mapParams === null || mapParams === void 0 ? void 0 : mapParams.backgroundAmbientSound,
+	const backgroundAmbientSound = {
+		src: mapParams?.backgroundAmbientSound,
 		autoplay: true,
 		loop: true
 	};
-	signal((_d = map()) === null || _d === void 0 ? void 0 : _d.data);
-	var scale = (mapParams === null || mapParams === void 0 ? void 0 : mapParams.scale) || 1;
-	((mapParams === null || mapParams === void 0 ? void 0 : mapParams.width) || 2048) * scale;
-	((mapParams === null || mapParams === void 0 ? void 0 : mapParams.height) || 2048) * scale;
-	var shakeConfig = {
+	const shakeConfig = {
 		trigger: engine.mapShakeTrigger,
 		intensity: 10,
 		duration: 500,
 		frequency: 10,
 		direction: "both"
 	};
-	var weatherProps = computed(function() {
-		var _a, _b;
-		var state = weather === null || weather === void 0 ? void 0 : weather();
+	const weatherProps = computed(() => {
+		const state = weather?.();
 		if (!state) return null;
 		if (![
 			"rain",
@@ -49,7 +39,7 @@ function component($$props) {
 			"fog",
 			"cloud"
 		].includes(state.effect)) return null;
-		var params = (_a = state.params) !== null && _a !== void 0 ? _a : {};
+		const params = state.params ?? {};
 		return {
 			effect: state.effect,
 			speed: params.speed,
@@ -64,7 +54,7 @@ function component($$props) {
 			raySpread: params.raySpread,
 			rayTwinkle: params.rayTwinkle,
 			rayTwinkleSpeed: params.rayTwinkleSpeed,
-			zIndex: (_b = params.zIndex) !== null && _b !== void 0 ? _b : 1e3,
+			zIndex: params.zIndex ?? 1e3,
 			alpha: params.alpha,
 			blendMode: params.blendMode
 		};
@@ -75,15 +65,18 @@ function component($$props) {
 		freeze: engine.gamePause
 	}, [
 		h(Container, { sound: backgroundAmbientSound }),
-		cond(computed(() => map() && sceneComponent()), () => h(sceneComponent(), {
+		h(Container, null, cond(computed(() => map() && sceneComponent()), () => h(sceneComponent(), {
 			data: computed(() => map().data),
 			params: computed(() => map().params)
-		})),
+		}))),
+		loop(children, (child) => h(child)),
 		loop(componentAnimations, (componentAnimation) => h(Container, null, loop(componentAnimation.current, (animation) => h(componentAnimation.component, animation)))),
-		cond(weatherProps, () => h(Weather, weatherProps()))
+		h(Container, { sortableChildren: true }, loop(computed(() => projectiles()), (projectile) => h(projectile.component, projectile.props), { track: (projectile) => projectile.props.id })),
+		cond(computed(() => weatherProps()), () => h(Weather, weatherProps()))
 	]);
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=draw-map.ce.js.map

package/dist/components/scenes/draw-map.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"draw-map.ce.js","names":[],"sources":["../../../src/components/scenes/draw-map.ce"],"sourcesContent":["<Container sound={backgroundMusic} shake={shakeConfig} freeze={engine.gamePause}>\n  <Container sound={backgroundAmbientSound} />\n\n  @if (map() && sceneComponent()) {\n    <sceneComponent() data={map().data} params={map().params} />\n  }\n\n  @for (componentAnimation of componentAnimations) {\n    <Container>\n      @for (animation of componentAnimation.current) {\n        <componentAnimation.component ...animation />\n      }\n    </Container>\n  }\n\n  @if (weatherProps) {\n    <Weather ...weatherProps() />\n  }\n</Container>\n\n<script>\n    import { NoiseFilter } from 'pixi-filters';\n    import { effect, signal, computed, mount, on, tick } from 'canvasengine'\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { Weather } from '@canvasengine/presets'\n\n    const engine = inject(RpgClientEngine);\n    const componentAnimations = engine.componentAnimations\n    const map = engine.sceneMap?.data\n    const sceneComponent = computed(() => map()?.component)\n    const sceneParams = map()?.params\n    const mapParams = map()?.params\n    const animations = engine.sceneMap.animations\n    const weather = engine.sceneMap.weather\n    const backgroundMusic = { src: mapParams?.backgroundMusic, autoplay: true, loop: true }\n    const backgroundAmbientSound = { src: mapParams?.backgroundAmbientSound, autoplay: true, loop: true }\n\n    const data = signal(map()?.data)\n\n    const scale = mapParams?.scale || 1\n    const worldWidth = (mapParams?.width || 2048) * scale\n    const worldHeight = (mapParams?.height || 2048) * scale\n   \n    const clamp = {\n      direction: \"all\"\n    }\n\n    const shakeConfig = {\n      trigger: engine.mapShakeTrigger,\n      intensity: 10,\n      duration: 500,\n      frequency: 10,\n      direction: 'both'\n    }\n\n    const weatherProps = computed(() => {\n      const state = weather?.()\n      if (!state) {\n        return null\n      }\n      const validEffects = ['rain', 'snow', 'fog', 'cloud']\n      if (!validEffects.includes(state.effect)) {\n        return null\n      }\n      const params = state.params ?? {}\n      return {\n        effect: state.effect,\n        speed: params.speed,\n        windDirection: params.windDirection,\n        windStrength: params.windStrength,\n        density: params.density,\n        maxDrops: params.maxDrops,\n        height: params.height,\n        scale: params.scale,\n        sunIntensity: params.sunIntensity,\n        sunAngle: params.sunAngle,\n        raySpread: params.raySpread,\n        rayTwinkle: params.rayTwinkle,\n        rayTwinkleSpeed: params.rayTwinkleSpeed,\n        zIndex: params.zIndex ?? 1000,\n        alpha: params.alpha,\n        blendMode: params.blendMode,\n      }\n    })\n</script>\n"],"mappings":";;;;;AASM,SAAmB,UAAA,SAAmB;AACnC,UAAmB,QAAY;AAClC,gBAAA,QAAA;CACA,IAAA,IAAS,IAAA,IAAA;CACf,IAAE,SAAA,OAAA,gBAAA;;CAEF,IAAG,OAAI,KAAA,OAAc,cAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;CACrB,IAAI,iBAAY,SAAc,WAAE;EAAA,IAAA;AAAA,UAAA,KAAA,KAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;GAAA;AAC9B,EAAA,KAAA,KAAA,MAAA,QAAA,OAAA,KAAA,KAAA,GAAA;CACF,IAAE,aAAS,KAAA,KAAA,MAAA,QAAA,OAAA,KAAA,IAAA,KAAA,IAAA,GAAA;;CAEX,IAAC,UAAM,OAAA,SAAA;CACP,IAAI,kBAAS;EAAW,KAAG,cAAW,QAAQ,cAAA,KAAA,IAAA,KAAA,IAAA,UAAA;EAAA,UAAA;EAAA,MAAA;EAAA;CAC9C,IAAI,yBAAyB;EAAA,KAAA,cAAqB,QAAO,cAAM,KAAY,IAAA,KAAA,IAAA,UAAA;EAAA,UAAA;EAAA,MAAA;EAAA;AAChE,SAAQ,KAAG,KAAO,MAAK,QAAK,OAAO,KAAA,IAAA,KAAA,IAAA,GAAA,KAAA;CAC9C,IAAI,SAAS,cAAA,QAAsB,cAAQ,KAAA,IAAe,KAAC,IAAA,UAAA,UAAA;AAC9C,GAAA,cAAiB,QAAA,cAAoB,KAAA,IAAA,KAAA,IAAA,UAAA,UAAA,QAAA;;CAKlD,IAAI,cAAM;EACN,SAAM,OAAA;EACN,WAAM;EACN,UAAM;EACN,WAAM;EACN,WAAM;EACT;;EAEG,IAAA,IAAM;;AAEN,MAAA,CAAK,MACL,QAAM;AAGN,MAAA,CADF;GAAA;GAAA;GAAA;GAAA;GAAA,CACgB,SAAA,MAAA,OAAA,CACZ,QAAS;;AAGX,SAAM;GACJ,QAAS,MAAO;GAChB,OAAS,OAAI;GACb,eAAa,OAAA;GACb,cAAa,OAAA;GACb,SAAW,OAAK;GAClB,UAAA,OAAA;;GAEA,OAAM,OAAY;GAChB,cAAc,OAAS;GACrB,UAAU,OAAA;GACV,WAAO,OAAA;GACT,YAAA,OAAA;GACA,iBAAmB,OAAI;GACrB,SAAG,KAAA,OAAa,YAAe,QAAS,OAAA,KAAA,IAAA,KAAA;GACxC,OAAO,OAAA;GACT,WAAA,OAAA;GACD;GACH;AAEM,QADQ,EAAM,WAAM;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA,OAAA;EAAA,EAAA;EAAA,EAAA,WAAA,EAAA,OAAA,wBAAA,CAAA;EAAA,KAAA,eAAA,KAAA,IAAA,gBAAA,CAAA,QAAA,EAAA,gBAAA,EAAA;GAAA,MAAA,eAAA,KAAA,CAAA,KAAA;GAAA,QAAA,eAAA,KAAA,CAAA,OAAA;GAAA,CAAA,CAAA;EAAA,KAAA,sBAAA,uBAAA,EAAA,WAAA,MAAA,KAAA,mBAAA,UAAA,cAAA,EAAA,mBAAA,WAAA,UAAA,CAAA,CAAA,CAAA;EAAA,KAAA,oBAAA,EAAA,SAAA,cAAA,CAAA,CAAA;EAAA,CAAA"}
+{"version":3,"file":"draw-map.ce.js","names":[],"sources":["../../../src/components/scenes/draw-map.ce"],"sourcesContent":["<Container sound={backgroundMusic} shake={shakeConfig} freeze={engine.gamePause}>\n  <Container sound={backgroundAmbientSound} />\n\n  <Container>\n    @if (map() && sceneComponent()) {\n      <sceneComponent() data={map().data} params={map().params} />\n    }\n  </Container>\n\n  @for (child of children) {\n    <child />\n  }\n\n  @for (componentAnimation of componentAnimations) {\n    <Container>\n      @for (animation of componentAnimation.current) {\n        <componentAnimation.component ...animation />\n      }\n    </Container>\n  }\n\n  <Container sortableChildren={true}>\n    @for (projectile of projectiles() ; track projectile.props.id) {\n      <projectile.component ...projectile.props />\n    }\n  </Container>\n\n  @if (weatherProps()) {\n    <Weather ...weatherProps() />\n  }\n</Container>\n\n<script>\n    import { computed, effect } from 'canvasengine'\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { Weather } from '@canvasengine/presets'\n\n    const { children } = defineProps()\n    const engine = inject(RpgClientEngine);\n    const componentAnimations = engine.componentAnimations\n    const projectiles = engine.projectiles.current\n    const map = engine.sceneMap?.data\n    const sceneComponent = computed(() => map()?.component)\n    const mapParams = map()?.params\n    const weather = engine.sceneMap.weather\n    const backgroundMusic = { src: mapParams?.backgroundMusic, autoplay: true, loop: true }\n    const backgroundAmbientSound = { src: mapParams?.backgroundAmbientSound, autoplay: true, loop: true }\n\n    const shakeConfig = {\n      trigger: engine.mapShakeTrigger,\n      intensity: 10,\n      duration: 500,\n      frequency: 10,\n      direction: 'both'\n    }\n\n    const weatherProps = computed(() => {\n      const state = weather?.()\n      if (!state) {\n        return null\n      }\n      const validEffects = ['rain', 'snow', 'fog', 'cloud']\n      if (!validEffects.includes(state.effect)) {\n        return null\n      }\n      const params = state.params ?? {}\n      return {\n        effect: state.effect,\n        speed: params.speed,\n        windDirection: params.windDirection,\n        windStrength: params.windStrength,\n        density: params.density,\n        maxDrops: params.maxDrops,\n        height: params.height,\n        scale: params.scale,\n        sunIntensity: params.sunIntensity,\n        sunAngle: params.sunAngle,\n        raySpread: params.raySpread,\n        rayTwinkle: params.rayTwinkle,\n        rayTwinkleSpeed: params.rayTwinkleSpeed,\n        zIndex: params.zIndex ?? 1000,\n        alpha: params.alpha,\n        blendMode: params.blendMode,\n      }\n    })\n</script>\n"],"mappings":";;;;;AASM,SAAQ,UAAW,SAAE;CACf,SAAA,OAAA;sBACV,eAAA,OAAA,EAAA;CAEF,MAAM,SAAE,OAAA,eAAsB;CAC9B,MAAK,sBAAS,OAAA;CACd,MAAM,cAAM,OAAa,YAAA;CACzB,MAAM,MAAG,OAAA,UAAmB;CAC5B,MAAM,iBAAA,eAAA,IAAA,GAAA,SAAA;CACN,MAAM,YAAS,IAAA,GAAA;CACf,MAAE,UAAA,OAAA,SAAA;;;;;;CAEF,MAAG,yBAA4B;EAAA,KAAK,WAAA;EAAA,UAAA;EAAA,MAAA;CAAA;CACpC,MAAK,cAAe;EAChB,SAAG,OAAW;EACd,WAAA;EACA,UAAS;;EAEV,WAAI;CACP;CACA,MAAE,eAAA,eAAA;EACA,MAAA,QAAS,UAAA;cAEJ,OAAA;EAGH,IAAA,CAAA;GADsB;GAAQ;GAAK;GAAO;EACjC,EAAA,SAAkB,MAAM,MAAM,GACvC,OAAS;EAET,MAAM,SAAE,MAAa,UAAA,CAAW;EAChC,OAAM;GACN,QAAM,MAAA;GACN,OAAM,OAAY;GAClB,eAAmB,OAAA;GACnB,cAAM,OAAiB;GACvB,SAAM,OAAY;GAClB,UAAc,OAAE;GAChB,QAAM,OAAA;GACN,OAAM,OAAA;;GAEN,UAAM,OAAc;GAClB,WAAS,OAAO;GAChB,YAAa,OAAA;GACb,iBAAa,OAAA;GACb,QAAU,OAAG,UAAA;GACb,OAAS,OAAO;GAClB,WAAA,OAAA;;CAEJ,CAAC;CAEO,OADY,EAAA,WAAU;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA,OAAA;CAAA,GAAA;EAAA,EAAA,WAAA,EAAA,OAAA,uBAAA,CAAA;EAAA,EAAA,WAAA,MAAA,KAAA,eAAA,IAAA,KAAA,eAAA,CAAA,SAAA,EAAA,eAAA,GAAA;GAAA,MAAA,eAAA,IAAA,EAAA,IAAA;GAAA,QAAA,eAAA,IAAA,EAAA,MAAA;EAAA,CAAA,CAAA,CAAA;EAAA,KAAA,WAAA,UAAA,EAAA,KAAA,CAAA;EAAA,KAAA,sBAAA,uBAAA,EAAA,WAAA,MAAA,KAAA,mBAAA,UAAA,cAAA,EAAA,mBAAA,WAAA,SAAA,CAAA,CAAA,CAAA;EAAA,EAAA,WAAA,EAAA,kBAAA,KAAA,GAAA,KAAA,eAAA,YAAA,CAAA,IAAA,eAAA,EAAA,WAAA,WAAA,WAAA,KAAA,GAAA,EAAA,QAAA,eAAA,WAAA,MAAA,GAAA,CAAA,CAAA;EAAA,KAAA,eAAA,aAAA,CAAA,SAAA,EAAA,SAAA,aAAA,CAAA,CAAA;CAAA,CACZ;AACZ;AAEA,IAAM,iBAAiB"}

package/dist/components/scenes/event-layer.ce.js

@@ -1,28 +1,29 @@
 import { inject } from "../../core/inject.js";
 import { RpgClientEngine } from "../../RpgClientEngine.js";
-import component$1 from "../character.ce.js";
+import __ce_component$1 from "../character.ce.js";
 import { Container, h, loop, useDefineProps, useProps } from "canvasengine";
 //#region src/components/scenes/event-layer.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var engine = inject(RpgClientEngine);
-	var children = defineProps().children;
-	var players = engine.sceneMap.players;
-	var events = engine.sceneMap.events;
+	const engine = inject(RpgClientEngine);
+	const { children } = defineProps();
+	const players = engine.sceneMap.players;
+	const events = engine.sceneMap.events;
 	return h(Container, { sortableChildren: true }, [
-		loop(events, (event, id) => h(component$1, {
+		loop(events, (event, id) => h(__ce_component$1, {
 			id,
 			object: event
 		})),
-		loop(players, (player, id) => h(component$1, {
+		loop(players, (player, id) => h(__ce_component$1, {
 			id,
 			object: player
 		})),
 		loop(children, (child) => h(child))
 	]);
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=event-layer.ce.js.map

package/dist/components/scenes/event-layer.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-layer.ce.js","names":[],"sources":["../../../src/components/scenes/event-layer.ce"],"sourcesContent":["<Container sortableChildren={true}>\n    @for ((event,id) of events) {\n        <Character id={id} object={event}  />\n    }\n\n    @for ((player,id) of players) {\n        <Character id={id} object={player} />\n    }\n\n    @for (child of children) {\n        <child />\n    }\n</Container>\n\n<script>\n    import { effect, signal } from 'canvasengine'\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import Character from \"../character.ce\";\n    import LightHalo from \"../prebuilt/light-halo.ce\";\n   \n    const engine = inject(RpgClientEngine);\n    const { children } = defineProps()\n    \n    const players = engine.sceneMap.players\n    const events = engine.sceneMap.events\n</script>"],"mappings":";;;;;;AASmB,UAAU,QAAA;CACrB,MAAM,cAAE,eAAA,QAAA;CACZ,IAAA,SAAA,OAAA,gBAAA;CACJ,IAAE,WAAS,aAAA,CAAA;;CAEX,IAAC,SAAM,OAAA,SAAA;AAEH,QADgB,EAAC,WAAS,EAAK,kBAAa,MAAA,EAAA;EAAA,KAAA,SAAA,OAAA,OAAA,EAAA,aAAA;GAAA;GAAA,QAAA;GAAA,CAAA,CAAA;EAAA,KAAA,UAAA,QAAA,OAAA,EAAA,aAAA;GAAA;GAAA,QAAA;GAAA,CAAA,CAAA;EAAA,KAAA,WAAA,UAAA,EAAA,MAAA,CAAA;EAAA,CAAA"}
+{"version":3,"file":"event-layer.ce.js","names":[],"sources":["../../../src/components/scenes/event-layer.ce"],"sourcesContent":["<Container sortableChildren={true}>\n    @for ((event,id) of events) {\n        <Character id={id} object={event}  />\n    }\n\n    @for ((player,id) of players) {\n        <Character id={id} object={player} />\n    }\n\n    @for (child of children) {\n        <child />\n    }\n</Container>\n\n<script>\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import Character from \"../character.ce\";\n    import LightHalo from \"../prebuilt/light-halo.ce\";\n   \n    const engine = inject(RpgClientEngine);\n    const { children } = defineProps()\n    \n    const players = engine.sceneMap.players\n    const events = engine.sceneMap.events\n</script>\n"],"mappings":";;;;;;CASmB,SAAU,OAAA;CACrB,MAAM,cAAE,eAAA,OAAA;CACZ,MAAA,SAAA,OAAA,eAAA;CACJ,MAAE,EAAA,aAAS,YAAA;;CAEX,MAAC,SAAM,OAAA,SAAA;CAEH,OADgB,EAAE,WAAW,EAAC,kBAAY,KAAA,GAAA;EAAA,KAAA,SAAA,OAAA,OAAA,EAAA,kBAAA;GAAA;GAAA,QAAA;EAAA,CAAA,CAAA;EAAA,KAAA,UAAA,QAAA,OAAA,EAAA,kBAAA;GAAA;GAAA,QAAA;EAAA,CAAA,CAAA;EAAA,KAAA,WAAA,UAAA,EAAA,KAAA,CAAA;CAAA,CACjC;AACT;AAEF,IAAA,iBAAA"}

package/dist/core/inject.js

@@ -1,4 +1,4 @@
-import { inject as inject$1 } from "../node_modules/.pnpm/@signe_di@2.9.0/node_modules/@signe/di/dist/index.js";
+import { inject as inject$1 } from "../node_modules/.pnpm/@signe_di@3.0.1/node_modules/@signe/di/dist/index.js";
 //#region src/core/inject.ts
 var context = null;
 function inject(service, _context) {

package/dist/core/inject.js.map

@@ -1 +1 @@
-{"version":3,"file":"inject.js","names":[],"sources":["../../src/core/inject.ts"],"sourcesContent":["import { Context, inject as injector } from \"@signe/di\";\n\nexport let context: Context | null = null\n\nexport function inject<T>(service: (new (...args: any[]) => T) | string, _context?: Context): T {\n    const c = _context ?? context\n    if (!c) throw new Error(\"Context is not set. use setInject() to set the context\");\n    return injector(c, service);\n}\n\nexport function setInject(_context: Context) {\n    context = _context;\n}\n\nexport function clearInject() {\n    context = null\n}"],"mappings":";;AAEA,IAAW,UAA0B;AAErC,SAAgB,OAAU,SAA+C,UAAuB;CAC5F,MAAM,IAAI,YAAY;AACtB,KAAI,CAAC,EAAG,OAAM,IAAI,MAAM,yDAAyD;AACjF,QAAO,SAAS,GAAG,QAAQ;;AAG/B,SAAgB,UAAU,UAAmB;AACzC,WAAU;;AAGd,SAAgB,cAAc;AAC1B,WAAU"}
+{"version":3,"file":"inject.js","names":[],"sources":["../../src/core/inject.ts"],"sourcesContent":["import { Context, inject as injector } from \"@signe/di\";\n\nexport let context: Context | null = null\n\nexport function inject<T>(service: (new (...args: any[]) => T) | string, _context?: Context): T {\n    const c = _context ?? context\n    if (!c) throw new Error(\"Context is not set. use setInject() to set the context\");\n    return injector(c, service);\n}\n\nexport function setInject(_context: Context) {\n    context = _context;\n}\n\nexport function clearInject() {\n    context = null\n}"],"mappings":";;AAEA,IAAW,UAA0B;AAErC,SAAgB,OAAU,SAA+C,UAAuB;CAC5F,MAAM,IAAI,YAAY;CACtB,IAAI,CAAC,GAAG,MAAM,IAAI,MAAM,wDAAwD;CAChF,OAAO,SAAS,GAAG,OAAO;AAC9B;AAEA,SAAgB,UAAU,UAAmB;CACzC,UAAU;AACd;AAEA,SAAgB,cAAc;CAC1B,UAAU;AACd"}

package/dist/core/setup.js

@@ -1,4 +1,4 @@
-import { Context, inject, injector } from "../node_modules/.pnpm/@signe_di@2.9.0/node_modules/@signe/di/dist/index.js";
+import { Context, inject, injector } from "../node_modules/.pnpm/@signe_di@3.0.1/node_modules/@signe/di/dist/index.js";
 import { setInject } from "./inject.js";
 import { RpgClientEngine } from "../RpgClientEngine.js";
 //#region src/core/setup.ts

package/dist/core/setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup.js","names":[],"sources":["../../src/core/setup.ts"],"sourcesContent":["import { Context, FactoryProvider, findProvider, findProviders, inject, injector, Providers } from \"@signe/di\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { setInject } from \"./inject\";\n\ninterface SetupOptions {\n  providers: Providers;\n}\n\n\nexport async function startGame(options: SetupOptions) {\n  const context = new Context();\n  context['side'] = 'client'\n  setInject(context);\n\n  await injector(context, options.providers);\n\n  const engine = inject(context, RpgClientEngine);\n  await engine.start();\n  return context;\n}"],"mappings":";;;;AASA,eAAsB,UAAU,SAAuB;CACrD,MAAM,UAAU,IAAI,SAAS;AAC7B,SAAQ,UAAU;AAClB,WAAU,QAAQ;AAElB,OAAM,SAAS,SAAS,QAAQ,UAAU;AAG1C,OADe,OAAO,SAAS,gBAAgB,CAClC,OAAO;AACpB,QAAO"}
+{"version":3,"file":"setup.js","names":[],"sources":["../../src/core/setup.ts"],"sourcesContent":["import { Context, FactoryProvider, findProvider, findProviders, inject, injector, Providers } from \"@signe/di\";\nimport { RpgClientEngine } from \"../RpgClientEngine\";\nimport { setInject } from \"./inject\";\n\ninterface SetupOptions {\n  providers: Providers;\n}\n\n\nexport async function startGame(options: SetupOptions) {\n  const context = new Context();\n  context['side'] = 'client'\n  setInject(context);\n\n  await injector(context, options.providers);\n\n  const engine = inject<RpgClientEngine>(context, RpgClientEngine);\n  await engine.start();\n  return context;\n}\n"],"mappings":";;;;AASA,eAAsB,UAAU,SAAuB;CACrD,MAAM,UAAU,IAAI,QAAQ;CAC5B,QAAQ,UAAU;CAClB,UAAU,OAAO;CAEjB,MAAM,SAAS,SAAS,QAAQ,SAAS;CAGzC,MADe,OAAwB,SAAS,eAC1C,EAAO,MAAM;CACnB,OAAO;AACT"}

package/dist/decorators/spritesheet.d.ts

@@ -0,0 +1 @@
+export declare function Spritesheet(options?: Record<string, any>): (target: any) => void;

package/dist/decorators/spritesheet.js

@@ -0,0 +1,11 @@
+//#region src/decorators/spritesheet.ts
+function Spritesheet(options = {}) {
+	return (target) => {
+		Object.assign(target, options);
+		if (target.prototype) Object.assign(target.prototype, options);
+	};
+}
+//#endregion
+export { Spritesheet };
+
+//# sourceMappingURL=spritesheet.js.map

package/dist/decorators/spritesheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spritesheet.js","names":[],"sources":["../../src/decorators/spritesheet.ts"],"sourcesContent":["export function Spritesheet(options: Record<string, any> = {}) {\n  return (target: any) => {\n    Object.assign(target, options);\n    if (target.prototype) {\n      Object.assign(target.prototype, options);\n    }\n  };\n}\n"],"mappings":";AAAA,SAAgB,YAAY,UAA+B,CAAC,GAAG;CAC7D,QAAQ,WAAgB;EACtB,OAAO,OAAO,QAAQ,OAAO;EAC7B,IAAI,OAAO,WACT,OAAO,OAAO,OAAO,WAAW,OAAO;CAE3C;AACF"}

package/dist/index.d.ts

@@ -6,6 +6,8 @@ export * from './services/save';
 export * from './core/setup';
 export * from './core/inject';
 export * from './services/loadMap';
+export * from './services/actionInput';
+export * from './services/pointerContext';
 export * from './module';
 export * from './Gui/Gui';
 export * from './components/gui';
@@ -16,6 +18,7 @@ export * from './components';
 export * from './components/gui';
 export * from './Sound';
 export * from './Resource';
+export * from './decorators/spritesheet';
 export * from './utils/getEntityProp';
 export { Context } from '@signe/di';
 export { KeyboardControls, Input } from 'canvasengine';
@@ -23,5 +26,6 @@ export { Control } from './services/keyboardControls';
 export { RpgClientObject } from './Game/Object';
 export { RpgClientPlayer } from './Game/Player';
 export { RpgClientEvent } from './Game/Event';
+export * from './Game/ProjectileManager';
 export { withMobile } from './components/gui/mobile';
 export * from './services/AbstractSocket';

package/dist/index.js

@@ -1,24 +1,26 @@
-import { Context } from "./node_modules/.pnpm/@signe_di@2.9.0/node_modules/@signe/di/dist/index.js";
+import { Context } from "./node_modules/.pnpm/@signe_di@3.0.1/node_modules/@signe/di/dist/index.js";
 import { clearInject, context, inject, setInject } from "./core/inject.js";
 import { AbstractWebsocket, WebSocketToken } from "./services/AbstractSocket.js";
-import component$2 from "./components/gui/dialogbox/index.ce.js";
-import component from "./components/gui/box.ce.js";
-import component$15 from "./components/gui/shop/shop.ce.js";
+import { getKeyboardControlBind, isKeyboardActionConfig, normalizeActionInput, resolveKeyboardActionInput } from "./services/actionInput.js";
+import __ce_component$2 from "./components/gui/dialogbox/index.ce.js";
+import __ce_component from "./components/gui/box.ce.js";
+import __ce_component$16 from "./components/gui/shop/shop.ce.js";
 import { getEntityProp } from "./utils/getEntityProp.js";
-import component$8 from "./components/gui/hud/hud.ce.js";
+import __ce_component$8 from "./components/gui/hud/hud.ce.js";
 import { SaveClientService, SaveClientToken, provideSaveClient } from "./services/save.js";
-import component$14 from "./components/gui/save-load.ce.js";
-import component$9 from "./components/gui/menu/items-menu.ce.js";
-import component$16 from "./components/gui/menu/skills-menu.ce.js";
-import component$3 from "./components/gui/menu/equip-menu.ce.js";
-import component$13 from "./components/gui/menu/options-menu.ce.js";
-import component$5 from "./components/gui/menu/exit-menu.ce.js";
-import component$11 from "./components/gui/menu/main-menu.ce.js";
-import component$12 from "./components/gui/notification/notification.ce.js";
-import component$17 from "./components/gui/title-screen.ce.js";
-import component$6 from "./components/gui/gameover.ce.js";
+import __ce_component$14 from "./components/gui/save-load.ce.js";
+import __ce_component$9 from "./components/gui/menu/items-menu.ce.js";
+import __ce_component$17 from "./components/gui/menu/skills-menu.ce.js";
+import __ce_component$3 from "./components/gui/menu/equip-menu.ce.js";
+import __ce_component$13 from "./components/gui/menu/options-menu.ce.js";
+import __ce_component$5 from "./components/gui/menu/exit-menu.ce.js";
+import __ce_component$11 from "./components/gui/menu/main-menu.ce.js";
+import __ce_component$12 from "./components/gui/notification/notification.ce.js";
+import __ce_component$18 from "./components/gui/title-screen.ce.js";
+import __ce_component$6 from "./components/gui/gameover.ce.js";
 import "./components/gui/index.js";
 import { RpgGui } from "./Gui/Gui.js";
+import __ce_component$15 from "./components/scenes/draw-map.ce.js";
 import { LoadMapService, LoadMapToken, provideLoadMap } from "./services/loadMap.js";
 import { RpgSound, Sound, getSoundMetadata } from "./Sound.js";
 import { RpgResource } from "./Resource.js";
@@ -27,18 +29,21 @@ import { RpgClientPlayer } from "./Game/Player.js";
 import { RpgClientEvent } from "./Game/Event.js";
 import { GlobalConfigToken, provideClientGlobalConfig, provideClientModules, provideGlobalConfig } from "./module.js";
 import { PrebuiltComponentAnimations } from "./components/animations/index.js";
+import { ProjectileManager } from "./Game/ProjectileManager.js";
+import { createClientPointerContext } from "./services/pointerContext.js";
 import { RpgClientEngine } from "./RpgClientEngine.js";
 import { Control } from "./services/keyboardControls.js";
 import { provideRpg } from "./services/standalone.js";
-import { provideMmorpg } from "./services/mmorpg.js";
+import { BridgeWebsocket, provideMmorpg } from "./services/mmorpg.js";
 import { startGame } from "./core/setup.js";
-import component$7 from "./components/prebuilt/hp-bar.ce.js";
-import component$10 from "./components/prebuilt/light-halo.ce.js";
+import __ce_component$7 from "./components/prebuilt/hp-bar.ce.js";
+import __ce_component$10 from "./components/prebuilt/light-halo.ce.js";
 import "./components/prebuilt/index.js";
 import { Presets } from "./presets/index.js";
-import component$1 from "./components/character.ce.js";
-import component$4 from "./components/scenes/event-layer.ce.js";
+import __ce_component$1 from "./components/character.ce.js";
+import __ce_component$4 from "./components/scenes/event-layer.ce.js";
 import "./components/index.js";
+import { Spritesheet } from "./decorators/spritesheet.js";
 import { withMobile } from "./components/gui/mobile/index.js";
 import { Input, KeyboardControls } from "canvasengine";
-export { AbstractWebsocket, component as BoxComponent, component$1 as CharacterComponent, Context, Control, component$2 as DialogboxComponent, component$3 as EquipMenuComponent, component$4 as EventLayerComponent, component$5 as ExitMenuComponent, component$6 as GameoverComponent, GlobalConfigToken, component$7 as HpBar, component$8 as HudComponent, Input, component$9 as ItemsMenuComponent, KeyboardControls, component$10 as LightHalo, LoadMapService, LoadMapToken, component$11 as MainMenuComponent, component$12 as NotificationComponent, component$13 as OptionsMenuComponent, PrebuiltComponentAnimations, Presets, RpgClientEngine, RpgClientEvent, RpgClientObject, RpgClientPlayer, RpgGui, RpgResource, RpgSound, SaveClientService, SaveClientToken, component$14 as SaveLoadComponent, component$15 as ShopComponent, component$16 as SkillsMenuComponent, Sound, component$17 as TitleScreenComponent, WebSocketToken, clearInject, context, getEntityProp, getSoundMetadata, inject, provideClientGlobalConfig, provideClientModules, provideGlobalConfig, provideLoadMap, provideMmorpg, provideRpg, provideSaveClient, setInject, startGame, withMobile };
+export { AbstractWebsocket, __ce_component as BoxComponent, BridgeWebsocket, __ce_component$1 as CharacterComponent, Context, Control, __ce_component$2 as DialogboxComponent, __ce_component$3 as EquipMenuComponent, __ce_component$4 as EventLayerComponent, __ce_component$5 as ExitMenuComponent, __ce_component$6 as GameoverComponent, GlobalConfigToken, __ce_component$7 as HpBar, __ce_component$8 as HudComponent, Input, __ce_component$9 as ItemsMenuComponent, KeyboardControls, __ce_component$10 as LightHalo, LoadMapService, LoadMapToken, __ce_component$11 as MainMenuComponent, __ce_component$12 as NotificationComponent, __ce_component$13 as OptionsMenuComponent, PrebuiltComponentAnimations, Presets, ProjectileManager, RpgClientEngine, RpgClientEvent, RpgClientObject, RpgClientPlayer, RpgGui, RpgResource, RpgSound, SaveClientService, SaveClientToken, __ce_component$14 as SaveLoadComponent, __ce_component$15 as SceneMap, __ce_component$16 as ShopComponent, __ce_component$17 as SkillsMenuComponent, Sound, Spritesheet, __ce_component$18 as TitleScreenComponent, WebSocketToken, clearInject, context, createClientPointerContext, getEntityProp, getKeyboardControlBind, getSoundMetadata, inject, isKeyboardActionConfig, normalizeActionInput, provideClientGlobalConfig, provideClientModules, provideGlobalConfig, provideLoadMap, provideMmorpg, provideRpg, provideSaveClient, resolveKeyboardActionInput, setInject, startGame, withMobile };

package/dist/module.js

@@ -1,4 +1,4 @@
-import { inject } from "./node_modules/.pnpm/@signe_di@2.9.0/node_modules/@signe/di/dist/index.js";
+import { inject } from "./node_modules/.pnpm/@signe_di@3.0.1/node_modules/@signe/di/dist/index.js";
 import { RpgGui } from "./Gui/Gui.js";
 import { getSoundMetadata } from "./Sound.js";
 import { findModules, provideModules } from "@rpgjs/common";
@@ -112,6 +112,17 @@ function provideClientModules(modules) {
 					});
 				} };
 			}
+			if (module.projectiles) {
+				const projectiles = { ...module.projectiles };
+				module.projectiles = {
+					...projectiles,
+					load: (engine) => {
+						if (projectiles.components) Object.entries(projectiles.components).forEach(([type, component]) => {
+							engine.registerProjectileComponent(type, component);
+						});
+					}
+				};
+			}
 			if (module.transitions) {
 				const transitions = [...module.transitions];
 				module.transitions = { load: (engine) => {
@@ -144,6 +155,9 @@ function provideClientModules(modules) {
 						if (sprite.componentsInFront) sprite.componentsInFront.forEach((component) => {
 							engine.addSpriteComponentInFront(component);
 						});
+						if (sprite.components) Object.entries(sprite.components).forEach(([id, component]) => {
+							engine.registerSpriteComponent(id, component);
+						});
 					}
 				};
 			}