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

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

@@ -1,49 +1,184 @@
 import { inject } from "../../core/inject.js";
-import component$1 from "./draw-map.ce.js";
+import __ce_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 { NightAmbiant, SpriteShadows } from "@canvasengine/presets";
 import { delay } from "@rpgjs/common";
 //#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 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(__ce_component$1)
+	]), loop(guiList, (gui) => h(Container, { display: "flex" }, cond(gui.display, () => h(gui.component, {
 		data: gui.data,
 		dependencies: gui.dependencies,
 		onFinish: (data) => {
@@ -54,7 +189,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 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 { 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  import { NightAmbiant, SpriteShadows } from '@canvasengine/presets'\n\n  const engine = inject(RpgClientEngine);\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,36 @@
 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 engine = inject(RpgClientEngine);
+	const componentAnimations = engine.componentAnimations;
+	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 +38,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 +53,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
 		};
@@ -80,10 +69,11 @@ function component($$props) {
 			params: computed(() => map().params)
 		})),
 		loop(componentAnimations, (componentAnimation) => h(Container, null, loop(componentAnimation.current, (animation) => h(componentAnimation.component, animation)))),
-		cond(weatherProps, () => h(Weather, weatherProps()))
+		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  @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 { computed } 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 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,SAAM,UAAa,SAAA;CAChB,SAAmB,OAAW;CACjC,eAAA,OAAA;CACA,MAAA,SAAS,OAAA,eAAA;CACf,MAAE,sBAAA,OAAA;;CAEF,MAAM,iBAAiB,eAAA,IAAA,GAAA,SAAA;CACvB,MAAK,YAAW,IAAA,GAAA;CAChB,MAAE,UAAA,OAAA,SAAA;CACF,MAAE,kBAAS;EAAA,KAAA,WAAA;EAAA,UAAA;EAAA,MAAA;CAAA;;;;;;CAEX,MAAC,cAAM;EACH,SAAS,OAAA;EACT,WAAS;EACT,UAAS;EACT,WAAS;;CAEb;CACA,MAAI,eAAM,eAAsB;EAC5B,MAAM,QAAM,UAAO;EACnB,IAAA,CAAK,OACL,OAAM;EAGN,IAAA,CAAK;GADiB;GAAQ;GAAC;GAAW;EACpC,EAAA,SAAA,MAA2B,MAAK,GAAA,OAAA;EAGtC,MAAE,SAAS,MAAO,UAAA,CAAA;EAClB,OAAE;GACA,QAAU,MAAG;GACb,OAAS,OAAI;GACb,eAAgB,OAAA;GAClB,cAAA,OAAA;;GAEA,UAAM,OAAe;GACnB,QAAM,OAAQ;GACZ,OAAG,OAAO;GACV,cAAO,OAAA;GACT,UAAA,OAAA;GACA,WAAM,OAAc;GAClB,YAAG,OAAa;GAChB,iBAAO,OAAA;GACT,QAAA,OAAA,UAAA;GACA,OAAM,OAAS;GACf,WAAO,OAAA;EACT;CACJ,CAAC;CAEO,OADA,EAAc,WAAQ;EAAA,OAAA;EAAa,OAAA;EAAA,QAAA,OAAA;CAAA,GAAA;EAAA,EAAA,WAAA,EAAA,OAAA,uBAAA,CAAA;EAAA,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;EAAA,KAAA,sBAAA,uBAAA,EAAA,WAAA,MAAA,KAAA,mBAAA,UAAA,cAAA,EAAA,mBAAA,WAAA,SAAA,CAAA,CAAA,CAAA;EAAA,KAAA,eAAA,aAAA,CAAA,SAAA,EAAA,SAAA,aAAA,CAAA,CAAA;CAAA,CACnC;AACF;AAEA,IAAE,iBAEA"}

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,iBAEQ"}

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

@@ -16,6 +16,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';

package/dist/index.js

@@ -1,22 +1,22 @@
-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 __ce_component$2 from "./components/gui/dialogbox/index.ce.js";
+import __ce_component from "./components/gui/box.ce.js";
+import __ce_component$15 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$16 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$17 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 { LoadMapService, LoadMapToken, provideLoadMap } from "./services/loadMap.js";
@@ -32,13 +32,14 @@ import { Control } from "./services/keyboardControls.js";
 import { provideRpg } from "./services/standalone.js";
 import { 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, __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, RpgClientEngine, RpgClientEvent, RpgClientObject, RpgClientPlayer, RpgGui, RpgResource, RpgSound, SaveClientService, SaveClientToken, __ce_component$14 as SaveLoadComponent, __ce_component$15 as ShopComponent, __ce_component$16 as SkillsMenuComponent, Sound, Spritesheet, __ce_component$17 as TitleScreenComponent, WebSocketToken, clearInject, context, getEntityProp, getSoundMetadata, inject, provideClientGlobalConfig, provideClientModules, provideGlobalConfig, provideLoadMap, provideMmorpg, provideRpg, provideSaveClient, 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";
@@ -144,6 +144,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);
+						});
 					}
 				};
 			}

