floor-editor-ts 1.3.10 → 1.3.12

package/dist/floor-editor.es.js

@@ -6472,7 +6472,7 @@ function addFurniture(catalogId, position) {
 			}
 		});
 	}, `Added ${catalogId}`);
-	Promise.resolve().then(() => (init_onboarding_svelte(), onboarding_svelte_exports)).then((m) => m.triggerTip("first-furniture", position.x + 20, position.y + 20));
+	if (!isAssignedCamerasSyncing()) Promise.resolve().then(() => (init_onboarding_svelte(), onboarding_svelte_exports)).then((m) => m.triggerTip("first-furniture", position.x + 20, position.y + 20));
 	return id;
 }
 /** Move furniture without creating an undo snapshot on every call (used during drag).
@@ -57286,6 +57286,7 @@ function initAutoSave(onDispatch) {
 			skipNext = false;
 			return;
 		}
+		if (isAssignedCamerasSyncing()) return;
 		if (!_p) return;
 		markDirty(onDispatch);
 	});
@@ -57333,6 +57334,12 @@ async function autoSave(onDispatch) {
 		saveState.set("unsaved");
 	}
 }
+/** Mark as saved without triggering dirty (e.g. after loadProject) */
+function markClean() {
+	if (debounceTimer) clearTimeout(debounceTimer);
+	saveState.set("saved");
+	skipNext = true;
+}
 //#endregion
 //#region src/lib/components/toolbar/VersionHistoryPanel.svelte
 init_client();
@@ -65744,13 +65751,16 @@ function FloorPlanCanvas($$anchor, $$props) {
 		};
 	}
 	user_effect(() => {
-		canvasZoom.set(get(zoom));
+		const z = get(zoom);
+		if (get$1(canvasZoom) !== z) canvasZoom.set(z);
 	});
 	user_effect(() => {
-		canvasCamX.set(get(camX));
+		const x = get(camX);
+		if (get$1(canvasCamX) !== x) canvasCamX.set(x);
 	});
 	user_effect(() => {
-		canvasCamY.set(get(camY));
+		const y = get(camY);
+		if (get$1(canvasCamY) !== y) canvasCamY.set(y);
 	});
 	let wallStart = /* @__PURE__ */ state(null);
 	let wallSequenceFirst = /* @__PURE__ */ state(null);
@@ -65847,7 +65857,8 @@ function FloorPlanCanvas($$anchor, $$props) {
 	}));
 	let showFurniture = /* @__PURE__ */ user_derived(() => get(layerVis).furniture);
 	user_effect(() => {
-		showFurnitureStore.set(get(layerVis).furniture);
+		const on = get(layerVis).furniture;
+		if (get$1(showFurnitureStore) !== on) showFurnitureStore.set(on);
 	});
 	let showDoors = /* @__PURE__ */ user_derived(() => get(layerVis).doors);
 	let showWindows = /* @__PURE__ */ user_derived(() => get(layerVis).windows);
