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

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

@@ -0,0 +1,198 @@
+import { inject } from "../../../core/inject.js";
+import { RpgClientEngine } from "../../../RpgClientEngine.js";
+import { DOMContainer, DOMElement, DOMSprite, Navigation, computed, cond, createTabindexNavigator, effect, h, loop, mount, signal, useDefineProps, useProps } from "canvasengine";
+import { delay } from "@rpgjs/common";
+//#region src/components/gui/dialogbox/index.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	const engine = inject(RpgClientEngine);
+	engine.scene.currentPlayer;
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	engine.stopProcessingInput = true;
+	const selectedItem = signal(0);
+	const { data, onFinish, onInteraction } = defineProps();
+	const { message, choices, face, speaker, position, typewriterEffect, autoClose } = data();
+	const fullWidth = computed(() => data().fullWidth || false);
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const speakerName = computed(() => {
+		const value = resolveProp(speaker);
+		return value ? String(value) : "";
+	});
+	const dialogPosition = computed(() => resolveProp(position) || "bottom");
+	const isFullWidth = computed(() => resolveProp(fullWidth) !== false);
+	const dialogFace = computed(() => resolveProp(face));
+	const hasFace = computed(() => {
+		const value = dialogFace();
+		return !!(value && value.id);
+	});
+	const displayMessage = signal("");
+	const fullMessage = signal("");
+	const isTyping = signal(false);
+	let typewriterTimer = null;
+	mount((element) => {});
+	const startTypewriter = (text) => {
+		if (typewriterTimer) clearInterval(typewriterTimer);
+		displayMessage.set("");
+		if (!text) return;
+		let index = 0;
+		isTyping.set(true);
+		typewriterTimer = setInterval(() => {
+			index += 1;
+			displayMessage.set(text.slice(0, index));
+			if (index >= text.length) {
+				clearInterval(typewriterTimer);
+				typewriterTimer = null;
+				isTyping.set(false);
+			}
+		}, 20);
+	};
+	const finishTyping = () => {
+		if (typewriterTimer) clearInterval(typewriterTimer);
+		typewriterTimer = null;
+		displayMessage.set(fullMessage());
+		isTyping.set(false);
+	};
+	effect(() => {
+		const text = resolveProp(message) || "";
+		fullMessage.set(text);
+		if (!(resolveProp(typewriterEffect) !== false)) {
+			finishTyping();
+			return;
+		}
+		startTypewriter(text);
+	});
+	const hasChoices = computed(() => choices.length > 0);
+	const showIndicator = computed(() => !hasChoices() && !isTyping());
+	const nav = createTabindexNavigator(selectedItem, { count: () => choices.length }, "wrap");
+	function selectChoice(index) {
+		return function() {
+			selectedItem.set(index);
+			onSelect(index);
+		};
+	}
+	function _onFinish(value) {
+		if (onFinish) onFinish(value);
+	}
+	const onSelect = (index) => {
+		_onFinish(index);
+	};
+	const controls = signal({
+		up: {
+			repeat: true,
+			bind: keyboardControls.up,
+			throttle: 150,
+			keyDown() {
+				if (!hasChoices()) return;
+				nav.next(-1);
+			}
+		},
+		down: {
+			repeat: true,
+			bind: keyboardControls.down,
+			throttle: 150,
+			keyDown() {
+				if (!hasChoices()) return;
+				nav.next(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown() {
+				if (isTyping()) {
+					finishTyping();
+					return;
+				}
+				if (!hasChoices()) return;
+				onSelect(selectedItem());
+			}
+		},
+		gamepad: { enabled: true }
+	});
+	const dialogControls = signal({ action: {
+		bind: keyboardControls.action,
+		keyDown() {
+			if (isTyping()) {
+				finishTyping();
+				return;
+			}
+			if (hasChoices()) return;
+			_onFinish();
+		}
+	} });
+	const faceSheet = (faceValue) => {
+		return {
+			definition: engine.getSpriteSheet(faceValue.id),
+			playing: faceValue.expression || "default"
+		};
+	};
+	mount((element) => {
+		return () => {
+			delay(() => {
+				engine.stopProcessingInput = false;
+			});
+		};
+	});
+	return 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(computed(() => 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(computed(() => hasChoices()), () => h(Navigation, {
+			tabindex: selectedItem,
+			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(computed(() => hasFace()), () => h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-dialog-face" }
+	}, h(DOMSprite, {
+		sheet: computed(() => faceSheet(dialogFace())),
+		width: "100%",
+		height: "100%",
+		objectFit: "contain"
+	})))]), cond(showIndicator, () => h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-dialog-indicator" }
+	}))])));
+}
+var __ce_component = component;
+//#endregion
+export { __ce_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","names":[],"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\n                            sheet={faceSheet(dialogFace())}\n                            width=\"100%\"\n                            height=\"100%\"\n                            objectFit=\"contain\"\n                        />\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 dialogFace = computed(() => resolveProp(face));\n    const hasFace = computed(() => {\n        const value = dialogFace();\n        return !!(value && value.id);\n    });\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 = (faceValue) => {\n        return {\n            definition: engine.getSpriteSheet(faceValue.id),\n            playing: faceValue.expression || \"default\",\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"],"mappings":"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"}

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

