mudlet-map-editor 0.20.0 → 0.21.0

package/dist-lib/editor/sessionSaver.d.ts

@@ -0,0 +1,11 @@
+import type { MudletMap } from '../mapIO';
+import type { Command } from './types';
+export interface SaveSessionArgs {
+    fileName: string;
+    map: MudletMap;
+    undoStack: Command[];
+    currentAreaId: number | null;
+    currentZ: number;
+    existingId?: string;
+}
+export declare function saveSessionAsync(args: SaveSessionArgs): Promise<string>;

package/dist-lib/editor/sessionWorker.d.ts

@@ -0,0 +1,18 @@
+import type { MudletMap } from '../mapIO';
+import type { Command } from './types';
+export interface SaveSessionRequest {
+    reqId: number;
+    fileName: string;
+    map: MudletMap;
+    undoStack: Command[];
+    currentAreaId: number | null;
+    currentZ: number;
+    existingId?: string;
+}
+export type SaveSessionResponse = {
+    reqId: number;
+    id: string;
+} | {
+    reqId: number;
+    error: string;
+};

package/dist-lib/index.js

@@ -278,7 +278,7 @@ function ne({ label: e, value: t, options: n, onChange: r, searchable: a, emptyT
 		let t = D[e];
 		t && (r(t.value), d(!1));
 	};
-	return i(() => {
+	i(() => {
 		if (!u) {
 			g("");
 			return;
@@ -295,7 +295,9 @@ function ne({ label: e, value: t, options: n, onChange: r, searchable: a, emptyT
 		u,
 		_,
 		D
-	]), /* @__PURE__ */ m("div", {
+	]);
+	let A = S.current?.closest(".mudlet-editor-root") ?? document.body;
+	return /* @__PURE__ */ m("div", {
 		className: "dropdown-select",
 		children: [/* @__PURE__ */ m("button", {
 			ref: S,
@@ -350,7 +352,7 @@ function ne({ label: e, value: t, options: n, onChange: r, searchable: a, emptyT
 					children: e.label
 				}, e.value))]
 			})]
-		})] }), document.body)]
+		})] }), A)]
 	});
 }
 //#endregion
@@ -6389,7 +6391,14 @@ function Qt({ entries: e }) {
 	});
 }
 function $t({ onClose: e }) {
-	let [t, n] = c(!1), r = Gt.filter((e) => e.detail === "Read" || e.detail === "I/O" || e.kind !== "function"), i = Gt.filter((e) => e.detail === "Write");
+	let [t, n] = c(!1), r = Gt.filter((e) => e.detail === "Read" || e.detail === "I/O" || e.kind !== "function"), i = Gt.filter((e) => e.detail === "Write"), a = async () => {
+		let e = Zt();
+		try {
+			await navigator.clipboard.writeText(e), n(!0), setTimeout(() => n(!1), 1500);
+		} catch {
+			window.prompt("Copy the prompt text:", e);
+		}
+	}, o = document.querySelector(".mudlet-editor-root") ?? document.body;
 	return v(/* @__PURE__ */ p("div", {
 		className: "modal-overlay",
 		onClick: e,
@@ -6438,14 +6447,7 @@ function $t({ onClose: e }) {
 						}), /* @__PURE__ */ p("button", {
 							type: "button",
 							className: "ai-prompt-copy-btn",
-							onClick: async () => {
-								let e = Zt();
-								try {
-									await navigator.clipboard.writeText(e), n(!0), setTimeout(() => n(!1), 1500);
-								} catch {
-									window.prompt("Copy the prompt text:", e);
-								}
-							},
+							onClick: a,
 							title: "Copy AI-friendly API reference to clipboard",
 							children: t ? "Copied!" : "Copy for AI"
 						})]
@@ -6548,7 +6550,7 @@ function $t({ onClose: e }) {
 				]
 			})]
 		})
-	}), document.body);
+	}), o);
 }
 //#endregion
 //#region src/components/panels/ScriptLibraryModal.tsx
@@ -6640,7 +6642,7 @@ function en({ library: e, currentName: t, onLoad: n, onDelete: r, onClose: a })
 }
 //#endregion
 //#region src/components/panels/ScriptPanel.tsx
