@rpgjs/client 5.0.0-alpha.3 → 5.0.0-alpha.30

package/dist/components/gui/shop/shop.ce.js

@@ -0,0 +1,322 @@
+import { useProps, useDefineProps, signal, computed, createTabindexNavigator, effect, h, DOMContainer, DOMElement, cond, DOMSprite, Navigation, loop } from 'canvasengine';
+import { inject } from '../../../core/inject.js';
+import { RpgClientEngine } from '../../../RpgClientEngine.js';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var engine = inject(RpgClientEngine);
+var currentPlayer = engine.scene.currentPlayer;
+var keyboardControls = engine.globalConfig.keyboardControls;
+var iconSheet = function (iconId) { return ({
+    definition: engine.getSpriteSheet(iconId),
+    playing: "default"
+}); };
+var goldTerm = engine.globalConfig.goldTerm || 'G';
+var selectedItem = signal(0);
+var selectedTab = signal(0);
+var tradeMode = signal('buy');
+var tradeView = signal('mode');
+var selectedModeIndex = signal(0);
+var quantity = signal(1);
+var quantityDialogOpen = signal(false);
+var defaultMessage = 'Welcome to my shop!';
+var tabs = [
+    { id: 'item', label: 'Items' },
+    { id: 'weapon', label: 'Weapons' },
+    { id: 'armor', label: 'Armor' }
+];
+var _a = defineProps(), data = _a.data, onInteraction = _a.onInteraction, onFinish = _a.onFinish;
+var resolveProp = function (value) { return typeof value === "function" ? value() : value; };
+var guiData = computed(function () { return resolveProp(data) || {}; });
+var shopMessage = computed(function () {
+    var message = resolveProp(guiData().message);
+    return message ? String(message) : defaultMessage;
+});
+var face = computed(function () { return resolveProp(guiData().face); });
+var hasFace = computed(function () {
+    var value = face();
+    return value && value.id;
+});
+var buyItems = computed(function () { return guiData().items || []; });
+var sellItems = computed(function () { return guiData().sellItems || []; });
+var activeItems = computed(function () { return tradeMode() === 'buy' ? buyItems() : sellItems(); });
+var filteredItems = computed(function () {
+    var tab = tabs[selectedTab()];
+    var items = activeItems();
+    if (!tab)
+        return [];
+    return items.filter(function (item) { return (item === null || item === void 0 ? void 0 : item.type) === tab.id; });
+});
+var currentItem = computed(function () { return filteredItems()[selectedItem()]; });
+var gold = computed(function () { return currentPlayer()._gold(); });
+var actionLabel = computed(function () { return tradeMode() === 'buy' ? 'Buy' : 'Sell'; });
+var faceSheet = function (graphicId, animationName) { return ({
+    definition: engine.getSpriteSheet(graphicId),
+    playing: animationName || "default"
+}); };
+var maxQuantity = computed(function () {
+    var _a;
+    var item = currentItem();
+    if (!item)
+        return 0;
+    var price = (item === null || item === void 0 ? void 0 : item.price) || 0;
+    if (price <= 0)
+        return 0;
+    if (tradeMode() === 'sell') {
+        var qty = (_a = item === null || item === void 0 ? void 0 : item.quantity) !== null && _a !== void 0 ? _a : 0;
+        return Math.max(0, qty);
+    }
+    return Math.max(1, Math.floor(gold() / price));
+});
+var totalPrice = computed(function () {
+    var _a;
+    var price = ((_a = currentItem()) === null || _a === void 0 ? void 0 : _a.price) || 0;
+    return price * quantity();
+});
+var displayStats = computed(function () {
+    var _a;
+    var stats = ((_a = currentItem()) === null || _a === void 0 ? void 0 : _a.stats) || {};
+    var params = guiData().playerParams || {};
+    var order = ['atk', 'def', 'pdef', 'sdef', 'str', 'dex', 'int', 'agi', 'maxHp', 'maxSp'];
+    var labels = {
+        atk: 'ATK',
+        def: 'DEF',
+        pdef: 'PDEF',
+        sdef: 'SDEF',
+        str: 'STR',
+        dex: 'DEX',
+        int: 'INT',
+        agi: 'AGI',
+        maxHp: 'MAX HP',
+        maxSp: 'MAX SP'
+    };
+    var orderedKeys = order.filter(function (key) { return stats[key] !== undefined; });
+    var extraKeys = Object.keys(stats).filter(function (key) { return !order.includes(key); });
+    var keys = orderedKeys.concat(extraKeys);
+    var list = [];
+    for (var _i = 0, keys_1 = keys; _i < keys_1.length; _i++) {
+        var key = keys_1[_i];
+        var delta = stats[key];
+        if (delta === undefined || delta === 0)
+            continue;
+        var current = params[key];
+        if (current === undefined && key === 'def')
+            current = params.pdef;
+        var next = current !== undefined ? current + delta : undefined;
+        list.push({
+            key: key,
+            label: labels[key] || key.toUpperCase(),
+            delta: delta,
+            current: current,
+            next: next
+        });
+    }
+    return list;
+});
+var nav = createTabindexNavigator(selectedItem, { count: function () { return filteredItems().length; } }, 'wrap');
+var navTab = createTabindexNavigator(selectedTab, { count: function () { return tabs.length; } }, 'wrap');
+var navMode = createTabindexNavigator(selectedModeIndex, { count: function () { return 2; } }, 'wrap');
+function selectItem(index) {
+    return function () {
+        selectedItem.set(index);
+        quantity.set(1);
+        if (!isItemDisabled(filteredItems()[index])) {
+            quantityDialogOpen.set(true);
+        }
+    };
+}
+function selectTab(index) {
+    return function () {
+        selectedTab.set(index);
+        selectedItem.set(0);
+    };
+}
+function selectMode(mode) {
+    return function () {
+        tradeMode.set(mode);
+        selectedModeIndex.set(mode === 'buy' ? 0 : 1);
+        selectedItem.set(0);
+        quantity.set(1);
+        tradeView.set('items');
+    };
+}
+function isItemDisabled(item) {
+    var _a;
+    if (!item)
+        return true;
+    var price = (item === null || item === void 0 ? void 0 : item.price) || 0;
+    if (price <= 0)
+        return true;
+    if (tradeMode() === 'sell') {
+        var qty = (_a = item === null || item === void 0 ? void 0 : item.quantity) !== null && _a !== void 0 ? _a : 0;
+        return qty <= 0;
+    }
+    return gold() < price;
+}
+function backToMode() {
+    return function () {
+        tradeView.set('mode');
+    };
+}
+function changeQuantity(delta) {
+    return function () {
+        var limit = maxQuantity();
+        if (limit <= 0)
+            return;
+        var nextValue = Math.max(1, Math.min(limit, quantity() + delta));
+        if (nextValue !== quantity()) {
+            quantity.set(nextValue);
+        }
+    };
+}
+function closeQuantityDialog() {
+    return function () {
+        quantityDialogOpen.set(false);
+    };
+}
+function confirmTrade() {
+    return function () {
+        var item = currentItem();
+        if (!item || isItemDisabled(item)) {
+            quantityDialogOpen.set(false);
+            return;
+        }
+        var action = tradeMode() === 'buy' ? 'buyItem' : 'sellItem';
+        onInteraction(action, { id: item.id, nb: quantity() });
+        quantityDialogOpen.set(false);
+    };
+}
+effect(function () {
+    var count = filteredItems().length;
+    if (selectedItem() >= count) {
+        selectedItem.set(Math.max(0, count - 1));
+    }
+});
+var modeControls = signal({
+    left: {
+        repeat: true,
+        bind: keyboardControls.left,
+        throttle: 150,
+        keyDown: function () {
+            navMode.next(-1);
+        }
+    },
+    right: {
+        repeat: true,
+        bind: keyboardControls.right,
+        throttle: 150,
+        keyDown: function () {
+            navMode.next(1);
+        }
+    },
+    action: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            var mode = selectedModeIndex() === 0 ? 'buy' : 'sell';
+            tradeMode.set(mode);
+            selectedItem.set(0);
+            quantity.set(1);
+            tradeView.set('items');
+        }
+    },
+    escape: {
+        bind: keyboardControls.escape,
+        keyDown: function () {
+            onFinish();
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+var itemControls = signal({
+    up: {
+        repeat: true,
+        bind: keyboardControls.up,
+        throttle: 150,
+        keyDown: function () {
+            if (quantityDialogOpen()) {
+                changeQuantity(1)();
+                return;
+            }
+            nav.next(-1);
+        }
+    },
+    down: {
+        repeat: true,
+        bind: keyboardControls.down,
+        throttle: 150,
+        keyDown: function () {
+            if (quantityDialogOpen()) {
+                changeQuantity(-1)();
+                return;
+            }
+            nav.next(1);
+        }
+    },
+    action: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            if (quantityDialogOpen()) {
+                var item_1 = currentItem();
+                if (!item_1 || isItemDisabled(item_1)) {
+                    quantityDialogOpen.set(false);
+                    return;
+                }
+                var action = tradeMode() === 'buy' ? 'buyItem' : 'sellItem';
+                onInteraction(action, { id: item_1.id, nb: quantity() });
+                quantityDialogOpen.set(false);
+                return;
+            }
+            var item = currentItem();
+            if (!isItemDisabled(item)) {
+                quantityDialogOpen.set(true);
+            }
+        }
+    },
+    escape: {
+        bind: keyboardControls.escape,
+        keyDown: function () {
+            if (quantityDialogOpen()) {
+                quantityDialogOpen.set(false);
+                return;
+            }
+            tradeView.set('mode');
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+var tabControls = signal({
+    left: {
+        repeat: true,
+        bind: keyboardControls.left,
+        throttle: 150,
+        keyDown: function () {
+            if (quantityDialogOpen())
+                return;
+            navTab.next(-1);
+        }
+    },
+    right: {
+        repeat: true,
+        bind: keyboardControls.right,
+        throttle: 150,
+        keyDown: function () {
+            if (quantityDialogOpen())
+                return;
+            navTab.next(1);
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+        let $this = h(DOMContainer, { width: '100%', height: '100%' }, h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-container rpg-anim-fade-in' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-header' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-merchant' } }, [h(DOMElement, { element: "div" }, cond(hasFace, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-merchant-avatar' } }, h(DOMSprite, { sheet: computed(() => faceSheet(face().id, face().expression)), width: '50px', height: '50px', objectFit: 'contain' })))), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-merchant-info' } }, h(DOMElement, { element: "p", textContent: computed(() => shopMessage()) }))]), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-gold' }, textContent: computed(() => gold() + goldTerm) })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-body' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-left' } }, [cond(computed(() => tradeView() === 'mode'), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-content rpg-shop-content-mode' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-details rpg-shop-details-mode' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-details-header' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-details-icon' }, textContent: '🛒' }), h(DOMElement, { element: "h2", attrs: { style: 'margin: 0;' }, textContent: 'Choose an action' })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-trade' } }, h(Navigation, { tabindex: selectedModeIndex, controls: modeControls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-tabs rpg-shop-trade-tabs' } }, [h(DOMElement, { element: "div", attrs: { class: ['rpg-shop-tab', computed(() => ({ active: selectedModeIndex() === 0 }))], click: selectMode('buy') }, textContent: 'Buy' }), h(DOMElement, { element: "div", attrs: { class: ['rpg-shop-tab', computed(() => ({ active: selectedModeIndex() === 1 }))], click: selectMode('sell') }, textContent: 'Sell' })])))])), () => h(DOMElement, { element: "div" }, [h(Navigation, { tabindex: selectedTab, controls: tabControls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-tabs' } }, loop(tabs, (tab, index) => h(DOMElement, { element: "div", attrs: { class: ['rpg-shop-tab', computed(() => ({ active: selectedTab() === index }))], tabindex: index, click: selectTab(index) }, textContent: tab.label })))), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-content' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-grid' } }, h(Navigation, { tabindex: selectedItem, controls: itemControls }, loop(filteredItems, (item, index) => h(DOMElement, { element: "div", attrs: { class: ['rpg-shop-card', computed(() => ({ disabled: isItemDisabled(item), selected: selectedItem() === index }))], tabindex: index, click: selectItem(index) } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-card-icon' } }, cond(item.icon, () => h(DOMSprite, { sheet: computed(() => iconSheet(item.icon)), playing: 'default', width: '48px', height: '48px', objectFit: 'contain' }))), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-card-name' }, textContent: item.name }), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-card-price' }, textContent: item.price + goldTerm }), cond(computed(() => item.quantity !== undefined), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-card-qty' }, textContent: 'x' + item.quantity })), cond(item.equipped, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-card-tag' }, textContent: 'Equipped' }))])))), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-details' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-details-header' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-details-icon' } }, h(DOMSprite, { sheet: computed(() => iconSheet(currentItem()?.icon)), playing: 'default', width: '80px', height: '80px', objectFit: 'contain' })), h(DOMElement, { element: "h2", attrs: { style: 'margin: 0;' }, textContent: computed(() => currentItem()?.name || "") }), h(DOMElement, { element: "p", attrs: { style: 'color: #ffd700; font-weight: bold; margin: 8px 0;' }, textContent: computed(() => currentItem()?.price ?? 0 + goldTerm) }), cond(computed(() => currentItem()?.quantity !== undefined), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-details-qty' }, textContent: computed(() => 'Qty: x' + currentItem()?.quantity) }))]), h(DOMElement, { element: "div" }, cond(currentItem()?.equipped, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-equipped' }, textContent: 'Already equipped' }))), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-details-desc' }, textContent: computed(() => currentItem()?.description || "") }), h(DOMElement, { element: "div" }, cond(computed(() => displayStats().length > 0), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-stats' } }, loop(displayStats, (stat, index) => h(DOMElement, { element: "div", attrs: { class: ['rpg-shop-stat', { positive: stat.delta > 0, negative: stat.delta < 0 }] } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-stat-key' }, textContent: stat.label }), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-stat-value' }, textContent: stat.delta > 0 ? '+' : '' + stat.delta }), cond(computed(() => stat.current !== undefined), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-stat-current' }, textContent: stat.current + ' → ' + stat.next }))]))))), h(DOMElement, { element: "button", attrs: { class: 'rpg-shop-btn', click: backToMode() }, textContent: 'Back' })])])])), cond(quantityDialogOpen, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-modal' } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-modal-card' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-modal-title' }, textContent: actionLabel }), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-modal-item' }, textContent: computed(() => currentItem()?.name || "") }), cond(computed(() => currentItem()?.quantity !== undefined), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-modal-qty' }, textContent: computed(() => 'Available: x' + currentItem()?.quantity) })), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-quantity' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-quantity-label' }, textContent: 'Quantity' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-quantity-controls' } }, [h(DOMElement, { element: "button", attrs: { class: 'rpg-shop-btn', click: changeQuantity(-1) }, textContent: '-' }), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-quantity-value' }, textContent: quantity }), h(DOMElement, { element: "button", attrs: { class: 'rpg-shop-btn', click: changeQuantity(1) }, textContent: '+' })])]), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-modal-total' } }, [h(DOMElement, { element: "span", textContent: 'Total' }), h(DOMElement, { element: "span", textContent: computed(() => totalPrice() + goldTerm) })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-shop-modal-actions' } }, [h(DOMElement, { element: "button", attrs: { class: 'rpg-shop-btn rpg-shop-btn-secondary', click: closeQuantityDialog() }, textContent: 'Cancel' }), h(DOMElement, { element: "button", attrs: { class: 'rpg-shop-btn', click: confirmTrade() }, textContent: computed(() => actionLabel() + ' x' + quantity()) })])])))]))]));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=shop.ce.js.map

