@rpgjs/client 5.0.0-alpha.8 → 5.0.0-beta.1

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

@@ -0,0 +1,89 @@
+import { inject } from "../../core/inject.js";
+import { RpgClientEngine } from "../../RpgClientEngine.js";
+import { Container, computed, cond, h, loop, signal, 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,
+		autoplay: true,
+		loop: true
+	};
+	var backgroundAmbientSound = {
+		src: mapParams === null || mapParams === void 0 ? void 0 : 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 = {
+		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();
+		if (!state) return null;
+		if (![
+			"rain",
+			"snow",
+			"fog",
+			"cloud"
+		].includes(state.effect)) return null;
+		var params = (_a = state.params) !== null && _a !== void 0 ? _a : {};
+		return {
+			effect: state.effect,
+			speed: params.speed,
+			windDirection: params.windDirection,
+			windStrength: params.windStrength,
+			density: params.density,
+			maxDrops: params.maxDrops,
+			height: params.height,
+			scale: params.scale,
+			sunIntensity: params.sunIntensity,
+			sunAngle: params.sunAngle,
+			raySpread: params.raySpread,
+			rayTwinkle: params.rayTwinkle,
+			rayTwinkleSpeed: params.rayTwinkleSpeed,
+			zIndex: (_b = params.zIndex) !== null && _b !== void 0 ? _b : 1e3,
+			alpha: params.alpha,
+			blendMode: params.blendMode
+		};
+	});
+	return h(Container, {
+		sound: backgroundMusic,
+		shake: shakeConfig,
+		freeze: engine.gamePause
+	}, [
+		h(Container, { sound: backgroundAmbientSound }),
+		cond(computed(() => map() && sceneComponent()), () => h(sceneComponent(), {
+			data: computed(() => map().data),
+			params: computed(() => map().params)
+		})),
+		loop(componentAnimations, (componentAnimation) => h(Container, null, loop(componentAnimation.current, (animation) => h(componentAnimation.component, animation)))),
+		cond(weatherProps, () => h(Weather, weatherProps()))
+	]);
+}
+//#endregion
+export { component as default };
+
+//# sourceMappingURL=draw-map.ce.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,28 @@
+import { inject } from "../../core/inject.js";
+import { RpgClientEngine } from "../../RpgClientEngine.js";
+import 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;
+	return h(Container, { sortableChildren: true }, [
+		loop(events, (event, id) => h(component$1, {
+			id,
+			object: event
+		})),
+		loop(players, (player, id) => h(component$1, {
+			id,
+			object: player
+		})),
+		loop(children, (child) => h(child))
+	]);
+}
+//#endregion
+export { component as default };
+
+//# sourceMappingURL=event-layer.ce.js.map

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

@@ -0,0 +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"}

package/dist/core/inject.js

@@ -0,0 +1,18 @@
+import { inject as inject$1 } from "../node_modules/.pnpm/@signe_di@2.9.0/node_modules/@signe/di/dist/index.js";
+//#region src/core/inject.ts
+var context = null;
+function inject(service, _context) {
+	const c = _context ?? context;
+	if (!c) throw new Error("Context is not set. use setInject() to set the context");
+	return inject$1(c, service);
+}
+function setInject(_context) {
+	context = _context;
+}
+function clearInject() {
+	context = null;
+}
+//#endregion
+export { clearInject, context, inject, setInject };
+
+//# sourceMappingURL=inject.js.map

package/dist/core/inject.js.map

@@ -0,0 +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"}

package/dist/core/setup.js

@@ -0,0 +1,16 @@
+import { Context, inject, injector } from "../node_modules/.pnpm/@signe_di@2.9.0/node_modules/@signe/di/dist/index.js";
+import { setInject } from "./inject.js";
+import { RpgClientEngine } from "../RpgClientEngine.js";
+//#region src/core/setup.ts
+async function startGame(options) {
+	const context = new Context();
+	context["side"] = "client";
+	setInject(context);
+	await injector(context, options.providers);
+	await inject(context, RpgClientEngine).start();
+	return context;
+}
+//#endregion
+export { startGame };
+
+//# sourceMappingURL=setup.js.map

package/dist/core/setup.js.map

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -2,12 +2,26 @@ export * from './RpgClientEngine';
 export type * from './RpgClient';
 export * from './services/standalone';
 export * from './services/mmorpg';
+export * from './services/save';
 export * from './core/setup';
 export * from './core/inject';
 export * from './services/loadMap';
 export * from './module';
 export * from './Gui/Gui';
 export * from './components/gui';
-export * from './components/effects';
+export * from './components/animations';
+export * from './components/prebuilt';
 export * from './presets';
 export * from './components';
