@rpgjs/client 5.0.0-beta.2 → 5.0.0-beta.22

package/dist/components/gui/menu/main-menu.ce.js

@@ -1,99 +1,85 @@
 import { inject } from "../../../core/inject.js";
+import { getKeyboardControlBind } from "../../../services/actionInput.js";
 import { getEntityProp } from "../../../utils/getEntityProp.js";
-import component$1 from "../save-load.ce.js";
-import component$2 from "./items-menu.ce.js";
-import component$3 from "./skills-menu.ce.js";
-import component$4 from "./equip-menu.ce.js";
-import component$5 from "./options-menu.ce.js";
-import component$6 from "./exit-menu.ce.js";
+import __ce_component$1 from "../save-load.ce.js";
+import __ce_component$2 from "./items-menu.ce.js";
+import __ce_component$3 from "./skills-menu.ce.js";
+import __ce_component$4 from "./equip-menu.ce.js";
+import __ce_component$5 from "./options-menu.ce.js";
+import __ce_component$6 from "./exit-menu.ce.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, computed, cond, effect, h, loop, mount, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, computed, cond, effect, h, loop, mount, signal, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 import { delay } from "@rpgjs/common";
 //#region src/components/gui/menu/main-menu.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var engine = inject(RpgClientEngine);
-	var currentPlayer = engine.scene.currentPlayer;
-	var keyboardControls = engine.globalConfig.keyboardControls;
-	var _a = defineProps(), data = _a.data, onFinish = _a.onFinish, onInteraction = _a.onInteraction, _b = data(), menus = _b.menus;
-	_b.items;
-	_b.skills;
-	_b.equips;
-	var saveLoad = _b.saveLoad;
-	var defaultMenus = [
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
+	const currentPlayer = engine.scene.currentPlayer;
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const { data, onFinish, onInteraction } = defineProps();
+	const { menus, items, skills, equips, saveLoad } = data();
+	const defaultMenus = [
 		{
 			id: "items",
-			label: "Items"
+			label: t("rpg.menu.items")
 		},
 		{
 			id: "skills",
-			label: "Skills"
+			label: t("rpg.menu.skills")
 		},
 		{
 			id: "equip",
-			label: "Equip"
+			label: t("rpg.menu.equip")
 		},
 		{
 			id: "options",
-			label: "Options"
+			label: t("rpg.menu.options")
 		},
 		{
 			id: "save",
-			label: "Save"
+			label: t("rpg.menu.save")
 		},
 		{
 			id: "exit",
-			label: "Exit"
+			label: t("rpg.menu.exit")
 		}
 	];
-	var menuEntries = computed(function() {
+	const menuEntries = computed(() => {
 		if (menus && Array.isArray(menus) && menus.length) return menus;
 		return defaultMenus;
 	});
-	var resolveProp = function(value) {
-		return typeof value === "function" ? value() : value;
-	};
-	var saveLoadData = computed(function() {
-		return resolveProp(saveLoad) || {};
-	});
-	computed(function() {
-		return saveLoadData().mode || "load";
-	});
-	computed(function() {
-		return saveLoadData().slots || [];
-	});
-	var saveLoadCanSave = computed(function() {
-		return saveLoadData().canSave !== false;
-	});
-	var isMenuDisabled = function(entry) {
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const saveLoadData = computed(() => resolveProp(saveLoad) || {});
+	computed(() => saveLoadData().mode || "load");
+	computed(() => saveLoadData().slots || []);
+	const saveLoadCanSave = computed(() => saveLoadData().canSave !== false);
+	const isMenuDisabled = (entry) => {
 		if (!entry) return true;
 		if (entry.disabled) return true;
 		if (entry.enabled === false) return true;
 		if (entry.id === "save" && !saveLoadCanSave()) return true;
 		return false;
 	};
-	var selectedMenu = signal(0);
-	var view = signal("menu");
-	var saveOverlay = signal(false);
-	var selectableIndexes = computed(function() {
-		return menuEntries().map(function(entry, index) {
-			return isMenuDisabled(entry) ? null : index;
-		}).filter(function(value) {
-			return value !== null;
-		});
+	const selectedMenu = signal(0);
+	const view = signal("menu");
+	const saveOverlay = signal(false);
+	const selectableIndexes = computed(() => {
+		return menuEntries().map((entry, index) => isMenuDisabled(entry) ? null : index).filter((value) => value !== null);
 	});
-	effect(function() {
-		var available = selectableIndexes();
+	effect(() => {
+		const available = selectableIndexes();
 		if (!available.length) return;
-		var current = selectedMenu();
+		const current = selectedMenu();
 		if (!available.includes(current)) selectedMenu.set(available[0]);
 	});
-	var moveMenu = function(delta) {
-		var available = selectableIndexes();
+	const moveMenu = (delta) => {
+		const available = selectableIndexes();
 		if (!available.length) return;
-		var current = selectedMenu();
-		var nextIndex = (Math.max(0, available.indexOf(current)) + delta + available.length) % available.length;
+		const current = selectedMenu();
+		const nextIndex = (Math.max(0, available.indexOf(current)) + delta + available.length) % available.length;
 		selectedMenu.set(available[nextIndex]);
 	};
 	function selectMenu(index) {
@@ -102,8 +88,8 @@ function component($$props) {
 			openMenu();
 		};
 	}
-	var openMenu = function() {
-		var entry = menuEntries()[selectedMenu()];
+	const openMenu = () => {
+		const entry = menuEntries()[selectedMenu()];
 		if (!entry || isMenuDisabled(entry)) return;
 		if (entry.id === "save") {
 			saveOverlay.set(true);
@@ -115,43 +101,41 @@ function component($$props) {
 		}
 		view.set(entry.id);
 	};
-	var goBack = function() {
-		delay(function() {
+	const goBack = () => {
+		delay(() => {
 			view.set("menu");
 		});
 	};
-	var closeSaveOverlay = function() {
-		delay(function() {
+	const closeSaveOverlay = () => {
+		delay(() => {
 			saveOverlay.set(false);
 			view.set("menu");
 		});
 	};
-	var confirmExit = function() {
+	const confirmExit = () => {
 		if (onInteraction) onInteraction("exit");
 	};
-	var hp = getEntityProp(currentPlayer, "hp");
-	var hpMax = getEntityProp(currentPlayer, "params.maxHp");
-	var sp = getEntityProp(currentPlayer, "sp");
-	var spMax = getEntityProp(currentPlayer, "params.maxSp");
-	var level = getEntityProp(currentPlayer, "level");
-	var exp = getEntityProp(currentPlayer, "exp");
-	var gold = getEntityProp(currentPlayer, "gold");
-	var expForNextlevel = computed(function() {
-		return data().expForNextlevel || 0;
+	const hp = getEntityProp(currentPlayer, "hp");
+	const hpMax = getEntityProp(currentPlayer, "params.maxHp");
+	const sp = getEntityProp(currentPlayer, "sp");
+	const spMax = getEntityProp(currentPlayer, "params.maxSp");
+	const level = getEntityProp(currentPlayer, "level");
+	const exp = getEntityProp(currentPlayer, "exp");
+	const gold = getEntityProp(currentPlayer, "gold");
+	const expForNextlevel = computed(() => data().expForNextlevel || 0);
+	const hpPercent = computed(() => {
+		const max = hpMax() || 1;
+		return `${Math.max(0, Math.min(100, hp() / max * 100))}%`;
 	});
-	var hpPercent = computed(function() {
-		var max = hpMax() || 1;
-		return "".concat(Math.max(0, Math.min(100, hp() / max * 100)), "%");
+	const spPercent = computed(() => {
+		const max = spMax() || 1;
+		return `${Math.max(0, Math.min(100, sp() / max * 100))}%`;
 	});
-	var spPercent = computed(function() {
-		var max = spMax() || 1;
-		return "".concat(Math.max(0, Math.min(100, sp() / max * 100)), "%");
+	const expPercent = computed(() => {
+		const max = expForNextlevel() || 1;
+		return `${Math.max(0, Math.min(100, exp() / max * 100))}%`;
 	});
-	var expPercent = computed(function() {
-		var max = expForNextlevel() || 1;
-		return "".concat(Math.max(0, Math.min(100, exp() / max * 100)), "%");
-	});
-	var paramsList = computed(function() {
+	const paramsList = computed(() => {
 		return [
 			{
 				label: "ATK",
@@ -183,12 +167,12 @@ function component($$props) {
 			}
 		];
 	});
-	var menuControls = signal({
+	const menuControls = signal({
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (saveOverlay()) return;
 				if (view() !== "menu") return;
 				moveMenu(-1);
@@ -198,15 +182,15 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (saveOverlay()) return;
 				if (view() !== "menu") return;
 				moveMenu(1);
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
 				if (saveOverlay()) return;
 				if (view() !== "menu") return;
 				openMenu();
@@ -214,7 +198,7 @@ function component($$props) {
 		},
 		escape: {
 			bind: keyboardControls.escape,
-			keyDown: function() {
+			keyDown() {
 				if (saveOverlay()) return;
 				if (view() !== "menu") {
 					goBack();
@@ -225,10 +209,10 @@ function component($$props) {
 		},
 		gamepad: { enabled: true }
 	});
-	mount(function(element) {
+	mount((element) => {
 		engine.gamePause.set(true);
-		return function() {
-			delay(function() {
+		return () => {
+			delay(() => {
 				engine.stopProcessingInput = false;
 				engine.gamePause.set(false);
 			});
@@ -250,11 +234,11 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-header" },
-		textContent: "Menu"
+		textContent: computed(() => t("rpg.menu.title"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-main-menu-list" }
-	}, loop(menuEntries(), (entry, index) => h(DOMElement, {
+	}, loop(computed(() => menuEntries()), (entry, index) => h(DOMElement, {
 		element: "div",
 		attrs: {
 			class: ["rpg-ui-menu-item", computed(() => ({ disabled: isMenuDisabled(entry) }))],
@@ -274,7 +258,7 @@ function component($$props) {
 			h(DOMElement, {
 				element: "div",
 				attrs: { class: "rpg-ui-main-menu-section-title" },
-				textContent: "Status"
+				textContent: computed(() => t("rpg.menu.status"))
 			}),
 			h(DOMElement, {
 				element: "div",
@@ -286,7 +270,7 @@ function component($$props) {
 				}, [h(DOMElement, {
 					element: "div",
 					attrs: { class: "rpg-ui-main-menu-status-label" },
-					textContent: "Level"
+					textContent: computed(() => t("rpg.menu.level"))
 				}), h(DOMElement, {
 					element: "div",
 					attrs: { class: "rpg-ui-main-menu-status-value" },
@@ -298,7 +282,7 @@ function component($$props) {
 				}, [h(DOMElement, {
 					element: "div",
 					attrs: { class: "rpg-ui-main-menu-status-label" },
-					textContent: "Gold"
+					textContent: computed(() => t("rpg.menu.gold"))
 				}), h(DOMElement, {
 					element: "div",
 					attrs: { class: "rpg-ui-main-menu-status-value" },
@@ -362,7 +346,7 @@ function component($$props) {
 			h(DOMElement, {
 				element: "div",
 				attrs: { class: "rpg-ui-main-menu-section-title" },
-				textContent: "Parameters"
+				textContent: computed(() => t("rpg.menu.parameters"))
 			}),
 			h(DOMElement, {
 				element: "div",
@@ -378,22 +362,22 @@ function component($$props) {
 				textContent: param.value
 			})])))
 		])),
-		cond(computed(() => view() === "items"), () => h(component$2, {
+		cond(computed(() => view() === "items"), () => h(__ce_component$2, {
 			data,
 			onInteraction,
 			onBack: goBack
 		})),
-		cond(computed(() => view() === "skills"), () => h(component$3, {
+		cond(computed(() => view() === "skills"), () => h(__ce_component$3, {
 			data,
 			onBack: goBack
 		})),
-		cond(computed(() => view() === "equip"), () => h(component$4, {
+		cond(computed(() => view() === "equip"), () => h(__ce_component$4, {
 			data,
 			onInteraction,
 			onBack: goBack
 		})),
-		cond(computed(() => view() === "options"), () => h(component$5, { onBack: goBack })),
-		cond(computed(() => view() === "exit"), () => h(component$6, {
+		cond(computed(() => view() === "options"), () => h(__ce_component$5, { onBack: goBack })),
+		cond(computed(() => view() === "exit"), () => h(__ce_component$6, {
 			onConfirm: confirmExit,
 			onBack: goBack
 		}))
@@ -406,12 +390,13 @@ function component($$props) {
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-main-menu-overlay-content" }
-	}, h(component$1, {
+	}, h(__ce_component$1, {
 		data: saveLoadData,
 		onFinish: closeSaveOverlay
 	}))]))]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=main-menu.ce.js.map

package/dist/components/gui/menu/main-menu.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"main-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/main-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={menuControls}>\n    <div class=\"rpg-ui-main-menu rpg-anim-fade-in\">\n        <div class=\"rpg-ui-main-menu-layout\">\n            <div class=\"rpg-ui-main-menu-left rpg-ui-menu rpg-ui-panel\">\n                <div class=\"rpg-ui-menu-header\">Menu</div>\n                <div class=\"rpg-ui-main-menu-list\">\n                    @for ((entry,index) of menuEntries()) {\n                        <div\n                            class=\"rpg-ui-menu-item\"\n                            class={{disabled: isMenuDisabled(entry)}}\n                            data-selected={selectedMenu() === index ? \"true\" : \"false\"}\n                            tabindex={index}\n                            click={selectMenu(index)}\n                        >{entry.label}</div>\n                    }\n                </div>\n            </div>\n            <div class=\"rpg-ui-main-menu-right\">\n                @if (view() === \"menu\") {\n                    <div class=\"rpg-ui-panel\">\n                        <div class=\"rpg-ui-main-menu-section-title\">Status</div>\n                        <div class=\"rpg-ui-main-menu-status-card\">\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">Level</div>\n                                <div class=\"rpg-ui-main-menu-status-value\">{level()}</div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">Gold</div>\n                                <div class=\"rpg-ui-main-menu-status-value\">{gold()}</div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">HP {hp()}/{hpMax()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill hp\" style={{width: hpPercent}}></div>\n                                </div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">SP {sp()}/{spMax()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill sp\" style={{width: spPercent}}></div>\n                                </div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\" style={{gridColumn: \"span 2\"}}>\n                                <div class=\"rpg-ui-main-menu-status-label\">EXP {exp()}/{expForNextlevel()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill exp\" style={{width: expPercent}}></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"rpg-ui-main-menu-section-title\">Parameters</div>\n                        <div class=\"rpg-ui-main-menu-params\">\n                            @for ((param,index) of paramsList) {\n                                <div class=\"rpg-ui-main-menu-param\">\n                                    <span>{param.label}</span>\n                                    <span>{param.value}</span>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n                @if (view() === \"items\") {\n                    <ItemsMenu data={data} onInteraction={onInteraction} onBack={goBack} />\n                }\n                @if (view() === \"skills\") {\n                    <SkillsMenu data={data} onBack={goBack} />\n                }\n                @if (view() === \"equip\") {\n                    <EquipMenu data={data} onInteraction={onInteraction} onBack={goBack} />\n                }\n                @if (view() === \"options\") {\n                    <OptionsMenu onBack={goBack} />\n                }\n                @if (view() === \"exit\") {\n                    <ExitMenu onConfirm={confirmExit} onBack={goBack} />\n                }\n            </div>\n        </div>\n        @if (saveOverlay) {\n            <div class=\"rpg-ui-main-menu-overlay\">\n                <div class=\"rpg-ui-main-menu-overlay-backdrop\"></div>\n                <div class=\"rpg-ui-main-menu-overlay-content\">\n                    <SaveLoadComponent\n                        data={saveLoadData}\n                        onFinish={closeSaveOverlay}\n                    />\n                </div>\n            </div>\n        }\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect, mount } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import SaveLoadComponent from \"../save-load.ce\";\n    import ItemsMenu from \"./items-menu.ce\";\n    import SkillsMenu from \"./skills-menu.ce\";\n    import EquipMenu from \"./equip-menu.ce\";\n    import OptionsMenu from \"./options-menu.ce\";\n    import ExitMenu from \"./exit-menu.ce\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n    import { delay } from \"@rpgjs/common\";\n\n    const engine = inject(RpgClientEngine);\n    const currentPlayer = engine.scene.currentPlayer;\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { data, onFinish, onInteraction } = defineProps();\n    const { menus, items, skills, equips, saveLoad } = data();\n\n    const defaultMenus = [\n        { id: \"items\", label: \"Items\" },\n        { id: \"skills\", label: \"Skills\" },\n        { id: \"equip\", label: \"Equip\" },\n        { id: \"options\", label: \"Options\" },\n        { id: \"save\", label: \"Save\" },\n        { id: \"exit\", label: \"Exit\" }\n    ];\n\n    const menuEntries = computed(() => {\n        if (menus && Array.isArray(menus) && menus.length) return menus;\n        return defaultMenus;\n    });\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const saveLoadData = computed(() => resolveProp(saveLoad) || {});\n    const saveLoadMode = computed(() => saveLoadData().mode || \"load\");\n    const saveLoadSlots = computed(() => saveLoadData().slots || []);\n    const saveLoadCanSave = computed(() => saveLoadData().canSave !== false);\n\n    const isMenuDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        if (entry.id === \"save\" && !saveLoadCanSave()) return true;\n        return false;\n    };\n\n    const selectedMenu = signal(0);\n    const view = signal(\"menu\");\n    const saveOverlay = signal(false);\n\n    const selectableIndexes = computed(() => {\n        const entries = menuEntries();\n        return entries\n            .map((entry, index) => (isMenuDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedMenu();\n        if (!available.includes(current)) {\n            selectedMenu.set(available[0]);\n        }\n    });\n\n    const moveMenu = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedMenu();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedMenu.set(available[nextIndex]);\n    };\n\n    function selectMenu(index) {\n        return function() {\n            selectedMenu.set(index);\n            openMenu();\n        }\n    }\n\n    const openMenu = () => {\n        const entry = menuEntries()[selectedMenu()];\n        if (!entry || isMenuDisabled(entry)) return;\n        if (entry.id === \"save\") {\n            saveOverlay.set(true);\n            return;\n        }\n        if (entry.id === \"exit\") {\n            view.set(\"exit\");\n            return;\n        }\n        view.set(entry.id);\n    };\n\n    const goBack = () => {\n        delay(() => {\n            view.set(\"menu\");\n        });\n    };\n\n    const closeSaveOverlay = () => {\n        delay(() => {\n            saveOverlay.set(false);\n            view.set(\"menu\");\n        });\n    };\n\n    const confirmExit = () => {\n        if (onInteraction) onInteraction(\"exit\");\n    };\n\n    const hp = getEntityProp(currentPlayer, \"hp\");\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\");\n    const sp = getEntityProp(currentPlayer, \"sp\");\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\");\n    const level = getEntityProp(currentPlayer, \"level\");\n    const exp = getEntityProp(currentPlayer, \"exp\");\n    const gold = getEntityProp(currentPlayer, \"gold\");\n    const expForNextlevel = computed(() => data().expForNextlevel || 0);\n    const hpPercent = computed(() => {\n        const max = hpMax() || 1;\n        return `${Math.max(0, Math.min(100, (hp() / max) * 100))}%`;\n    });\n    const spPercent = computed(() => {\n        const max = spMax() || 1;\n        return `${Math.max(0, Math.min(100, (sp() / max) * 100))}%`;\n    });\n    const expPercent = computed(() => {\n        const max = expForNextlevel() || 1;\n        return `${Math.max(0, Math.min(100, (exp() / max) * 100))}%`;\n    });\n\n    const paramsList = computed(() => {\n        return [\n            { label: \"ATK\", value: data().playerStats.atk },\n            { label: \"PDEF\", value: data().playerStats.pdef },\n            { label: \"SDEF\", value: data().playerStats.sdef },\n            { label: \"STR\", value: data().playerStats.str },\n            { label: \"DEX\", value: data().playerStats.dex },\n            { label: \"INT\", value: data().playerStats.int },\n            { label: \"AGI\", value: data().playerStats.agi }\n        ]\n    }\n\n    const menuControls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                moveMenu(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                moveMenu(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                openMenu();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") {\n                    goBack();\n                    return;\n                }\n                onFinish()\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    mount((element) => {\n        engine.gamePause.set(true);\n        return () => {\n            delay(() => {\n                engine.stopProcessingInput = false;\n                engine.gamePause.set(false);\n            });\n        }\n    });\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"main-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/main-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={menuControls}>\n    <div class=\"rpg-ui-main-menu rpg-anim-fade-in\">\n        <div class=\"rpg-ui-main-menu-layout\">\n            <div class=\"rpg-ui-main-menu-left rpg-ui-menu rpg-ui-panel\">\n                <div class=\"rpg-ui-menu-header\">{t(\"rpg.menu.title\")}</div>\n                <div class=\"rpg-ui-main-menu-list\">\n                    @for ((entry,index) of menuEntries()) {\n                        <div\n                            class=\"rpg-ui-menu-item\"\n                            class={{disabled: isMenuDisabled(entry)}}\n                            data-selected={selectedMenu() === index ? \"true\" : \"false\"}\n                            tabindex={index}\n                            click={selectMenu(index)}\n                        >{entry.label}</div>\n                    }\n                </div>\n            </div>\n            <div class=\"rpg-ui-main-menu-right\">\n                @if (view() === \"menu\") {\n                    <div class=\"rpg-ui-panel\">\n                        <div class=\"rpg-ui-main-menu-section-title\">{t(\"rpg.menu.status\")}</div>\n                        <div class=\"rpg-ui-main-menu-status-card\">\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">{t(\"rpg.menu.level\")}</div>\n                                <div class=\"rpg-ui-main-menu-status-value\">{level()}</div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">{t(\"rpg.menu.gold\")}</div>\n                                <div class=\"rpg-ui-main-menu-status-value\">{gold()}</div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">HP {hp()}/{hpMax()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill hp\" style={{width: hpPercent}}></div>\n                                </div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\">\n                                <div class=\"rpg-ui-main-menu-status-label\">SP {sp()}/{spMax()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill sp\" style={{width: spPercent}}></div>\n                                </div>\n                            </div>\n                            <div class=\"rpg-ui-main-menu-status-block\" style={{gridColumn: \"span 2\"}}>\n                                <div class=\"rpg-ui-main-menu-status-label\">EXP {exp()}/{expForNextlevel()}</div>\n                                <div class=\"rpg-ui-main-menu-status-bar\">\n                                    <div class=\"rpg-ui-main-menu-status-bar-fill exp\" style={{width: expPercent}}></div>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"rpg-ui-main-menu-section-title\">{t(\"rpg.menu.parameters\")}</div>\n                        <div class=\"rpg-ui-main-menu-params\">\n                            @for ((param,index) of paramsList) {\n                                <div class=\"rpg-ui-main-menu-param\">\n                                    <span>{param.label}</span>\n                                    <span>{param.value}</span>\n                                </div>\n                            }\n                        </div>\n                    </div>\n                }\n                @if (view() === \"items\") {\n                    <ItemsMenu data={data} onInteraction={onInteraction} onBack={goBack} />\n                }\n                @if (view() === \"skills\") {\n                    <SkillsMenu data={data} onBack={goBack} />\n                }\n                @if (view() === \"equip\") {\n                    <EquipMenu data={data} onInteraction={onInteraction} onBack={goBack} />\n                }\n                @if (view() === \"options\") {\n                    <OptionsMenu onBack={goBack} />\n                }\n                @if (view() === \"exit\") {\n                    <ExitMenu onConfirm={confirmExit} onBack={goBack} />\n                }\n            </div>\n        </div>\n        @if (saveOverlay) {\n            <div class=\"rpg-ui-main-menu-overlay\">\n                <div class=\"rpg-ui-main-menu-overlay-backdrop\"></div>\n                <div class=\"rpg-ui-main-menu-overlay-content\">\n                    <SaveLoadComponent\n                        data={saveLoadData}\n                        onFinish={closeSaveOverlay}\n                    />\n                </div>\n            </div>\n        }\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect, mount } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import SaveLoadComponent from \"../save-load.ce\";\n    import ItemsMenu from \"./items-menu.ce\";\n    import SkillsMenu from \"./skills-menu.ce\";\n    import EquipMenu from \"./equip-menu.ce\";\n    import OptionsMenu from \"./options-menu.ce\";\n    import ExitMenu from \"./exit-menu.ce\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n    import { delay } from \"@rpgjs/common\";\n    import { getKeyboardControlBind } from \"../../../services/actionInput\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\n    const currentPlayer = engine.scene.currentPlayer;\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { data, onFinish, onInteraction } = defineProps();\n    const { menus, items, skills, equips, saveLoad } = data();\n\n    const defaultMenus = [\n        { id: \"items\", label: t(\"rpg.menu.items\") },\n        { id: \"skills\", label: t(\"rpg.menu.skills\") },\n        { id: \"equip\", label: t(\"rpg.menu.equip\") },\n        { id: \"options\", label: t(\"rpg.menu.options\") },\n        { id: \"save\", label: t(\"rpg.menu.save\") },\n        { id: \"exit\", label: t(\"rpg.menu.exit\") }\n    ];\n\n    const menuEntries = computed(() => {\n        if (menus && Array.isArray(menus) && menus.length) return menus;\n        return defaultMenus;\n    });\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const saveLoadData = computed(() => resolveProp(saveLoad) || {});\n    const saveLoadMode = computed(() => saveLoadData().mode || \"load\");\n    const saveLoadSlots = computed(() => saveLoadData().slots || []);\n    const saveLoadCanSave = computed(() => saveLoadData().canSave !== false);\n\n    const isMenuDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        if (entry.id === \"save\" && !saveLoadCanSave()) return true;\n        return false;\n    };\n\n    const selectedMenu = signal(0);\n    const view = signal(\"menu\");\n    const saveOverlay = signal(false);\n\n    const selectableIndexes = computed(() => {\n        const entries = menuEntries();\n        return entries\n            .map((entry, index) => (isMenuDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedMenu();\n        if (!available.includes(current)) {\n            selectedMenu.set(available[0]);\n        }\n    });\n\n    const moveMenu = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedMenu();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedMenu.set(available[nextIndex]);\n    };\n\n    function selectMenu(index) {\n        return function() {\n            selectedMenu.set(index);\n            openMenu();\n        }\n    }\n\n    const openMenu = () => {\n        const entry = menuEntries()[selectedMenu()];\n        if (!entry || isMenuDisabled(entry)) return;\n        if (entry.id === \"save\") {\n            saveOverlay.set(true);\n            return;\n        }\n        if (entry.id === \"exit\") {\n            view.set(\"exit\");\n            return;\n        }\n        view.set(entry.id);\n    };\n\n    const goBack = () => {\n        delay(() => {\n            view.set(\"menu\");\n        });\n    };\n\n    const closeSaveOverlay = () => {\n        delay(() => {\n            saveOverlay.set(false);\n            view.set(\"menu\");\n        });\n    };\n\n    const confirmExit = () => {\n        if (onInteraction) onInteraction(\"exit\");\n    };\n\n    const hp = getEntityProp(currentPlayer, \"hp\");\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\");\n    const sp = getEntityProp(currentPlayer, \"sp\");\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\");\n    const level = getEntityProp(currentPlayer, \"level\");\n    const exp = getEntityProp(currentPlayer, \"exp\");\n    const gold = getEntityProp(currentPlayer, \"gold\");\n    const expForNextlevel = computed(() => data().expForNextlevel || 0);\n    const hpPercent = computed(() => {\n        const max = hpMax() || 1;\n        return `${Math.max(0, Math.min(100, (hp() / max) * 100))}%`;\n    });\n    const spPercent = computed(() => {\n        const max = spMax() || 1;\n        return `${Math.max(0, Math.min(100, (sp() / max) * 100))}%`;\n    });\n    const expPercent = computed(() => {\n        const max = expForNextlevel() || 1;\n        return `${Math.max(0, Math.min(100, (exp() / max) * 100))}%`;\n    });\n\n    const paramsList = computed(() => {\n        return [\n            { label: \"ATK\", value: data().playerStats.atk },\n            { label: \"PDEF\", value: data().playerStats.pdef },\n            { label: \"SDEF\", value: data().playerStats.sdef },\n            { label: \"STR\", value: data().playerStats.str },\n            { label: \"DEX\", value: data().playerStats.dex },\n            { label: \"INT\", value: data().playerStats.int },\n            { label: \"AGI\", value: data().playerStats.agi }\n        ]\n    }\n\n    const menuControls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                moveMenu(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                moveMenu(1);\n            }\n        },\n        action: {\n            bind: getKeyboardControlBind(keyboardControls.action),\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") return;\n                openMenu();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (saveOverlay()) return;\n                if (view() !== \"menu\") {\n                    goBack();\n                    return;\n                }\n                onFinish()\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    mount((element) => {\n        engine.gamePause.set(true);\n        return () => {\n            delay(() => {\n                engine.stopProcessingInput = false;\n                engine.gamePause.set(false);\n            });\n        }\n    });\n</script>\n"],"mappings":"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"}

package/dist/components/gui/menu/options-menu.ce.js

@@ -1,19 +1,22 @@
 import { inject } from "../../../core/inject.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, h, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, computed, h, signal, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 //#region src/components/gui/menu/options-menu.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var keyboardControls = inject(RpgClientEngine).globalConfig.keyboardControls;
-	var onBack = defineProps().onBack;
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const { onBack } = defineProps();
 	return h(DOMContainer, {
 		width: "100%",
 		height: "100%",
 		controls: signal({
 			escape: {
 				bind: keyboardControls.escape,
-				keyDown: function() {
+				keyDown() {
 					if (onBack) onBack();
 				}
 			},
@@ -25,7 +28,7 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-header" },
-		textContent: "Options"
+		textContent: computed(() => t("rpg.menu.options"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-body" }
@@ -35,14 +38,15 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-details-title" },
-		textContent: "Options"
+		textContent: computed(() => t("rpg.menu.options"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-details-desc" },
-		textContent: "Configure your preferences here.\n                "
+		textContent: computed(() => t("rpg.menu.options-help"))
 	})]))]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=options-menu.ce.js.map

package/dist/components/gui/menu/options-menu.ce.js.map

@@ -1 +1 @@
-{"version":3,"file":"options-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/options-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={controls}>\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">Options</div>\n        <div class=\"rpg-ui-menu-panel-body\">\n            <div class=\"rpg-ui-menu-panel-details\">\n                <div class=\"rpg-ui-menu-panel-details-title\">Options</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    Configure your preferences here.\n                </div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const { onBack } = defineProps();\n\n    const controls = signal({\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;AASM,SAAW,UAAA,SAAA;AACJ,UAAA,QAAA;CACP,MAAG,cAAA,eAAA,QAAA;wBACK,OAAA,gBAAA,CAAA,aAAA;CAEd,IAAC,SAAM,aAAA,CAAA;AAcC,QADY,EAAA,cAAgB;EAAA,OAAA;EAAA,QAAA;EAAA,UAZvB,OAAS;GAClB,QAAQ;IACR,MAAS,iBAAkB;;AAErB,SAAM,OACN,SAAA;;;GAGN,SAAM,EACF,SAAQ,MACX;GACJ,CAAC;EACkC,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;EAAA,aAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,0BAAA;EAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,6BAAA;EAAA,EAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mCAAA;EAAA,aAAA;EAAA,CAAA,EAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA;EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"options-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/options-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={controls}>\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">{t(\"rpg.menu.options\")}</div>\n        <div class=\"rpg-ui-menu-panel-body\">\n            <div class=\"rpg-ui-menu-panel-details\">\n                <div class=\"rpg-ui-menu-panel-details-title\">{t(\"rpg.menu.options\")}</div>\n                <div class=\"rpg-ui-menu-panel-details-desc\">\n                    {t(\"rpg.menu.options-help\")}\n                </div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine);\n    const { t } = engine.i18n();\n    const keyboardControls = engine.globalConfig.keyboardControls;\n    const { onBack } = defineProps();\n\n    const controls = signal({\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"mappings":";;;;AASM,SAAQ,UAAG,SAAA;CACJ,SAAA,OAAA;CACP,MAAG,cAAA,eAAA,OAAA;CACK,eAAA,OAAA;;CAEd,MAAC,EAAM,MAAA,OAAA,KAAA;CACP,MAAI,mBAAkB,OAAM,aAAa;CACzC,MAAI,EAAA,WAAe,YAAY;CAcvB,OADI,EAAA,cAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAZC,OAAA;;IAET,MAAM,iBAAgB;IACtB,UAAc;KACR,IAAA,QACE,OAAW;;GAEnB;GACA,SAAI,EACA,SAAS,KACb;EACJ,CACY;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,2BAAA;EAAA,aAAA,eAAA,EAAA,kBAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,yBAAA;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,4BAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kCAAA;EAAA,aAAA,eAAA,EAAA,kBAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,iCAAA;EAAA,aAAA,eAAA,EAAA,uBAAA,CAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACH;AACH;AAEA,IAAE,iBAAA"}

package/dist/components/gui/menu/skills-menu.ce.js

@@ -1,33 +1,30 @@
 import { inject } from "../../../core/inject.js";
 import { RpgClientEngine } from "../../../RpgClientEngine.js";
-import { DOMContainer, DOMElement, Navigation, computed, cond, createTabindexNavigator, h, loop, signal, useDefineProps, useProps } from "canvasengine";
+import { DOMContainer, DOMElement, Navigation, computed, cond, createTabindexNavigator, h, loop, signal, useDefineEmits, useDefineProps, useProps } from "canvasengine";
 //#region src/components/gui/menu/skills-menu.ce
 function component($$props) {
 	useProps($$props);
 	const defineProps = useDefineProps($$props);
-	var keyboardControls = inject(RpgClientEngine).globalConfig.keyboardControls;
-	var selectedSkill = signal(0);
-	var _a = defineProps(), data = _a.data, onBack = _a.onBack;
-	var skills = computed(function() {
-		return data().skills;
-	});
-	var nav = createTabindexNavigator(selectedSkill, { count: function() {
-		return skills().length;
-	} }, "wrap");
-	var currentSkill = computed(function() {
-		return skills()[selectedSkill()];
-	});
+	useDefineEmits($$props);
+	const engine = inject(RpgClientEngine);
+	const { t } = engine.i18n();
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const selectedSkill = signal(0);
+	const { data, onBack } = defineProps();
+	const skills = computed(() => data().skills);
+	const nav = createTabindexNavigator(selectedSkill, { count: () => skills().length }, "wrap");
+	const currentSkill = computed(() => skills()[selectedSkill()]);
 	function selectSkill(index) {
 		return function() {
 			selectedSkill.set(index);
 		};
 	}
-	var controls = signal({
+	const controls = signal({
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				nav.next(-1);
 			}
 		},
@@ -35,13 +32,13 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				nav.next(1);
 			}
 		},
 		escape: {
 			bind: keyboardControls.escape,
-			keyDown: function() {
+			keyDown() {
 				if (onBack) onBack();
 			}
 		},
@@ -56,7 +53,7 @@ function component($$props) {
 	}, [h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-header" },
-		textContent: "Skills"
+		textContent: computed(() => t("rpg.menu.skills"))
 	}), h(DOMElement, {
 		element: "div",
 		attrs: { class: "rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked" }
@@ -101,7 +98,8 @@ function component($$props) {
 		textContent: "SP " + skill.spCost
 	})]))))])]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=skills-menu.ce.js.map