fix custom layer creation, relates to #12

website/src/lib/components/layer-control/CustomLayers.svelte

@@ -99,15 +99,21 @@
 
 	function addLayer(layerId: string) {
 		if (layerType === 'basemap') {
-			if (!$selectedBasemapTree.basemaps.hasOwnProperty('custom')) {
-				$selectedBasemapTree.basemaps['custom'] = {};
-			}
-			$selectedBasemapTree.basemaps['custom'][layerId] = true;
+			selectedBasemapTree.update(($tree) => {
+				if (!$tree.basemaps.hasOwnProperty('custom')) {
+					$tree.basemaps['custom'] = {};
+				}
+				$tree.basemaps['custom'][layerId] = true;
+				return $tree;
+			});
 		} else {
-			if (!$selectedOverlayTree.overlays.hasOwnProperty('custom')) {
-				$selectedOverlayTree.overlays['custom'] = {};
-			}
-			$selectedOverlayTree.overlays['custom'][layerId] = true;
+			selectedOverlayTree.update(($tree) => {
+				if (!$tree.overlays.hasOwnProperty('custom')) {
+					$tree.overlays['custom'] = {};
+				}
+				$tree.overlays['custom'][layerId] = true;
+				return $tree;
+			});
 		}
 	}
 

website/src/lib/components/layer-control/LayerTreeNode.svelte

@@ -8,6 +8,7 @@
 
 	import { _ } from 'svelte-i18n';
 	import { settings } from '$lib/db';
+	import { beforeUpdate } from 'svelte';
 
 	export let name: string;
 	export let node: LayerTreeType;
@@ -18,17 +19,19 @@
 
 	const { customLayers } = settings;
 
-	$: if (checked !== undefined) {
-		Object.keys(node).forEach((id) => {
-			if (!checked.hasOwnProperty(id)) {
-				if (typeof node[id] == 'boolean') {
-					checked[id] = false;
-				} else {
-					checked[id] = {};
+	beforeUpdate(() => {
+		if (checked !== undefined) {
+			Object.keys(node).forEach((id) => {
+				if (!checked.hasOwnProperty(id)) {
+					if (typeof node[id] == 'boolean') {
+						checked[id] = false;
+					} else {
+						checked[id] = {};
+					}
 				}
-			}
-		});
-	}
+			});
+		}
+	});
 </script>
 
 <div class="flex flex-col gap-[3px]">