-var tn = r(() => import("./ScriptCodeEditor-Dtgis0Nh.js"));
+var tn = r(() => import("./ScriptCodeEditor-BHx_AhoB.js"));
 function nn() {
 	let { t: e } = d("panels");
 	return /* @__PURE__ */ m("div", {
@@ -9740,7 +9742,7 @@ function Cr({ value: e, options: t, onChange: n, searchPlaceholder: r = "Search
 		let t = S[e];
 		t && (n(t), o(!1));
 	};
-	return i(() => {
+	i(() => {
 		if (!a) {
 			u("");
 			return;
@@ -9757,7 +9759,9 @@ function Cr({ value: e, options: t, onChange: n, searchPlaceholder: r = "Search
 		a,
 		d,
 		S
-	]), /* @__PURE__ */ m("div", {
+	]);
+	let T = y.current?.closest(".mudlet-editor-root") ?? document.body;
+	return /* @__PURE__ */ m("div", {
 		className: "dropdown-select",
 		style: { flex: 1 },
 		children: [/* @__PURE__ */ m("button", {
@@ -9812,7 +9816,7 @@ function Cr({ value: e, options: t, onChange: n, searchPlaceholder: r = "Search
 					children: t
 				}, t))]
 			})]
-		})] }), document.body)]
+		})] }), T)]
 	});
 }
 //#endregion
@@ -16246,9 +16250,9 @@ function va(e, t) {
 		if (e.currentAreaId == null) return !1;
 		let t = r.getArea(e.currentAreaId);
 		return t ? t.getRooms().every((t) => t.z !== e.currentZ) : !1;
-	}, () => i.getViewportBounds()), y = i.konvaBackend;
-	y.addLiveEffect("editor.marquee", o), y.addLiveEffect("editor.selection", s), y.addLiveEffect("editor.hover", c), y.addLiveEffect("editor.rubberband", l), y.addLiveEffect("editor.snap", u), y.addLiveEffect("editor.connectHandles", d), y.addLiveEffect("editor.customLinePreview", f), y.addLiveEffect("editor.selectedLink", p), y.addLiveEffect("editor.labelHalo", m), y.addLiveEffect("editor.selectionCenter", h), y.addLiveEffect("editor.ghostRooms", g), y.addLiveEffect("editor.route", _), y.addLiveEffect("editor.gridOverlay", v);
-	let x = {
+	}, () => i.getViewportBounds());
+	i.addLiveEffect("editor.marquee", o), i.addLiveEffect("editor.selection", s), i.addLiveEffect("editor.hover", c), i.addLiveEffect("editor.rubberband", l), i.addLiveEffect("editor.snap", u), i.addLiveEffect("editor.connectHandles", d), i.addLiveEffect("editor.customLinePreview", f), i.addLiveEffect("editor.selectedLink", p), i.addLiveEffect("editor.labelHalo", m), i.addLiveEffect("editor.selectionCenter", h), i.addLiveEffect("editor.ghostRooms", g), i.addLiveEffect("editor.route", _), i.addLiveEffect("editor.gridOverlay", v);
+	let y = {
 		renderer: i,
 		reader: r,
 		settings: n,
@@ -16267,18 +16271,18 @@ function va(e, t) {
 			i.refresh(), s.syncPositions(), c.syncPositions(), u.syncPositions(), d.syncPositions(), m.syncPositions(), h.syncPositions(), g.syncPositions(), _.syncPositions();
 		},
 		destroy() {
-			delete t.dataset.editorCursor, S(), y.removeLiveEffect("editor.selection"), y.removeLiveEffect("editor.hover"), y.removeLiveEffect("editor.rubberband"), y.removeLiveEffect("editor.snap"), y.removeLiveEffect("editor.connectHandles"), o.destroy(), y.removeLiveEffect("editor.marquee"), s.destroy(), c.destroy(), l.destroy(), u.destroy(), d.destroy(), f.destroy(), y.removeLiveEffect("editor.customLinePreview"), p.destroy(), y.removeLiveEffect("editor.selectedLink"), m.destroy(), y.removeLiveEffect("editor.labelHalo"), h.destroy(), y.removeLiveEffect("editor.selectionCenter"), g.destroy(), y.removeLiveEffect("editor.ghostRooms"), _.destroy(), y.removeLiveEffect("editor.route"), v.destroy(), y.removeLiveEffect("editor.gridOverlay"), i.destroy();
+			delete t.dataset.editorCursor, x(), i.removeLiveEffect("editor.selection"), i.removeLiveEffect("editor.hover"), i.removeLiveEffect("editor.rubberband"), i.removeLiveEffect("editor.snap"), i.removeLiveEffect("editor.connectHandles"), o.destroy(), i.removeLiveEffect("editor.marquee"), s.destroy(), c.destroy(), l.destroy(), u.destroy(), d.destroy(), f.destroy(), i.removeLiveEffect("editor.customLinePreview"), p.destroy(), i.removeLiveEffect("editor.selectedLink"), m.destroy(), i.removeLiveEffect("editor.labelHalo"), h.destroy(), i.removeLiveEffect("editor.selectionCenter"), g.destroy(), i.removeLiveEffect("editor.ghostRooms"), _.destroy(), i.removeLiveEffect("editor.route"), v.destroy(), i.removeLiveEffect("editor.gridOverlay"), i.destroy();
 		}
 	};
