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

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

@@ -0,0 +1,79 @@
+import { inject } from "../../../core/inject.js";
+import { Button, Container, Joystick, h, mount, signal, useDefineProps, useProps } from "canvasengine";
+//#region src/components/gui/mobile/mobile.ce
+function component($$props) {
+	useProps($$props);
+	useDefineProps($$props);
+	const controlsInstance = signal(null);
+	mount((element) => {
+		const control = inject("KeyboardControls");
+		controlsInstance.set(control);
+	});
+	return h(Container, {
+		justifyContent: "space-between",
+		alignItems: "flex-end",
+		width: "100%",
+		height: "100%"
+	}, [h(Container, {
+		justifyContent: "flex-start",
+		alignItems: "flex-end",
+		gap: 20
+	}, h(Container, {
+		display: "flex",
+		direction: "column",
+		gap: 20,
+		margin: 50
+	}, [h(Button, {
+		text: "A",
+		shape: "circle",
+		width: 70,
+		height: 70,
+		controls: controlsInstance,
+		controlName: "action",
+		style: {
+			backgroundColor: {
+				normal: "#2ecc71",
+				hover: "#27ae60",
+				pressed: "#229954",
+				disabled: "#7f8c8d"
+			},
+			text: {
+				fontSize: 24,
+				fontFamily: "Arial Bold",
+				color: "#ffffff"
+			}
+		}
+	}), h(Button, {
+		text: "B",
+		shape: "circle",
+		width: 70,
+		height: 70,
+		controls: controlsInstance,
+		controlName: "back",
+		style: {
+			backgroundColor: {
+				normal: "#e74c3c",
+				hover: "#c0392b",
+				pressed: "#a93226",
+				disabled: "#7f8c8d"
+			},
+			text: {
+				fontSize: 24,
+				fontFamily: "Arial Bold",
+				color: "#ffffff"
+			}
+		}
+	})])), h(Container, {
+		margin: 100,
+		alignItems: "flex-end"
+	}, h(Container, null, h(Joystick, {
+		controls: controlsInstance,
+		outerColor: "#34495e",
+		innerColor: "#3498db"
+	})))]);
+}
+var __ce_component = component;
+//#endregion
+export { __ce_component as default };
+
+//# sourceMappingURL=mobile.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mobile.ce.js","names":[],"sources":["../../../../src/components/gui/mobile/mobile.ce"],"sourcesContent":["<Container justifyContent=\"space-between\" alignItems=\"flex-end\" width=\"100%\" height=\"100%\">\n    <!-- Gamepad buttons A and B (left side) -->\n    <Container justifyContent=\"flex-start\" alignItems=\"flex-end\"  gap={20}>\n        <Container display=\"flex\" direction=\"column\" gap={20} margin={50}>\n            <!-- Button B (top) -->\n  \n            <!-- Button A (bottom) -->\n            <Button \n                text=\"A\"\n                shape=\"circle\"\n                width={70}\n                height={70}\n                controls={controlsInstance}\n                controlName=\"action\"\n                style={{\n                    backgroundColor: {\n                        normal: \"#2ecc71\",\n                        hover: \"#27ae60\",\n                        pressed: \"#229954\",\n                        disabled: \"#7f8c8d\"\n                    },\n                    text: {\n                        fontSize: 24,\n                        fontFamily: \"Arial Bold\",\n                        color: \"#ffffff\"\n                    }\n                }}\n            />\n\n            <Button \n                text=\"B\"\n                shape=\"circle\"\n                width={70}\n                height={70}\n                controls={controlsInstance}\n                controlName=\"back\"\n                style={{\n                    backgroundColor: {\n                        normal: \"#e74c3c\",\n                        hover: \"#c0392b\",\n                        pressed: \"#a93226\",\n                        disabled: \"#7f8c8d\"\n                    },\n                    text: {\n                        fontSize: 24,\n                        fontFamily: \"Arial Bold\",\n                        color: \"#ffffff\"\n                    }\n                }}\n            />\n\n        </Container>\n    </Container>\n    \n    <Container margin={100} alignItems=\"flex-end\">\n        <Container>\n            <Joystick \n                controls={controlsInstance}\n                outerColor=\"#34495e\"\n                innerColor=\"#3498db\"\n            />\n        </Container>\n    </Container>\n</Container>\n\n<script>\n    import { signal, mount } from 'canvasengine'\n    import { Button } from 'canvasengine'\n    import { inject } from '../../../core/inject'\n    import { RpgClientEngine } from '../../../RpgClientEngine'\n    import { Direction } from '@rpgjs/common'\n\n\n    const controlsInstance = signal(null)\n\n    mount((element) => {\n        const control = inject('KeyboardControls')\n        controlsInstance.set(control)\n    })\n</script>"],"mappings":";;;AASM,SAAS,UAAQ,SAAM;CACN,SAAE,OAAA;CACC,eAAA,OAAA;CAClB,MAAM,mBAAY,OAAA,IAAgB;CAC1C,OAAO,YAAS;EACZ,MAAM,UAAM,OAAO,kBAAA;EACnB,iBAAgB,IAAA,OAAA;CACpB,CAAC;CAEO,OADY,EAAE,WAAW;EAAA,gBAAO;EAAA,YAAA;EAAA,OAAA;EAAA,QAAA;CAAA,GAAA,CAAA,EAAA,WAAA;EAAA,gBAAA;EAAA,YAAA;EAAA,KAAA;CAAA,GAAA,EAAA,WAAA;EAAA,SAAA;EAAA,WAAA;EAAA,KAAA;EAAA,QAAA;CAAA,GAAA,CAAA,EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAAA;EAAA,aAAA;EAAA,OAAA;GAAA,iBAAA;IAAA,QAAA;IAAA,OAAA;IAAA,SAAA;IAAA,UAAA;GAAA;GAAA,MAAA;IAAA,UAAA;IAAA,YAAA;IAAA,OAAA;GAAA;EAAA;CAAA,CAAA,GAAA,EAAA,QAAA;EAAA,MAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,UAAA;EAAA,aAAA;EAAA,OAAA;GAAA,iBAAA;IAAA,QAAA;IAAA,OAAA;IAAA,SAAA;IAAA,UAAA;GAAA;GAAA,MAAA;IAAA,UAAA;IAAA,YAAA;IAAA,OAAA;GAAA;EAAA;CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,WAAA;EAAA,QAAA;EAAA,YAAA;CAAA,GAAA,EAAA,WAAA,MAAA,EAAA,UAAA;EAAA,UAAA;EAAA,YAAA;EAAA,YAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CACrB;AACb;AAEA,IAAM,iBAEF"}

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

