@rpgjs/client 5.0.0-alpha.9 → 5.0.0-beta.10

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

@@ -0,0 +1,326 @@
+import { inject } from "../../../core/inject.js";
+import { RpgClientEngine } from "../../../RpgClientEngine.js";
+import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, createTabindexNavigator, h, loop, signal, useDefineProps, useProps } from "canvasengine";
+import { delay } from "@rpgjs/common";
+//#region src/components/gui/menu/items-menu.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	const engine = inject(RpgClientEngine);
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const selectedItem = signal(0);
+	const selectedTab = signal(0);
+	const selectedConfirm = signal(0);
+	const confirmOpen = signal(false);
+	const confirmItem = signal(null);
+	const { data, onInteraction, onBack } = defineProps();
+	const items = computed(() => data().items);
+	const tabs = [
+		{
+			id: "item",
+			label: "Items"
+		},
+		{
+			id: "weapon",
+			label: "Weapons"
+		},
+		{
+			id: "armor",
+			label: "Armor"
+		}
+	];
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const safeItems = computed(() => {
+		const value = resolveProp(items);
+		return Array.isArray(value) ? value : [];
+	});
+	const filteredItems = computed(() => {
+		const items = safeItems();
+		const tab = tabs[selectedTab()];
+		if (!tab) return [];
+		return items.filter((item) => item.type === tab.id && (item.quantity ?? 1) > 0);
+	});
+	const confirmOptions = [{
+		id: "use",
+		label: "Use"
+	}, {
+		id: "cancel",
+		label: "Cancel"
+	}];
+	const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, "wrap");
+	const navConfirm = createTabindexNavigator(selectedConfirm, { count: () => confirmOptions.length }, "wrap");
+	const currentItem = computed(() => filteredItems()[selectedItem()]);
+	const iconSheet = (iconId) => ({ definition: engine.getSpriteSheet(iconId) });
+	const clampSelection = () => {
+		const count = filteredItems().length;
+		if (count === 0) {
+			selectedItem.set(0);
+			return;
+		}
+		if (selectedItem() >= count) selectedItem.set(count - 1);
+	};
+	function selectItem(index) {
+		return function() {
+			selectedItem.set(index);
+			requestUseItem(index);
+		};
+	}
+	function selectTab(index) {
+		return function() {
+			selectedItem.set(0);
+			selectedTab.set(index);
+		};
+	}
+	const useItem = (index) => {
+		const item = filteredItems()[index];
+		if (!item || !item.usable) return;
+		if (onInteraction) onInteraction("useItem", { id: item.id });
+	};
+	const requestUseItem = (index) => {
+		const item = filteredItems()[index];
+		if (!item || !item.usable) return;
+		if (item.consumable) {
+			confirmItem.set(item);
+			confirmOpen.set(true);
+			selectedConfirm.set(0);
+			return;
+		}
+		useItem(index);
+	};
+	const confirmUse = () => {
+		const item = confirmItem();
+		if (!item) return;
+		delay(() => {
+			if (onInteraction) onInteraction("useItem", { id: item.id });
+			confirmOpen.set(false);
+			confirmItem.set(null);
+		});
+	};
+	const cancelConfirm = () => {
+		delay(() => {
+			confirmOpen.set(false);
+			confirmItem.set(null);
+		});
+	};
+	function confirmSelect(index) {
+		return function() {
+			selectedConfirm.set(index);
+			if (index === 0) {
+				confirmUse();
+				return;
+			}
+			cancelConfirm();
+		};
+	}
+	const confirmControls = signal({
+		left: {
+			repeat: true,
+			bind: keyboardControls.left,
+			throttle: 150,
+			keyDown() {
+				if (!confirmOpen()) return;
+				navConfirm.next(-1);
+			}
+		},
+		right: {
+			repeat: true,
+			bind: keyboardControls.right,
+			throttle: 150,
+			keyDown() {
+				if (!confirmOpen()) return;
+				navConfirm.next(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown() {
+				if (!confirmOpen()) return;
+				confirmSelect(selectedConfirm())();
+			}
+		},
+		escape: {
+			bind: keyboardControls.escape,
+			keyDown() {
+				if (!confirmOpen()) return;
+				cancelConfirm();
+			}
+		}
+	});
+	const controls = signal({
+		up: {
+			repeat: true,
+			bind: keyboardControls.up,
+			throttle: 150,
+			keyDown() {
+				if (confirmOpen()) return;
+				nav.next(-1);
+			}
+		},
+		left: {
+			repeat: true,
+			bind: keyboardControls.left,
+			throttle: 150,
+			keyDown() {
+				if (confirmOpen()) return;
+				selectedTab.update((value) => (value - 1 + tabs.length) % tabs.length);
+				selectedItem.set(0);
+			}
+		},
+		right: {
+			repeat: true,
+			bind: keyboardControls.right,
+			throttle: 150,
+			keyDown() {
+				if (confirmOpen()) return;
+				selectedTab.update((value) => (value + 1) % tabs.length);
+				selectedItem.set(0);
+			}
+		},
+		down: {
+			repeat: true,
+			bind: keyboardControls.down,
+			throttle: 150,
+			keyDown() {
+				if (confirmOpen()) return;
+				nav.next(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown() {
+				if (confirmOpen()) {
+					confirmSelect(selectedConfirm())();
+					return;
+				}
+				requestUseItem(selectedItem());
+			}
+		},
+		escape: {
+			bind: keyboardControls.escape,
+			keyDown() {
+				if (confirmOpen()) {
+					cancelConfirm();
+					return;
+				}
+				if (onBack) onBack();
+			}
+		},
+		gamepad: { enabled: true }
+	});
+	clampSelection();
+	return h(DOMContainer, {
+		width: "100%",
+		height: "100%"
+	}, h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-menu-panel rpg-ui-panel" }
+	}, [
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-header" },
+			textContent: "Items"
+		}),
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked" }
+		}, [h(DOMElement, { element: "div" }, cond(currentItem, () => h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-details rpg-ui-panel" }
+		}, h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-hero" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-hero-icon" }
+		}, h(DOMSprite, {
+			sheet: computed(() => iconSheet(currentItem()?.icon)),
+			playing: "default",
+			width: "48px",
+			height: "48px",
+			objectFit: "contain"
+		})), h(DOMElement, { element: "div" }, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-details-title" },
+			textContent: computed(() => currentItem()?.name)
+		}), h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-details-desc" },
+			textContent: computed(() => currentItem()?.description || "")
+		})])])))), h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-panel-list rpg-ui-menu rpg-ui-menu-panel-list-full" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-tabs" }
+		}, loop(tabs, (tab, tabIndex) => h(DOMElement, {
+			element: "div",
+			attrs: {
+				class: ["rpg-ui-menu-tab", computed(() => ({ active: selectedTab() === tabIndex }))],
+				tabindex: tabIndex,
+				click: selectTab(tabIndex)
+			},
+			textContent: tab.label
+		}))), h(Navigation, {
+			tabindex: selectedItem,
+			controls
+		}, loop(filteredItems, (item, index) => h(DOMElement, {
+			element: "div",
+			attrs: {
+				class: ["rpg-ui-menu-item rpg-ui-menu-row", { disabled: !item.usable }],
+				"data-selected": computed(() => selectedItem() === index ? "true" : "false"),
+				tabindex: index,
+				click: selectItem(index)
+			}
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-row-main" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-row-icon" }
+		}, h(DOMSprite, {
+			sheet: computed(() => iconSheet(item.icon)),
+			playing: "default",
+			width: "28px",
+			height: "28px",
+			objectFit: "contain"
+		})), h(DOMElement, {
+			element: "span",
+			textContent: item.name
+		})]), h(DOMElement, {
+			element: "span",
+			attrs: { class: "rpg-ui-menu-row-end" },
+			textContent: "x" + item.quantity
+		})])))])]),
+		cond(confirmOpen, () => h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-confirm" }
+		}, h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-confirm-card" }
+		}, [h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-confirm-title" },
+			textContent: computed(() => "Use " + confirmItem()?.name + "?")
+		}), h(Navigation, {
+			tabindex: selectedConfirm,
+			controls: confirmControls
+		}, h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-menu-confirm-actions" }
+		}, loop(confirmOptions, (option, index) => h(DOMElement, {
+			element: "button",
+			attrs: {
+				class: ["rpg-ui-menu-confirm-btn", { "rpg-ui-menu-confirm-btn-secondary": option.id === "cancel" }],
+				"data-selected": computed(() => selectedConfirm() === index ? "true" : "false"),
+				tabindex: index,
+				click: confirmSelect(index)
+			},
+			textContent: option.label
+		}))))])))
+	]));
+}
+var __ce_component = component;
+//#endregion
+export { __ce_component as default };
+
+//# sourceMappingURL=items-menu.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"items-menu.ce.js","names":[],"sources":["../../../../src/components/gui/menu/items-menu.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-menu-panel rpg-ui-panel\">\n        <div class=\"rpg-ui-menu-panel-header\">Items</div>\n        <div class=\"rpg-ui-menu-panel-body rpg-ui-menu-panel-body-stacked\">\n            <div>\n                @if (currentItem) {\n                    <div class=\"rpg-ui-menu-panel-details rpg-ui-panel\">\n                        <div class=\"rpg-ui-menu-panel-hero\">\n                            <div class=\"rpg-ui-menu-panel-hero-icon\">\n                                <DOMSprite \n                                    sheet={iconSheet(currentItem()?.icon)} \n                                    playing=\"default\" \n                                    width=\"48px\"\n                                    height=\"48px\"\n                                    objectFit=\"contain\"\n                                />\n                            </div>\n                            <div>\n                                <div class=\"rpg-ui-menu-panel-details-title\">{currentItem()?.name}</div>\n                                <div class=\"rpg-ui-menu-panel-details-desc\">{currentItem()?.description || \"\"}</div>\n                            </div>\n                        </div>\n                    </div>\n                }\n            </div>\n            \n            <div class=\"rpg-ui-menu-panel-list rpg-ui-menu rpg-ui-menu-panel-list-full\">\n                <div class=\"rpg-ui-menu-tabs\">\n                    @for ((tab,tabIndex) of tabs) {\n                        <div\n                            class=\"rpg-ui-menu-tab\"\n                            class={{active: selectedTab() === tabIndex}}\n                            tabindex={tabIndex}\n                            click={selectTab(tabIndex)}\n                        >{tab.label}</div>\n                    }\n                </div>\n                <Navigation tabindex={selectedItem} controls={controls}>\n                    @for ((item,index) of filteredItems) {\n                        <div\n                            class=\"rpg-ui-menu-item rpg-ui-menu-row\"\n                            class={{disabled: !item.usable}}\n                            data-selected={selectedItem() === index ? \"true\" : \"false\"}\n                            tabindex={index}\n                            click={selectItem(index)}\n                        >\n                            <div class=\"rpg-ui-menu-row-main\">\n                                <div class=\"rpg-ui-menu-row-icon\">\n                                    <DOMSprite \n                                        sheet={iconSheet(item.icon)} \n                                        playing=\"default\" \n                                        width=\"28px\"\n                                        height=\"28px\"\n                                        objectFit=\"contain\"\n                                    />\n                                </div>\n                                <span>{item.name}</span>\n                            </div>\n                            <span class=\"rpg-ui-menu-row-end\">x{item.quantity ?? 1}</span>\n                        </div>\n                    }\n                </Navigation>\n            </div>\n        </div>\n        @if (confirmOpen) {\n            <div class=\"rpg-ui-menu-confirm\">\n                <div class=\"rpg-ui-menu-confirm-card\">\n                    <div class=\"rpg-ui-menu-confirm-title\">Use {confirmItem()?.name}?</div>\n                    <Navigation tabindex={selectedConfirm} controls={confirmControls}>\n                        <div class=\"rpg-ui-menu-confirm-actions\">\n                            @for ((option,index) of confirmOptions) {\n                                <button\n                                    class=\"rpg-ui-menu-confirm-btn\"\n                                    class={{\"rpg-ui-menu-confirm-btn-secondary\": option.id === \"cancel\"}}\n                                    data-selected={selectedConfirm() === index ? \"true\" : \"false\"}\n                                    tabindex={index}\n                                    click={confirmSelect(index)}\n                                >{option.label}</button>\n                            }\n                        </div>\n                    </Navigation>\n                </div>\n            </div>\n        }\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, createTabindexNavigator, effect } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { delay } from \"@rpgjs/common\";\n\n    const engine = inject(RpgClientEngine);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const selectedItem = signal(0);\n    const selectedTab = signal(0);\n    const selectedConfirm = signal(0);\n    const confirmOpen = signal(false);\n    const confirmItem = signal(null);\n\n    const { data, onInteraction, onBack } = defineProps();\n\n    const items = computed(() => data().items);\n\n    const tabs = [\n        { id: \"item\", label: \"Items\" },\n        { id: \"weapon\", label: \"Weapons\" },\n        { id: \"armor\", label: \"Armor\" }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const safeItems = computed(() => {\n        const value = resolveProp(items);\n        return Array.isArray(value) ? value : [];\n    });\n\n    const filteredItems = computed(() => {\n        const items = safeItems();\n        const tab = tabs[selectedTab()];\n        if (!tab) return [];\n        return items.filter((item) => item.type === tab.id && (item.quantity ?? 1) > 0);\n    });\n\n    const confirmOptions = [\n        { id: \"use\", label: \"Use\" },\n        { id: \"cancel\", label: \"Cancel\" }\n    ];\n\n    const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, \"wrap\");\n    const navConfirm = createTabindexNavigator(selectedConfirm, { count: () => confirmOptions.length }, \"wrap\");\n    const currentItem = computed(() => filteredItems()[selectedItem()]);\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId)\n    });\n\n    const clampSelection = () => {\n        const count = filteredItems().length;\n        if (count === 0) {\n            selectedItem.set(0);\n            return;\n        }\n        if (selectedItem() >= count) {\n            selectedItem.set(count - 1);\n        }\n    };\n\n    function selectItem(index) {\n        return function() {\n            selectedItem.set(index);\n            requestUseItem(index);\n        }\n    }\n\n    function selectTab(index) {\n        return function() {\n            selectedItem.set(0);\n            selectedTab.set(index);\n        }\n    }\n\n    const useItem = (index) => {\n        const item = filteredItems()[index];\n        if (!item || !item.usable) return;\n        if (onInteraction) onInteraction(\"useItem\", { id: item.id });\n    };\n\n    const requestUseItem = (index) => {\n        const item = filteredItems()[index];\n        if (!item || !item.usable) return;\n        if (item.consumable) {\n            confirmItem.set(item);\n            confirmOpen.set(true);\n            selectedConfirm.set(0);\n            return;\n        }\n        useItem(index);\n    };\n\n    const confirmUse = () => {\n        const item = confirmItem();\n        if (!item) return;\n        delay(() => {\n            if (onInteraction) onInteraction(\"useItem\", { id: item.id });\n            confirmOpen.set(false);\n            confirmItem.set(null);\n        });\n    };\n\n    const cancelConfirm = () => {\n        delay(() => {\n            confirmOpen.set(false);\n            confirmItem.set(null);\n        });\n    };\n\n    function confirmSelect(index) {\n        return function() {\n            selectedConfirm.set(index);\n            if (index === 0) {\n                confirmUse();\n                return;\n            }\n            cancelConfirm();\n        }\n    }\n\n    const confirmControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (!confirmOpen()) return;\n                navConfirm.next(-1);\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                if (!confirmOpen()) return;\n                navConfirm.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (!confirmOpen()) return;\n                confirmSelect(selectedConfirm())();\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (!confirmOpen()) return;\n                cancelConfirm();\n            }\n        }\n    });\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (confirmOpen()) {\n                    return;\n                }\n                nav.next(-1);\n            }\n        },\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (confirmOpen()) {\n                    return;\n                }\n                selectedTab.update((value) => (value - 1 + tabs.length) % tabs.length);\n                selectedItem.set(0);\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                if (confirmOpen()) {\n                    return;\n                }\n                selectedTab.update((value) => (value + 1) % tabs.length);\n                selectedItem.set(0);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (confirmOpen()) {\n                    return;\n                }\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (confirmOpen()) {\n                    confirmSelect(selectedConfirm())();\n                    return;\n                }\n                requestUseItem(selectedItem());\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (confirmOpen()) {\n                    cancelConfirm();\n                    return;\n                }\n                if (onBack) onBack();\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    clampSelection();\n</script>\n"],"mappings":"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"}