-	a.current = x;
-	let S = _a({
+	a.current = y;
+	let x = _a({
 		renderer: i,
 		container: t,
 		settings: n,
-		refresh: () => x.refresh(),
-		scene: x
+		refresh: () => y.refresh(),
+		scene: y
 	});
-	return x;
+	return y;
 }
 //#endregion
 //#region src/editor/clipboard.ts
@@ -16407,8 +16411,62 @@ function wa(e, t, n, r, i) {
 	}, i);
 }
 //#endregion
+//#region src/editor/sessionSaver.ts
+var Ta = null, Ea = !1, Da = 1, Oa = /* @__PURE__ */ new Map();
+function ka(e) {
+	for (let t of Oa.values()) t.reject(e);
+	Oa.clear();
+}
+function Aa() {
+	if (Ea) return null;
+	if (Ta) return Ta;
+	try {
+		return Ta = new Worker(new URL(
+			/* @vite-ignore */
+			"" + new URL("assets/sessionWorker-DrI4-wnQ.js", import.meta.url).href,
+			"" + import.meta.url
+		), { type: "module" }), Ta.onmessage = (e) => {
+			let t = e.data, n = Oa.get(t.reqId);
+			n && (Oa.delete(t.reqId), "error" in t ? n.reject(Error(t.error)) : n.resolve(t.id));
+		}, Ta.onerror = () => {
+			Ea = !0, ka(/* @__PURE__ */ Error("session worker error")), Ta?.terminate(), Ta = null;
+		}, Ta;
+	} catch {
+		return Ea = !0, null;
+	}
+}
+function ja(e) {
+	return qr(e.fileName, e.map, e.undoStack, e.currentAreaId, e.currentZ, e.existingId);
+}
+async function Ma(e) {
+	let t = Aa();
+	if (t) {
+		let n = Da++;
+		try {
+			return await new Promise((r, i) => {
+				Oa.set(n, {
+					resolve: r,
+					reject: i
+				});
+				try {
+					let r = {
+						reqId: n,
+						...e
+					};
+					t.postMessage(r);
+				} catch (e) {
+					Oa.delete(n), i(e instanceof Error ? e : Error(String(e)));
+				}
+			});
+		} catch (e) {
+			Ea = !0, Ta?.terminate(), Ta = null, console.warn("Session worker save failed; falling back to main thread:", e);
+		}
+	}
+	return ja(e);
+}
+//#endregion
 //#region src/App.tsx