+export * from './components/gui';
+export * from './Sound';
+export * from './Resource';
+export * from './utils/getEntityProp';
+export { Context } from '@signe/di';
+export { KeyboardControls, Input } from 'canvasengine';
+export { Control } from './services/keyboardControls';
+export { RpgClientObject } from './Game/Object';
+export { RpgClientPlayer } from './Game/Player';
+export { RpgClientEvent } from './Game/Event';
+export { withMobile } from './components/gui/mobile';
+export * from './services/AbstractSocket';

package/dist/index.js

@@ -1,14 +1,44 @@
-export { RpgClientEngine } from './index2.js';
-export { provideRpg } from './index3.js';
-export { provideMmorpg } from './index4.js';
-export { startGame } from './index5.js';
-export { clearInject, context, inject, setInject } from './index6.js';
-export { LoadMapService, LoadMapToken, provideLoadMap } from './index7.js';
-export { GlobalConfigToken, provideClientGlobalConfig, provideClientModules, provideGlobalConfig } from './index8.js';
-export { RpgGui } from './index9.js';
-export { PrebuiltGui } from './index10.js';
-export { PrebuiltEffects } from './index11.js';
-export { Presets } from './index12.js';
-export { default as EventLayerComponent } from './index13.js';
-export { default as CharacterComponent } from './index14.js';
-//# sourceMappingURL=index.js.map
+import { Context } from "./node_modules/.pnpm/@signe_di@2.9.0/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 { getEntityProp } from "./utils/getEntityProp.js";
+import 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 "./components/gui/index.js";
+import { RpgGui } from "./Gui/Gui.js";
+import { LoadMapService, LoadMapToken, provideLoadMap } from "./services/loadMap.js";
+import { RpgSound, Sound, getSoundMetadata } from "./Sound.js";
+import { RpgResource } from "./Resource.js";
+import { RpgClientObject } from "./Game/Object.js";
+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 { RpgClientEngine } from "./RpgClientEngine.js";
+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 "./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 "./components/index.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 };

package/dist/module.d.ts

@@ -1,8 +1,47 @@
+import { FactoryProvider } from '@signe/di';
 import { RpgClient } from './RpgClient';
