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

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

@@ -0,0 +1 @@
+{"version":3,"file":"box.ce.js","sources":["../../../src/components/gui/box.ce"],"sourcesContent":["<Container positionType=\"absolute\" top={top} left={left}>\n    <Container\n      anchor={[0.5, 0.5]}\n    >\n    <Rect width height color={_color} />\n    <Container attach={child}></Container>\n  </Container>  \n</Container>\n\n<script>\n  import { RpgClientEngine, inject } from \"../../index\";\n\n  const { width, height, children, color, top, left } = defineProps();\n  const engine = inject(RpgClientEngine)\n  const child = children[0]\n  const _color = computed(() => engine.globalConfig.gui?.windowColor || color?.() || \"#1a1a2e\")\n</script>"],"names":[],"mappings":";;;;;;;;;;;;;;AAOqB,SAAS,SAAS,CAAC,OAAO,EAAE;AACjD,QAAuB,QAAQ,CAAC,OAAO;AACvC,QAAQ,MAAM,WAAW,GAAG,cAAc,CAAC,OAAO;AAClD,QAAQ,IAAI,EAAE,GAAG,WAAW,EAAE,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,EAAE,CAAC,MAAM,EAAE,QAAQ,GAAG,EAAE,CAAC,QAAQ,EAAE,KAAK,GAAG,EAAE,CAAC,KAAK,EAAE,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,IAAI,GAAG,EAAE,CAAC,IAAI;AAC5I,IAAI,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC;AACpC,IAAI,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC;AACvB,IAAI,MAAM,GAAG,QAAQ,CAAC,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,MAAM,IAAI,IAAI,EAAE,KAAK,MAAM,GAAG,MAAM,GAAG,EAAE,CAAC,WAAW,MAAM,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,MAAM,GAAG,MAAM,GAAG,KAAK,EAAE,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC;AAClN,QAAQ,IAAI,KAAK,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,SAAS,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AACvM,QAAQ,OAAO;AACf,MAAM;;;;"}

package/dist/components/gui/dialogbox/index.ce.js