package/dist/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","names":[],"sources":["../src/module.ts"],"sourcesContent":["import { findModules, provideModules } from \"@rpgjs/common\";\nimport { FactoryProvider } from \"@signe/di\";\nimport { RpgClientEngine } from \"./RpgClientEngine\";\nimport { RpgClient } from \"./RpgClient\";\nimport { inject } from \"@signe/di\";\nimport { RpgGui } from \"./Gui/Gui\";\nimport { getSoundMetadata } from \"./Sound\";\n\n/**\n * Type for client modules that can be either:\n * - An object implementing RpgClient interface\n * - A class decorated with @RpgModule decorator\n */\nexport type RpgClientModule = RpgClient | (new () => any);\n\n/**\n * Provides client modules configuration to Dependency Injection\n * \n * This function accepts an array of client modules that can be either:\n * - Objects implementing the RpgClient interface\n * - Classes decorated with the @RpgModule decorator (which will be instantiated)\n * \n * @param modules - Array of client modules (objects or classes)\n * @returns FactoryProvider configuration for DI\n * @example\n * ```ts\n * // Using an object\n * provideClientModules([\n *   {\n *     engine: {\n *       onConnected(engine) {\n *         console.log('Client connected')\n *       }\n *     }\n *   }\n * ])\n * \n * // Using a decorated class\n * @RpgModule<RpgClient>({\n *   engine: {\n *     onStart(engine) {\n *       console.log('Client started')\n *     }\n *   }\n * })\n * class MyClientModule {}\n * \n * provideClientModules([MyClientModule])\n * ```\n */\nexport function provideClientModules(modules: RpgClientModule[]): FactoryProvider {\n  return provideModules(modules, \"client\", (modules, context) => {\n    const mainModuleClient = findModules(context, 'Client')\n    modules = [...mainModuleClient, ...modules]\n    modules = modules.map((module) => {\n      // If module is a class (constructor function), instantiate it\n      // The RpgModule decorator adds properties to the prototype, which will be accessible via the instance\n      if (typeof module === 'function') {\n        const instance = new module() as any;\n        // Copy all enumerable properties (including from prototype) to a plain object\n        const moduleObj: any = {};\n        for (const key in instance) {\n          moduleObj[key] = instance[key];\n        }\n        module = moduleObj;\n      }\n      if ('client' in module) {\n        module = module.client as any;\n      }\n      if (module.spritesheets) {\n        const spritesheets = [...module.spritesheets];\n        module.spritesheets = {\n          load: (engine: RpgClientEngine) => {\n            spritesheets.forEach((spritesheet) => {\n              engine.addSpriteSheet(spritesheet);\n            });\n          },\n        };\n      }\n      if (module.spritesheetResolver) {\n        const resolver = module.spritesheetResolver;\n        module.spritesheetResolver = {\n          load: (engine: RpgClientEngine) => {\n            engine.setSpritesheetResolver(resolver);\n          },\n        };\n      }\n      if (module.sounds) {\n        const sounds = [...module.sounds];\n        module.sounds = {\n          load: (engine: RpgClientEngine) => {\n            sounds.forEach((sound) => {\n              // Check if it's a class decorated with @Sound\n              if (typeof sound === 'function' || (sound && sound.constructor && sound.constructor !== Object)) {\n                const metadata = getSoundMetadata(sound);\n                if (metadata) {\n                  // Handle single sound\n                  if (metadata.id && metadata.sound) {\n                    engine.addSound({\n                      id: metadata.id,\n                      src: metadata.sound,\n                      loop: metadata.loop,\n                      volume: metadata.volume,\n                    });\n                  }\n                  // Handle multiple sounds\n                  if (metadata.sounds) {\n                    Object.entries(metadata.sounds).forEach(([soundId, soundSrc]) => {\n                      engine.addSound({\n                        id: soundId,\n                        src: soundSrc,\n                        loop: metadata.loop,\n                        volume: metadata.volume,\n                      });\n                    });\n                  }\n                } else {\n                  // Not a decorated class, treat as regular sound object\n                  engine.addSound(sound);\n                }\n              } else {\n                // Regular sound object\n                engine.addSound(sound);\n              }\n            });\n          },\n        };\n      }\n      if (module.soundResolver) {\n        const resolver = module.soundResolver;\n        module.soundResolver = {\n          load: (engine: RpgClientEngine) => {\n            engine.setSoundResolver(resolver);\n          },\n        };\n      }\n      if (module.gui) {\n        const gui = [...module.gui];\n        module.gui = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui) as RpgGui;\n            gui.forEach((gui) => {\n              guiService.add(gui);\n            });\n          },\n        };\n      }\n      if (module.componentAnimations) {\n        const componentAnimations = [...module.componentAnimations];\n        module.componentAnimations = {\n          load: (engine: RpgClientEngine) => {\n            componentAnimations.forEach((componentAnimation) => {\n              engine.addComponentAnimation(componentAnimation);\n            });\n          },\n        };\n      }\n      if (module.transitions) {\n        const transitions = [...module.transitions];\n        module.transitions = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui) as RpgGui;\n            transitions.forEach((transition) => {\n              guiService.add({\n                name: transition.id,\n                component: transition.component,\n                data: transition.props || {}\n              });\n            });\n          },\n        };\n      }\n      if (module.particles) {\n        const particles = [...module.particles];\n        module.particles = {\n          load: (engine: RpgClientEngine) => {\n            particles.forEach((particle) => {\n              engine.addParticle(particle);\n            });\n          },\n        };\n      }\n      if (module.sprite) {\n        const sprite = {...module.sprite};\n        module.sprite = {\n          ...sprite,\n          load: (engine: RpgClientEngine) => {\n            if (sprite.componentsBehind) {\n              sprite.componentsBehind.forEach((component) => {\n                engine.addSpriteComponentBehind(component);\n              });\n            }\n            if (sprite.componentsInFront) {\n              sprite.componentsInFront.forEach((component) => {\n                engine.addSpriteComponentInFront(component);\n              });\n            }\n          },\n        };\n      }\n      return module;\n    });\n    return modules\n  });\n}\n\nexport const GlobalConfigToken = \"GlobalConfigToken\";\n\nexport function provideGlobalConfig(config: any) {\n  return {\n    provide: GlobalConfigToken,\n    useValue: config ?? {},\n  };\n}\n\nexport function provideClientGlobalConfig(config: any = {}) {\n  if (!config.keyboardControls) {\n    config.keyboardControls = {\n      up: 'up',\n      down: 'down',\n      left: 'left',\n      right: 'right',\n      action: 'space',\n      escape: 'escape'\n    }\n  }\n  return provideGlobalConfig(config)\n}\n\n"],"mappings":"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"}
+{"version":3,"file":"module.js","names":[],"sources":["../src/module.ts"],"sourcesContent":["import { findModules, provideModules } from \"@rpgjs/common\";\nimport { FactoryProvider } from \"@signe/di\";\nimport { RpgClientEngine } from \"./RpgClientEngine\";\nimport { RpgClient } from \"./RpgClient\";\nimport { inject } from \"@signe/di\";\nimport { RpgGui } from \"./Gui/Gui\";\nimport { getSoundMetadata } from \"./Sound\";\n\n/**\n * Type for client modules that can be either:\n * - An object implementing RpgClient interface\n * - A class decorated with @RpgModule decorator\n */\nexport type RpgClientModule = RpgClient | (new () => any);\n\n/**\n * Provides client modules configuration to Dependency Injection\n * \n * This function accepts an array of client modules that can be either:\n * - Objects implementing the RpgClient interface\n * - Classes decorated with the @RpgModule decorator (which will be instantiated)\n * \n * @param modules - Array of client modules (objects or classes)\n * @returns FactoryProvider configuration for DI\n * @example\n * ```ts\n * // Using an object\n * provideClientModules([\n *   {\n *     engine: {\n *       onConnected(engine) {\n *         console.log('Client connected')\n *       }\n *     }\n *   }\n * ])\n * \n * // Using a decorated class\n * @RpgModule<RpgClient>({\n *   engine: {\n *     onStart(engine) {\n *       console.log('Client started')\n *     }\n *   }\n * })\n * class MyClientModule {}\n * \n * provideClientModules([MyClientModule])\n * ```\n */\nexport function provideClientModules(modules: RpgClientModule[]): FactoryProvider {\n  return provideModules(modules, \"client\", (modules, context) => {\n    const mainModuleClient = findModules(context, 'Client')\n    modules = [...mainModuleClient, ...modules]\n    modules = modules.map((module) => {\n      // If module is a class (constructor function), instantiate it\n      // The RpgModule decorator adds properties to the prototype, which will be accessible via the instance\n      if (typeof module === 'function') {\n        const instance = new module() as any;\n        // Copy all enumerable properties (including from prototype) to a plain object\n        const moduleObj: any = {};\n        for (const key in instance) {\n          moduleObj[key] = instance[key];\n        }\n        module = moduleObj;\n      }\n      if ('client' in module) {\n        module = module.client as any;\n      }\n      if (module.spritesheets) {\n        const spritesheets = [...module.spritesheets];\n        module.spritesheets = {\n          load: (engine: RpgClientEngine) => {\n            spritesheets.forEach((spritesheet) => {\n              engine.addSpriteSheet(spritesheet);\n            });\n          },\n        };\n      }\n      if (module.spritesheetResolver) {\n        const resolver = module.spritesheetResolver;\n        module.spritesheetResolver = {\n          load: (engine: RpgClientEngine) => {\n            engine.setSpritesheetResolver(resolver);\n          },\n        };\n      }\n      if (module.sounds) {\n        const sounds = [...module.sounds];\n        module.sounds = {\n          load: (engine: RpgClientEngine) => {\n            sounds.forEach((sound) => {\n              // Check if it's a class decorated with @Sound\n              if (typeof sound === 'function' || (sound && sound.constructor && sound.constructor !== Object)) {\n                const metadata = getSoundMetadata(sound);\n                if (metadata) {\n                  // Handle single sound\n                  if (metadata.id && metadata.sound) {\n                    engine.addSound({\n                      id: metadata.id,\n                      src: metadata.sound,\n                      loop: metadata.loop,\n                      volume: metadata.volume,\n                    });\n                  }\n                  // Handle multiple sounds\n                  if (metadata.sounds) {\n                    Object.entries(metadata.sounds).forEach(([soundId, soundSrc]) => {\n                      engine.addSound({\n                        id: soundId,\n                        src: soundSrc,\n                        loop: metadata.loop,\n                        volume: metadata.volume,\n                      });\n                    });\n                  }\n                } else {\n                  // Not a decorated class, treat as regular sound object\n                  engine.addSound(sound);\n                }\n              } else {\n                // Regular sound object\n                engine.addSound(sound);\n              }\n            });\n          },\n        };\n      }\n      if (module.soundResolver) {\n        const resolver = module.soundResolver;\n        module.soundResolver = {\n          load: (engine: RpgClientEngine) => {\n            engine.setSoundResolver(resolver);\n          },\n        };\n      }\n      if (module.gui) {\n        const gui = [...module.gui];\n        module.gui = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui) as RpgGui;\n            gui.forEach((gui) => {\n              guiService.add(gui);\n            });\n          },\n        };\n      }\n      if (module.componentAnimations) {\n        const componentAnimations = [...module.componentAnimations];\n        module.componentAnimations = {\n          load: (engine: RpgClientEngine) => {\n            componentAnimations.forEach((componentAnimation) => {\n              engine.addComponentAnimation(componentAnimation);\n            });\n          },\n        };\n      }\n      if (module.transitions) {\n        const transitions = [...module.transitions];\n        module.transitions = {\n          load: (engine: RpgClientEngine) => {\n            const guiService = inject(engine.context, RpgGui) as RpgGui;\n            transitions.forEach((transition) => {\n              guiService.add({\n                name: transition.id,\n                component: transition.component,\n                data: transition.props || {}\n              });\n            });\n          },\n        };\n      }\n      if (module.particles) {\n        const particles = [...module.particles];\n        module.particles = {\n          load: (engine: RpgClientEngine) => {\n            particles.forEach((particle) => {\n              engine.addParticle(particle);\n            });\n          },\n        };\n      }\n      if (module.sprite) {\n        const sprite = {...module.sprite};\n        module.sprite = {\n          ...sprite,\n          load: (engine: RpgClientEngine) => {\n            if (sprite.componentsBehind) {\n              sprite.componentsBehind.forEach((component) => {\n                engine.addSpriteComponentBehind(component);\n              });\n            }\n            if (sprite.componentsInFront) {\n              sprite.componentsInFront.forEach((component) => {\n                engine.addSpriteComponentInFront(component);\n              });\n            }\n            if (sprite.components) {\n              Object.entries(sprite.components).forEach(([id, component]) => {\n                engine.registerSpriteComponent(id, component);\n              });\n            }\n          },\n        };\n      }\n      return module;\n    });\n    return modules\n  });\n}\n\nexport const GlobalConfigToken = \"GlobalConfigToken\";\n\nexport function provideGlobalConfig(config: any) {\n  return {\n    provide: GlobalConfigToken,\n    useValue: config ?? {},\n  };\n}\n\nexport function provideClientGlobalConfig(config: any = {}) {\n  if (!config.keyboardControls) {\n    config.keyboardControls = {\n      up: 'up',\n      down: 'down',\n      left: 'left',\n      right: 'right',\n      action: 'space',\n      escape: 'escape'\n    }\n  }\n  return provideGlobalConfig(config)\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,SAAgB,qBAAqB,SAA6C;CAChF,OAAO,eAAe,SAAS,WAAW,SAAS,YAAY;EAE7D,UAAU,CAAC,GADc,YAAY,SAAS,QAChC,GAAkB,GAAG,OAAO;EAC1C,UAAU,QAAQ,KAAK,WAAW;GAGhC,IAAI,OAAO,WAAW,YAAY;IAChC,MAAM,WAAW,IAAI,OAAO;IAE5B,MAAM,YAAiB,CAAC;IACxB,KAAK,MAAM,OAAO,UAChB,UAAU,OAAO,SAAS;IAE5B,SAAS;GACX;GACA,IAAI,YAAY,QACd,SAAS,OAAO;GAElB,IAAI,OAAO,cAAc;IACvB,MAAM,eAAe,CAAC,GAAG,OAAO,YAAY;IAC5C,OAAO,eAAe,EACpB,OAAO,WAA4B;KACjC,aAAa,SAAS,gBAAgB;MACpC,OAAO,eAAe,WAAW;KACnC,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,qBAAqB;IAC9B,MAAM,WAAW,OAAO;IACxB,OAAO,sBAAsB,EAC3B,OAAO,WAA4B;KACjC,OAAO,uBAAuB,QAAQ;IACxC,EACF;GACF;GACA,IAAI,OAAO,QAAQ;IACjB,MAAM,SAAS,CAAC,GAAG,OAAO,MAAM;IAChC,OAAO,SAAS,EACd,OAAO,WAA4B;KACjC,OAAO,SAAS,UAAU;MAExB,IAAI,OAAO,UAAU,cAAe,SAAS,MAAM,eAAe,MAAM,gBAAgB,QAAS;OAC/F,MAAM,WAAW,iBAAiB,KAAK;OACvC,IAAI,UAAU;QAEZ,IAAI,SAAS,MAAM,SAAS,OAC1B,OAAO,SAAS;SACd,IAAI,SAAS;SACb,KAAK,SAAS;SACd,MAAM,SAAS;SACf,QAAQ,SAAS;QACnB,CAAC;QAGH,IAAI,SAAS,QACX,OAAO,QAAQ,SAAS,MAAM,EAAE,SAAS,CAAC,SAAS,cAAc;SAC/D,OAAO,SAAS;UACd,IAAI;UACJ,KAAK;UACL,MAAM,SAAS;UACf,QAAQ,SAAS;SACnB,CAAC;QACH,CAAC;OAEL,OAEE,OAAO,SAAS,KAAK;MAEzB,OAEE,OAAO,SAAS,KAAK;KAEzB,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,eAAe;IACxB,MAAM,WAAW,OAAO;IACxB,OAAO,gBAAgB,EACrB,OAAO,WAA4B;KACjC,OAAO,iBAAiB,QAAQ;IAClC,EACF;GACF;GACA,IAAI,OAAO,KAAK;IACd,MAAM,MAAM,CAAC,GAAG,OAAO,GAAG;IAC1B,OAAO,MAAM,EACX,OAAO,WAA4B;KACjC,MAAM,aAAa,OAAO,OAAO,SAAS,MAAM;KAChD,IAAI,SAAS,QAAQ;MACnB,WAAW,IAAI,GAAG;KACpB,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,qBAAqB;IAC9B,MAAM,sBAAsB,CAAC,GAAG,OAAO,mBAAmB;IAC1D,OAAO,sBAAsB,EAC3B,OAAO,WAA4B;KACjC,oBAAoB,SAAS,uBAAuB;MAClD,OAAO,sBAAsB,kBAAkB;KACjD,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,aAAa;IACtB,MAAM,cAAc,CAAC,GAAG,OAAO,WAAW;IAC1C,OAAO,cAAc,EACnB,OAAO,WAA4B;KACjC,MAAM,aAAa,OAAO,OAAO,SAAS,MAAM;KAChD,YAAY,SAAS,eAAe;MAClC,WAAW,IAAI;OACb,MAAM,WAAW;OACjB,WAAW,WAAW;OACtB,MAAM,WAAW,SAAS,CAAC;MAC7B,CAAC;KACH,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,WAAW;IACpB,MAAM,YAAY,CAAC,GAAG,OAAO,SAAS;IACtC,OAAO,YAAY,EACjB,OAAO,WAA4B;KACjC,UAAU,SAAS,aAAa;MAC9B,OAAO,YAAY,QAAQ;KAC7B,CAAC;IACH,EACF;GACF;GACA,IAAI,OAAO,QAAQ;IACjB,MAAM,SAAS,EAAC,GAAG,OAAO,OAAM;IAChC,OAAO,SAAS;KACd,GAAG;KACH,OAAO,WAA4B;MACjC,IAAI,OAAO,kBACT,OAAO,iBAAiB,SAAS,cAAc;OAC7C,OAAO,yBAAyB,SAAS;MAC3C,CAAC;MAEH,IAAI,OAAO,mBACT,OAAO,kBAAkB,SAAS,cAAc;OAC9C,OAAO,0BAA0B,SAAS;MAC5C,CAAC;MAEH,IAAI,OAAO,YACT,OAAO,QAAQ,OAAO,UAAU,EAAE,SAAS,CAAC,IAAI,eAAe;OAC7D,OAAO,wBAAwB,IAAI,SAAS;MAC9C,CAAC;KAEL;IACF;GACF;GACA,OAAO;EACT,CAAC;EACD,OAAO;CACT,CAAC;AACH;AAEA,IAAa,oBAAoB;AAEjC,SAAgB,oBAAoB,QAAa;CAC/C,OAAO;EACL,SAAS;EACT,UAAU,UAAU,CAAC;CACvB;AACF;AAEA,SAAgB,0BAA0B,SAAc,CAAC,GAAG;CAC1D,IAAI,CAAC,OAAO,kBACV,OAAO,mBAAmB;EACxB,IAAI;EACJ,MAAM;EACN,MAAM;EACN,OAAO;EACP,QAAQ;EACR,QAAQ;CACV;CAEF,OAAO,oBAAoB,MAAM;AACnC"}