@@ -0,0 +1,62 @@
+import { inject } from "../../../core/inject.js";
+import { RpgClientEngine } from "../../../RpgClientEngine.js";
+import { DOMContainer, DOMElement, DOMSprite, computed, cond, effect, h, loop, useDefineProps, useProps } from "canvasengine";
+//#region src/components/gui/notification/notification.ce
+if (typeof document !== "undefined") {
+	let styleElement = document.getElementById("ce-style--home-runner-work-RPG-JS-RPG-JS-packages-client-src-components-gui-notification-notification-ce");
+	if (!styleElement) {
+		styleElement = document.createElement("style");
+		styleElement.id = "ce-style--home-runner-work-RPG-JS-RPG-JS-packages-client-src-components-gui-notification-notification-ce";
+		document.head.appendChild(styleElement);
+	}
+	styleElement.textContent = ".notification {\n        pointer-events: none !important;\n    }";
+}
+function component($$props) {
+	useProps($$props);
+	useDefineProps($$props);
+	const engine = inject(RpgClientEngine);
+	const notifications = computed(() => engine.notificationManager.stack());
+	const iconSheet = (iconId) => ({
+		definition: engine.getSpriteSheet(iconId),
+		playing: "default"
+	});
+	effect(() => {
+		const list = notifications();
+		const rowHeight = 68;
+		list.forEach((notif, index) => {
+			notif.layoutY.set(index * rowHeight);
+		});
+	});
+	const notificationStyle = (notif) => ({
+		opacity: notif.opacity(),
+		transform: `translateY(${notif.layoutY() + notif.offset()}px)`
+	});
+	return h(DOMContainer, {
+		width: "100%",
+		height: "100%",
+		zIndex: 100,
+		attrs: { class: "notification" }
+	}, h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-notifications" }
+	}, loop(notifications, (notif, index) => h(DOMElement, {
+		element: "div",
+		attrs: {
+			class: "rpg-ui-notification",
+			"data-type": computed(() => notif.type || "info"),
+			style: computed(() => notificationStyle(notif))
+		}
+	}, [cond(notif.icon, () => h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-notification-icon" }
+	}, h(DOMSprite, { sheet: computed(() => iconSheet(notif.icon)) }))), h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-notification-message" },
+		textContent: notif.message
+	})]))));
+}
+var __ce_component = component;
+//#endregion
+export { __ce_component as default };
+
+//# sourceMappingURL=notification.ce.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"notification.ce.js","names":[],"sources":["../../../../src/components/gui/notification/notification.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\" zIndex={100} class=\"notification\">\n    <div class=\"rpg-ui-notifications\">\n        @for ((notif,index) of notifications) {\n            <div\n                class=\"rpg-ui-notification\"\n                data-type={notif.type || \"info\"}\n                style={notificationStyle(notif)}\n            >\n                @if (notif.icon) {\n                    <div class=\"rpg-ui-notification-icon\">\n                        <DOMSprite sheet={iconSheet(notif.icon)} />\n                    </div>\n                }\n                <div class=\"rpg-ui-notification-message\">{notif.message}</div>\n            </div>\n        }\n    </div>\n</DOMContainer>\n\n<style>\n    .notification {\n        pointer-events: none !important;\n    }\n</style>\n\n<script>\n    import { effect, computed } from \"canvasengine\";\n    import { inject } from \"../../../core/inject\";\n    import { RpgClientEngine } from \"../../../RpgClientEngine\";\n\n    const engine = inject(RpgClientEngine);\n    const notifications = computed(() => engine.notificationManager.stack());\n\n    const iconSheet = (iconId) => ({\n        definition: engine.getSpriteSheet(iconId),\n        playing: \"default\"\n    });\n\n    effect(() => {\n        const list = notifications();\n        const rowHeight = 68;\n        list.forEach((notif, index) => {\n            notif.layoutY.set(index * rowHeight);\n        });\n    });\n\n    const notificationStyle = (notif) => ({\n        opacity: notif.opacity(),\n        transform: `translateY(${notif.layoutY() + notif.offset()}px)`\n    });\n</script>\n"],"mappings":";;;;AAUA,IAAI,OAAO,aAAa,aAAW;CACjC,IAAI,eAAe,SAAI,eAAA,0GAAA;CACvB,IAAI,CAAC,cAAS;EACZ,eAAa,SAAW,cAAO,OAAa;EAC5C,aAAa,KAAA;EACb,SAAI,KAAA,YAAA,YAAA;CACN;CACA,aAAY,cAAA;;AAGT,SAAA,UAAa,SAAA;CACK,SAAO,OAAS;CACnC,eAAA,OAAA;CACG,MAAA,SAAA,OAAA,eAAA;;CAEP,MAAC,aAAM,YAAA;EACH,YAAS,OAAQ,eAAiB,MAAA;EAClC,SAAS;CACb;;EAEI,MAAM,OAAO,cAAS;EACtB,MAAM,YAAA;;GAEN,MAAM,QAAY,IAAC,QAAW,SAAC;EAC/B,CAAC;CACL,CAAC;CACD,MAAM,qBAAA,WAAA;;EAEF,WAAW,cAAE,MAAA,QAAA,IAAA,MAAA,OAAA,EAAA;CACjB;CAEQ,OADM,EAAA,cAAc;EAAA,OAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA,EAAA,OAAA,eAAA;CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,uBAAA;CAAA,GAAA,KAAA,gBAAA,OAAA,UAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA;GAAA,OAAA;GAAA,aAAA,eAAA,MAAA,QAAA,MAAA;GAAA,OAAA,eAAA,kBAAA,KAAA,CAAA;EAAA;CAAA,GAAA,CAAA,KAAA,MAAA,YAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,2BAAA;CAAA,GAAA,EAAA,WAAA,EAAA,OAAA,eAAA,UAAA,MAAA,IAAA,CAAA,EAAA,CAAA,CAAA,CAAA,GAAA,EAAA,YAAA;EAAA,SAAA;EAAA,OAAA,EAAA,OAAA,8BAAA;EAAA,aAAA,MAAA;CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CACf;AACP;AAEA,IAAA,iBAEI"}