@@ -0,0 +1,152 @@
+import { useProps, useDefineProps, signal, computed, mount, effect, createTabindexNavigator, h, DOMContainer, DOMElement, cond, Navigation, loop, DOMSprite } from 'canvasengine';
+import { inject } from '../../../core/inject.js';
+import { RpgClientEngine } from '../../../RpgClientEngine.js';
+import { delay } from '@rpgjs/common';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var engine = inject(RpgClientEngine);
+engine.scene.currentPlayer;
+var keyboardControls = engine.globalConfig.keyboardControls;
+engine.stopProcessingInput = true;
+var selectedItem = signal(0);
+var _a = defineProps(), data = _a.data, onFinish = _a.onFinish; _a.onInteraction;
+var _b = data(), message = _b.message, choices = _b.choices, face = _b.face, speaker = _b.speaker, position = _b.position, typewriterEffect = _b.typewriterEffect; _b.autoClose;
+var fullWidth = computed(function () { return data().fullWidth || false; });
+var resolveProp = function (value) { return typeof value === "function" ? value() : value; };
+var speakerName = computed(function () {
+    var value = resolveProp(speaker);
+    return value ? String(value) : "";
+});
+var dialogPosition = computed(function () { return resolveProp(position) || "bottom"; });
+var isFullWidth = computed(function () { return resolveProp(fullWidth) !== false; });
+var hasFace = computed(function () { return !!resolveProp(face); });
+var displayMessage = signal("");
+var fullMessage = signal("");
+var isTyping = signal(false);
+var typewriterTimer = null;
+mount(function (element) {
+});
+var startTypewriter = function (text) {
+    if (typewriterTimer)
+        clearInterval(typewriterTimer);
+    displayMessage.set("");
+    if (!text)
+        return;
+    var index = 0;
+    isTyping.set(true);
+    typewriterTimer = setInterval(function () {
+        index += 1;
+        displayMessage.set(text.slice(0, index));
+        if (index >= text.length) {
+            clearInterval(typewriterTimer);
+            typewriterTimer = null;
+            isTyping.set(false);
+        }
+    }, 20);
+};
+var finishTyping = function () {
+    if (typewriterTimer)
+        clearInterval(typewriterTimer);
+    typewriterTimer = null;
+    displayMessage.set(fullMessage());
+    isTyping.set(false);
+};
+effect(function () {
+    var text = resolveProp(message) || "";
+    fullMessage.set(text);
+    var useTypewriter = resolveProp(typewriterEffect) !== false;
+    if (!useTypewriter) {
+        finishTyping();
+        return;
+    }
+    startTypewriter(text);
+});
+var hasChoices = computed(function () { return choices.length > 0; });
+var showIndicator = computed(function () { return !hasChoices() && !isTyping(); });
+var nav = createTabindexNavigator(selectedItem, { count: function () { return choices.length; } }, 'wrap');
+function selectChoice(index) {
+    return function () {
+        selectedItem.set(index);
+        onSelect(index);
+    };
+}
+function _onFinish(value) {
+    if (onFinish)
+        onFinish(value);
+}
+var onSelect = function (index) {
+    _onFinish(index);
+};
+var controls = signal({
+    up: {
+        repeat: true,
+        bind: keyboardControls.up,
+        throttle: 150,
+        keyDown: function () {
+            if (!hasChoices())
+                return;
+            nav.next(-1);
+        }
+    },
+    down: {
+        repeat: true,
+        bind: keyboardControls.down,
+        throttle: 150,
+        keyDown: function () {
+            if (!hasChoices())
+                return;
+            nav.next(1);
+        }
+    },
+    action: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            if (isTyping()) {
+                finishTyping();
+                return;
+            }
+            if (!hasChoices())
+                return;
+            onSelect(selectedItem());
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+var dialogControls = signal({
+    action: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            if (isTyping()) {
+                finishTyping();
+                return;
+            }
+            if (hasChoices())
+                return;
+            _onFinish();
+        }
+    },
+});
+var faceSheet = function (graphicId, animationName) {
+    return {
+        definition: engine.getSpriteSheet(graphicId),
+        playing: animationName,
+    };
+};
+mount(function (element) {
+    return function () {
+        // Wait destroy is finished before start processing input
+        delay(function () {
+            engine.stopProcessingInput = false;
+        });
+    };
+});
+        let $this = h(DOMContainer, { width: '100%', height: '100%', controls: dialogControls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-dialog-container', 'data-position': computed(() => dialogPosition()), 'data-full-width': computed(() => isFullWidth() ? "true" : "false"), 'data-has-face': computed(() => hasFace() ? "true" : "false") } }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-dialog rpg-anim-fade-in' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-dialog-body' } }, [h(DOMElement, { element: "div" }, [cond(speakerName(), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-dialog-speaker' }, textContent: computed(() => speakerName()) })), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-dialog-content' }, textContent: computed(() => displayMessage()) }), cond(hasChoices(), () => h(Navigation, { tabindex: selectedItem, controls: controls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-dialog-choices' } }, loop(choices, (choice, index) => h(DOMElement, { element: "div", attrs: { class: ['rpg-ui-dialog-choice', computed(() => ({ active: selectedItem() === index }))], tabindex: index, 'data-choice-index': index, click: selectChoice(index) }, textContent: choice.text })))))]), cond(hasFace(), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-dialog-face' } }, h(DOMSprite, { sheet: computed(() => faceSheet(face.id, face.expression)) })))]), cond(showIndicator, () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-dialog-indicator' } }))])));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=index.ce.js.map

