steven/gpx.studio
1
0
Fork 0
mirror of https://github.com/gpxstudio/gpx.studio.git synced 2025-12-02 10:02:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

update extension api

Browse Source
This commit is contained in:
vcoppe
2025-11-25 19:18:54 +01:00
parent f13d8c1e22
commit 467cb2e589
3 changed files with 50 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/src/lib/components/map/layer-control/LayerTreeNode.svelte
View File

@@ -85,7 +85,7 @@
{:else if anySelectedLayer(node[id])} {:else if anySelectedLayer(node[id])}
<CollapsibleTreeNode {id}> <CollapsibleTreeNode {id}>
{#snippet trigger()} {#snippet trigger()}
<span>{i18n._(`layers.label.${id}`)}</span> <span>{i18n._(`layers.label.${id}`, id)}</span>
{/snippet} {/snippet}
{#snippet content()} {#snippet content()}
<div class="ml-2"> <div class="ml-2">

52
website/src/lib/components/map/layer-control/extension-api.ts
View File

@@ -8,6 +8,7 @@ import { map } from '$lib/components/map/map';
const { currentOverlays, previousOverlays, selectedOverlayTree } = settings; const { currentOverlays, previousOverlays, selectedOverlayTree } = settings;
export type CustomOverlay = { export type CustomOverlay = {
extensionName: string;
id: string; id: string;
name: string; name: string;
tileUrls: string[]; tileUrls: string[];
@@ -46,8 +47,16 @@ export class ExtensionAPI {
} }
addOrUpdateOverlay(overlay: CustomOverlay) { addOrUpdateOverlay(overlay: CustomOverlay) {
if (!overlay.id || !overlay.name || !overlay.tileUrls || overlay.tileUrls.length === 0) { if (
throw new Error('Overlay must have an id, name, and at least one tile URL.'); !overlay.extensionName ||
!overlay.id ||
!overlay.name ||
!overlay.tileUrls ||
overlay.tileUrls.length === 0
) {
throw new Error(
'Overlay must have an extensionName, id, name, and at least one tile URL.'
);
} }
overlay.id = this.getOverlayId(overlay.id); overlay.id = this.getOverlayId(overlay.id);
@@ -75,10 +84,17 @@ export class ExtensionAPI {
], ],
}; };
overlayTree.overlays.world[overlay.id] = true; if (!overlayTree.overlays.hasOwnProperty(overlay.extensionName)) {
overlayTree.overlays[overlay.extensionName] = {};
}
overlayTree.overlays[overlay.extensionName][overlay.id] = true;
selectedOverlayTree.update((selected) => { selectedOverlayTree.update((selected) => {
selected.overlays.world[overlay.id] = true; if (!selected.overlays.hasOwnProperty(overlay.extensionName)) {
selected.overlays[overlay.extensionName] = {};
}
selected.overlays[overlay.extensionName][overlay.id] = true;
return selected; return selected;
}); });
@@ -94,7 +110,10 @@ export class ExtensionAPI {
} }
currentOverlays.update((current) => { currentOverlays.update((current) => {
current.overlays.world[overlay.id] = show; if (!current.overlays.hasOwnProperty(overlay.extensionName)) {
current.overlays[overlay.extensionName] = {};
}
current.overlays[overlay.extensionName][overlay.id] = show;
return current; return current;
}); });
} }
@@ -133,6 +152,29 @@ export class ExtensionAPI {
}); });
} }
updateOverlaysOrder(ids: string[]) {
ids = ids.map((id) => this.getOverlayId(id));
selectedOverlayTree.update((selected) => {
let isSelected: Record<string, boolean> = {};
ids.forEach((id) => {
const overlay = get(this._overlays).get(id);
if (
overlay &&
selected.overlays.hasOwnProperty(overlay.extensionName) &&
selected.overlays[overlay.extensionName].hasOwnProperty(id)
) {
isSelected[id] = selected.overlays[overlay.extensionName][id];
delete selected.overlays[overlay.extensionName][id];
}
});
Object.entries(isSelected).forEach(([id, value]) => {
const overlay = get(this._overlays).get(id)!;
selected.overlays[overlay.extensionName][id] = value;
});
return selected;
});
}
isLayerFromExtension = derived(this._overlays, ($overlays) => { isLayerFromExtension = derived(this._overlays, ($overlays) => {
return (id: string) => $overlays.has(id); return (id: string) => $overlays.has(id);
}); });

4
website/src/lib/i18n.svelte.ts
View File

@@ -14,7 +14,7 @@ class Locale {
private _isLoadingInitial = $state(true); private _isLoadingInitial = $state(true);
private _isLoading = $state(true); private _isLoading = $state(true);
private dictionary: Dictionary = $state({}); private dictionary: Dictionary = $state({});
private _t = $derived((key: string) => { private _t = $derived((key: string, fallback?: string) => {
const keys = key.split('.'); const keys = key.split('.');
let value: string | Dictionary = this.dictionary; let value: string | Dictionary = this.dictionary;
@@ -22,7 +22,7 @@ class Locale {
if (value && typeof value === 'object' && k in value) { if (value && typeof value === 'object' && k in value) {
value = value[k]; value = value[k];
} else { } else {
return key; return fallback || key;
} }
} }