package/dist/components/gui/save-load.ce.js

@@ -0,0 +1,211 @@
+import { inject } from "../../core/inject.js";
+import { SaveClientService } from "../../services/save.js";
+import { RpgGui } from "../../Gui/Gui.js";
+import { RpgClientEngine } from "../../RpgClientEngine.js";
+import { DOMContainer, DOMElement, Navigation, computed, cond, createTabindexNavigator, h, loop, mount, signal, useDefineProps, useProps } from "canvasengine";
+import { PrebuiltGui } from "@rpgjs/common";
+//#region src/components/gui/save-load.ce
+function component($$props) {
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	const engine = inject(RpgClientEngine);
+	const saveClient = inject(SaveClientService);
+	const gui = inject(RpgGui);
+	const keyboardControls = engine.globalConfig.keyboardControls;
+	const selectedSlot = signal(0);
+	const DEFAULT_SLOTS = 4;
+	const defaultSlots = () => Array.from({ length: DEFAULT_SLOTS }, () => null);
+	const localSlots = signal(defaultSlots());
+	const { data, onFinish } = defineProps();
+	const title = computed(() => data().mode === "save" ? "Save Game" : "Load Game");
+	const subtitle = computed(() => data().mode === "save" ? "Choose a slot to overwrite or create." : "Select a slot to load your progress.");
+	const slotsValue = computed(() => localSlots());
+	const displaySlots = computed(() => {
+		const slots = slotsValue();
+		const items = slots.map((slot, index) => ({
+			kind: "slot",
+			slot,
+			slotIndex: index,
+			label: `Slot ${index + 1}`,
+			readonly: false
+		}));
+		if (!data().showAutoSlot) return items;
+		const index = typeof data().autoSlotIndex === "number" ? data().autoSlotIndex : 0;
+		const autoSlot = slots[index] ?? null;
+		const readonly = data().mode === "save";
+		return [{
+			kind: "auto",
+			slot: autoSlot,
+			slotIndex: index,
+			label: data().autoSlotLabel || "Auto Save",
+			readonly
+		}, ...items];
+	});
+	const nav = createTabindexNavigator(selectedSlot, { count: () => displaySlots().length }, "wrap");
+	const canSelect = (item) => {
+		if (item.readonly) return false;
+		if (data().mode === "load" && !item.slot) return false;
+		return true;
+	};
+	const normalizeSlotValue = (value) => {
+		if (!value) return null;
+		if (typeof value === "string") try {
+			return JSON.parse(value);
+		} catch {
+			return null;
+		}
+		return value;
+	};
+	const normalizeSlots = (list) => {
+		if (Array.isArray(list)) {
+			const length = Math.max(list.length, DEFAULT_SLOTS);
+			return Array.from({ length }, (_, index) => normalizeSlotValue(list[index]));
+		}
+		if (!list || typeof list !== "object") return defaultSlots();
+		const keys = Object.keys(list).filter((key) => /^\d+$/.test(key));
+		const indices = keys.map((key) => Number(key)).filter((index) => index >= 0);
+		const maxIndex = indices.length ? Math.max(...indices) : -1;
+		const length = Math.max(maxIndex + 1, DEFAULT_SLOTS);
+		const slots = Array.from({ length }, () => null);
+		keys.forEach((key) => {
+			const index = Number(key);
+			if (index < 0 || index >= length) return;
+			slots[index] = normalizeSlotValue(list[key]);
+		});
+		return slots;
+	};
+	const refreshSlots = async () => {
+		try {
+			const list = await saveClient.listSlots();
+			localSlots.set(normalizeSlots(list));
+		} catch (err) {
+			localSlots.set(defaultSlots());
+		}
+	};
+	const triggerSelect = async (displayIndex) => {
+		const item = displaySlots()[displayIndex];
+		if (!item) return;
+		if (!canSelect(item)) return;
+		const action = data().mode === "save" ? "save" : "load";
+		if (action === "save") {
+			await saveClient.saveSlot(item.slotIndex);
+			await refreshSlots();
+		}
+		if (action === "load") await saveClient.loadSlot(item.slotIndex);
+		setTimeout(() => {
+			if (onFinish) onFinish();
+			gui.hide(PrebuiltGui.Save);
+			gui.hide(PrebuiltGui.TitleScreen);
+		}, 50);
+	};
+	function selectSlot(index) {
+		return function() {
+			selectedSlot.set(index);
+			triggerSelect(index);
+		};
+	}
+	const controls = signal({
+		up: {
+			repeat: true,
+			bind: keyboardControls.up,
+			throttle: 150,
+			keyDown() {
+				nav.next(-1);
+			}
+		},
+		down: {
+			repeat: true,
+			bind: keyboardControls.down,
+			throttle: 150,
+			keyDown() {
+				nav.next(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown() {
+				triggerSelect(selectedSlot());
+			}
+		},
+		escape: {
+			bind: keyboardControls.escape,
+			keyDown() {
+				if (onFinish) onFinish();
+				gui.hide(PrebuiltGui.Save);
+			}
+		},
+		gamepad: { enabled: true }
+	});
+	mount((element) => {
+		refreshSlots();
+	});
+	return h(DOMContainer, {
+		width: "100%",
+		height: "100%"
+	}, h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-save-load rpg-anim-fade-in" }
+	}, [h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-save-load-header" }
+	}, [h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-save-load-title" },
+		textContent: computed(() => title())
+	}), h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-save-load-subtitle" },
+		textContent: computed(() => subtitle())
+	})]), h(Navigation, {
+		tabindex: selectedSlot,
+		controls
+	}, h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-save-load-list" }
+	}, loop(displaySlots, (item, displayIndex) => h(DOMElement, {
+		element: "div",
+		attrs: {
+			class: ["rpg-ui-save-load-slot", computed(() => ({ active: selectedSlot() === displayIndex }))],
+			tabindex: displayIndex,
+			"data-slot-index": displayIndex,
+			click: selectSlot(displayIndex)
+		}
+	}, [h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-save-load-slot-index" },
+		textContent: item.label
+	}), cond(item.slot, () => h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-save-load-slot-meta" }
+	}, [
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-save-load-slot-line" },
+			textContent: "Level: " + item.slot.level
+		}),
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-save-load-slot-line" },
+			textContent: "Exp: " + item.slot.exp
+		}),
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-save-load-slot-line" },
+			textContent: "Map: " + item.slot.map
+		}),
+		h(DOMElement, {
+			element: "div",
+			attrs: { class: "rpg-ui-save-load-slot-line" },
+			textContent: "Date: " + item.slot.date
+		})
+	]), () => h(DOMElement, {
+		element: "div",
+		attrs: { class: "rpg-ui-save-load-slot-empty" },
+		textContent: "Empty Slot"
+	}))]))))]));
+}
+var __ce_component = component;
+//#endregion
+export { __ce_component as default };
+
+//# sourceMappingURL=save-load.ce.js.map