-function Ta() {
+function Na() {
 	return {
 		top: 104,
 		right: z.getState().panelWidth + 24,
@@ -16416,7 +16474,7 @@ function Ta() {
 		left: 24
 	};
 }
-var Ea = {
+var Pa = {
 	1: "select",
 	2: "connect",
 	3: "unlink",
@@ -16425,7 +16483,7 @@ var Ea = {
 	6: "delete",
 	7: "pan",
 	8: "paint"
-}, Da = {
+}, Fa = {
 	ArrowLeft: {
 		dx: -1,
 		dy: 0
@@ -16443,30 +16501,30 @@ var Ea = {
 		dy: -1
 	}
 };
-function Oa(e, t) {
+function Ia(e, t) {
 	let n = Oe.t.bind(Oe), r = [n(`editor:status.${e}`, { count: t.count })];
 	return t.externalExitsStubbed > 0 && r.push(n("editor:status.externalExitsStubbed", { count: t.externalExitsStubbed })), t.externalSpecialExitsDropped > 0 && r.push(n("editor:status.specialExitsDropped", { count: t.externalSpecialExitsDropped })), r.join(" · ");
 }
-function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
-	let { t: r } = d("editor"), a = s(null), l = s(null), u = B((e) => e.map), h = B((e) => e.swatchPaletteOpen), g = u != null, _ = B((e) => e.currentAreaId), v = B((e) => e.currentZ), y = B((e) => e.activeTool), b = B((e) => e.pending), x = B((e) => e.hover), S = B((e) => e.spaceHeld), C = B((e) => e.panelCollapsed), w = B((e) => e.dataVersion), T = B((e) => e.panRequest), [E, D] = c(!1), [O, k] = c(!1), [A, j] = c(!1), [M, P] = c(!1), [F, I] = c(() => new URLSearchParams(window.location.search).get("map")), L = o(() => e.flatMap((e) => e.swatchSets?.() ?? []), [e]), R = o(() => e.flatMap((e) => e.sidebarTabs?.() ?? []), [e]), V = o(() => e.flatMap((e) => e.roomPanelSections?.() ?? []), [e]), H = o(() => {
+function La({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
+	let { t: r } = d("editor"), a = s(null), l = s(null), u = B((e) => e.map), h = B((e) => e.swatchPaletteOpen), g = u != null, _ = B((e) => e.currentAreaId), v = B((e) => e.currentZ), y = B((e) => e.activeTool), b = B((e) => e.pending), x = B((e) => e.hover), S = B((e) => e.spaceHeld), C = B((e) => e.panelCollapsed), w = B((e) => e.undo), T = B((e) => e.redo), E = B((e) => e.panRequest), [D, O] = c(!1), [k, A] = c(!1), [j, M] = c(!1), [P, F] = c(!1), [I, L] = c(() => new URLSearchParams(window.location.search).get("map")), R = o(() => e.flatMap((e) => e.swatchSets?.() ?? []), [e]), V = o(() => e.flatMap((e) => e.sidebarTabs?.() ?? []), [e]), H = o(() => e.flatMap((e) => e.roomPanelSections?.() ?? []), [e]), U = o(() => {
 		for (let t of e) if (typeof t.renderLogo == "function") return t.renderLogo();
-	}, [e]), U = o(() => {
+	}, [e]), ee = o(() => {
 		let t = e.map((e) => e.toolbarActions).filter((e) => typeof e == "function");
 		if (t.length !== 0) return (e) => t.reduce((e, t) => t(e), e);
 	}, [e]);
 	i(() => {
-		z.setState({ pluginSwatchSets: L });
-	}, [L]), i(() => {
+		z.setState({ pluginSwatchSets: R });
+	}, [R]), i(() => {
 		e.length !== 0 && (async () => {
 			for (let t of e) await t.onAppReady?.();
 		})();
 	}, []), i(() => {
-		import("./ScriptCodeEditor-Dtgis0Nh.js");
+		import("./ScriptCodeEditor-BHx_AhoB.js");
 	}, []);
-	let ee = s(u);
+	let W = s(u);
 	i(() => {
-		let t = ee.current;
-		if (ee.current = u, u && u !== t) for (let t of e) t.onMapOpened?.(u);
+		let t = W.current;
+		if (W.current = u, u && u !== t) for (let t of e) t.onMapOpened?.(u);
 		else if (t && !u) for (let t of e) t.onMapClosed?.();
 	}, [u]), i(() => {
 		if (!u) {
@@ -16494,21 +16552,21 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 		let t = Pe();
 		Object.keys(t).length > 0 && Ie(e, t);
 		let { currentAreaId: n, currentZ: r } = z.getState();
-		return n != null && e.setArea(n, r, Ta()), () => {
+		return n != null && e.setArea(n, r, Na()), () => {
 			e.destroy(), l.current = null;
 		};
 	}, [u]), i(() => {
 		let e = l.current;
 		if (!e || !g || _ == null) return;
 		let t = z.getState().navigateTo;
-		t ? (z.setState({ navigateTo: null }), e.setAreaAt(_, v, t.mapX, t.mapY)) : e.setArea(_, v, Ta());
+		t ? (z.setState({ navigateTo: null }), e.setAreaAt(_, v, t.mapX, t.mapY)) : e.setArea(_, v, Na());
 	}, [
 		_,
 		v,
 		g
 	]), i(() => {
-		!T || !l.current || (z.setState({ panRequest: null }), l.current.renderer.camera.panToMapPoint(T.mapX, T.mapY), l.current.refresh());
-	}, [T]), i(() => {
+		!E || !l.current || (z.setState({ panRequest: null }), l.current.renderer.camera.panToMapPoint(E.mapX, E.mapY), l.current.refresh());
+	}, [E]), i(() => {
 		let e = a.current;
 		if (!e) return;
 		if (S) {
@@ -16546,12 +16604,19 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 		let { map: e, loaded: t, undo: n, currentAreaId: r, currentZ: i, sessionId: a } = z.getState();
 		if (!e || !t) return;
 		let o = setTimeout(() => {
-			qr(t.fileName, e, n, r, i, a ?? void 0).then((e) => {
+			Ma({
+				fileName: t.fileName,
+				map: e,
+				undoStack: n,
+				currentAreaId: r,
+				currentZ: i,
+				existingId: a ?? void 0
+			}).then((e) => {
 				a || z.setState({ sessionId: e });
 			}).catch(console.error);
 		}, 1500);
 		return () => clearTimeout(o);
-	}, [w]), i(() => {
+	}, [w, T]), i(() => {
 		let e = (e) => {
 			let t = e;
 			if (!t) return !1;
@@ -16568,15 +16633,15 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && t.key.toLowerCase() === "f") {
-					t.preventDefault(), j((e) => !e);
+					t.preventDefault(), M((e) => !e);
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && !t.shiftKey && t.key.toLowerCase() === "z") {
-					t.preventDefault(), re();
+					t.preventDefault(), ie();
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && (t.shiftKey && t.key.toLowerCase() === "z" || t.key.toLowerCase() === "y")) {
-					t.preventDefault(), ie();
+					t.preventDefault(), G();
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && !t.shiftKey && t.key.toLowerCase() === "c") {
@@ -16588,7 +16653,7 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && !t.shiftKey && t.key.toLowerCase() === "v") {
-					ne();
+					re();
 					return;
 				}
 				if ((t.ctrlKey || t.metaKey) && !t.shiftKey && t.key.toLowerCase() === "d") {
@@ -16608,7 +16673,7 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 							kind: "room",
 							ids: n.newIds
 						},
-						status: Oa("duplicated", n)
+						status: Ia("duplicated", n)
 					});
 					return;
 				}
@@ -16627,7 +16692,7 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 					return;
 				}
 				if (t.key === "Delete" || t.key === "Backspace") {
-					W();
+					ne();
 					return;
 				}
 				if (t.key === "g" || t.key === "G") {
@@ -16635,13 +16700,13 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 					return;
 				}
 				if (t.key === "f" || t.key === "F") {
-					l.current?.renderer.fitArea(Ta());
+					l.current?.renderer.fitArea(Na());
 					return;
 				}
-				if (Ea[t.key]) {
+				if (Pa[t.key]) {
 					let e = z.getState();
 					e.pending?.kind === "customLine" && l.current && (qn(e.pending, l.current), z.bumpData()), z.setState({
-						activeTool: Ea[t.key],
+						activeTool: Pa[t.key],
 						pending: null
 					});
 					return;
@@ -16657,14 +16722,14 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 					} });
 					return;
 				}
-				if (Da[t.key]) {
+				if (Fa[t.key]) {
 					let e = z.getState();
 					if (e.activeTool !== "select" || !e.selection || !e.map) return;
 					if (e.selection.kind === "label") {
 						let { id: n, areaId: i } = e.selection, a = l.current?.reader.getLabelSnapshot(i, n);
 						if (!a) return;
 						t.preventDefault();
-						let o = (t.shiftKey ? 5 : 1) * e.gridStep, s = Da[t.key], c = s.dx * o, u = s.dy * o, d = [...a.pos], f = [
+						let o = (t.shiftKey ? 5 : 1) * e.gridStep, s = Fa[t.key], c = s.dx * o, u = s.dy * o, d = [...a.pos], f = [
 							a.pos[0] + c,
 							a.pos[1] + u,
 							a.pos[2]
@@ -16683,7 +16748,7 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 					}
 					if (e.selection.kind !== "room") return;
 					t.preventDefault();
-					let n = (t.shiftKey ? 5 : 1) * e.gridStep, i = Da[t.key], a = i.dx * n, o = i.dy * n, s = [];
+					let n = (t.shiftKey ? 5 : 1) * e.gridStep, i = Fa[t.key], a = i.dx * n, o = i.dy * n, s = [];
 					for (let t of e.selection.ids) {
 						let n = e.map.rooms[t];
 						if (!n) continue;
@@ -16726,9 +16791,9 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 			}
 		};
 		window.addEventListener("keydown", i), window.addEventListener("keyup", t), window.addEventListener("blur", n);
-		let a = () => l.current?.renderer.fitArea(Ta());
-		return window.addEventListener("editor:undo", re), window.addEventListener("editor:redo", ie), window.addEventListener("editor:fit", a), () => {
-			window.removeEventListener("keydown", i), window.removeEventListener("keyup", t), window.removeEventListener("blur", n), window.removeEventListener("editor:undo", re), window.removeEventListener("editor:redo", ie), window.removeEventListener("editor:fit", a);
+		let a = () => l.current?.renderer.fitArea(Na());
+		return window.addEventListener("editor:undo", ie), window.addEventListener("editor:redo", G), window.addEventListener("editor:fit", a), () => {
+			window.removeEventListener("keydown", i), window.removeEventListener("keyup", t), window.removeEventListener("blur", n), window.removeEventListener("editor:undo", ie), window.removeEventListener("editor:redo", G), window.removeEventListener("editor:fit", a);
 		};
 	}, []), i(() => {
 		let e = (e) => {
@@ -16742,7 +16807,7 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 			window.removeEventListener("dragover", e), window.removeEventListener("drop", t);
 		};
 	}, []);
-	let W = () => {
+	let ne = () => {
 		let e = z.getState();
 		if (!e.map) return;
 		let t = e.selection;
@@ -16908,7 +16973,7 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 				return;
 			}
 		}
-	}, ne = () => {
+	}, re = () => {
 		let e = z.getState();
 		if (!e.map || !e.clipboard || e.currentAreaId == null) return;
 		let t, n;
@@ -16929,12 +16994,12 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 				kind: "room",
 				ids: r.newIds
 			},
-			status: Oa("pasted", r)
+			status: Ia("pasted", r)
 		}));
-	}, re = () => {
+	}, ie = () => {
 		let { changed: e, structural: t } = at(l.current);
 		e && (l.current?.refresh(), t ? z.bumpStructure() : z.bumpData(), z.setState({ status: r("status.undone") }));
-	}, ie = () => {
+	}, G = () => {
 		let { changed: e, structural: t } = ot(l.current);
 		e && (l.current?.refresh(), t ? z.bumpStructure() : z.bumpData(), z.setState({ status: r("status.redone") }));
 	};
@@ -16951,44 +17016,44 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 					!g && /* @__PURE__ */ p(ni, {}),
 					/* @__PURE__ */ p(Me, {
 						title: n,
-						logo: H,
-						transformActions: U,
-						onHelpClick: () => D(!0),
-						onLoadFromUrl: () => k(!0),
+						logo: U,
+						transformActions: ee,
+						onHelpClick: () => O(!0),
+						onLoadFromUrl: () => A(!0),
 						onSave: (t) => {
 							for (let n of e) n.onMapSave?.(t);
 						},
-						onSearchClick: () => j((e) => !e),
-						onSettingsClick: () => P(!0)
+						onSearchClick: () => M((e) => !e),
+						onSettingsClick: () => F(!0)
 					}),
 					/* @__PURE__ */ p(Br, {
 						sceneRef: l,
-						extraTabs: R,
-						pluginRoomSections: V
+						extraTabs: V,
+						pluginRoomSections: H
 					})
 				]
 			}),
 			/* @__PURE__ */ p(Vr, { sceneRef: l }),
 			h && /* @__PURE__ */ p(ri, { sceneRef: l }),
 			e.map((e, n) => /* @__PURE__ */ p(t, { children: e.renderOverlay?.() }, n)),
-			A && g && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
+			j && g && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 				style: {
 					position: "fixed",
 					inset: 0,
 					zIndex: 399
 				},
-				onMouseDown: () => j(!1)
-			}), /* @__PURE__ */ p(Ti, { onClose: () => j(!1) })] }),
+				onMouseDown: () => M(!1)
+			}), /* @__PURE__ */ p(Ti, { onClose: () => M(!1) })] }),
 			/* @__PURE__ */ p(Ei, { sceneRef: l }),
