New translations en.json (Chinese Traditional, Hong Kong)

website/src/lib/components/map/map-layer-event-manager.ts

@@ -142,7 +142,6 @@ export class MapLayerEventManager {
     }
 
     private _handleMouseMove(e: maplibregl.MapMouseEvent) {
-        if (e.originalEvent.buttons > 0) return;
         const featuresByLayer = this._getRenderedFeaturesByLayer(e);
         Object.keys(this._listeners).forEach((layerId) => {
             const features = featuresByLayer[layerId] || [];

website/src/lib/components/map/style.ts

@@ -81,13 +81,8 @@ export class StyleManager {
 
         let basemap = get(currentBasemap);
         const basemapInfo = basemaps[basemap] ?? custom[basemap]?.value ?? basemaps[defaultBasemap];
+        const basemapStyle = await this.get(basemapInfo);
 
-        let basemapStyle = basemaps.openStreetMap as maplibregl.StyleSpecification;
-        try {
-            basemapStyle = await this.get(basemapInfo);
-        } catch (e) {
-            console.error(e.message);
-        }
         this.merge(style, basemapStyle);
 
         if (this._maptilerKey !== '') {
@@ -114,52 +109,45 @@ export class StyleManager {
                 if (!layers[overlay]) {
                     if (this._pastOverlays.has(overlay)) {
                         const overlayInfo = custom[overlay]?.value ?? overlays[overlay];
-                        try {
-                            const overlayStyle = await this.get(overlayInfo);
-                            for (let layer of overlayStyle.layers ?? []) {
-                                if (map_.getLayer(layer.id)) {
-                                    map_.removeLayer(layer.id);
-                                }
+                        const overlayStyle = await this.get(overlayInfo);
+                        for (let layer of overlayStyle.layers ?? []) {
+                            if (map_.getLayer(layer.id)) {
+                                map_.removeLayer(layer.id);
                             }
-                        } catch (e) {
-                            // Should not happen
                         }
                         this._pastOverlays.delete(overlay);
                     }
                 } else {
                     const overlayInfo = custom[overlay]?.value ?? overlays[overlay];
-                    try {
-                        const overlayStyle = await this.get(overlayInfo);
-                        const opacity = overlayOpacities[overlay];
+                    const overlayStyle = await this.get(overlayInfo);
+                    const opacity = overlayOpacities[overlay];
 
-                        for (let sourceId in overlayStyle.sources) {
-                            if (!map_.getSource(sourceId)) {
-                                map_.addSource(sourceId, overlayStyle.sources[sourceId]);
-                            }
+                    for (let sourceId in overlayStyle.sources) {
+                        if (!map_.getSource(sourceId)) {
+                            map_.addSource(sourceId, overlayStyle.sources[sourceId]);
                         }
-
-                        for (let layer of overlayStyle.layers ?? []) {
-                            if (!map_.getLayer(layer.id)) {
-                                if (opacity !== undefined) {
-                                    if (layer.type === 'raster') {
-                                        if (!layer.paint) {
-                                            layer.paint = {};
-                                        }
-                                        layer.paint['raster-opacity'] = opacity;
-                                    } else if (layer.type === 'hillshade') {
-                                        if (!layer.paint) {
-                                            layer.paint = {};
-                                        }
-                                        layer.paint['hillshade-exaggeration'] = opacity / 2;
-                                    }
-                                }
-                                map_.addLayer(layer, ANCHOR_LAYER_KEY.overlays);
-                            }
-                        }
-                        this._pastOverlays.add(overlay);
-                    } catch (e) {
-                        console.error(e.message);
                     }
+
+                    for (let layer of overlayStyle.layers ?? []) {
+                        if (!map_.getLayer(layer.id)) {
+                            if (opacity !== undefined) {
+                                if (layer.type === 'raster') {
+                                    if (!layer.paint) {
+                                        layer.paint = {};
+                                    }
+                                    layer.paint['raster-opacity'] = opacity;
+                                } else if (layer.type === 'hillshade') {
+                                    if (!layer.paint) {
+                                        layer.paint = {};
+                                    }
+                                    layer.paint['hillshade-exaggeration'] = opacity / 2;
+                                }
+                            }
+                            map_.addLayer(layer, ANCHOR_LAYER_KEY.overlays);
+                        }
+                    }
+
+                    this._pastOverlays.add(overlay);
                 }
             }
         } catch (e) {}
@@ -193,9 +181,6 @@ export class StyleManager {
                 styleUrl = styleUrl.replace(maptilerKeyPlaceHolder, this._maptilerKey);
             }
             const response = await fetch(styleUrl, { cache: 'force-cache' });
-            if (!response.ok) {
-                throw new Error(`HTTP error fetching style "${styleInfo}": ${response.status}`);
-            }
             const style = await response.json();
             return style;
         } else {

website/src/lib/components/toolbar/tools/routing/routing-controls.ts

@@ -57,10 +57,8 @@ export class RoutingControls {
 
     updateControlsBinded: () => void = this.updateControls.bind(this);
     appendAnchorBinded: (e: MapMouseEvent) => void = this.appendAnchor.bind(this);
-    addIntermediateAnchorBinded: (e: MapMouseEvent) => void = this.addIntermediateAnchor.bind(this);
 
     draggedAnchorIndex: number | null = null;
-    lastDraggedAnchorEventTime: number = 0;
     draggingStartingPosition: maplibregl.Point = new maplibregl.Point(0, 0);
     onMouseEnterBinded: () => void = this.onMouseEnter.bind(this);
     onMouseLeaveBinded: () => void = this.onMouseLeave.bind(this);
@@ -135,7 +133,6 @@ export class RoutingControls {
         map_.on('style.load', this.updateControlsBinded);
         map_.on('click', this.appendAnchorBinded);
         layerEventManager.on('mousemove', this.fileId, this.showTemporaryAnchorBinded);
-        layerEventManager.on('click', this.fileId, this.addIntermediateAnchorBinded);
 
         this.fileUnsubscribe = this.file.subscribe(this.updateControlsBinded);
     }
@@ -240,7 +237,6 @@ export class RoutingControls {
         map_?.off('style.load', this.updateControlsBinded);
         map_?.off('click', this.appendAnchorBinded);
         layerEventManager?.off('mousemove', this.fileId, this.showTemporaryAnchorBinded);
-        layerEventManager?.off('click', this.fileId, this.addIntermediateAnchorBinded);
         map_?.off('mousemove', this.updateTemporaryAnchorBinded);
 
         this.layers.forEach((layer) => {
@@ -525,19 +521,12 @@ export class RoutingControls {
         if (get(streetViewEnabled) && get(streetViewSource) === 'google') {
             return;
         }
-        if (
-            this.draggedAnchorIndex !== null ||
-            Date.now() - this.lastDraggedAnchorEventTime < 100
-        ) {
-            // Exit if anchor is being dragged
-            return;
-        }
         if (
             e.target.queryRenderedFeatures(e.point, {
-                layers: [this.fileId, ...[...this.layers.values()].map((layer) => layer.id)],
+                layers: [...this.layers.values()].map((layer) => layer.id),
             }).length
         ) {
-            // Clicked on routing control or layer, ignoring
+            // Clicked on routing control, ignoring
             return;
         }
         this.appendAnchorWithCoordinates({
@@ -609,15 +598,6 @@ export class RoutingControls {
         await this.routeBetweenAnchors([lastAnchor, newAnchor], [lastAnchorPoint, newAnchorPoint]);
     }
 
-    addIntermediateAnchor(e: maplibregl.MapMouseEvent) {
-        e.preventDefault();
-
-        if (this.temporaryAnchor !== null) {
-            this.turnIntoPermanentAnchor();
-            return;
-        }
-    }
-
     getNeighbouringAnchors(anchor: Anchor): [Anchor | null, Anchor | null] {
         let previousAnchor: Anchor | null = null;
         let nextAnchor: Anchor | null = null;
@@ -838,11 +818,8 @@ export class RoutingControls {
     onClick(e: MapLayerMouseEvent) {
         e.preventDefault();
 
-        if (
-            this.draggedAnchorIndex !== null ||
-            Date.now() - this.lastDraggedAnchorEventTime < 100
-        ) {
-            // Exit if anchor is being dragged
+        if (this.temporaryAnchor !== null) {
+            this.turnIntoPermanentAnchor();
             return;
         }
 
@@ -931,8 +908,6 @@ export class RoutingControls {
             lat: e.lngLat.lat,
             lon: e.lngLat.lng,
         });
-
-        this.lastDraggedAnchorEventTime = Date.now();
     }
 
     onMouseUp(e: MapLayerMouseEvent | MapLayerTouchEvent) {
@@ -971,7 +946,6 @@ export class RoutingControls {
         }
 
         this.draggedAnchorIndex = null;
-        this.lastDraggedAnchorEventTime = Date.now();
     }
 
     showTemporaryAnchor(e: MapLayerMouseEvent) {

website/src/lib/docs/es/integration.mdx

@@ -13,8 +13,8 @@ Puede usar **gpx.studio** para crear mapas que muestren sus archivos GPX e integ
 
 Todo lo que necesita es:
 
-1. Archivos GPX alojados en su servidor o en Google Drive, o accesibles a través de una URL pública;
-2. _Opcional:_ una <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">Tecla MapTiler</a> para cargar mapas MapTiler.
+1. GPX files hosted on your server or on Google Drive, or accessible via a public URL;
+2. _Optional:_ a <a href="https://cloud.maptiler.com/auth/widget?next=https://cloud.maptiler.com/maps/" target="_blank">MapTiler key</a> to load MapTiler maps.
 
 Luego puede jugar con el configurador de abajo para personalizar su mapa y generar el código HTML correspondiente.
 

website/src/lib/docs/es/map-controls.mdx

@@ -69,4 +69,4 @@ Pueden activarse en la [configuración de capas del mapa](./menu/settings).
 
 En estos ajustes, también puede administrar la opacidad de las capas superpuestas.
 
-Para los usuarios avanzados, es posible añadir mapas base y superposiciones personalizadas proporcionando <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a> o URLs <a href="https://docs.mapbox.com/help/glossary/style/" target="_blank">JSON estilo Mapbox</a>.
+For advanced users, it is possible to add custom basemaps and overlays by providing <a href="https://en.wikipedia.org/wiki/Web_Map_Tile_Service" target="_blank">WMTS</a>, <a href="https://en.wikipedia.org/wiki/Web_Map_Service" target="_blank">WMS</a>, or <a href="https://maplibre.org/maplibre-style-spec/" target="_blank">MapLibre style JSON</a> URLs.

website/src/lib/docs/es/toolbar/merge.mdx

@@ -18,7 +18,7 @@ Para usar esta herramienta, necesita [seleccionar](../files-and-stats) múltiple
 
 <DocsNote>
 
-Los elementos seleccionados se combinan en el orden en que aparecen en la lista de archivos.
+Selected items are merged in the order they appear in the files list.
 Si es necesario, puede reordenar los elementos arrastrando y soltando.
 
 </DocsNote>

website/src/lib/logic/settings.ts

@@ -162,33 +162,38 @@ function getLayerValidator(allowed: Record<string, any>, fallback: string) {
 
 function filterLayerTree(t: LayerTreeType, allowed: LayerTreeType | undefined): LayerTreeType {
     const filtered: LayerTreeType = {};
-    if (allowed) {
-        Object.entries(allowed).forEach(([key, value]) => {
-            if (Object.hasOwn(t, key)) {
-                if (typeof value === 'boolean') {
+    const values = Object.values(t);
+    if (values.length == 0) return filtered;
+    if (typeof values[0] === 'boolean') {
+        if (allowed) {
+            Object.keys(allowed).forEach((key) => {
+                if (Object.hasOwn(t, key)) {
                     filtered[key] = t[key];
-                } else if (typeof value === 'object') {
-                    filtered[key] = filterLayerTree(
-                        typeof t[key] === 'object' ? t[key] : {},
-                        value
-                    );
+                } else {
+                    filtered[key] = allowed[key];
                 }
-            } else {
+            });
+        }
+        Object.entries(t).forEach(([key, value]) => {
+            if (
+                !Object.hasOwn(filtered, key) &&
+                (key.startsWith('custom-') || key.startsWith('extension-'))
+            ) {
                 filtered[key] = value;
             }
         });
-    }
-    Object.entries(t).forEach(([key, value]) => {
-        if (!Object.hasOwn(filtered, key)) {
-            if (typeof value === 'boolean') {
-                if (key.startsWith('custom-') || key.startsWith('extension-')) {
-                    filtered[key] = value;
-                }
-            } else if (typeof value === 'object') {
-                filtered[key] = filterLayerTree(value, undefined);
+    } else {
+        Object.entries(t).forEach(([key, value]) => {
+            if (typeof value === 'object') {
+                filtered[key] = filterLayerTree(
+                    value,
+                    typeof allowed === 'object' && typeof allowed[key] === 'object'
+                        ? allowed[key]
+                        : undefined
+                );
             }
-        }
-    });
+        });
+    }
     return filtered;
 }
 

website/src/locales/es.json

@@ -2,10 +2,10 @@
     "metadata": {
         "home_title": "el editor online de archivos GPX",
         "app_title": "app",
-        "embed_title": "Editor online de archivos GPX",
+        "embed_title": " editor online de archivos GPX",
         "help_title": "ayuda",
         "404_title": "página no encontrada",
-        "description": "Visualiza, edita y crea archivos GPX online con planificación avanzada de rutas y herramientas de procesamiento de archivos, bonitos mapas y visualizaciones detalladas de datos."
+        "description": "Mira, edita y crea archivos GPX online con  planificación avanzada de rutas y herramientas de procesamiento de archivos, bonitos mapas y visualizaciones detalladas de datos."
     },
     "menu": {
         "new": "Nuevo",
@@ -234,7 +234,7 @@
         },
         "elevation": {
             "button": "Solicitar datos de desnivel",
-            "help": "La solicitud de datos de desnivel borrará los datos de desnivel existentes, si los hay, y los reemplazará con datos de Mapbox.",
+            "help": "Requesting elevation data will erase the existing elevation data, if any, and replace it with data from MapTiler.",
             "help_no_selection": "Seleccione un elemento del archivo para solicitar datos de desnivel."
         },
         "waypoint": {
@@ -276,7 +276,7 @@
             "new": "Nueva capa personalizada",
             "edit": "Editar capa personalizada",
             "urls": "URL(s)",
-            "url_placeholder": "WMTS, WMS o JSON estilo Mapbox",
+            "url_placeholder": "WMTS, WMS or MapLibre style JSON",
             "max_zoom": "Zoom máximo",
             "layer_type": "Tipo de capa",
             "basemap": "Mapa base",
@@ -494,7 +494,7 @@
         "email": "Email",
         "contribute": "Contribuir",
         "supported_by": "con el apoyo de",
-        "features": "Características",
+        "features": "Features",
         "route_planning": "Planificación de ruta",
         "route_planning_description": "Una interfaz intuitiva para crear itinerarios adaptados a cada deporte, basada en datos de OpenStreetMap.",
         "file_processing": "Procesamiento avanzado de archivo",
@@ -503,15 +503,15 @@
         "maps_description": "Una gran colección de mapas base, capas y puntos de interés para ayudarle a crear su próxima aventura al aire libre o visualizar su último logro.",
         "data_visualization": "Visualización de datos",
         "data_visualization_description": "Un perfil de elevación interactivo con estadísticas detalladas para analizar actividades registradas y futuros objetivos.",
-        "philosophy": "Filosofía",
-        "foss": "Gratis, sin anuncios y código abierto",
-        "foss_description": "El sitio web es de uso gratuito, sin anuncios, y el código fuente está disponible públicamente en GitHub.",
-        "privacy": "Respetuosa con la privacidad",
+        "philosophy": "Philosophy",
+        "foss": "Free, ad-free and open source",
+        "foss_description": "The website is free to use, without ads, and the source code is publicly available on GitHub.",
+        "privacy": "Privacy-friendly",
         "privacy_description": "Tus archivos GPX nunca abandonan tu navegador. Sin seguimiento, sin recopilación de datos.",
-        "community": "Posible gracias a la comunidad",
+        "community": "Made possible by the community",
         "community_description": "gpx.studio tiene una comunidad asombrosa que ha cubierto sus costes a través de donaciones durante años, mientras ha dado forma al proyecto a través de sugerencias de características, informes de fallos y traducciones a muchos idiomas.",
         "support_button": "Apoya a gpx.studio en Open Collective",
-        "translate_button": "Ayuda a traducir el sitio web en Crowdin"
+        "translate_button": "Help translate the website on Crowdin"
     },
     "docs": {
         "translate": "Mejorar la traducción en Crowdin",