package/dist/components/gui/shop/shop.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shop.ce.js","sources":["../../../../src/components/gui/shop/shop.ce"],"sourcesContent":["    <DOMContainer width=\"100%\" height=\"100%\">\n        <div class=\"rpg-shop-container rpg-anim-fade-in\">\n            <div class=\"rpg-shop-header\">\n                <div class=\"rpg-shop-merchant\">\n                    <div>\n                        @if (hasFace) {\n                            <div class=\"rpg-shop-merchant-avatar\">\n                                <DOMSprite \n                                    sheet={faceSheet(face().id, face().expression)} \n                                    width=\"50px\"\n                                    height=\"50px\"\n                                    objectFit=\"contain\"\n                                />  \n                            </div>\n                        }\n                    </div>\n                    <div class=\"rpg-shop-merchant-info\">\n                        <p>{{ shopMessage() }}</p>\n                    </div>\n                </div>\n                <div class=\"rpg-shop-gold\">\n                     {{ gold() }} {{ goldTerm }}\n                </div>\n            </div>\n\n            <div class=\"rpg-shop-body\">\n                <div class=\"rpg-shop-left\">\n                @if (tradeView() === 'mode') {\n                    <div class=\"rpg-shop-content rpg-shop-content-mode\">\n                        <div class=\"rpg-shop-details rpg-shop-details-mode\">\n                            <div class=\"rpg-shop-details-header\">\n                            <div class=\"rpg-shop-details-icon\">🛒</div>\n                            <h2 style=\"margin: 0;\">Choose an action</h2>\n                        </div>\n                        <div class=\"rpg-shop-trade\">\n                            <Navigation tabindex={selectedModeIndex} controls={modeControls}>\n                                <div class=\"rpg-shop-tabs rpg-shop-trade-tabs\">\n                                    <div\n                                        class=\"rpg-shop-tab\"\n                                        class={{active: selectedModeIndex() === 0}}\n                                        click={selectMode('buy')}\n                                    >Buy</div>\n                                    <div\n                                        class=\"rpg-shop-tab\"\n                                        class={{active: selectedModeIndex() === 1}}\n                                        click={selectMode('sell')}\n                                    >Sell</div>\n                                </div>\n                            </Navigation>\n                        </div>\n                        </div>\n                    </div>\n                }\n                @else {\n                    <div>\n                    <Navigation tabindex={selectedTab} controls={tabControls}>  \n                        <div class=\"rpg-shop-tabs\">\n                            @for ((tab,index) of tabs) {\n                                <div \n                                    class=\"rpg-shop-tab\" \n                                    class={{active: selectedTab() === index}} \n                                    tabindex={index} \n                                    click={selectTab(index)}\n                                >{{ tab.label }}</div>\n                            }\n                        </div>\n                    </Navigation>\n\n                    <div class=\"rpg-shop-content\">\n                        <div class=\"rpg-shop-grid\">\n                            <Navigation tabindex={selectedItem} controls={itemControls}>     \n                                @for ((item,index) of filteredItems) { \n                                    <div class=\"rpg-shop-card\" class={{disabled: isItemDisabled(item), selected: selectedItem() === index}} tabindex={index} click={selectItem(index)}>\n                                        <div class=\"rpg-shop-card-icon\">\n                                            @if (item.icon) {\n                                                <DOMSprite \n                                                    sheet={iconSheet(item.icon)} \n                                                    playing=\"default\" \n                                                    width=\"48px\"\n                                                    height=\"48px\"\n                                                    objectFit=\"contain\"\n                                                />\n                                            }\n                                        </div>\n                                        <div class=\"rpg-shop-card-name\">{{ item.name }}</div>\n                                        <div class=\"rpg-shop-card-price\">{{ item.price }} {{ goldTerm }}</div>\n                                        @if (item.quantity !== undefined) {\n                                            <div class=\"rpg-shop-card-qty\">x{{ item.quantity }}</div>\n                                        }\n                                        @if (item.equipped) {\n                                            <div class=\"rpg-shop-card-tag\">Equipped</div>\n                                        }\n                                    </div>\n                                }\n                            </Navigation>\n                        </div>\n\n                        <div class=\"rpg-shop-details\">\n                            <div class=\"rpg-shop-details-header\">\n                                <div class=\"rpg-shop-details-icon\">\n                                    <DOMSprite \n                                        sheet={iconSheet(currentItem()?.icon)} \n                                        playing=\"default\" \n                                        width=\"80px\"\n                                        height=\"80px\"\n                                        objectFit=\"contain\"\n                                    />\n                                </div>\n                                <h2 style=\"margin: 0;\">{{ currentItem()?.name || \"\" }}</h2>\n                                <p style=\"color: #ffd700; font-weight: bold; margin: 8px 0;\">{{ currentItem()?.price ?? 0 }} {{ goldTerm }}</p>\n                                @if (currentItem()?.quantity !== undefined) {\n                                    <div class=\"rpg-shop-details-qty\">Qty: x{{ currentItem()?.quantity }}</div>\n                                }\n                            </div>\n                            <div>\n                                @if (currentItem()?.equipped) {\n                                    <div class=\"rpg-shop-equipped\">Already equipped</div>\n                                }\n                            </div>\n                            <div class=\"rpg-shop-details-desc\">\n                                {{ currentItem()?.description || \"\" }}\n                            </div>\n                            <div>\n                                @if (displayStats().length > 0) {\n                                    <div class=\"rpg-shop-stats\">\n                                        @for ((stat,index) of displayStats) {\n                                            <div class=\"rpg-shop-stat\" class={{positive: stat.delta > 0, negative: stat.delta < 0}}>\n                                                <div class=\"rpg-shop-stat-key\">{{ stat.label }}</div>\n                                                <div class=\"rpg-shop-stat-value\">\n                                                    {{ stat.delta > 0 ? '+' : '' }}{{ stat.delta }}\n                                                </div>\n                                                @if (stat.current !== undefined) {\n                                                    <div class=\"rpg-shop-stat-current\">{{ stat.current }} → {{ stat.next }}</div>\n                                                }\n                                            </div>\n                                        }\n                                    </div>\n                                }\n                            </div>\n                            <button class=\"rpg-shop-btn\" click={backToMode()}>Back</button>\n                        </div>\n                    </div>\n                    </div>\n                }\n                @if (quantityDialogOpen) {\n                    <div class=\"rpg-shop-modal\">\n                        <div class=\"rpg-shop-modal-card\">\n                            <div class=\"rpg-shop-modal-title\">{{ actionLabel }}</div>\n                            <div class=\"rpg-shop-modal-item\">{{ currentItem()?.name || \"\" }}</div>\n                            @if (currentItem()?.quantity !== undefined) {\n                                <div class=\"rpg-shop-modal-qty\">Available: x{{ currentItem()?.quantity }}</div>\n                            }\n                            <div class=\"rpg-shop-quantity\">\n                                <div class=\"rpg-shop-quantity-label\">Quantity</div>\n                                <div class=\"rpg-shop-quantity-controls\">\n                                    <button class=\"rpg-shop-btn\" click={changeQuantity(-1)}>-</button>\n                                    <div class=\"rpg-shop-quantity-value\">{{ quantity }}</div>\n                                    <button class=\"rpg-shop-btn\" click={changeQuantity(1)}>+</button>\n                                </div>\n                            </div>\n                            <div class=\"rpg-shop-modal-total\">\n                                <span>Total</span>\n                                <span>{{ totalPrice() }} {{ goldTerm }}</span>\n                            </div>\n                            <div class=\"rpg-shop-modal-actions\">\n                                <button class=\"rpg-shop-btn rpg-shop-btn-secondary\" click={closeQuantityDialog()}>Cancel</button>\n                                <button class=\"rpg-shop-btn\" click={confirmTrade()}>\n                                    {{ actionLabel() }} x{{ quantity() }}\n                                </button>\n                            </div>\n                        </div>\n                    </div>\n                }\n                </div>\n            </div>\n        </div>\n    </DOMContainer>\n\n<script>\n    import { mount, signal, computed, createTabindexNavigator, effect } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const keyboardControls = engine.globalConfig.keyboardControls\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId),\n        playing: \"default\"\n    })\n    const goldTerm = engine.globalConfig.goldTerm || 'G'\n\n    const selectedItem = signal(0)\n    const selectedTab = signal(0)\n    const tradeMode = signal('buy')\n    const tradeView = signal('mode')\n    const selectedModeIndex = signal(0)\n    const quantity = signal(1)\n    const quantityDialogOpen = signal(false)\n    const defaultMessage = 'Welcome to my shop!'\n    const tabs = [\n        { id: 'item', label: 'Items' },\n        { id: 'weapon', label: 'Weapons' },\n        { id: 'armor', label: 'Armor' }\n    ]\n\n    const { data, onInteraction , onFinish } = defineProps()\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value\n    const guiData = computed(() => resolveProp(data) || {})\n    const shopMessage = computed(() => {\n        const message = resolveProp(guiData().message)\n        return message ? String(message) : defaultMessage\n    })\n    const face = computed(() => resolveProp(guiData().face))\n    const hasFace = computed(() => {\n        const value = face()\n        return value && value.id\n    })\n    const buyItems = computed(() => guiData().items || [])\n    const sellItems = computed(() => guiData().sellItems || [])\n    const activeItems = computed(() => tradeMode() === 'buy' ? buyItems() : sellItems())\n    const filteredItems = computed(() => {\n        const tab = tabs[selectedTab()]\n        const items = activeItems()\n        if (!tab) return []\n        return items.filter((item) => item?.type === tab.id)\n    })\n    const currentItem = computed(() => filteredItems()[selectedItem()])\n    const gold = computed(() => currentPlayer()._gold())\n    const actionLabel = computed(() => tradeMode() === 'buy' ? 'Buy' : 'Sell')\n    const faceSheet = (graphicId, animationName) => ({\n        definition: engine.getSpriteSheet(graphicId),\n        playing: animationName || \"default\"\n    })\n    const maxQuantity = computed(() => {\n        const item = currentItem()\n        if (!item) return 0\n        const price = item?.price || 0\n        if (price <= 0) return 0\n        if (tradeMode() === 'sell') {\n            const qty = item?.quantity ?? 0\n            return Math.max(0, qty)\n        }\n        return Math.max(1, Math.floor(gold() / price))\n    })\n    const totalPrice = computed(() => {\n        const price = currentItem()?.price || 0\n        return price * quantity()\n    })\n    const displayStats = computed(() => {\n        const stats = currentItem()?.stats || {}\n        const params = guiData().playerParams || {}\n        const order = ['atk', 'def', 'pdef', 'sdef', 'str', 'dex', 'int', 'agi', 'maxHp', 'maxSp']\n        const labels = {\n            atk: 'ATK',\n            def: 'DEF',\n            pdef: 'PDEF',\n            sdef: 'SDEF',\n            str: 'STR',\n            dex: 'DEX',\n            int: 'INT',\n            agi: 'AGI',\n            maxHp: 'MAX HP',\n            maxSp: 'MAX SP'\n        }\n        const orderedKeys = order.filter((key) => stats[key] !== undefined)\n        const extraKeys = Object.keys(stats).filter((key) => !order.includes(key))\n        const keys = orderedKeys.concat(extraKeys)\n        const list = []\n        for (const key of keys) {\n            const delta = stats[key]\n            if (delta === undefined || delta === 0) continue\n            let current = params[key]\n            if (current === undefined && key === 'def') current = params.pdef\n            const next = current !== undefined ? current + delta : undefined\n            list.push({\n                key,\n                label: labels[key] || key.toUpperCase(),\n                delta,\n                current,\n                next\n            })\n        }\n        return list\n    })\n    const nav = createTabindexNavigator(selectedItem, { count: () => filteredItems().length }, 'wrap')\n    const navTab = createTabindexNavigator(selectedTab, { count: () => tabs.length }, 'wrap')\n    const navMode = createTabindexNavigator(selectedModeIndex, { count: () => 2 }, 'wrap')\n\n    function selectItem(index) {\n       return function() {\n        selectedItem.set(index)\n        quantity.set(1)\n        if (!isItemDisabled(filteredItems()[index])) {\n            quantityDialogOpen.set(true)\n        }\n       }\n    }\n\n    function selectTab(index) {\n        return function() {\n            selectedTab.set(index)\n            selectedItem.set(0)\n        }\n    }\n\n    function selectMode(mode) {\n        return function() {\n            tradeMode.set(mode)\n            selectedModeIndex.set(mode === 'buy' ? 0 : 1)\n            selectedItem.set(0)\n            quantity.set(1)\n            tradeView.set('items')\n        }\n    }\n\n    function isItemDisabled(item) {\n        if (!item) return true\n        const price = item?.price || 0\n        if (price <= 0) return true\n        if (tradeMode() === 'sell') {\n            const qty = item?.quantity ?? 0\n            return qty <= 0\n        }\n        return gold() < price\n    }\n\n    function backToMode() {\n        return function() {\n            tradeView.set('mode')\n        }\n    }\n\n    function changeQuantity(delta) {\n        return function() {\n            const limit = maxQuantity()\n            if (limit <= 0) return\n            const nextValue = Math.max(1, Math.min(limit, quantity() + delta))\n            if (nextValue !== quantity()) {\n                quantity.set(nextValue)\n            }\n        }\n    }\n\n    function closeQuantityDialog() {\n        return function() {\n            quantityDialogOpen.set(false)\n        }\n    }\n\n    function confirmTrade() {\n        return function() {\n            const item = currentItem()\n            if (!item || isItemDisabled(item)) {\n                quantityDialogOpen.set(false)\n                return\n            }\n            const action = tradeMode() === 'buy' ? 'buyItem' : 'sellItem'\n            onInteraction(action, { id: item.id, nb: quantity() })\n            quantityDialogOpen.set(false)\n        }\n    }\n\n    effect(() => {\n        const count = filteredItems().length\n        if (selectedItem() >= count) {\n            selectedItem.set(Math.max(0, count - 1))\n        }\n    })\n\n    const modeControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                navMode.next(-1)\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                navMode.next(1)\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                const mode = selectedModeIndex() === 0 ? 'buy' : 'sell'\n                tradeMode.set(mode)\n                selectedItem.set(0)\n                quantity.set(1)\n                tradeView.set('items')\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                onFinish()\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    const itemControls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    changeQuantity(1)()\n                    return\n                }\n                nav.next(-1)\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    changeQuantity(-1)()\n                    return\n                }\n                nav.next(1)\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    const item = currentItem()\n                    if (!item || isItemDisabled(item)) {\n                        quantityDialogOpen.set(false)\n                        return\n                    }\n                    const action = tradeMode() === 'buy' ? 'buyItem' : 'sellItem'\n                    onInteraction(action, { id: item.id, nb: quantity() })\n                    quantityDialogOpen.set(false)\n                    return\n                }\n                const item = currentItem()\n                if (!isItemDisabled(item)) {\n                    quantityDialogOpen.set(true)\n                }\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (quantityDialogOpen()) {\n                    quantityDialogOpen.set(false)\n                    return\n                }\n                tradeView.set('mode')\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    const tabControls = signal({\n        left: {\n            repeat: true,\n            bind: keyboardControls.left,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) return\n                navTab.next(-1)\n            }\n        },\n        right: {\n            repeat: true,\n            bind: keyboardControls.right,\n            throttle: 150,\n            keyDown() {\n                if (quantityDialogOpen()) return\n                navTab.next(1)\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    })\n</script>\n"],"names":[],"mappings":"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"}