-			M && g && /* @__PURE__ */ p(Re, {
-				onClose: () => P(!1),
+			P && g && /* @__PURE__ */ p(Re, {
+				onClose: () => F(!1),
 				sceneRef: l
 			}),
-			E && /* @__PURE__ */ p(ae, { onClose: () => D(!1) }),
-			(O || F) && /* @__PURE__ */ p(ze, {
-				initialUrl: F ?? void 0,
+			D && /* @__PURE__ */ p(ae, { onClose: () => O(!1) }),
+			(k || I) && /* @__PURE__ */ p(ze, {
+				initialUrl: I ?? void 0,
 				onClose: () => {
-					k(!1), I(null);
+					A(!1), L(null);
 				}
 			})
 		]
@@ -16996,9 +17061,9 @@ function ka({ plugins: e = [], title: n = "Mudlet Map Editor" }) {
 }
 //#endregion
 //#region src/editor/mapBytes.ts
-function Aa() {
+function Ra() {
 	let { map: e } = z.getState();
 	return e ? H(e) : null;
 }
 //#endregion
-export { ka as App, Ae as LanguageSwitcher, Te as addTranslations, Ee as changeLanguage, De as getCurrentLanguage, Aa as getMapBytes, W as loadUrlIntoStore, X as pushCommand, z as store, B as useEditorState };
+export { La as App, Ae as LanguageSwitcher, Te as addTranslations, Ee as changeLanguage, De as getCurrentLanguage, Ra as getMapBytes, W as loadUrlIntoStore, X as pushCommand, z as store, B as useEditorState };

package/dist-lib/{monaco.contribution-CRzon75s.js → monaco.contribution-CoQcDhVH.js}

@@ -109,7 +109,7 @@ var n = /* @__PURE__ */ ((e) => (e[e.ES3 = 0] = "ES3", e[e.ES5 = 1] = "ES5", e[e
 	onlyVisible: !1
 }, {}, {}, i);
 function s() {
-	return import("./tsMode-J2Knw729.js");
+	return import("./tsMode-BnfSMFGJ.js");
 }
 e.onLanguage("typescript", () => s().then((e) => e.setupTypeScript(a))), e.onLanguage("javascript", () => s().then((e) => e.setupJavaScript(o)));
 //#endregion

package/dist-lib/{tsMode-J2Knw729.js → tsMode-BnfSMFGJ.js}

@@ -1,5 +1,5 @@
 import { a as e, c as t, f as n, h as r, o as i, p as a } from "./editor.api2-PX2PsJx9.js";
-import { r as o } from "./monaco.contribution-CRzon75s.js";
+import { r as o } from "./monaco.contribution-CoQcDhVH.js";
 //#region node_modules/monaco-editor/esm/vs/common/workers.js
 function s(e, t) {
 	let n = globalThis.MonacoEnvironment;
@@ -66,7 +66,7 @@ var d = class {
 			moduleId: "vs/language/typescript/tsWorker",
 			createWorker: () => new Worker(new URL(
 				/* @vite-ignore */
-				"/assets/ts.worker-C20_IzgO.js",
+				"" + new URL("assets/ts.worker-BcKzzBCP.js", import.meta.url).href,
 				"" + import.meta.url
 			), { type: "module" }),
 			label: this._modeId,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mudlet-map-editor",
-  "version": "0.20.0",
+  "version": "0.21.0",
   "type": "module",
   "description": "Mudlet Map Editor",
   "keywords": [
@@ -52,7 +52,7 @@
     "konva": "^10.2.5",
     "monaco-editor": "^0.55.1",
     "mudlet-map-binary-reader": "^0.9.0",
-    "mudlet-map-renderer": "0.42.1-konva",
+    "mudlet-map-renderer": "^2.3.1",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "react-i18next": "^17.0.6"