@@ -0,0 +1,169 @@
+import { inject } from "../../core/inject.js";
+import { RpgGui } from "../../Gui/Gui.js";
+import { RpgClientEngine } from "../../RpgClientEngine.js";
+import { DOMContainer, DOMElement, Navigation, computed, cond, effect, h, loop, signal, useDefineProps, useProps } from "canvasengine";
+import { PrebuiltGui } from "@rpgjs/common";
+//#region src/components/gui/gameover.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	const engine = inject(RpgClientEngine);
+	const guiService = inject(RpgGui);
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const { entries, title, subtitle, saveLoad, localActions, onInteraction } = defineProps({
+		entries: { default: () => [] },
+		saveLoad: { default: () => ({}) },
+		localActions: { default: false }
+	});
+	const defaultEntries = [{
+		id: "title",
+		label: "Title Screen"
+	}, {
+		id: "load",
+		label: "Load Game"
+	}];
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const titleText = computed(() => resolveProp(title) || "Game Over");
+	const subtitleText = computed(() => resolveProp(subtitle) || "");
+	const localActionsEnabled = computed(() => resolveProp(localActions) === true);
+	const entryList = computed(() => {
+		const list = resolveProp(entries);
+		if (Array.isArray(list) && list.length) return list;
+		return defaultEntries;
+	});
+	const isEntryDisabled = (entry) => {
+		if (!entry) return true;
+		if (entry.disabled) return true;
+		if (entry.enabled === false) return true;
+		return false;
+	};
+	const selectedEntry = signal(0);
+	const selectableIndexes = computed(() => {
+		return entryList().map((entry, index) => isEntryDisabled(entry) ? null : index).filter((value) => value !== null);
+	});
+	effect(() => {
+		const available = selectableIndexes();
+		if (!available.length) return;
+		const current = selectedEntry();
+		if (!available.includes(current)) selectedEntry.set(available[0]);
+	});
+	const moveSelection = (delta) => {
+		const available = selectableIndexes();
+		if (!available.length) return;
+		const current = selectedEntry();
+		const nextIndex = (Math.max(0, available.indexOf(current)) + delta + available.length) % available.length;
+		selectedEntry.set(available[nextIndex]);
+	};
+	const triggerSelect = (index) => {
+		const entry = entryList()[index];
+		if (!entry || isEntryDisabled(entry)) return;
+		if (localActionsEnabled()) {
+			if (entry.id === "title") {
+				guiService.hide(PrebuiltGui.Gameover);
+				guiService.display(PrebuiltGui.TitleScreen);
+			}
+			if (entry.id === "load") {
+				const config = resolveProp(saveLoad) || {};
+				const slots = Array.isArray(config.slots) ? config.slots : [
+					null,
+					null,
+					null
+				];
+				guiService.display(PrebuiltGui.Save, {
+					...config,
+					mode: config.mode || "load",
+					slots
+				});
+			}
+		}
+		if (onInteraction) onInteraction("select", {
+			id: entry.id,
+			index,
+			entry
+		});
+	};
+	function selectEntry(index) {
+		return function() {
+			selectedEntry.set(index);
+			triggerSelect(index);
+		};
+	}
+	const controls = signal({
+		up: {
+			repeat: true,
+			bind: keyboardControls.up,
+			throttle: 150,
+			keyDown() {
+				moveSelection(-1);
+			}
+		},
+		down: {
+			repeat: true,
+			bind: keyboardControls.down,
+			throttle: 150,
+			keyDown() {
+				moveSelection(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown() {
+				triggerSelect(selectedEntry());
+			}
+		},
+		gamepad: { enabled: true }
+	});
+	return 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(computed(() => subtitleText()), () => h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-gameover-subtitle" },
+			textContent: computed(() => subtitleText())
+		}))]),
+		h(Navigation, {
+			tabindex: selectedEntry,
+			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
+		}))))
+	]));
+}
+var __ce_component = component;
+//#endregion
+export { __ce_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","names":[],"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"],"mappings":"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"}

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

@@ -0,0 +1,83 @@
+import { inject } from "../../../core/inject.js";
+import { getEntityProp } from "../../../utils/getEntityProp.js";
+import { RpgClientEngine } from "../../../RpgClientEngine.js";
+import { DOMContainer, DOMElement, DOMSprite, computed, cond, h, useDefineProps, useProps } from "canvasengine";
+//#region src/components/gui/hud/hud.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	const engine = inject(RpgClientEngine);
+	const currentPlayer = engine.scene.currentPlayer;
+	const { data } = defineProps();
+	const { faceset } = data();
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const face = computed(() => resolveProp(data().faceset));
+	const hasFace = computed(() => {
+		const value = face();
+		return !!(value && value.id);
+	});
+	const faceSheet = (faceValue) => ({
+		definition: engine.getSpriteSheet(faceValue.id),
+		playing: faceValue.expression || "default"
+	});
+	const hp = getEntityProp(currentPlayer, "hp");
+	const hpMax = getEntityProp(currentPlayer, "params.maxHp");
+	const percentHp = computed(() => hp() / hpMax() * 100 + "%");
+	const sp = getEntityProp(currentPlayer, "sp");
+	const spMax = getEntityProp(currentPlayer, "params.maxSp");
+	const percentSp = computed(() => sp() / spMax() * 100 + "%");
+	const level = getEntityProp(currentPlayer, "level");
+	return h(DOMContainer, null, h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-hud" }
+	}, [h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-avatar" }
+	}, [cond(computed(() => hasFace()), () => h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-avatar-face" }
+	}, h(DOMSprite, {
+		sheet: computed(() => faceSheet(face())),
+		width: 64,
+		height: 64,
+		objectFit: "contain"
+	}))), 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 }
+		}
+	})])])]));
+}
+var __ce_component = component;
+//#endregion
+export { __ce_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","names":[],"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 \n                        sheet={faceSheet(face())} \n                        width={64} \n                        height={64} \n                        objectFit=\"contain\" \n                    />\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"],"mappings":";;;;;AAWM,SAAS,UAAM,SAAA;CACT,SAAA,OAAA;CACJ,MAAK,cAAe,eAAe,OAAO;CAC1C,MAAK,SAAA,OAAA,eAAA;CACb,MAAM,gBAAc,OAAI,MAAW;CACnC,MAAM,EAAE,SAAS,YAAW;CAC5B,MAAM,EAAE,YAAS,KAAK;CACtB,MAAM,eAAe,UAAU,OAAK,UAAY,aAAS,MAAO,IAAA;CAChE,MAAM,OAAO,eAAI,YAAA,KAAA,EAAA,OAAA,CAAA;CACjB,MAAM,UAAU,eAAe;EAC3B,MAAM,QAAO,KAAK;EAClB,OAAO,CAAC,EAAE,SAAO,MAAO;CAC5B,CAAC;CACD,MAAM,aAAO,eAAA;EACT,YAAK,OAAA,eAAA,UAAA,EAAA;EACP,SAAA,UAAY,cAAA;;CAEd,MAAC,KAAM,cAAA,eAAA,IAAA;CACP,MAAI,QAAS,cAAe,eAAc,cAAO;CACjD,MAAI,YAAS,eAAkB,GAAM,IAAI,MAAK,IAAA,MAAA,GAAe;CAC7D,MAAI,KAAO,cAAa,eAAM,IAAa;CAC3C,MAAI,QAAS,cAAe,eAAe,cAAO;;CAElD,MAAI,QAAM,cAAgB,eAAe,OAAA;CAErC,OADM,EAAA,cAAuB,MAAM,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,UAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,aAAA;CAAA,GAAA,CAAA,KAAA,eAAA,QAAA,CAAA,SAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kBAAA;CAAA,GAAA,EAAA,WAAA;EAAA,OAAA,eAAA,UAAA,KAAA,CAAA,CAAA;EAAA,OAAA;EAAA,QAAA;EAAA,WAAA;CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,mBAAA;EAAA,aAAA,eAAA,MAAA,CAAA;CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,kBAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,oBAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,eAAA;EAAA,aAAA,eAAA,QAAA,GAAA,IAAA,MAAA,MAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,UAAA;EAAA;CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,oBAAA;CAAA,GAAA,CAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,eAAA;EAAA,aAAA,eAAA,QAAA,GAAA,IAAA,MAAA,MAAA,CAAA;CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,OAAA,EAAA,OAAA,UAAA;EAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACpB;AACf;AAEA,IAAM,iBAAA"}

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 };

package/dist/components/gui/index.js

@@ -0,0 +1,14 @@
+import "./dialogbox/index.ce.js";
+import "./box.ce.js";
+import "./shop/shop.ce.js";
+import "./hud/hud.ce.js";
+import "./save-load.ce.js";
+import "./menu/items-menu.ce.js";
+import "./menu/skills-menu.ce.js";
+import "./menu/equip-menu.ce.js";
+import "./menu/options-menu.ce.js";
+import "./menu/exit-menu.ce.js";
+import "./menu/main-menu.ce.js";
+import "./notification/notification.ce.js";
+import "./title-screen.ce.js";
+import "./gameover.ce.js";