package/dist/components/gui/save-load.ce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"save-load.ce.js","names":[],"sources":["../../../src/components/gui/save-load.ce"],"sourcesContent":["<DOMContainer width=\"100%\" height=\"100%\">\n    <div class=\"rpg-ui-save-load rpg-anim-fade-in\">\n        <div class=\"rpg-ui-save-load-header\">\n            <div class=\"rpg-ui-save-load-title\">{title()}</div>\n            <div class=\"rpg-ui-save-load-subtitle\">{subtitle()}</div>\n        </div>\n        <Navigation tabindex={selectedSlot} controls={controls}>\n            <div class=\"rpg-ui-save-load-list\">\n                @for ((item,displayIndex) of displaySlots) {\n                    <div\n                        class=\"rpg-ui-save-load-slot\"\n                        class={{active: selectedSlot() === displayIndex}}\n                        tabindex={displayIndex}\n                        data-slot-index={displayIndex}\n                        click={selectSlot(displayIndex)}\n                    >\n                        <div class=\"rpg-ui-save-load-slot-index\">{item.label}</div>\n                        @if (item.slot) {\n                            <div class=\"rpg-ui-save-load-slot-meta\">\n                                <div class=\"rpg-ui-save-load-slot-line\">Level: {item.slot.level ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">Exp: {item.slot.exp ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">Map: {item.slot.map ?? \"-\"}</div>\n                                <div class=\"rpg-ui-save-load-slot-line\">Date: {item.slot.date ?? \"-\"}</div>\n                            </div>\n                        }\n                        @else {\n                            <div class=\"rpg-ui-save-load-slot-empty\">Empty Slot</div>\n                        }\n                    </div>\n                }\n            </div>\n        </Navigation>\n    </div>\n</DOMContainer>\n\n<script>\n    import { signal, computed, effect, createTabindexNavigator, mount } from \"canvasengine\";\n    import { inject } from \"../../core/inject\";\n    import { RpgClientEngine } from \"../../RpgClientEngine\";\n    import { SaveClientService } from \"../../services/save\";\n    import { PrebuiltGui } from \"@rpgjs/common\";\n    import { RpgGui } from \"../../Gui/Gui\";\n\n    const engine = inject(RpgClientEngine);\n    const saveClient = inject(SaveClientService);\n    const gui = inject(RpgGui);\n    const keyboardControls = engine.globalConfig.keyboardControls;\n\n    const selectedSlot = signal(0);\n    const DEFAULT_SLOTS = 4;\n    const defaultSlots = () => Array.from({ length: DEFAULT_SLOTS }, () => null);\n    const localSlots = signal(defaultSlots());\n\n    const { data, onFinish } = defineProps();\n\n    const title = computed(() => data().mode === \"save\" ? \"Save Game\" : \"Load Game\");\n    const subtitle = computed(() => data().mode === \"save\"\n        ? \"Choose a slot to overwrite or create.\"\n        : \"Select a slot to load your progress.\"\n    );\n\n    const slotsValue = computed(() => localSlots());\n    const displaySlots = computed(() => {\n        const slots = slotsValue();\n        const items = slots.map((slot, index) => ({\n            kind: \"slot\",\n            slot,\n            slotIndex: index,\n            label: `Slot ${index + 1}`,\n            readonly: false\n        }));\n        if (!data().showAutoSlot) return items;\n        const index = typeof data().autoSlotIndex === \"number\" ? data().autoSlotIndex : 0;\n        const autoSlot = slots[index] ?? null;\n        const readonly = data().mode === \"save\";\n        return [\n            {\n                kind: \"auto\",\n                slot: autoSlot,\n                slotIndex: index,\n                label: data().autoSlotLabel || \"Auto Save\",\n                readonly\n            },\n            ...items\n        ];\n    });\n    const nav = createTabindexNavigator(selectedSlot, { count: () => displaySlots().length }, \"wrap\");\n\n    const canSelect = (item) => {\n        if (item.readonly) return false;\n        if (data().mode === \"load\" && !item.slot) return false;\n        return true;\n    };\n\n    const normalizeSlotValue = (value) => {\n        if (!value) return null;\n        if (typeof value === \"string\") {\n            try {\n                return JSON.parse(value);\n            } catch {\n                return null;\n            }\n        }\n        return value;\n    };\n\n    const normalizeSlots = (list) => {\n        if (Array.isArray(list)) {\n            const length = Math.max(list.length, DEFAULT_SLOTS);\n            return Array.from({ length }, (_, index) => normalizeSlotValue(list[index]));\n        }\n        if (!list || typeof list !== \"object\") {\n            return defaultSlots();\n        }\n        const keys = Object.keys(list).filter((key) => /^\\d+$/.test(key));\n        const indices = keys.map((key) => Number(key)).filter((index) => index >= 0);\n        const maxIndex = indices.length ? Math.max(...indices) : -1;\n        const length = Math.max(maxIndex + 1, DEFAULT_SLOTS);\n        const slots = Array.from({ length }, () => null);\n        keys.forEach((key) => {\n            const index = Number(key);\n            if (index < 0 || index >= length) return;\n            slots[index] = normalizeSlotValue(list[key]);\n        });\n        return slots;\n    };\n\n    const hasProvidedSlots = (list) => {\n        if (Array.isArray(list)) return list.length > 0;\n        return !!(list && typeof list === \"object\" && Object.keys(list).length > 0);\n    };\n\n    const refreshSlots = async () => {\n        try {\n            const list = await saveClient.listSlots();\n            localSlots.set(normalizeSlots(list));\n        } catch (err) {\n            localSlots.set(defaultSlots());\n        }\n    };\n\n    const triggerSelect = async (displayIndex) => {\n        const list = displaySlots();\n        const item = list[displayIndex];\n        if (!item) return;\n        if (!canSelect(item)) return;\n        const action = data().mode === \"save\" ? \"save\" : \"load\";\n        if (action === \"save\") {\n            await saveClient.saveSlot(item.slotIndex);\n            await refreshSlots();\n        }\n        if (action === \"load\") {\n            await saveClient.loadSlot(item.slotIndex);\n        }\n        setTimeout(() => {\n            if (onFinish) onFinish();\n            gui.hide(PrebuiltGui.Save);\n            gui.hide(PrebuiltGui.TitleScreen);\n        }, 50);\n\n    };\n\n    function selectSlot(index) {\n        return function() {\n            selectedSlot.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                nav.next(-1);\n            }\n        },\n        down: {\n            repeat: true,\n            bind: keyboardControls.down,\n            throttle: 150,\n            keyDown() {\n                nav.next(1);\n            }\n        },\n        action: {\n            bind: keyboardControls.action,\n            keyDown() {\n                triggerSelect(selectedSlot());\n            }\n        },\n        escape: {\n            bind: keyboardControls.escape,\n            keyDown() {\n                if (onFinish) onFinish();\n                gui.hide(PrebuiltGui.Save);\n            }\n        },\n        gamepad: {\n            enabled: true\n        }\n    });\n\n    mount((element) => {\n        refreshSlots();\n    });\n</script>\n"],"mappings":"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"}