@rpgjs/client 5.0.0-beta.1 → 5.0.0-beta.11

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

@@ -1,4 +1,5 @@
 import { inject } from "../../core/inject.js";
+import { getKeyboardControlBind } from "../../services/actionInput.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";
@@ -7,99 +8,72 @@ import { PrebuiltGui } from "@rpgjs/common";
 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 {};
-		} },
+	const engine = inject(RpgClientEngine);
+	const guiService = inject(RpgGui);
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const { data, onInteraction } = defineProps({
+		entries: { default: () => [] },
+		saveLoad: { default: () => ({}) },
 		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 = [{
+	});
+	const { entries, title, subtitle, version, saveLoad, localActions } = data();
+	const 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);
+	const resolveProp = (value) => typeof value === "function" ? value() : value;
+	const titleText = computed(() => resolveProp(title) || "RPG");
+	const subtitleText = computed(() => resolveProp(subtitle) || "");
+	const versionText = computed(() => resolveProp(version) || "");
+	const localActionsEnabled = computed(() => resolveProp(localActions) === true);
+	const entryList = computed(() => {
+		const list = resolveProp(entries);
 		if (Array.isArray(list) && list.length) return list;
 		return defaultEntries;
 	});
-	var isEntryDisabled = function(entry) {
+	const isEntryDisabled = (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() {
-		return entryList().map(function(entry, index) {
-			return isEntryDisabled(entry) ? null : index;
-		}).filter(function(value) {
-			return value !== null;
-		});
+	const selectedEntry = signal(0);
+	const selectableIndexes = computed(() => {
+		return entryList().map((entry, index) => isEntryDisabled(entry) ? null : index).filter((value) => value !== null);
 	});
-	effect(function() {
-		var available = selectableIndexes();
+	effect(() => {
+		const available = selectableIndexes();
 		if (!available.length) return;
-		var current = selectedEntry();
+		const current = selectedEntry();
 		if (!available.includes(current)) selectedEntry.set(available[0]);
 	});
-	var moveSelection = function(delta) {
-		var available = selectableIndexes();
+	const moveSelection = (delta) => {
+		const available = selectableIndexes();
 		if (!available.length) return;
-		var current = selectedEntry();
-		var nextIndex = (Math.max(0, available.indexOf(current)) + delta + available.length) % available.length;
+		const current = selectedEntry();
+		const nextIndex = (Math.max(0, available.indexOf(current)) + delta + available.length) % available.length;
 		selectedEntry.set(available[nextIndex]);
 	};
-	var triggerSelect = function(index) {
-		var entry = entryList()[index];
+	const triggerSelect = (index) => {
+		const entry = entryList()[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 : [
+				const config = resolveProp(saveLoad) || {};
+				const slots = Array.isArray(config.slots) ? config.slots : [
 					null,
 					null,
 					null
 				];
-				guiService.display(PrebuiltGui.Save, __assign(__assign({}, config), {
+				guiService.display(PrebuiltGui.Save, {
+					...config,
 					mode: config.mode || "load",
 					slots
-				}));
+				});
 			}
 		}
 		if (onInteraction) onInteraction("select", {
@@ -114,12 +88,12 @@ function component($$props) {
 			triggerSelect(index);
 		};
 	}
-	var controls = signal({
+	const controls = signal({
 		up: {
 			repeat: true,
 			bind: keyboardControls.up,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (guiService.isDisplaying(PrebuiltGui.Save)) return;
 				moveSelection(-1);
 			}
@@ -128,14 +102,14 @@ function component($$props) {
 			repeat: true,
 			bind: keyboardControls.down,
 			throttle: 150,
-			keyDown: function() {
+			keyDown() {
 				if (guiService.isDisplaying(PrebuiltGui.Save)) return;
 				moveSelection(1);
 			}
 		},
 		action: {
-			bind: keyboardControls.action,
-			keyDown: function() {
+			bind: getKeyboardControlBind(keyboardControls.action),
+			keyDown() {
 				if (guiService.isDisplaying(PrebuiltGui.Save)) return;
 				triggerSelect(selectedEntry());
 			}
@@ -156,7 +130,7 @@ function component($$props) {
 			element: "div",
 			attrs: { class: "rpg-ui-title-screen-title" },
 			textContent: computed(() => titleText())
-		}), cond(subtitleText(), () => h(DOMElement, {
+		}), cond(computed(() => subtitleText()), () => h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-title-screen-subtitle" },
 			textContent: computed(() => subtitleText())
@@ -167,7 +141,7 @@ function component($$props) {
 		}, h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-menu rpg-ui-title-screen-menu rpg-anim-slide-up" }
-		}, loop(entryList(), (entry, index) => h(DOMElement, {
+		}, loop(computed(() => entryList()), (entry, index) => h(DOMElement, {
 			element: "div",
 			attrs: {
 				class: ["rpg-ui-menu-item", computed(() => ({ disabled: isEntryDisabled(entry) }))],
@@ -177,14 +151,15 @@ function component($$props) {
 			},
 			textContent: entry.label
 		})))),
-		cond(versionText(), () => h(DOMElement, {
+		cond(computed(() => versionText()), () => h(DOMElement, {
 			element: "div",
 			attrs: { class: "rpg-ui-title-screen-version" },
 			textContent: computed(() => versionText())
 		}))
 	]));
 }
+var __ce_component = component;
 //#endregion
-export { component as default };
+export { __ce_component as default };
 
 //# sourceMappingURL=title-screen.ce.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"title-screen.ce.js","names":[],"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"],"mappings":"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"}
+{"version":3,"file":"title-screen.ce.js","names":[],"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    import { getKeyboardControlBind } from \"../../services/actionInput\";\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: getKeyboardControlBind(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"],"mappings":"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"}

package/dist/components/index.d.ts

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

package/dist/components/index.js

@@ -1,3 +1,4 @@
+import "./scenes/draw-map.ce.js";
 import "./prebuilt/hp-bar.ce.js";
 import "./prebuilt/index.js";
 import "./character.ce.js";

package/dist/components/player-components-utils.d.ts

@@ -0,0 +1,67 @@
+export declare const DEFAULT_HP_BAR_STYLE: {
+    fillColor: string;
+};
+export declare const DEFAULT_SP_BAR_STYLE: {
+    fillColor: string;
+};
+type NumberResolver = (value: any, fallback?: number) => number;
+export declare function getPointBounds(points?: any[], toNumber?: NumberResolver): {
+    width: number;
+    height: number;
+};
+export declare function getComponentId(definition: any): any;
+export declare function getComponentProps(definition: any): any;
+export declare function estimateComponentSize(definition: any, { toNumber, estimateTextWidth }?: {
+    toNumber?: NumberResolver;
+    estimateTextWidth?: (value: any, style?: any) => number;
+}): {
+    width: number;
+    height: number;
+};
+export declare function computeBlockSize({ position, layout, rowMetrics, gap, graphic, hitbox }: {
+    position: string;
+    layout?: any;
+    rowMetrics: Array<{
+        width: number;
+        height: number;
+        cells: any[];
+    }>;
+    gap?: {
+        row: number;
+        column: number;
+    };
+    graphic: {
+        width: number;
+        height: number;
+    };
+    hitbox: {
+        w: number;
+        h: number;
+    };
+}): {
+    width: any;
+    height: any;
+};
+export declare function computeBlockPosition({ position, size, layout, graphic, hitbox }: {
+    position: string;
+    size: {
+        width: number;
+        height: number;
+    };
+    layout?: any;
+    graphic: {
+        left: number;
+        top: number;
+        right: number;
+        centerX: number;
+        centerY: number;
+    };
+    hitbox: {
+        w: number;
+        h: number;
+    };
+}): {
+    x: number;
+    y: number;
+};
+export {};

package/dist/components/player-components-utils.js

@@ -0,0 +1,162 @@
+//#region src/components/player-components-utils.ts
+var DEFAULT_HP_BAR_STYLE = { fillColor: "#ef4444" };
+var DEFAULT_SP_BAR_STYLE = { fillColor: "#3b82f6" };
+var DEFAULT_CELL_HEIGHT = 16;
+var DEFAULT_CELL_WIDTH = 32;
+var defaultToNumber = (value, fallback = 0) => {
+	const num = typeof value === "number" ? value : parseFloat(value);
+	return Number.isFinite(num) ? num : fallback;
+};
+function getPointBounds(points = [], toNumber = defaultToNumber) {
+	if (!Array.isArray(points) || points.length < 2) return {
+		width: 1,
+		height: 1
+	};
+	let minX = Infinity;
+	let minY = Infinity;
+	let maxX = -Infinity;
+	let maxY = -Infinity;
+	for (let i = 0; i < points.length; i += 2) {
+		const x = toNumber(points[i], 0);
+		const y = toNumber(points[i + 1], 0);
+		minX = Math.min(minX, x);
+		minY = Math.min(minY, y);
+		maxX = Math.max(maxX, x);
+		maxY = Math.max(maxY, y);
+	}
+	return {
+		width: Math.max(1, maxX - minX),
+		height: Math.max(1, maxY - minY)
+	};
+}
+function getComponentId(definition) {
+	if (!definition) return void 0;
+	if (definition.id) return definition.id;
+	if (definition.type === "text") return "rpg:text";
+	if (definition.type === "hpBar") return "rpg:hpBar";
+	if (definition.type === "spBar") return "rpg:spBar";
+	if (definition.type === "bar") return "rpg:bar";
+	if (definition.type === "shape") return "rpg:shape";
+	if (definition.type === "image") return "rpg:image";
+	if (definition.type === "tile") return "rpg:tile";
+	return definition.type;
+}
+function getComponentProps(definition) {
+	if (definition.props) return definition.props;
+	if (definition.type === "text") return {
+		value: definition.value,
+		style: definition.style
+	};
+	if (definition.type === "hpBar") return {
+		current: "{hp}",
+		max: "{param.maxHp}",
+		style: {
+			...DEFAULT_HP_BAR_STYLE,
+			...definition.style
+		},
+		text: definition.text
+	};
+	if (definition.type === "spBar") return {
+		current: "{sp}",
+		max: "{param.maxSp}",
+		style: {
+			...DEFAULT_SP_BAR_STYLE,
+			...definition.style
+		},
+		text: definition.text
+	};
+	if (definition.type === "bar") return {
+		current: `{${definition.current}}`,
+		max: `{${definition.max}}`,
+		style: definition.style,
+		text: definition.text
+	};
+	if (definition.type === "shape") return definition.value;
+	if (definition.type === "image" || definition.type === "tile") return { value: definition.value };
+	return {};
+}
+function estimateComponentSize(definition, { toNumber = defaultToNumber, estimateTextWidth = (value) => String(value ?? "").length * 8 } = {}) {
+	const props = getComponentProps(definition);
+	const style = props?.style ?? definition?.style ?? {};
+	if (definition?.type === "text" || definition?.id === "rpg:text") return {
+		width: estimateTextWidth(props.value ?? definition.value, style),
+		height: toNumber(style.fontSize, 12)
+	};
+	if (definition?.type === "hpBar" || definition?.type === "spBar" || definition?.type === "bar" || definition?.id === "rpg:hpBar" || definition?.id === "rpg:spBar" || definition?.id === "rpg:bar") {
+		const barHeight = toNumber(style.height, 8);
+		const labelHeight = props.text != null && props.text !== "" ? toNumber(style.fontSize, 10) + 2 : 0;
+		return {
+			width: toNumber(style.width, 50),
+			height: barHeight + labelHeight
+		};
+	}
+	if (definition?.type === "shape" || definition?.id === "rpg:shape") {
+		const shape = props ?? {};
+		if (shape.type === "circle") {
+			const radius = toNumber(shape.radius, 8);
+			return {
+				width: radius * 2,
+				height: radius * 2
+			};
+		}
+		if (shape.type === "line") return {
+			width: Math.max(1, Math.abs(toNumber(shape.x2, 16) - toNumber(shape.x1, 0))),
+			height: Math.max(1, Math.abs(toNumber(shape.y2, 0) - toNumber(shape.y1, 0)))
+		};
+		if (shape.type === "polygon") return getPointBounds(shape.points, toNumber);
+		return {
+			width: toNumber(shape.width, 16),
+			height: toNumber(shape.height, 16)
+		};
+	}
+	return {
+		width: toNumber(definition?.props?.width, DEFAULT_CELL_WIDTH),
+		height: toNumber(definition?.props?.height, DEFAULT_CELL_HEIGHT)
+	};
+}
+function computeBlockSize({ position, layout = {}, rowMetrics, gap = {
+	row: 0,
+	column: 0
+}, graphic, hitbox }) {
+	const rowGapTotal = Math.max(0, rowMetrics.length - 1) * gap.row;
+	const maxColumns = rowMetrics.reduce((max, row) => Math.max(max, row.cells.length), 0);
+	const columnGapTotal = Math.max(0, maxColumns - 1) * gap.column;
+	const contentWidth = rowMetrics.reduce((max, row) => Math.max(max, row.width), 0) + columnGapTotal;
+	const contentHeight = rowMetrics.reduce((sum, row) => sum + row.height, 0) + rowGapTotal;
+	return {
+		width: layout.width ?? Math.max(contentWidth, position === "bottom" ? hitbox.w : position === "top" || position === "center" ? graphic.width : contentWidth),
+		height: layout.height ?? Math.max(contentHeight, position === "bottom" ? hitbox.h : position === "left" || position === "right" || position === "center" ? graphic.height : contentHeight)
+	};
+}
+function computeBlockPosition({ position, size, layout = {}, graphic, hitbox }) {
+	const marginLeft = layout.marginLeft ?? 0;
+	const marginRight = layout.marginRight ?? 0;
+	const marginTop = layout.marginTop ?? 0;
+	const marginBottom = layout.marginBottom ?? 0;
+	switch (position) {
+		case "bottom": return {
+			x: hitbox.w / 2 - size.width / 2 + marginLeft - marginRight,
+			y: hitbox.h / 2 - size.height / 2 + marginBottom - marginTop
+		};
+		case "center": return {
+			x: graphic.centerX - size.width / 2 + marginLeft - marginRight,
+			y: graphic.centerY - size.height / 2 + marginTop - marginBottom
+		};
+		case "left": return {
+			x: graphic.left - size.width + marginLeft - marginRight,
+			y: graphic.centerY - size.height / 2 + marginTop - marginBottom
+		};
+		case "right": return {
+			x: graphic.right + marginLeft - marginRight,
+			y: graphic.centerY - size.height / 2 + marginTop - marginBottom
+		};
+		default: return {
+			x: graphic.centerX - size.width / 2 + marginLeft - marginRight,
+			y: graphic.top - size.height + marginTop - marginBottom
+		};
+	}
+}
+//#endregion
+export { computeBlockPosition, computeBlockSize, estimateComponentSize, getComponentId, getComponentProps };
+
+//# sourceMappingURL=player-components-utils.js.map

package/dist/components/player-components-utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"player-components-utils.js","names":[],"sources":["../../src/components/player-components-utils.ts"],"sourcesContent":["export const DEFAULT_HP_BAR_STYLE = { fillColor: '#ef4444' };\nexport const DEFAULT_SP_BAR_STYLE = { fillColor: '#3b82f6' };\n\nconst DEFAULT_CELL_HEIGHT = 16;\nconst DEFAULT_CELL_WIDTH = 32;\n\ntype NumberResolver = (value: any, fallback?: number) => number;\n\nconst defaultToNumber: NumberResolver = (value, fallback = 0) => {\n  const num = typeof value === 'number' ? value : parseFloat(value);\n  return Number.isFinite(num) ? num : fallback;\n};\n\nexport function getPointBounds(points: any[] = [], toNumber: NumberResolver = defaultToNumber) {\n  if (!Array.isArray(points) || points.length < 2) {\n    return { width: 1, height: 1 };\n  }\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (let i = 0; i < points.length; i += 2) {\n    const x = toNumber(points[i], 0);\n    const y = toNumber(points[i + 1], 0);\n    minX = Math.min(minX, x);\n    minY = Math.min(minY, y);\n    maxX = Math.max(maxX, x);\n    maxY = Math.max(maxY, y);\n  }\n\n  return {\n    width: Math.max(1, maxX - minX),\n    height: Math.max(1, maxY - minY)\n  };\n}\n\nexport function getComponentId(definition: any) {\n  if (!definition) return undefined;\n  if (definition.id) return definition.id;\n  if (definition.type === 'text') return 'rpg:text';\n  if (definition.type === 'hpBar') return 'rpg:hpBar';\n  if (definition.type === 'spBar') return 'rpg:spBar';\n  if (definition.type === 'bar') return 'rpg:bar';\n  if (definition.type === 'shape') return 'rpg:shape';\n  if (definition.type === 'image') return 'rpg:image';\n  if (definition.type === 'tile') return 'rpg:tile';\n  return definition.type;\n}\n\nexport function getComponentProps(definition: any) {\n  if (definition.props) return definition.props;\n\n  if (definition.type === 'text') {\n    return { value: definition.value, style: definition.style };\n  }\n  if (definition.type === 'hpBar') {\n    return { current: '{hp}', max: '{param.maxHp}', style: { ...DEFAULT_HP_BAR_STYLE, ...definition.style }, text: definition.text };\n  }\n  if (definition.type === 'spBar') {\n    return { current: '{sp}', max: '{param.maxSp}', style: { ...DEFAULT_SP_BAR_STYLE, ...definition.style }, text: definition.text };\n  }\n  if (definition.type === 'bar') {\n    return { current: `{${definition.current}}`, max: `{${definition.max}}`, style: definition.style, text: definition.text };\n  }\n  if (definition.type === 'shape') {\n    return definition.value;\n  }\n  if (definition.type === 'image' || definition.type === 'tile') {\n    return { value: definition.value };\n  }\n\n  return {};\n}\n\nexport function estimateComponentSize(\n  definition: any,\n  {\n    toNumber = defaultToNumber,\n    estimateTextWidth = (value: any) => String(value ?? '').length * 8\n  }: {\n    toNumber?: NumberResolver;\n    estimateTextWidth?: (value: any, style?: any) => number;\n  } = {}\n) {\n  const props = getComponentProps(definition);\n  const style = props?.style ?? definition?.style ?? {};\n\n  if (definition?.type === 'text' || definition?.id === 'rpg:text') {\n    return {\n      width: estimateTextWidth(props.value ?? definition.value, style),\n      height: toNumber(style.fontSize, 12)\n    };\n  }\n\n  if (definition?.type === 'hpBar' || definition?.type === 'spBar' || definition?.type === 'bar' || definition?.id === 'rpg:hpBar' || definition?.id === 'rpg:spBar' || definition?.id === 'rpg:bar') {\n    const barHeight = toNumber(style.height, 8);\n    const labelHeight = props.text != null && props.text !== '' ? toNumber(style.fontSize, 10) + 2 : 0;\n    return {\n      width: toNumber(style.width, 50),\n      height: barHeight + labelHeight\n    };\n  }\n\n  if (definition?.type === 'shape' || definition?.id === 'rpg:shape') {\n    const shape = props ?? {};\n    if (shape.type === 'circle') {\n      const radius = toNumber(shape.radius, 8);\n      return { width: radius * 2, height: radius * 2 };\n    }\n    if (shape.type === 'line') {\n      return {\n        width: Math.max(1, Math.abs(toNumber(shape.x2, 16) - toNumber(shape.x1, 0))),\n        height: Math.max(1, Math.abs(toNumber(shape.y2, 0) - toNumber(shape.y1, 0)))\n      };\n    }\n    if (shape.type === 'polygon') {\n      return getPointBounds(shape.points, toNumber);\n    }\n    return {\n      width: toNumber(shape.width, 16),\n      height: toNumber(shape.height, 16)\n    };\n  }\n\n  return {\n    width: toNumber(definition?.props?.width, DEFAULT_CELL_WIDTH),\n    height: toNumber(definition?.props?.height, DEFAULT_CELL_HEIGHT)\n  };\n}\n\nexport function computeBlockSize({\n  position,\n  layout = {},\n  rowMetrics,\n  gap = { row: 0, column: 0 },\n  graphic,\n  hitbox\n}: {\n  position: string;\n  layout?: any;\n  rowMetrics: Array<{ width: number; height: number; cells: any[] }>;\n  gap?: { row: number; column: number };\n  graphic: { width: number; height: number };\n  hitbox: { w: number; h: number };\n}) {\n  const rowGapTotal = Math.max(0, rowMetrics.length - 1) * gap.row;\n  const maxColumns = rowMetrics.reduce((max, row) => Math.max(max, row.cells.length), 0);\n  const columnGapTotal = Math.max(0, maxColumns - 1) * gap.column;\n  const contentWidth = rowMetrics.reduce((max, row) => Math.max(max, row.width), 0) + columnGapTotal;\n  const contentHeight = rowMetrics.reduce((sum, row) => sum + row.height, 0) + rowGapTotal;\n  const width = layout.width ?? Math.max(contentWidth, position === 'bottom' ? hitbox.w : position === 'top' || position === 'center' ? graphic.width : contentWidth);\n  const height = layout.height ?? Math.max(contentHeight, position === 'bottom' ? hitbox.h : position === 'left' || position === 'right' || position === 'center' ? graphic.height : contentHeight);\n\n  return { width, height };\n}\n\nexport function computeBlockPosition({\n  position,\n  size,\n  layout = {},\n  graphic,\n  hitbox\n}: {\n  position: string;\n  size: { width: number; height: number };\n  layout?: any;\n  graphic: { left: number; top: number; right: number; centerX: number; centerY: number };\n  hitbox: { w: number; h: number };\n}) {\n  const marginLeft = layout.marginLeft ?? 0;\n  const marginRight = layout.marginRight ?? 0;\n  const marginTop = layout.marginTop ?? 0;\n  const marginBottom = layout.marginBottom ?? 0;\n\n  switch (position) {\n    case 'bottom':\n      return {\n        x: (hitbox.w / 2) - (size.width / 2) + marginLeft - marginRight,\n        y: (hitbox.h / 2) - (size.height / 2) + marginBottom - marginTop\n      };\n    case 'center':\n      return {\n        x: graphic.centerX - (size.width / 2) + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'left':\n      return {\n        x: graphic.left - size.width + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'right':\n      return {\n        x: graphic.right + marginLeft - marginRight,\n        y: graphic.centerY - (size.height / 2) + marginTop - marginBottom\n      };\n    case 'top':\n    default:\n      return {\n        x: graphic.centerX - (size.width / 2) + marginLeft - marginRight,\n        y: graphic.top - size.height + marginTop - marginBottom\n      };\n  }\n}\n"],"mappings":";AAAA,IAAa,uBAAuB,EAAE,WAAW,UAAU;AAC3D,IAAa,uBAAuB,EAAE,WAAW,UAAU;AAE3D,IAAM,sBAAsB;AAC5B,IAAM,qBAAqB;AAI3B,IAAM,mBAAmC,OAAO,WAAW,MAAM;CAC/D,MAAM,MAAM,OAAO,UAAU,WAAW,QAAQ,WAAW,KAAK;CAChE,OAAO,OAAO,SAAS,GAAG,IAAI,MAAM;AACtC;AAEA,SAAgB,eAAe,SAAgB,CAAC,GAAG,WAA2B,iBAAiB;CAC7F,IAAI,CAAC,MAAM,QAAQ,MAAM,KAAK,OAAO,SAAS,GAC5C,OAAO;EAAE,OAAO;EAAG,QAAQ;CAAE;CAG/B,IAAI,OAAO;CACX,IAAI,OAAO;CACX,IAAI,OAAO;CACX,IAAI,OAAO;CAEX,KAAK,IAAI,IAAI,GAAG,IAAI,OAAO,QAAQ,KAAK,GAAG;EACzC,MAAM,IAAI,SAAS,OAAO,IAAI,CAAC;EAC/B,MAAM,IAAI,SAAS,OAAO,IAAI,IAAI,CAAC;EACnC,OAAO,KAAK,IAAI,MAAM,CAAC;EACvB,OAAO,KAAK,IAAI,MAAM,CAAC;EACvB,OAAO,KAAK,IAAI,MAAM,CAAC;EACvB,OAAO,KAAK,IAAI,MAAM,CAAC;CACzB;CAEA,OAAO;EACL,OAAO,KAAK,IAAI,GAAG,OAAO,IAAI;EAC9B,QAAQ,KAAK,IAAI,GAAG,OAAO,IAAI;CACjC;AACF;AAEA,SAAgB,eAAe,YAAiB;CAC9C,IAAI,CAAC,YAAY,OAAO,KAAA;CACxB,IAAI,WAAW,IAAI,OAAO,WAAW;CACrC,IAAI,WAAW,SAAS,QAAQ,OAAO;CACvC,IAAI,WAAW,SAAS,SAAS,OAAO;CACxC,IAAI,WAAW,SAAS,SAAS,OAAO;CACxC,IAAI,WAAW,SAAS,OAAO,OAAO;CACtC,IAAI,WAAW,SAAS,SAAS,OAAO;CACxC,IAAI,WAAW,SAAS,SAAS,OAAO;CACxC,IAAI,WAAW,SAAS,QAAQ,OAAO;CACvC,OAAO,WAAW;AACpB;AAEA,SAAgB,kBAAkB,YAAiB;CACjD,IAAI,WAAW,OAAO,OAAO,WAAW;CAExC,IAAI,WAAW,SAAS,QACtB,OAAO;EAAE,OAAO,WAAW;EAAO,OAAO,WAAW;CAAM;CAE5D,IAAI,WAAW,SAAS,SACtB,OAAO;EAAE,SAAS;EAAQ,KAAK;EAAiB,OAAO;GAAE,GAAG;GAAsB,GAAG,WAAW;EAAM;EAAG,MAAM,WAAW;CAAK;CAEjI,IAAI,WAAW,SAAS,SACtB,OAAO;EAAE,SAAS;EAAQ,KAAK;EAAiB,OAAO;GAAE,GAAG;GAAsB,GAAG,WAAW;EAAM;EAAG,MAAM,WAAW;CAAK;CAEjI,IAAI,WAAW,SAAS,OACtB,OAAO;EAAE,SAAS,IAAI,WAAW,QAAQ;EAAI,KAAK,IAAI,WAAW,IAAI;EAAI,OAAO,WAAW;EAAO,MAAM,WAAW;CAAK;CAE1H,IAAI,WAAW,SAAS,SACtB,OAAO,WAAW;CAEpB,IAAI,WAAW,SAAS,WAAW,WAAW,SAAS,QACrD,OAAO,EAAE,OAAO,WAAW,MAAM;CAGnC,OAAO,CAAC;AACV;AAEA,SAAgB,sBACd,YACA,EACE,WAAW,iBACX,qBAAqB,UAAe,OAAO,SAAS,EAAE,EAAE,SAAS,MAI/D,CAAC,GACL;CACA,MAAM,QAAQ,kBAAkB,UAAU;CAC1C,MAAM,QAAQ,OAAO,SAAS,YAAY,SAAS,CAAC;CAEpD,IAAI,YAAY,SAAS,UAAU,YAAY,OAAO,YACpD,OAAO;EACL,OAAO,kBAAkB,MAAM,SAAS,WAAW,OAAO,KAAK;EAC/D,QAAQ,SAAS,MAAM,UAAU,EAAE;CACrC;CAGF,IAAI,YAAY,SAAS,WAAW,YAAY,SAAS,WAAW,YAAY,SAAS,SAAS,YAAY,OAAO,eAAe,YAAY,OAAO,eAAe,YAAY,OAAO,WAAW;EAClM,MAAM,YAAY,SAAS,MAAM,QAAQ,CAAC;EAC1C,MAAM,cAAc,MAAM,QAAQ,QAAQ,MAAM,SAAS,KAAK,SAAS,MAAM,UAAU,EAAE,IAAI,IAAI;EACjG,OAAO;GACL,OAAO,SAAS,MAAM,OAAO,EAAE;GAC/B,QAAQ,YAAY;EACtB;CACF;CAEA,IAAI,YAAY,SAAS,WAAW,YAAY,OAAO,aAAa;EAClE,MAAM,QAAQ,SAAS,CAAC;EACxB,IAAI,MAAM,SAAS,UAAU;GAC3B,MAAM,SAAS,SAAS,MAAM,QAAQ,CAAC;GACvC,OAAO;IAAE,OAAO,SAAS;IAAG,QAAQ,SAAS;GAAE;EACjD;EACA,IAAI,MAAM,SAAS,QACjB,OAAO;GACL,OAAO,KAAK,IAAI,GAAG,KAAK,IAAI,SAAS,MAAM,IAAI,EAAE,IAAI,SAAS,MAAM,IAAI,CAAC,CAAC,CAAC;GAC3E,QAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,SAAS,MAAM,IAAI,CAAC,IAAI,SAAS,MAAM,IAAI,CAAC,CAAC,CAAC;EAC7E;EAEF,IAAI,MAAM,SAAS,WACjB,OAAO,eAAe,MAAM,QAAQ,QAAQ;EAE9C,OAAO;GACL,OAAO,SAAS,MAAM,OAAO,EAAE;GAC/B,QAAQ,SAAS,MAAM,QAAQ,EAAE;EACnC;CACF;CAEA,OAAO;EACL,OAAO,SAAS,YAAY,OAAO,OAAO,kBAAkB;EAC5D,QAAQ,SAAS,YAAY,OAAO,QAAQ,mBAAmB;CACjE;AACF;AAEA,SAAgB,iBAAiB,EAC/B,UACA,SAAS,CAAC,GACV,YACA,MAAM;CAAE,KAAK;CAAG,QAAQ;AAAE,GAC1B,SACA,UAQC;CACD,MAAM,cAAc,KAAK,IAAI,GAAG,WAAW,SAAS,CAAC,IAAI,IAAI;CAC7D,MAAM,aAAa,WAAW,QAAQ,KAAK,QAAQ,KAAK,IAAI,KAAK,IAAI,MAAM,MAAM,GAAG,CAAC;CACrF,MAAM,iBAAiB,KAAK,IAAI,GAAG,aAAa,CAAC,IAAI,IAAI;CACzD,MAAM,eAAe,WAAW,QAAQ,KAAK,QAAQ,KAAK,IAAI,KAAK,IAAI,KAAK,GAAG,CAAC,IAAI;CACpF,MAAM,gBAAgB,WAAW,QAAQ,KAAK,QAAQ,MAAM,IAAI,QAAQ,CAAC,IAAI;CAI7E,OAAO;EAAE,OAHK,OAAO,SAAS,KAAK,IAAI,cAAc,aAAa,WAAW,OAAO,IAAI,aAAa,SAAS,aAAa,WAAW,QAAQ,QAAQ,YAAY;EAGlJ,QAFD,OAAO,UAAU,KAAK,IAAI,eAAe,aAAa,WAAW,OAAO,IAAI,aAAa,UAAU,aAAa,WAAW,aAAa,WAAW,QAAQ,SAAS,aAAa;CAEzK;AACzB;AAEA,SAAgB,qBAAqB,EACnC,UACA,MACA,SAAS,CAAC,GACV,SACA,UAOC;CACD,MAAM,aAAa,OAAO,cAAc;CACxC,MAAM,cAAc,OAAO,eAAe;CAC1C,MAAM,YAAY,OAAO,aAAa;CACtC,MAAM,eAAe,OAAO,gBAAgB;CAE5C,QAAQ,UAAR;EACE,KAAK,UACH,OAAO;GACL,GAAI,OAAO,IAAI,IAAM,KAAK,QAAQ,IAAK,aAAa;GACpD,GAAI,OAAO,IAAI,IAAM,KAAK,SAAS,IAAK,eAAe;EACzD;EACF,KAAK,UACH,OAAO;GACL,GAAG,QAAQ,UAAW,KAAK,QAAQ,IAAK,aAAa;GACrD,GAAG,QAAQ,UAAW,KAAK,SAAS,IAAK,YAAY;EACvD;EACF,KAAK,QACH,OAAO;GACL,GAAG,QAAQ,OAAO,KAAK,QAAQ,aAAa;GAC5C,GAAG,QAAQ,UAAW,KAAK,SAAS,IAAK,YAAY;EACvD;EACF,KAAK,SACH,OAAO;GACL,GAAG,QAAQ,QAAQ,aAAa;GAChC,GAAG,QAAQ,UAAW,KAAK,SAAS,IAAK,YAAY;EACvD;EAEF,SACE,OAAO;GACL,GAAG,QAAQ,UAAW,KAAK,QAAQ,IAAK,aAAa;GACrD,GAAG,QAAQ,MAAM,KAAK,SAAS,YAAY;EAC7C;CACJ;AACF"}

package/dist/components/player-components-utils.spec.d.ts

@@ -0,0 +1 @@
+export {};