-export declare function provideClientModules(modules: RpgClient[]): {
-    provide: string;
-    useFactory: (context: import('@signe/di').Context) => import('@rpgjs/common').Hooks;
-};
+/**
+ * Type for client modules that can be either:
+ * - An object implementing RpgClient interface
+ * - A class decorated with @RpgModule decorator
+ */
+export type RpgClientModule = RpgClient | (new () => any);
+/**
+ * Provides client modules configuration to Dependency Injection
+ *
+ * This function accepts an array of client modules that can be either:
+ * - Objects implementing the RpgClient interface
+ * - Classes decorated with the @RpgModule decorator (which will be instantiated)
+ *
+ * @param modules - Array of client modules (objects or classes)
+ * @returns FactoryProvider configuration for DI
+ * @example
+ * ```ts
+ * // Using an object
+ * provideClientModules([
+ *   {
+ *     engine: {
+ *       onConnected(engine) {
+ *         console.log('Client connected')
+ *       }
+ *     }
+ *   }
+ * ])
+ *
+ * // Using a decorated class
+ * @RpgModule<RpgClient>({
+ *   engine: {
+ *     onStart(engine) {
+ *       console.log('Client started')
+ *     }
+ *   }
+ * })
+ * class MyClientModule {}
+ *
+ * provideClientModules([MyClientModule])
+ * ```
+ */
+export declare function provideClientModules(modules: RpgClientModule[]): FactoryProvider;
 export declare const GlobalConfigToken = "GlobalConfigToken";
 export declare function provideGlobalConfig(config: any): {
     provide: string;

package/dist/module.js

@@ -0,0 +1,176 @@
+import { inject } from "./node_modules/.pnpm/@signe_di@2.9.0/node_modules/@signe/di/dist/index.js";
+import { RpgGui } from "./Gui/Gui.js";
+import { getSoundMetadata } from "./Sound.js";
+import { findModules, provideModules } from "@rpgjs/common";
+//#region src/module.ts
+/**
+* Provides client modules configuration to Dependency Injection
+* 
+* This function accepts an array of client modules that can be either:
+* - Objects implementing the RpgClient interface
+* - Classes decorated with the @RpgModule decorator (which will be instantiated)
+* 
+* @param modules - Array of client modules (objects or classes)
+* @returns FactoryProvider configuration for DI
+* @example
+* ```ts
+* // Using an object
+* provideClientModules([
+*   {
+*     engine: {
+*       onConnected(engine) {
+*         console.log('Client connected')
+*       }
+*     }
+*   }
+* ])
+* 
+* // Using a decorated class
+* @RpgModule<RpgClient>({
+*   engine: {
+*     onStart(engine) {
+*       console.log('Client started')
+*     }
+*   }
+* })
+* class MyClientModule {}
+* 
+* provideClientModules([MyClientModule])
+* ```
+*/
+function provideClientModules(modules) {
+	return provideModules(modules, "client", (modules, context) => {
+		modules = [...findModules(context, "Client"), ...modules];
+		modules = modules.map((module) => {
+			if (typeof module === "function") {
+				const instance = new module();
+				const moduleObj = {};
+				for (const key in instance) moduleObj[key] = instance[key];
+				module = moduleObj;
+			}
+			if ("client" in module) module = module.client;
+			if (module.spritesheets) {
+				const spritesheets = [...module.spritesheets];
+				module.spritesheets = { load: (engine) => {
+					spritesheets.forEach((spritesheet) => {
+						engine.addSpriteSheet(spritesheet);
+					});
+				} };
+			}
+			if (module.spritesheetResolver) {
+				const resolver = module.spritesheetResolver;
+				module.spritesheetResolver = { load: (engine) => {
+					engine.setSpritesheetResolver(resolver);
+				} };
+			}
+			if (module.sounds) {
+				const sounds = [...module.sounds];
+				module.sounds = { load: (engine) => {
+					sounds.forEach((sound) => {
+						if (typeof sound === "function" || sound && sound.constructor && sound.constructor !== Object) {
+							const metadata = getSoundMetadata(sound);
+							if (metadata) {
+								if (metadata.id && metadata.sound) engine.addSound({
+									id: metadata.id,
+									src: metadata.sound,
+									loop: metadata.loop,
+									volume: metadata.volume
+								});
+								if (metadata.sounds) Object.entries(metadata.sounds).forEach(([soundId, soundSrc]) => {
+									engine.addSound({
+										id: soundId,
+										src: soundSrc,
+										loop: metadata.loop,
+										volume: metadata.volume
+									});
+								});
+							} else engine.addSound(sound);
+						} else engine.addSound(sound);
+					});
+				} };
+			}
+			if (module.soundResolver) {
+				const resolver = module.soundResolver;
+				module.soundResolver = { load: (engine) => {
+					engine.setSoundResolver(resolver);
+				} };
+			}
+			if (module.gui) {
+				const gui = [...module.gui];
+				module.gui = { load: (engine) => {
+					const guiService = inject(engine.context, RpgGui);
+					gui.forEach((gui) => {
+						guiService.add(gui);
+					});
+				} };
+			}
+			if (module.componentAnimations) {
+				const componentAnimations = [...module.componentAnimations];
+				module.componentAnimations = { load: (engine) => {
+					componentAnimations.forEach((componentAnimation) => {
+						engine.addComponentAnimation(componentAnimation);
+					});
+				} };
+			}
+			if (module.transitions) {
+				const transitions = [...module.transitions];
+				module.transitions = { load: (engine) => {
+					const guiService = inject(engine.context, RpgGui);
+					transitions.forEach((transition) => {
+						guiService.add({
+							name: transition.id,
+							component: transition.component,
+							data: transition.props || {}
+						});
+					});
+				} };
+			}
+			if (module.particles) {
+				const particles = [...module.particles];
+				module.particles = { load: (engine) => {
+					particles.forEach((particle) => {
+						engine.addParticle(particle);
+					});
+				} };
+			}
+			if (module.sprite) {
+				const sprite = { ...module.sprite };
+				module.sprite = {
+					...sprite,
+					load: (engine) => {
+						if (sprite.componentsBehind) sprite.componentsBehind.forEach((component) => {
+							engine.addSpriteComponentBehind(component);
+						});
+						if (sprite.componentsInFront) sprite.componentsInFront.forEach((component) => {
+							engine.addSpriteComponentInFront(component);
+						});
+					}
+				};
+			}
+			return module;
+		});
+		return modules;
+	});
+}
+var GlobalConfigToken = "GlobalConfigToken";
+function provideGlobalConfig(config) {
+	return {
+		provide: GlobalConfigToken,
+		useValue: config ?? {}
+	};
+}
+function provideClientGlobalConfig(config = {}) {
+	if (!config.keyboardControls) config.keyboardControls = {
+		up: "up",
+		down: "down",
+		left: "left",
+		right: "right",
+		action: "space",
+		escape: "escape"
+	};
+	return provideGlobalConfig(config);
+}
+//#endregion
+export { GlobalConfigToken, provideClientGlobalConfig, provideClientModules, provideGlobalConfig };
+
+//# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -0,0 +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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"}