package/dist/components/gui/title-screen.ce.js

@@ -0,0 +1,148 @@
+import { useProps, useDefineProps, computed, signal, effect, h, DOMContainer, DOMElement, cond, Navigation, loop } from 'canvasengine';
+import { PrebuiltGui } from '@rpgjs/common';
+import { inject } from '../../core/inject.js';
+import { RpgClientEngine } from '../../RpgClientEngine.js';
+import { RpgGui } from '../../Gui/Gui.js';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var engine = inject(RpgClientEngine);
+var guiService = inject(RpgGui);
+var keyboardControls = engine.globalConfig.keyboardControls;
+var _a = defineProps({
+    entries: {
+        default: function () { return []; }
+    },
+    saveLoad: {
+        default: function () { return ({}); }
+    },
+    localActions: {
+        default: false
+    }
+}), data = _a.data, onInteraction = _a.onInteraction;
+var _b = data(), entries = _b.entries, title = _b.title, subtitle = _b.subtitle, version = _b.version, saveLoad = _b.saveLoad, localActions = _b.localActions;
+var defaultEntries = [
+    { id: "start", label: "Start" },
+    { id: "load", label: "Load" }
+];
+var resolveProp = function (value) { return typeof value === "function" ? value() : value; };
+var titleText = computed(function () { return resolveProp(title) || "RPG"; });
+var subtitleText = computed(function () { return resolveProp(subtitle) || ""; });
+var versionText = computed(function () { return resolveProp(version) || ""; });
+var localActionsEnabled = computed(function () { return resolveProp(localActions) === true; });
+var entryList = computed(function () {
+    var list = resolveProp(entries);
+    if (Array.isArray(list) && list.length)
+        return list;
+    return defaultEntries;
+});
+var isEntryDisabled = function (entry) {
+    if (!entry)
+        return true;
+    if (entry.disabled)
+        return true;
+    if (entry.enabled === false)
+        return true;
+    return false;
+};
+var selectedEntry = signal(0);
+var selectableIndexes = computed(function () {
+    var list = entryList();
+    return list
+        .map(function (entry, index) { return (isEntryDisabled(entry) ? null : index); })
+        .filter(function (value) { return value !== null; });
+});
+effect(function () {
+    var available = selectableIndexes();
+    if (!available.length)
+        return;
+    var current = selectedEntry();
+    if (!available.includes(current)) {
+        selectedEntry.set(available[0]);
+    }
+});
+var moveSelection = function (delta) {
+    var available = selectableIndexes();
+    if (!available.length)
+        return;
+    var current = selectedEntry();
+    var currentIndex = Math.max(0, available.indexOf(current));
+    var nextIndex = (currentIndex + delta + available.length) % available.length;
+    selectedEntry.set(available[nextIndex]);
+};
+var triggerSelect = function (index) {
+    var list = entryList();
+    var entry = list[index];
+    if (!entry || isEntryDisabled(entry))
+        return;
+    if (localActionsEnabled()) {
+        if (entry.id === "start") {
+            guiService.hide(PrebuiltGui.TitleScreen);
+        }
+        if (entry.id === "load") {
+            var config = resolveProp(saveLoad) || {};
+            var slots = Array.isArray(config.slots) ? config.slots : [null, null, null];
+            guiService.display(PrebuiltGui.Save, __assign(__assign({}, config), { mode: config.mode || "load", slots: slots }));
+        }
+    }
+    if (onInteraction) {
+        onInteraction("select", { id: entry.id, index: index, entry: entry });
+    }
+};
+function selectEntry(index) {
+    return function () {
+        selectedEntry.set(index);
+        triggerSelect(index);
+    };
+}
+var controls = signal({
+    up: {
+        repeat: true,
+        bind: keyboardControls.up,
+        throttle: 150,
+        keyDown: function () {
+            if (guiService.isDisplaying(PrebuiltGui.Save))
+                return;
+            moveSelection(-1);
+        }
+    },
+    down: {
+        repeat: true,
+        bind: keyboardControls.down,
+        throttle: 150,
+        keyDown: function () {
+            if (guiService.isDisplaying(PrebuiltGui.Save))
+                return;
+            moveSelection(1);
+        }
+    },
+    action: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            if (guiService.isDisplaying(PrebuiltGui.Save))
+                return;
+            triggerSelect(selectedEntry());
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+        let $this = h(DOMContainer, { width: '100%', height: '100%' }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-title-screen rpg-anim-fade-in' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-title-screen-header rpg-anim-float' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-title-screen-title' }, textContent: computed(() => titleText()) }), cond(subtitleText(), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-title-screen-subtitle' }, textContent: computed(() => subtitleText()) }))]), h(Navigation, { tabindex: selectedEntry, controls: controls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu rpg-ui-title-screen-menu rpg-anim-slide-up' } }, loop(entryList(), (entry, index) => h(DOMElement, { element: "div", attrs: { class: ['rpg-ui-menu-item', computed(() => ({ disabled: isEntryDisabled(entry) }))], 'data-selected': computed(() => selectedEntry() === index ? "true" : "false"), tabindex: index, click: selectEntry(index) }, textContent: entry.label })))), cond(versionText(), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-title-screen-version' }, textContent: computed(() => versionText()) }))]));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=title-screen.ce.js.map