@@ -70844,17 +70855,18 @@ function OnboardingTooltip($$anchor, $$props) {
 	let visible = /* @__PURE__ */ state(false);
 	let autoTimer = null;
 	user_effect(() => {
-		if (activeTipState.current) {
-			set(visible, false);
+		const tip = activeTipState.current;
+		if (tip) {
+			if (get(visible)) set(visible, false);
 			requestAnimationFrame(() => {
-				set(visible, true);
+				if (activeTipState.current === tip) set(visible, true);
 			});
 			if (autoTimer) clearTimeout(autoTimer);
 			autoTimer = setTimeout(() => {
 				dismissTip();
 			}, 8e3);
 		} else {
-			set(visible, false);
+			if (get(visible)) set(visible, false);
 			if (autoTimer) {
 				clearTimeout(autoTimer);
 				autoTimer = null;
@@ -70912,10 +70924,31 @@ var lastRejectedKey = "";
 * (host may load a saved floor without passing assignedCameras).
 */
 var lastSyncedSerials = /* @__PURE__ */ new Set();
+/** Skip mutate when host assignment + floor cameras/zones already match. */
+var lastAppliedFingerprint = "";
 /** Call when host replaces floorData so load doesn't fight a stale sync set. */
 function resetAssignedCamerasSyncState() {
 	lastSyncedSerials = /* @__PURE__ */ new Set();
 	lastRejectedKey = "";
+	lastAppliedFingerprint = "";
+}
+function assignmentFingerprint(assigned, floor) {
+	var _floor$zones, _floor$walls$length, _floor$walls;
+	const cams = getCameraFurniture(floor).map((f) => {
+		var _f$props, _f$serial, _f$name;
+		const props = (_f$props = f.props) !== null && _f$props !== void 0 ? _f$props : {};
+		const keys = Object.keys(props).sort();
+		return `${(_f$serial = f.serial) !== null && _f$serial !== void 0 ? _f$serial : ""}:${(_f$name = f.name) !== null && _f$name !== void 0 ? _f$name : ""}:${keys.map((k) => `${k}=${props[k]}`).join(",")}`;
+	}).sort().join(";");
+	const zones = ((_floor$zones = floor.zones) !== null && _floor$zones !== void 0 ? _floor$zones : []).map((z) => {
+		var _z$cameraSerial, _z$points$length, _z$points;
+		return `${(_z$cameraSerial = z.cameraSerial) !== null && _z$cameraSerial !== void 0 ? _z$cameraSerial : ""}:${z.name}:${z.color}:${(_z$points$length = (_z$points = z.points) === null || _z$points === void 0 ? void 0 : _z$points.length) !== null && _z$points$length !== void 0 ? _z$points$length : 0}`;
+	}).sort().join(";");
+	const host = assigned.map((c) => Object.keys(c).sort().map((k) => {
+		var _c$k;
+		return `${k}=${String((_c$k = c[k]) !== null && _c$k !== void 0 ? _c$k : "")}`;
+	}).join("&")).sort().join("|");
+	return `${floor.id}|w${(_floor$walls$length = (_floor$walls = floor.walls) === null || _floor$walls === void 0 ? void 0 : _floor$walls.length) !== null && _floor$walls$length !== void 0 ? _floor$walls$length : 0}|${host}|${cams}|${zones}`;
 }
 function getCameraFurniture(floor) {
 	return floor.furniture.filter((f) => f.catalogId === "camera");
@@ -70980,17 +71013,18 @@ function applyCameraProps(id, cam) {
 * - If floor has no walls, rejects adds and emits camerasRejected
 */
 function syncAssignedCameras(assigned) {
-	var _floor$walls$length, _floor$walls;
+	var _floor$walls$length2, _floor$walls2;
 	const floor = get$1(activeFloor);
 	const project = get$1(currentProject);
 	if (!floor || !project) return;
 	const normalized = assigned.filter((c) => c && typeof c.serial === "string" && String(c.serial).trim());
+	if (assignmentFingerprint(normalized, floor) === lastAppliedFingerprint) return;
 	const assignedBySerial = new Map(normalized.map((c) => [String(c.serial).trim(), c]));
 	const existing = getCameraFurniture(floor);
 	const existingBySerial = /* @__PURE__ */ new Map();
 	for (const item of existing) if (item.serial) existingBySerial.set(item.serial, item);
 	const toAdd = normalized.filter((c) => !existingBySerial.has(String(c.serial).trim()));
-	const hasFloorLayout = ((_floor$walls$length = (_floor$walls = floor.walls) === null || _floor$walls === void 0 ? void 0 : _floor$walls.length) !== null && _floor$walls$length !== void 0 ? _floor$walls$length : 0) > 0;
+	const hasFloorLayout = ((_floor$walls$length2 = (_floor$walls2 = floor.walls) === null || _floor$walls2 === void 0 ? void 0 : _floor$walls2.length) !== null && _floor$walls$length2 !== void 0 ? _floor$walls$length2 : 0) > 0;
 	function rejectNoFloor(cameras) {
 		if (cameras.length === 0) return;
 		const key = cameras.map((c) => String(c.serial).trim()).sort().join(",");
@@ -71023,6 +71057,8 @@ function syncAssignedCameras(assigned) {
 		if (!hasFloorLayout) {
 			syncZonesFromAssigned(assignedBySerial, hostDrivesAssignment);
 			if (hostDrivesAssignment || newSerials.size > 0) lastSyncedSerials = newSerials;
+			const f = get$1(activeFloor);
+			if (f) lastAppliedFingerprint = assignmentFingerprint(normalized, f);
 			return;
 		}
 		const center = getFloorCenter(floorAfterRemove);
@@ -71030,6 +71066,8 @@ function syncAssignedCameras(assigned) {
 			rejectNoFloor(toAdd);
 			syncZonesFromAssigned(assignedBySerial, hostDrivesAssignment);
 			if (hostDrivesAssignment || newSerials.size > 0) lastSyncedSerials = newSerials;
+			const f = get$1(activeFloor);
+			if (f) lastAppliedFingerprint = assignmentFingerprint(normalized, f);
 			return;
 		}
 		lastRejectedKey = "";
@@ -71042,16 +71080,18 @@ function syncAssignedCameras(assigned) {
 		}
 		syncZonesFromAssigned(assignedBySerial, hostDrivesAssignment);
 		lastSyncedSerials = newSerials;
+		const floorDone = get$1(activeFloor);
+		if (floorDone) lastAppliedFingerprint = assignmentFingerprint(normalized, floorDone);
 	} finally {
 		setAssignedCamerasSyncing(false);
 	}
 }
 /** Push area / areaColor onto linked zones; remove areas whose camera was unassigned. */
 function syncZonesFromAssigned(assignedBySerial, hostDrivesAssignment) {
-	var _floor$zones, _floor2$zones;
+	var _floor$zones2, _floor2$zones;
 	const floor = get$1(activeFloor);
 	if (!floor) return;
-	if (hostDrivesAssignment && ((_floor$zones = floor.zones) === null || _floor$zones === void 0 ? void 0 : _floor$zones.length)) for (const z of [...floor.zones]) {
+	if (hostDrivesAssignment && ((_floor$zones2 = floor.zones) === null || _floor$zones2 === void 0 ? void 0 : _floor$zones2.length)) for (const z of [...floor.zones]) {
 		if (!z.cameraSerial) continue;
 		if (!assignedBySerial.has(z.cameraSerial)) removeZone(z.id);
 	}
@@ -71086,27 +71126,80 @@ function App($$anchor, $$props) {
 	let config = /* @__PURE__ */ state(proxy({ ...DEFAULT_CONFIG }));
 	let activeFloorId = /* @__PURE__ */ state(null);
 	let activeFloorWallCount = /* @__PURE__ */ state(0);
-	(_$$props$stores = $$props.stores) === null || _$$props$stores === void 0 || _$$props$stores.floorData.subscribe((v) => set(floorData, v, true));
-	(_$$props$stores2 = $$props.stores) === null || _$$props$stores2 === void 0 || _$$props$stores2.config.subscribe((v) => set(config, normalizeConfig(v), true));
+	/** Latest assignedCameras from host config — sync is NOT in $effect (avoids depth loops). */
+	let latestAssigned = [];
+	let assignedSyncTimer = null;
+	let lastScheduledAssignKey = "";
+	let lastScheduledFloorKey = "";
+	let lastFloorDataKey = "";
+	function assignedKey(list) {
+		return list.map((c) => {
+			if (!(c === null || c === void 0 ? void 0 : c.serial)) return "";
+			return Object.keys(c).sort().map((k) => {
+				var _c$k;
+				return `${k}=${String((_c$k = c[k]) !== null && _c$k !== void 0 ? _c$k : "")}`;
+			}).join("&");
+		}).filter(Boolean).sort().join("|");
+	}
+	function scheduleAssignedCamerasSync(_reason) {
+		var _$$get;
+		const aKey = assignedKey(latestAssigned);
+		const fKey = `${(_$$get = get(activeFloorId)) !== null && _$$get !== void 0 ? _$$get : ""}:${get(activeFloorWallCount)}`;
+		if (aKey === lastScheduledAssignKey && fKey === lastScheduledFloorKey && assignedSyncTimer != null) return;
+		lastScheduledAssignKey = aKey;
+		lastScheduledFloorKey = fKey;
+		if (assignedSyncTimer != null) clearTimeout(assignedSyncTimer);
+		assignedSyncTimer = setTimeout(() => {
+			assignedSyncTimer = null;
+			syncAssignedCameras(latestAssigned);
+		}, 0);
+	}
+	function applyFloorData(v) {
+		set(floorData, v, true);
+		let key = "";
+		try {
+			key = JSON.stringify(v !== null && v !== void 0 ? v : null);
+		} catch (_unused) {
+			key = String(Date.now());
+		}
+		if (key === lastFloorDataKey) return;
+		lastFloorDataKey = key;
+		resetAssignedCamerasSyncState();
+		lastScheduledAssignKey = "";
+		lastScheduledFloorKey = "";
+		currentProject.set(normalizeFloorData(v));
+		markClean();
+		scheduleAssignedCamerasSync("floor");
+	}
+	(_$$props$stores = $$props.stores) === null || _$$props$stores === void 0 || _$$props$stores.floorData.subscribe((v) => applyFloorData(v));
+	(_$$props$stores2 = $$props.stores) === null || _$$props$stores2 === void 0 || _$$props$stores2.config.subscribe((v) => {
+		var _next$assignedCameras;
+		const next = normalizeConfig(v);
+		set(config, next, true);
+		latestAssigned = (_next$assignedCameras = next.assignedCameras) !== null && _next$assignedCameras !== void 0 ? _next$assignedCameras : [];
+		if (next.cameraThumbnailOpacity != null && get$1(cameraThumbnailOpacity) !== next.cameraThumbnailOpacity) cameraThumbnailOpacity.set(next.cameraThumbnailOpacity);
+		if (next.projectName) {
+			const proj = get$1(currentProject);
+			if (proj && proj.name !== next.projectName) currentProject.update((p) => p ? {
+				...p,
+				name: next.projectName
+			} : p);
+		}
+		scheduleAssignedCamerasSync("config");
+	});
 	activeFloor.subscribe((f) => {
 		var _f$id, _f$walls$length, _f$walls;
-		set(activeFloorId, (_f$id = f === null || f === void 0 ? void 0 : f.id) !== null && _f$id !== void 0 ? _f$id : null, true);
-		set(activeFloorWallCount, (_f$walls$length = f === null || f === void 0 || (_f$walls = f.walls) === null || _f$walls === void 0 ? void 0 : _f$walls.length) !== null && _f$walls$length !== void 0 ? _f$walls$length : 0, true);
+		const id = (_f$id = f === null || f === void 0 ? void 0 : f.id) !== null && _f$id !== void 0 ? _f$id : null;
+		const walls = (_f$walls$length = f === null || f === void 0 || (_f$walls = f.walls) === null || _f$walls === void 0 ? void 0 : _f$walls.length) !== null && _f$walls$length !== void 0 ? _f$walls$length : 0;
+		const floorChanged = id !== get(activeFloorId) || walls !== get(activeFloorWallCount);
+		if (id !== get(activeFloorId)) set(activeFloorId, id, true);
+		if (walls !== get(activeFloorWallCount)) set(activeFloorWallCount, walls, true);
+		if (floorChanged) scheduleAssignedCamerasSync("floor");
 	});
 	user_effect(() => {
 		setFloorCallbackDispatcher($$props.onDispatch ? (eventName, detail) => $$props.onDispatch(eventName, detail) : null);
 		return () => setFloorCallbackDispatcher(null);
 	});
-	user_effect(() => {
-		if (get(config).cameraThumbnailOpacity != null) cameraThumbnailOpacity.set(get(config).cameraThumbnailOpacity);
-	});
-	user_effect(() => {
-		var _$$get$assignedCamera;
-		const assigned = (_$$get$assignedCamera = get(config).assignedCameras) !== null && _$$get$assignedCamera !== void 0 ? _$$get$assignedCamera : [];
-		get(activeFloorId);
-		get(activeFloorWallCount);
-		syncAssignedCameras(assigned);
-	});
 	let commandPaletteOpen = /* @__PURE__ */ state(false);
 	let printOpen = /* @__PURE__ */ state(false);
 	let mode = /* @__PURE__ */ state("2d");
@@ -71115,27 +71208,18 @@ function App($$anchor, $$props) {
 	viewMode.subscribe((m) => {
 		set(mode, m, true);
 	});
-	user_effect(() => {
-		resetAssignedCamerasSyncState();
-		currentProject.set(normalizeFloorData(get(floorData)));
-	});
-	user_effect(() => {
-		if (!get(config).projectName) return;
-		currentProject.update((p) => p ? {
-			...p,
-			name: get(config).projectName
-		} : p);
-	});
 	onMount(() => {
 		let saveTimeout;
 		const unsub = currentProject.subscribe((p) => {
 			if (!p) return;
+			if (isAssignedCamerasSyncing()) return;
 			clearTimeout(saveTimeout);
 			saveTimeout = setTimeout(() => localStore.save(p), 500);
 		});
 		return () => {
 			unsub();
 			clearTimeout(saveTimeout);
+			if (assignedSyncTimer != null) clearTimeout(assignedSyncTimer);
 		};
 	});
 	var fragment = root();
@@ -71221,8 +71305,8 @@ function App($$anchor, $$props) {
 		append($$anchor, div_2);
 	};
 	if_block(node_1, ($$render) => {
-		var _$$get;
-		if (get(mode) === "2d" && !((_$$get = get(config)) === null || _$$get === void 0 ? void 0 : _$$get.viewOnly)) $$render(consequent_1);
+		var _$$get2;
+		if (get(mode) === "2d" && !((_$$get2 = get(config)) === null || _$$get2 === void 0 ? void 0 : _$$get2.viewOnly)) $$render(consequent_1);
 	});
 	var div_4 = sibling(node_1, 2);
 	var node_3 = child(div_4);
@@ -71231,56 +71315,56 @@ function App($$anchor, $$props) {
 		var node_4 = first_child(fragment_2);
 		{
 			let $0 = /* @__PURE__ */ user_derived(() => {
-				var _$$get2;
-				return (_$$get2 = get(config)) === null || _$$get2 === void 0 ? void 0 : _$$get2.viewOnly;
+				var _$$get3;
+				return (_$$get3 = get(config)) === null || _$$get3 === void 0 ? void 0 : _$$get3.viewOnly;
 			});
 			let $1 = /* @__PURE__ */ user_derived(() => {
-				var _$$get3;
-				return (_$$get3 = get(config)) === null || _$$get3 === void 0 ? void 0 : _$$get3.floorMaxWidth;
+				var _$$get4;
+				return (_$$get4 = get(config)) === null || _$$get4 === void 0 ? void 0 : _$$get4.floorMaxWidth;
 			});
 			let $2 = /* @__PURE__ */ user_derived(() => {
-				var _$$get4;
-				return (_$$get4 = get(config)) === null || _$$get4 === void 0 ? void 0 : _$$get4.floorMaxHeight;
+				var _$$get5;
+				return (_$$get5 = get(config)) === null || _$$get5 === void 0 ? void 0 : _$$get5.floorMaxHeight;
 			});
 			let $3 = /* @__PURE__ */ user_derived(() => {
-				var _$$get5;
-				return (_$$get5 = get(config)) === null || _$$get5 === void 0 ? void 0 : _$$get5.heatmapMatrix;
+				var _$$get6;
+				return (_$$get6 = get(config)) === null || _$$get6 === void 0 ? void 0 : _$$get6.heatmapMatrix;
 			});
 			let $4 = /* @__PURE__ */ user_derived(() => {
-				var _$$get6;
-				return (_$$get6 = get(config)) === null || _$$get6 === void 0 ? void 0 : _$$get6.heatmapEnabled;
+				var _$$get7;
+				return (_$$get7 = get(config)) === null || _$$get7 === void 0 ? void 0 : _$$get7.heatmapEnabled;
 			});
 			let $5 = /* @__PURE__ */ user_derived(() => {
-				var _$$get7;
-				return (_$$get7 = get(config)) === null || _$$get7 === void 0 ? void 0 : _$$get7.heatmapColorScale;
+				var _$$get8;
+				return (_$$get8 = get(config)) === null || _$$get8 === void 0 ? void 0 : _$$get8.heatmapColorScale;
 			});
 			let $6 = /* @__PURE__ */ user_derived(() => {
-				var _$$get8;
-				return (_$$get8 = get(config)) === null || _$$get8 === void 0 ? void 0 : _$$get8.selectedCameraSerial;
+				var _$$get9;
+				return (_$$get9 = get(config)) === null || _$$get9 === void 0 ? void 0 : _$$get9.selectedCameraSerial;
 			});
 			let $7 = /* @__PURE__ */ user_derived(() => {
-				var _$$get9;
-				return (_$$get9 = get(config)) === null || _$$get9 === void 0 ? void 0 : _$$get9.showCameraCones;
+				var _$$get10;
+				return (_$$get10 = get(config)) === null || _$$get10 === void 0 ? void 0 : _$$get10.showCameraCones;
 			});
 			let $8 = /* @__PURE__ */ user_derived(() => {
-				var _$$get10;
-				return (_$$get10 = get(config)) === null || _$$get10 === void 0 ? void 0 : _$$get10.showCameraLabels;
+				var _$$get11;
+				return (_$$get11 = get(config)) === null || _$$get11 === void 0 ? void 0 : _$$get11.showCameraLabels;
 			});
 			let $9 = /* @__PURE__ */ user_derived(() => {
-				var _$$get11;
-				return (_$$get11 = get(config)) === null || _$$get11 === void 0 ? void 0 : _$$get11.cameraHeatmapMatrix;
+				var _$$get12;
+				return (_$$get12 = get(config)) === null || _$$get12 === void 0 ? void 0 : _$$get12.cameraHeatmapMatrix;
 			});
 			let $10 = /* @__PURE__ */ user_derived(() => {
-				var _$$get12;
-				return ((_$$get12 = get(config)) === null || _$$get12 === void 0 ? void 0 : _$$get12.cameraThumbnail) || "";
+				var _$$get13;
+				return ((_$$get13 = get(config)) === null || _$$get13 === void 0 ? void 0 : _$$get13.cameraThumbnail) || "";
 			});
 			let $11 = /* @__PURE__ */ user_derived(() => {
-				var _$$get13;
-				return (_$$get13 = get(config)) === null || _$$get13 === void 0 ? void 0 : _$$get13.canvasBackground;
+				var _$$get14;
+				return (_$$get14 = get(config)) === null || _$$get14 === void 0 ? void 0 : _$$get14.canvasBackground;
 			});
 			let $12 = /* @__PURE__ */ user_derived(() => {
-				var _$$get14;
-				return (_$$get14 = get(config)) === null || _$$get14 === void 0 ? void 0 : _$$get14.floorPlateBackground;
+				var _$$get15;
+				return (_$$get15 = get(config)) === null || _$$get15 === void 0 ? void 0 : _$$get15.floorPlateBackground;
 			});
 			FloorPlanCanvas(node_4, {
 				get viewOnly() {
@@ -71349,12 +71433,12 @@ function App($$anchor, $$props) {
 		{
 			let $0 = /* @__PURE__ */ user_derived(() => get(mode) === "3d");
 			let $1 = /* @__PURE__ */ user_derived(() => {
-				var _$$get$siteCameras, _$$get15;
-				return (_$$get$siteCameras = (_$$get15 = get(config)) === null || _$$get15 === void 0 ? void 0 : _$$get15.siteCameras) !== null && _$$get$siteCameras !== void 0 ? _$$get$siteCameras : [];
+				var _$$get$siteCameras, _$$get16;
+				return (_$$get$siteCameras = (_$$get16 = get(config)) === null || _$$get16 === void 0 ? void 0 : _$$get16.siteCameras) !== null && _$$get$siteCameras !== void 0 ? _$$get$siteCameras : [];
 			});
 			let $2 = /* @__PURE__ */ user_derived(() => {
-				var _$$get$cameraThumbnai, _$$get16;
-				return (_$$get$cameraThumbnai = (_$$get16 = get(config)) === null || _$$get16 === void 0 ? void 0 : _$$get16.cameraThumbnail) !== null && _$$get$cameraThumbnai !== void 0 ? _$$get$cameraThumbnai : "";
+				var _$$get$cameraThumbnai, _$$get17;
+				return (_$$get$cameraThumbnai = (_$$get17 = get(config)) === null || _$$get17 === void 0 ? void 0 : _$$get17.cameraThumbnail) !== null && _$$get$cameraThumbnai !== void 0 ? _$$get$cameraThumbnai : "";
 			});
 			PropertiesPanel($$anchor, {
 				get is3D() {