package/dist/components/gui/dialogbox/index.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.ce.js","sources":["../../../../src/components/gui/dialogbox/index.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" controls={dialogControls}>\n    <div\n        class=\"rpg-ui-dialog-container\"\n        data-position={dialogPosition()}\n        data-full-width={isFullWidth() ? \"true\" : \"false\"}\n        data-has-face={hasFace() ? \"true\" : \"false\"}\n    >\n        <div class=\"rpg-ui-dialog rpg-anim-fade-in\">\n            <div class=\"rpg-ui-dialog-body\">\n               <div>\n                    @if (speakerName()) {\n                        <div class=\"rpg-ui-dialog-speaker\">{speakerName()}</div>\n                    }\n                    <div class=\"rpg-ui-dialog-content\">\n                        {displayMessage()}\n                    </div>\n                    @if (hasChoices()) {\n                        <Navigation tabindex={selectedItem} controls={controls}>\n                            <div class=\"rpg-ui-dialog-choices\">\n                                @for ((choice,index) of choices) {\n                                    <div\n                                        class=\"rpg-ui-dialog-choice\"\n                                        class={{active: selectedItem() === index}}\n                                        tabindex={index}\n                                        data-choice-index={index}\n                                        click={selectChoice(index)}\n                                    >{{ choice.text }}</div>\n                                }\n                            </div>\n                        </Navigation>\n                    }\n               </div>\n                @if (hasFace()) {\n                    <div class=\"rpg-ui-dialog-face\">\n                        <DOMSprite sheet={faceSheet(face.id, face.expression)} />\n                    </div>\n                }\n            </div>\n            @if (showIndicator) {\n                <div class=\"rpg-ui-dialog-indicator\"></div>\n            }\n        </div>\n    </div>\n</DOMContainer>\n    \n<script>\n    import { effect, signal, computed, createTabindexNavigator, mount } 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 currentPlayer = engine.scene.currentPlayer\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    engine.stopProcessingInput = true;\n\n    const selectedItem = signal(0)\n    let isDestroyed = false;\n\n    const {\n        data,\n        onFinish,\n        onInteraction\n    } = defineProps();\n\n    const { message, choices, face, speaker, position, typewriterEffect, autoClose } = data();\n    const fullWidth = computed(() => data().fullWidth || false);\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n\n    const speakerName = computed(() => {\n        const value = resolveProp(speaker);\n        return value ? String(value) : \"\";\n    });\n\n    const dialogPosition = computed(() => resolveProp(position) || \"bottom\");\n    const isFullWidth = computed(() => resolveProp(fullWidth) !== false);\n    const hasFace = computed(() => !!resolveProp(face));\n\n    const displayMessage = signal(\"\");\n    const fullMessage = signal(\"\");\n    const isTyping = signal(false);\n    let typewriterTimer = null;\n    let rootElement = null;\n\n    mount((element) => {\n        rootElement = element;\n    });\n\n    const startTypewriter = (text) => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        displayMessage.set(\"\");\n        if (!text) return;\n        let index = 0;\n        isTyping.set(true);\n        typewriterTimer = setInterval(() => {\n            index += 1;\n            displayMessage.set(text.slice(0, index));\n            if (index >= text.length) {\n                clearInterval(typewriterTimer);\n                typewriterTimer = null;\n                isTyping.set(false);\n            }\n        }, 20);\n    };\n\n    const finishTyping = () => {\n        if (typewriterTimer) clearInterval(typewriterTimer);\n        typewriterTimer = null;\n        displayMessage.set(fullMessage());\n        isTyping.set(false);\n    };\n\n    effect(() => {\n        const text = resolveProp(message) || \"\";\n        fullMessage.set(text);\n        const useTypewriter = resolveProp(typewriterEffect) !== false;\n        if (!useTypewriter) {\n            finishTyping();\n            return;\n        }\n        startTypewriter(text);\n    });\n\n\n    const hasChoices = computed(() => choices.length > 0);\n    const showIndicator = computed(() => !hasChoices() && !isTyping());\n    const nav = createTabindexNavigator(selectedItem, { count: () => choices.length }, 'wrap');\n\n    function selectChoice(index) {\n        return function() {\n            selectedItem.set(index);\n            onSelect(index);\n        }\n    }\n\n    function _onFinish(value) {\n        if (onFinish) onFinish(value);\n    }\n\n    const onSelect = (index) => {\n        _onFinish(index);\n    };\n\n    const controls = signal({\n        up: {\n            repeat: true,\n            bind: keyboardControls.up,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                if (!hasChoices()) return;\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (!hasChoices()) return;\n                onSelect(selectedItem());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n    \n    const dialogControls = signal({\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                if (isTyping()) {\n                    finishTyping();\n                    return;\n                }\n                if (hasChoices()) return;\n                _onFinish();\n            }\n        },\n    })\n\n    const faceSheet = (graphicId, animationName) => {\n        return {\n            definition: engine.getSpriteSheet(graphicId),\n            playing: animationName,\n        };\n    }\n\n    mount((element) => {\n        return () => {\n            isDestroyed = true;\n            // Wait destroy is finished before start processing input\n            delay(() => {\n                engine.stopProcessingInput = false;\n            })\n        }\n  })\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,141 @@
+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
+    }
+}), entries = _a.entries, title = _a.title, subtitle = _a.subtitle, saveLoad = _a.saveLoad, localActions = _a.localActions, onInteraction = _a.onInteraction;
+var defaultEntries = [
+    { id: "title", label: "Title Screen" },
+    { id: "load", label: "Load Game" }
+];
+var resolveProp = function (value) { return typeof value === "function" ? value() : value; };
+var titleText = computed(function () { return resolveProp(title) || "Game Over"; });
+var subtitleText = computed(function () { return resolveProp(subtitle) || ""; });
+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 === "title") {
+            guiService.hide(PrebuiltGui.Gameover);
+            guiService.display(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 () {
+            moveSelection(-1);
+        }
+    },
+    down: {
+        repeat: true,
+        bind: keyboardControls.down,
+        throttle: 150,
+        keyDown: function () {
+            moveSelection(1);
+        }
+    },
+    action: {
+        bind: keyboardControls.action,
+        keyDown: function () {
+            triggerSelect(selectedEntry());
+        }
+    },
+    gamepad: {
+        enabled: true
+    }
+});
+        let $this = h(DOMContainer, { width: '100%', height: '100%' }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-screen rpg-anim-fade-in' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left' } }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right' } }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center' } }), h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-header rpg-anim-shake' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-title' }, textContent: computed(() => titleText()) }), cond(subtitleText(), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-gameover-subtitle' }, textContent: computed(() => subtitleText()) }))]), h(Navigation, { tabindex: selectedEntry, controls: controls }, h(DOMElement, { element: "div", attrs: { class: 'rpg-ui-menu rpg-ui-gameover-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 }))))]));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=gameover.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"gameover.ce.js","sources":["../../../src/components/gui/gameover.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-gameover-screen rpg-anim-fade-in\">\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-left\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-right\"></div>\n        <div class=\"rpg-ui-gameover-splatter rpg-ui-gameover-splatter-center\"></div>\n        <div class=\"rpg-ui-gameover-header rpg-anim-shake\">\n            <div class=\"rpg-ui-gameover-title\">{titleText()}</div>\n            @if (subtitleText()) {\n                <div class=\"rpg-ui-gameover-subtitle\">{subtitleText()}</div>\n            }\n        </div>\n        <Navigation tabindex={selectedEntry} controls={controls}>\n            <div class=\"rpg-ui-menu rpg-ui-gameover-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    </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 { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({\n        entries: {\n            default: () => []\n        },\n        saveLoad: {\n            default: () => ({})\n        },\n        localActions: {\n            default: false\n        }\n    });\n\n    const defaultEntries = [\n        { id: \"title\", label: \"Title Screen\" },\n        { id: \"load\", label: \"Load Game\" }\n    ];\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const titleText = computed(() => resolveProp(title) || \"Game Over\");\n    const subtitleText = computed(() => resolveProp(subtitle) || \"\");\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 === \"title\") {\n                guiService.hide(PrebuiltGui.Gameover);\n                guiService.display(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                moveSelection(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                moveSelection(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                triggerSelect(selectedEntry());\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,35 @@
+import { useProps, useDefineProps, computed, h, DOMContainer, DOMElement, cond, DOMSprite } from 'canvasengine';
+import { inject } from '../../../core/inject.js';
+import { RpgClientEngine } from '../../../RpgClientEngine.js';
+import { getEntityProp } from '../../../utils/getEntityProp.js';
+
+function component($$props) {
+        useProps($$props);
+        const defineProps = useDefineProps($$props);
+        var engine = inject(RpgClientEngine);
+var currentPlayer = engine.scene.currentPlayer;
+var data = defineProps().data;
+data().faceset;
+var resolveProp = function (value) { return typeof value === "function" ? value() : value; };
+var face = computed(function () { return resolveProp(data().faceset); });
+var hasFace = computed(function () {
+    var value = face();
+    return !!(value && value.id);
+});
+var faceSheet = function (faceValue) { return ({
+    definition: engine.getSpriteSheet(faceValue.id),
+    playing: faceValue.expression || "default",
+}); };
+var hp = getEntityProp(currentPlayer, "hp");
+var hpMax = getEntityProp(currentPlayer, "params.maxHp");
+var percentHp = computed(function () { return (hp() / hpMax() * 100) + '%'; });
+var sp = getEntityProp(currentPlayer, "sp");
+var spMax = getEntityProp(currentPlayer, "params.maxSp");
+var percentSp = computed(function () { return (sp() / spMax() * 100) + '%'; });
+var level = getEntityProp(currentPlayer, "level");
+        let $this = h(DOMContainer, null, h(DOMElement, { element: "div", attrs: { class: 'rpg-hud' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-avatar' } }, [cond(hasFace(), () => h(DOMElement, { element: "div", attrs: { class: 'rpg-avatar-face' } }, h(DOMSprite, { sheet: computed(() => faceSheet(face())) }))), h(DOMElement, { element: "div", attrs: { class: 'rpg-avatar-level' }, textContent: computed(() => level()) })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-status-bars' } }, [h(DOMElement, { element: "div", attrs: { class: 'rpg-bar-container' } }, [h(DOMElement, { element: "span", attrs: { class: 'rpg-bar-text' }, textContent: computed(() => 'HP ' + hp() + '/' + hpMax()) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-bar-fill health', style: { width: percentHp } } })]), h(DOMElement, { element: "div", attrs: { class: 'rpg-bar-container' } }, [h(DOMElement, { element: "span", attrs: { class: 'rpg-bar-text' }, textContent: computed(() => 'SP ' + sp() + '/' + spMax()) }), h(DOMElement, { element: "div", attrs: { class: 'rpg-bar-fill mana', style: { width: percentSp } } })])])]));
+        return $this
+      }
+
+export { component as default };
+//# sourceMappingURL=hud.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hud.ce.js","sources":["../../../../src/components/gui/hud/hud.ce"],"sourcesContent":["<DOMContainer>\n    <div class=\"rpg-hud\">\n        <div class=\"rpg-avatar\">\n            @if (hasFace()) {\n                <div class=\"rpg-avatar-face\">\n                    <DOMSprite sheet={faceSheet(face())} />\n                </div>\n            }\n            <div class=\"rpg-avatar-level\">{{ level() }}</div>\n        </div>\n        <div class=\"rpg-status-bars\">\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">HP {{ hp() }}/{{ hpMax() }}</span>\n                <div class=\"rpg-bar-fill health\" style={{width: percentHp}}></div>\n            </div>\n            <div class=\"rpg-bar-container\">\n                <span class=\"rpg-bar-text\">SP {{ sp() }}/{{ spMax() }}</span>\n                <div class=\"rpg-bar-fill mana\" style={{width: percentSp}}></div>\n            </div>\n        </div>\n    </div>\n</DOMContainer>\n\n<script>\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n    import { computed } from \"canvasengine\";\n    import { getEntityProp } from \"../../../utils/getEntityProp\";\n\n    const engine = inject(RpgClientEngine)\n    const currentPlayer = engine.scene.currentPlayer\n    const { data } = defineProps();\n    const { faceset } = data();\n\n    const resolveProp = (value) => typeof value === \"function\" ? value() : value;\n    const face = computed(() => resolveProp(data().faceset));\n\n    const hasFace = computed(() => {\n        const value = face();\n        return !!(value && value.id);\n    });\n    const faceSheet = (faceValue) => ({\n        definition: engine.getSpriteSheet(faceValue.id),\n        playing: faceValue.expression || \"default\",\n    });\n    const hp = getEntityProp(currentPlayer, \"hp\")\n    const hpMax = getEntityProp(currentPlayer, \"params.maxHp\")\n    const percentHp = computed(() => (hp() / hpMax() * 100) + '%')\n\n    const sp = getEntityProp(currentPlayer, \"sp\")\n    const spMax = getEntityProp(currentPlayer, \"params.maxSp\")\n    const percentSp = computed(() => (sp() / spMax() * 100) + '%')\n\n    const level = getEntityProp(currentPlayer, \"level\")\n</script>\n    \n"],"names":[],"mappings":"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"}

package/dist/components/gui/index.d.ts

@@ -1,3 +1,15 @@
-export declare const PrebuiltGui: {
-    Dialogbox: any;
-};
+import { default as DialogboxComponent } from './dialogbox/index.ce';
+import { default as BoxComponent } from './box.ce';
+import { default as ShopComponent } from './shop/shop.ce';
+import { default as HudComponent } from './hud/hud.ce';
+import { default as SaveLoadComponent } from './save-load.ce';
+import { default as MainMenuComponent } from './menu/main-menu.ce';
+import { default as ItemsMenuComponent } from './menu/items-menu.ce';
+import { default as SkillsMenuComponent } from './menu/skills-menu.ce';
+import { default as EquipMenuComponent } from './menu/equip-menu.ce';
+import { default as OptionsMenuComponent } from './menu/options-menu.ce';
+import { default as ExitMenuComponent } from './menu/exit-menu.ce';
+import { default as NotificationComponent } from './notification/notification.ce';
+import { default as TitleScreenComponent } from './title-screen.ce';
+import { default as GameoverComponent } from './gameover.ce';
+export { DialogboxComponent, BoxComponent, ShopComponent, HudComponent, SaveLoadComponent, MainMenuComponent, ItemsMenuComponent, SkillsMenuComponent, EquipMenuComponent, OptionsMenuComponent, ExitMenuComponent, NotificationComponent, TitleScreenComponent, GameoverComponent };