package/dist/components/gui/title-screen.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"title-screen.ce.js","sources":["../../../src/components/gui/title-screen.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-title-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-title-screen-header rpg-anim-float\">\n            <div class=\"rpg-ui-title-screen-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-title-screen-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-title-screen-menu rpg-anim-slide-up\">\n                @for ((entry,index) of entryList()) {\n                    <div\n                        class=\"rpg-ui-menu-item\"\n                        class={{disabled: isEntryDisabled(entry)}}\n                        data-selected={selectedEntry() === index ? \"true\" : \"false\"}\n                        tabindex={index}\n                        click={selectEntry(index)}\n                    >{entry.label}</div>\n                }\n            </div>\n        </Navigation>\n        @if (versionText()) {\n            <div class=\"rpg-ui-title-screen-version\">{versionText()}</div>\n        }\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect } from \"canvasengine\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { RpgGui } from \"../../Gui/Gui\";\n\n    const engine = inject(RpgClientEngine);\n    const guiService = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const { data, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const { entries, title, subtitle, version, saveLoad, localActions } = data();\n\n    const defaultEntries = [\n        { id: \"start\", label: \"Start\" },\n        { id: \"load\", label: \"Load\" }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || \"RPG\");\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\n    const versionText = computed(() => resolveProp(version) || \"\");\n    const localActionsEnabled = computed(() => resolveProp(localActions) === true);\n\n    const entryList = computed(() => {\n        const list = resolveProp(entries);\n        if (Array.isArray(list) && list.length) return list;\n        return defaultEntries;\n    });\n\n    const isEntryDisabled = (entry) => {\n        if (!entry) return true;\n        if (entry.disabled) return true;\n        if (entry.enabled === false) return true;\n        return false;\n    };\n\n    const selectedEntry = signal(0);\n    const selectableIndexes = computed(() => {\n        const list = entryList();\n        return list\n            .map((entry, index) => (isEntryDisabled(entry) ? null : index))\n            .filter((value) => value !== null);\n    });\n\n    effect(() => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        if (!available.includes(current)) {\n            selectedEntry.set(available[0]);\n        }\n    });\n\n    const moveSelection = (delta) => {\n        const available = selectableIndexes();\n        if (!available.length) return;\n        const current = selectedEntry();\n        const currentIndex = Math.max(0, available.indexOf(current));\n        const nextIndex = (currentIndex + delta + available.length) % available.length;\n        selectedEntry.set(available[nextIndex]);\n    };\n\n    const triggerSelect = (index) => {\n        const list = entryList();\n        const entry = list[index];\n        if (!entry || isEntryDisabled(entry)) return;\n        if (localActionsEnabled()) {\n            if (entry.id === \"start\") {\n                guiService.hide(PrebuiltGui.TitleScreen);\n            }\n            if (entry.id === \"load\") {\n                const config = resolveProp(saveLoad) || {};\n                const slots = Array.isArray(config.slots) ? config.slots : [null, null, null];\n                guiService.display(PrebuiltGui.Save, {\n                    ...config,\n                    mode: config.mode || \"load\",\n                    slots\n                });\n            }\n        }\n        if (onInteraction) {\n            onInteraction(\"select\", { id: entry.id, index, entry });\n        }\n    };\n\n    function selectEntry(index) {\n        return function() {\n            selectedEntry.set(index);\n            triggerSelect(index);\n        };\n    }\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (guiService.isDisplaying(PrebuiltGui.Save)) return;\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"names":[],"mappings":"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"}

package/dist/components/index.d.ts

@@ -1,2 +1,4 @@
 import { default as EventLayerComponent } from './scenes/event-layer.ce';
-export { EventLayerComponent };
+import { default as CharacterComponent } from './character.ce';
+export { HpBar } from './prebuilt';
+export { EventLayerComponent, CharacterComponent };