@rpgjs/client 5.0.0-alpha.43 → 5.0.0-alpha.44

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

@@ -1,242 +1,389 @@
-import { useProps, useDefineProps, signal, computed, createTabindexNavigator, mount, h, DOMContainer, DOMElement, Navigation, loop, cond } from 'canvasengine';
-import { inject } from '../../core/inject.js';
-import { RpgClientEngine } from '../../RpgClientEngine.js';
-import { SaveClientService } from '../../services/save.js';
-import { PrebuiltGui } from '@rpgjs/common';
-import { RpgGui } from '../../Gui/Gui.js';
-
+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);
-        var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
-    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var engine = inject(RpgClientEngine);
-var saveClient = inject(SaveClientService);
-var gui = inject(RpgGui);
-var keyboardControls = engine.globalConfig.keyboardControls;
-var selectedSlot = signal(0);
-var DEFAULT_SLOTS = 4;
-var defaultSlots = function () { return Array.from({ length: DEFAULT_SLOTS }, function () { return null; }); };
-var localSlots = signal(defaultSlots());
-var _a = defineProps(), data = _a.data, onFinish = _a.onFinish;
-var title = computed(function () { return data().mode === "save" ? "Save Game" : "Load Game"; });
-var subtitle = computed(function () { return data().mode === "save"
-    ? "Choose a slot to overwrite or create."
-    : "Select a slot to load your progress."; });
-var slotsValue = computed(function () { return localSlots(); });
-var displaySlots = computed(function () {
-    var _a;
-    var slots = slotsValue();
-    var items = slots.map(function (slot, index) { return ({
-        kind: "slot",
-        slot: slot,
-        slotIndex: index,
-        label: "Slot ".concat(index + 1),
-        readonly: false
-    }); });
-    if (!data().showAutoSlot)
-        return items;
-    var index = typeof data().autoSlotIndex === "number" ? data().autoSlotIndex : 0;
-    var autoSlot = (_a = slots[index]) !== null && _a !== void 0 ? _a : null;
-    var readonly = data().mode === "save";
-    return __spreadArray([
-        {
-            kind: "auto",
-            slot: autoSlot,
-            slotIndex: index,
-            label: data().autoSlotLabel || "Auto Save",
-            readonly: readonly
-        }
-    ], items, true);
-});
-var nav = createTabindexNavigator(selectedSlot, { count: function () { return displaySlots().length; } }, "wrap");
-var canSelect = function (item) {
-    if (item.readonly)
-        return false;
-    if (data().mode === "load" && !item.slot)
-        return false;
-    return true;
-};
-var normalizeSlotValue = function (value) {
-    if (!value)
-        return null;
-    if (typeof value === "string") {
-        try {
-            return JSON.parse(value);
-        }
-        catch (_a) {
-            return null;
-        }
-    }
-    return value;
-};
-var normalizeSlots = function (list) {
-    if (Array.isArray(list)) {
-        var length_1 = Math.max(list.length, DEFAULT_SLOTS);
-        return Array.from({ length: length_1 }, function (_, index) { return normalizeSlotValue(list[index]); });
-    }
-    if (!list || typeof list !== "object") {
-        return defaultSlots();
-    }
-    var keys = Object.keys(list).filter(function (key) { return /^\d+$/.test(key); });
-    var indices = keys.map(function (key) { return Number(key); }).filter(function (index) { return index >= 0; });
-    var maxIndex = indices.length ? Math.max.apply(Math, indices) : -1;
-    var length = Math.max(maxIndex + 1, DEFAULT_SLOTS);
-    var slots = Array.from({ length: length }, function () { return null; });
-    keys.forEach(function (key) {
-        var index = Number(key);
-        if (index < 0 || index >= length)
-            return;
-        slots[index] = normalizeSlotValue(list[key]);
-    });
-    return slots;
-};
-var refreshSlots = function () { return __awaiter(void 0, void 0, void 0, function () {
-    var list;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                _a.trys.push([0, 2, , 3]);
-                return [4 /*yield*/, saveClient.listSlots()];
-            case 1:
-                list = _a.sent();
-                localSlots.set(normalizeSlots(list));
-                return [3 /*break*/, 3];
-            case 2:
-                _a.sent();
-                localSlots.set(defaultSlots());
-                return [3 /*break*/, 3];
-            case 3: return [2 /*return*/];
-        }
-    });
-}); };
-var triggerSelect = function (displayIndex) { return __awaiter(void 0, void 0, void 0, function () {
-    var list, item, action;
-    return __generator(this, function (_a) {
-        switch (_a.label) {
-            case 0:
-                list = displaySlots();
-                item = list[displayIndex];
-                if (!item)
-                    return [2 /*return*/];
-                if (!canSelect(item))
-                    return [2 /*return*/];
-                action = data().mode === "save" ? "save" : "load";
-                if (!(action === "save")) return [3 /*break*/, 3];
-                return [4 /*yield*/, saveClient.saveSlot(item.slotIndex)];
-            case 1:
-                _a.sent();
-                return [4 /*yield*/, refreshSlots()];
-            case 2:
-                _a.sent();
-                _a.label = 3;
-            case 3:
-                if (!(action === "load")) return [3 /*break*/, 5];
-                return [4 /*yield*/, saveClient.loadSlot(item.slotIndex)];
-            case 4:
-                _a.sent();
-                _a.label = 5;
-            case 5:
-                setTimeout(function () {
-                    if (onFinish)
-                        onFinish();
-                    gui.hide(PrebuiltGui.Save);
-                    gui.hide(PrebuiltGui.TitleScreen);
-                }, 50);
-                return [2 /*return*/];
-        }
-    });
-}); };
-function selectSlot(index) {
-    return function () {
-        selectedSlot.set(index);
-        triggerSelect(index);
-    };
+	useProps($$props);
+	const defineProps = useDefineProps($$props);
+	var __awaiter = this && this.__awaiter || function(thisArg, _arguments, P, generator) {
+		function adopt(value) {
+			return value instanceof P ? value : new P(function(resolve) {
+				resolve(value);
+			});
+		}
+		return new (P || (P = Promise))(function(resolve, reject) {
+			function fulfilled(value) {
+				try {
+					step(generator.next(value));
+				} catch (e) {
+					reject(e);
+				}
+			}
+			function rejected(value) {
+				try {
+					step(generator["throw"](value));
+				} catch (e) {
+					reject(e);
+				}
+			}
+			function step(result) {
+				result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+			}
+			step((generator = generator.apply(thisArg, _arguments || [])).next());
+		});
+	};
+	var __generator = this && this.__generator || function(thisArg, body) {
+		var _ = {
+			label: 0,
+			sent: function() {
+				if (t[0] & 1) throw t[1];
+				return t[1];
+			},
+			trys: [],
+			ops: []
+		}, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+		return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+			return this;
+		}), g;
+		function verb(n) {
+			return function(v) {
+				return step([n, v]);
+			};
+		}
+		function step(op) {
+			if (f) throw new TypeError("Generator is already executing.");
+			while (g && (g = 0, op[0] && (_ = 0)), _) try {
+				if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+				if (y = 0, t) op = [op[0] & 2, t.value];
+				switch (op[0]) {
+					case 0:
+					case 1:
+						t = op;
+						break;
+					case 4:
+						_.label++;
+						return {
+							value: op[1],
+							done: false
+						};
+					case 5:
+						_.label++;
+						y = op[1];
+						op = [0];
+						continue;
+					case 7:
+						op = _.ops.pop();
+						_.trys.pop();
+						continue;
+					default:
+						if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+							_ = 0;
+							continue;
+						}
+						if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+							_.label = op[1];
+							break;
+						}
+						if (op[0] === 6 && _.label < t[1]) {
+							_.label = t[1];
+							t = op;
+							break;
+						}
+						if (t && _.label < t[2]) {
+							_.label = t[2];
+							_.ops.push(op);
+							break;
+						}
+						if (t[2]) _.ops.pop();
+						_.trys.pop();
+						continue;
+				}
+				op = body.call(thisArg, _);
+			} catch (e) {
+				op = [6, e];
+				y = 0;
+			} finally {
+				f = t = 0;
+			}
+			if (op[0] & 5) throw op[1];
+			return {
+				value: op[0] ? op[1] : void 0,
+				done: true
+			};
+		}
+	};
+	var __spreadArray = this && this.__spreadArray || function(to, from, pack) {
+		if (pack || arguments.length === 2) {
+			for (var i = 0, l = from.length, ar; i < l; i++) if (ar || !(i in from)) {
+				if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+				ar[i] = from[i];
+			}
+		}
+		return to.concat(ar || Array.prototype.slice.call(from));
+	};
+	var engine = inject(RpgClientEngine);
+	var saveClient = inject(SaveClientService);
+	var gui = inject(RpgGui);
+	var keyboardControls = engine.globalConfig.keyboardControls;
+	var selectedSlot = signal(0);
+	var DEFAULT_SLOTS = 4;
+	var defaultSlots = function() {
+		return Array.from({ length: DEFAULT_SLOTS }, function() {
+			return null;
+		});
+	};
+	var localSlots = signal(defaultSlots());
+	var _a = defineProps(), data = _a.data, onFinish = _a.onFinish;
+	var title = computed(function() {
+		return data().mode === "save" ? "Save Game" : "Load Game";
+	});
+	var subtitle = computed(function() {
+		return data().mode === "save" ? "Choose a slot to overwrite or create." : "Select a slot to load your progress.";
+	});
+	var slotsValue = computed(function() {
+		return localSlots();
+	});
+	var displaySlots = computed(function() {
+		var _a;
+		var slots = slotsValue();
+		var items = slots.map(function(slot, index) {
+			return {
+				kind: "slot",
+				slot,
+				slotIndex: index,
+				label: "Slot ".concat(index + 1),
+				readonly: false
+			};
+		});
+		if (!data().showAutoSlot) return items;
+		var index = typeof data().autoSlotIndex === "number" ? data().autoSlotIndex : 0;
+		var autoSlot = (_a = slots[index]) !== null && _a !== void 0 ? _a : null;
+		var readonly = data().mode === "save";
+		return __spreadArray([{
+			kind: "auto",
+			slot: autoSlot,
+			slotIndex: index,
+			label: data().autoSlotLabel || "Auto Save",
+			readonly
+		}], items, true);
+	});
+	var nav = createTabindexNavigator(selectedSlot, { count: function() {
+		return displaySlots().length;
+	} }, "wrap");
+	var canSelect = function(item) {
+		if (item.readonly) return false;
+		if (data().mode === "load" && !item.slot) return false;
+		return true;
+	};
+	var normalizeSlotValue = function(value) {
+		if (!value) return null;
+		if (typeof value === "string") try {
+			return JSON.parse(value);
+		} catch (_a) {
+			return null;
+		}
+		return value;
+	};
+	var normalizeSlots = function(list) {
+		if (Array.isArray(list)) {
+			var length_1 = Math.max(list.length, DEFAULT_SLOTS);
+			return Array.from({ length: length_1 }, function(_, index) {
+				return normalizeSlotValue(list[index]);
+			});
+		}
+		if (!list || typeof list !== "object") return defaultSlots();
+		var keys = Object.keys(list).filter(function(key) {
+			return /^\d+$/.test(key);
+		});
+		var indices = keys.map(function(key) {
+			return Number(key);
+		}).filter(function(index) {
+			return index >= 0;
+		});
+		var maxIndex = indices.length ? Math.max.apply(Math, indices) : -1;
+		var length = Math.max(maxIndex + 1, DEFAULT_SLOTS);
+		var slots = Array.from({ length }, function() {
+			return null;
+		});
+		keys.forEach(function(key) {
+			var index = Number(key);
+			if (index < 0 || index >= length) return;
+			slots[index] = normalizeSlotValue(list[key]);
+		});
+		return slots;
+	};
+	var refreshSlots = function() {
+		return __awaiter(void 0, void 0, void 0, function() {
+			var list;
+			return __generator(this, function(_a) {
+				switch (_a.label) {
+					case 0:
+						_a.trys.push([
+							0,
+							2,
+							,
+							3
+						]);
+						return [4, saveClient.listSlots()];
+					case 1:
+						list = _a.sent();
+						localSlots.set(normalizeSlots(list));
+						return [3, 3];
+					case 2:
+						_a.sent();
+						localSlots.set(defaultSlots());
+						return [3, 3];
+					case 3: return [2];
+				}
+			});
+		});
+	};
+	var triggerSelect = function(displayIndex) {
+		return __awaiter(void 0, void 0, void 0, function() {
+			var list, item, action;
+			return __generator(this, function(_a) {
+				switch (_a.label) {
+					case 0:
+						list = displaySlots();
+						item = list[displayIndex];
+						if (!item) return [2];
+						if (!canSelect(item)) return [2];
+						action = data().mode === "save" ? "save" : "load";
+						if (!(action === "save")) return [3, 3];
+						return [4, saveClient.saveSlot(item.slotIndex)];
+					case 1:
+						_a.sent();
+						return [4, refreshSlots()];
+					case 2:
+						_a.sent();
+						_a.label = 3;
+					case 3:
+						if (!(action === "load")) return [3, 5];
+						return [4, saveClient.loadSlot(item.slotIndex)];
+					case 4:
+						_a.sent();
+						_a.label = 5;
+					case 5:
+						setTimeout(function() {
+							if (onFinish) onFinish();
+							gui.hide(PrebuiltGui.Save);
+							gui.hide(PrebuiltGui.TitleScreen);
+						}, 50);
+						return [2];
+				}
+			});
+		});
+	};
+	function selectSlot(index) {
+		return function() {
+			selectedSlot.set(index);
+			triggerSelect(index);
+		};
+	}
+	var controls = signal({
+		up: {
+			repeat: true,
+			bind: keyboardControls.up,
+			throttle: 150,
+			keyDown: function() {
+				nav.next(-1);
+			}
+		},
+		down: {
+			repeat: true,
+			bind: keyboardControls.down,
+			throttle: 150,
+			keyDown: function() {
+				nav.next(1);
+			}
+		},
+		action: {
+			bind: keyboardControls.action,
+			keyDown: function() {
+				triggerSelect(selectedSlot());
+			}
+		},
+		escape: {
+			bind: keyboardControls.escape,
+			keyDown: function() {
+				if (onFinish) onFinish();
+				gui.hide(PrebuiltGui.Save);
+			}
+		},
+		gamepad: { enabled: true }
+	});
+	mount(function(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 controls = signal({
-    up: {
-        repeat: true,
-        bind: keyboardControls.up,
-        throttle: 150,
-        keyDown: function () {
-            nav.next(-1);
-        }
-    },
-    down: {
-        repeat: true,
-        bind: keyboardControls.down,
-        throttle: 150,
-        keyDown: function () {
-            nav.next(1);
-        }
-    },
-    action: {
-        bind: keyboardControls.action,
-        keyDown: function () {
-            triggerSelect(selectedSlot());
-        }
-    },
-    escape: {
-        bind: keyboardControls.escape,
-        keyDown: function () {
-            if (onFinish)
-                onFinish();
-            gui.hide(PrebuiltGui.Save);
-        }
-    },
-    gamepad: {
-        enabled: true
-    }
-});
-mount(function (element) {
-    refreshSlots();
-});
-        let $this = 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: 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' }))]))))]));
-        return $this
-      }
-
+//#endregion
 export { component as default };
-//# sourceMappingURL=save-load.ce.js.map
+
+//# sourceMappingURL=save-load.ce.js.map