@jjlmoya/utils-drones 1.31.0 → 1.33.0

package/src/tool/fpv-drone-thrust-to-weight-ratio/i18n/sv.ts

@@ -149,12 +149,12 @@ const seoSections: SEOSection[] = [
   },
   {
     type: 'paragraph',
-    html: 'För drönare med TWR över 10 till 1 rekommenderas att aktivera Throttle PID Attenuation (TPA) i Betaflight för att eliminera vibrationer vid fullgas.',
+    html: 'För drönare med TWR över 10 till 1 rekommenderas att aktivera Throttle PID Attenuation (TPA) i Betaflight för att minska vibrationer vid fullgas. Använd förhållandet mellan dragkraft och vikt för att jämföra konfigurationer under samma förhållanden. Ta hänsyn till startvikt, spänning under belastning, verklig förbrukning och den reserv som behövs för din flygstil. Ett kontrollerat test visar hur modellen reagerar innan flygning i krävande miljöer.',
   },
   {
     type: 'tip',
     title: 'Tips för Betaflight TPA Inställning',
-    html: 'Ställ in TPA brytpunkt på 1250 eller 1350 med en dämpning på 0.65 för att säkerställa perfekt stabilitet på snabba raksträckor.',
+    html: 'Ställ in TPA-brytpunkten på 1250 eller 1350 med en dämpning på 0.65 och kontrollera resultatet med en kontrollerad provflygning.',
   },
 ];
 

package/src/tool/fpv-drone-thrust-to-weight-ratio/i18n/tr.ts

@@ -149,7 +149,7 @@ const seoSections: SEOSection[] = [
   },
   {
     type: 'paragraph',
-    html: 'TWR si 10 a 1 in üzerinde olan dronlar için tam gazdaki titreşimleri önlemek adına Betaflight Throttle PID Attenuation (TPA) özelliğinin etkinleştirilmesi önerilir.',
+    html: 'TWR si 10 a 1 in üzerinde olan dronlar için tam gazdaki titreşimleri önlemek adına Betaflight Throttle PID Attenuation (TPA) özelliğinin etkinleştirilmesi önerilir. İtki-ağırlık oranını yapılandırmaları karşılaştırmak için kullanın; kalkış ağırlığını, yük altındaki voltajı, gerçek tüketimi ve uçuş tarzınız için gereken payı da hesaba katın. Kontrollü bir test, zorlu koşullarda uçmadan önce modelin tepkisini doğrulamanıza yardımcı olur. Sonuçları farklı gaz seviyelerinde karşılaştırmak, kontrol ve uçuş süresini daha gerçekçi değerlendirmeyi sağlar.',
   },
   {
     type: 'tip',

package/src/tool/gps-coordinates-converter/component.astro

@@ -1,275 +1,275 @@
----
-import GpsInputs from "./components/GpsInputs.astro";
-import GpsResults from "./components/GpsResults.astro";
-import GpsMap from "./components/GpsMap.astro";
-import GpsHistory from "./components/GpsHistory.astro";
-
-const { ui } = Astro.props;
----
-
-<div class="gps-converter-ui" 
-    data-ui-copied={ui.copied} 
-    data-ui-no-history={ui.noHistory} 
-    data-ui-load={ui.load} 
-    data-ui-delete={ui.delete}
->
-    <div class="tech-mega-card animate-in fade-in zoom-in duration-700">
-        <div class="card-grid">
-            <aside class="config-sidebar">
-                <GpsInputs ui={ui} />
-                <div class="divider"></div>
-                <GpsHistory ui={ui} />
-            </aside>
-
-            <main class="main-display">
-                <GpsResults ui={ui} />
-                <div class="divider"></div>
-                <GpsMap ui={ui} />
-            </main>
-        </div>
-    </div>
-</div>
-
-<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
-<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin="" is:inline></script>
-
-<script is:inline>
-    function getHemisphere(val, isLat) {
-        if (val >= 0) return isLat ? 'N' : 'E';
-        return isLat ? 'S' : 'W';
-    }
-    function decimalToGMS(d, isLat) {
-        const h = getHemisphere(d, isLat);
-        const absD = Math.abs(d);
-        const g = Math.floor(absD);
-        const m = Math.floor((absD - g) * 60);
-        const s = ((absD - g) * 60 - m) * 60;
-        return {g, m, s, h, mDec: (absD - g) * 60};
-    }
-    function formatGMS(obj) {
-        return `${obj.g}° ${obj.m}' ${obj.s.toFixed(2)}" ${obj.h}`;
-    }
-    function formatDM(obj) {
-        return `${obj.g}° ${obj.mDec.toFixed(3)}' ${obj.h}`;
-    }
-    function id(name) {
-        return document.getElementById(name);
-    }
-    const state={el:{}, ui:{}, mode:'DD', map:null, L:window.L};
-    function initElements() {
-        state.el = {
-            latDD:id('latDD'),lngDD:id('lngDD'),latG:id('latG'),latM:id('latM'),
-            latS:id('latS'),latH:id('latH'),lngG:id('lngG'),lngM:id('lngM'),
-            lngS:id('lngS'),lngH:id('lngH'),valDD:id('valDD'),valGMS:id('valGMS'),
-            valDM:id('valDM'),valMaps:id('valMaps'),historyList:id('historyList'),
-            modeDD:id('modeDD'),modeGMS:id('modeGMS'),ddInputs:id('dd-inputs'),
-            gmsInputs:id('gms-inputs'),btnMyLocation:id('btnMyLocation')
-        };
-    }
-    function getUIValue(attr, def) {
-        const ct = document.querySelector('.gps-converter-ui');
-        return ct?.dataset[attr] || def;
-    }
-    function initUI() {
-        state.ui = {
-            copied: getUIValue('uiCopied', 'Copied'),
-            noHistory: getUIValue('uiNoHistory', 'No history'),
-            load: getUIValue('uiLoad', 'Load'),
-            delete: getUIValue('uiDelete', 'Delete')
-        };
-    }
-    function initState() {
-        initElements();
-        initUI();
-    }
-    function setLatGMS(gms) {
-        if (state.el.latG) state.el.latG.value = gms.g.toString();
-        if (state.el.latM) state.el.latM.value = gms.m.toString();
-        if (state.el.latS) state.el.latS.value = gms.s.toFixed(2);
-        if (state.el.latH) state.el.latH.value = gms.h;
-    }
-    function setLngGMS(gms) {
-        if (state.el.lngG) state.el.lngG.value = gms.g.toString();
-        if (state.el.lngM) state.el.lngM.value = gms.m.toString();
-        if (state.el.lngS) state.el.lngS.value = gms.s.toFixed(2);
-        if (state.el.lngH) state.el.lngH.value = gms.h;
-    }
-    function updateGMSDisplay(lat, lng) {
-        const lGMS = decimalToGMS(lat, true);
-        const nGMS = decimalToGMS(lng, false);
-        setLatGMS(lGMS);
-        setLngGMS(nGMS);
-    }
-    function updateResultDisplay(lat, lng) {
-        const lGMS = decimalToGMS(lat, true);
-        const nGMS = decimalToGMS(lng, false);
-        if (state.el.valDD) {
-            state.el.valDD.textContent = `${lat.toFixed(6)}, ${lng.toFixed(6)}`;
-        }
-        if (state.el.valGMS) {
-            state.el.valGMS.textContent = `${formatGMS(lGMS)}, ${formatGMS(nGMS)}`;
-        }
-        if (state.el.valDM) {
-            state.el.valDM.textContent = `${formatDM(lGMS)}, ${formatDM(nGMS)}`;
-        }
-        if (state.el.valMaps) {
-            state.el.valMaps.textContent = `${lat.toFixed(6)},${lng.toFixed(6)}`;
-        }
-    }
-    function setDDInputs(lat, lng) {
-        if (state.el.latDD) state.el.latDD.value = lat.toFixed(6);
-        if (state.el.lngDD) state.el.lngDD.value = lng.toFixed(6);
-    }
-    function updateFromDD(lat, lng, upd=true) {
-        if (isNaN(lat) || isNaN(lng)) return;
-        if (upd) setDDInputs(lat, lng);
-        if (!upd && state.mode !== 'DD') return;
-        updateGMSDisplay(lat, lng);
-        updateResultDisplay(lat, lng);
-        saveHistory(lat, lng);
-    }
-    function createHistoryItem(item) {
-        return `<div class="history-item" data-id="${item.id}"><div class="hist-info" data-lat="${item.lat}" data-lng="${item.lng}">
-            <span class="hist-coords">${item.lat}, ${item.lng}</span><span class="hist-time">${item.time}</span></div><div class="hist-actions">
-            <button class="action-btn load-btn" data-lat="${item.lat}" data-lng="${item.lng}"><svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg></button>
-            <button class="action-btn delete-btn" data-id="${item.id}"><svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none"><path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg></button></div></div>`;
-    }
-    function setupHistoryListeners() {
-        document.querySelectorAll('.load-btn').forEach(btn => {
-            btn.addEventListener('click', (evt) => {
-                evt.stopPropagation();
-                const lat = btn.getAttribute('data-lat');
-                const lng = btn.getAttribute('data-lng');
-                if (lat && lng) updateFromDD(parseFloat(lat), parseFloat(lng));
-            });
-        });
-        document.querySelectorAll('.delete-btn').forEach(btn => {
-            btn.addEventListener('click', (evt) => {
-                evt.stopPropagation();
-                const itemId = btn.getAttribute('data-id');
-                if (itemId) {
-                    let history = JSON.parse(localStorage.getItem('gps_history') || '[]');
-                    history = history.filter(it => it.id !== parseInt(itemId));
-                    localStorage.setItem('gps_history', JSON.stringify(history));
-                    renderHistory(history);
-                }
-            });
-        });
-        document.querySelectorAll('.hist-info').forEach(info => {
-            info.addEventListener('click', () => {
-                const lat = info.getAttribute('data-lat');
-                const lng = info.getAttribute('data-lng');
-                if (lat && lng) updateFromDD(parseFloat(lat), parseFloat(lng));
-            });
-        });
-    }
-    function renderHistory(history) {
-        if (!state.el.historyList) return;
-        if (history.length === 0) {
-            state.el.historyList.innerHTML = `<div class="no-history">${state.ui.noHistory}</div>`;
-        } else {
-            state.el.historyList.innerHTML = history.map(createHistoryItem).join('');
-        }
-        setupHistoryListeners();
-    }
-    function saveHistory(lat, lng) {
-        let history = JSON.parse(localStorage.getItem('gps_history') || '[]');
-        const entry = {
-            id: Date.now(),
-            lat: lat.toFixed(5),
-            lng: lng.toFixed(5),
-            time: new Date().toLocaleTimeString()
-        };
-        if (history.length > 0 && history[0].lat === entry.lat && history[0].lng === entry.lng) return;
-        history.unshift(entry);
-        history = history.slice(0, 5);
-        localStorage.setItem('gps_history', JSON.stringify(history));
-        renderHistory(history);
-    }
-    function loadHistory() {
-        const history = JSON.parse(localStorage.getItem('gps_history') || '[]');
-        renderHistory(history);
-    }
-    function initMap() {
-        const mapEl = id('gpsMap');
-        if (!mapEl || !state.L) return;
-        state.map = state.L.map('gpsMap').setView([40.4168, -3.7038], 13);
-        state.L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
-            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
-            maxZoom: 19
-        }).addTo(state.map);
-        state.map.on('click', (evt) => updateFromDD(evt.latlng.lat, evt.latlng.lng));
-    }
-    function setupModeListeners() {
-        state.el.modeDD?.addEventListener('click', () => {
-            state.mode = 'DD';
-            state.el.modeDD?.classList.add('active');
-            state.el.modeGMS?.classList.remove('active');
-            if (state.el.ddInputs) state.el.ddInputs.style.display = 'grid';
-            if (state.el.gmsInputs) state.el.gmsInputs.style.display = 'none';
-        });
-        state.el.modeGMS?.addEventListener('click', () => {
-            state.mode = 'GMS';
-            state.el.modeGMS?.classList.add('active');
-            state.el.modeDD?.classList.remove('active');
-            if (state.el.ddInputs) state.el.ddInputs.style.display = 'none';
-            if (state.el.gmsInputs) state.el.gmsInputs.style.display = 'flex';
-        });
-    }
-    function setupInputListeners() {
-        state.el.btnMyLocation?.addEventListener('click', () => {
-            if ('geolocation' in navigator) {
-                navigator.geolocation.getCurrentPosition(pos => {
-                    updateFromDD(pos.coords.latitude, pos.coords.longitude);
-                });
-            }
-        });
-        [state.el.latDD, state.el.lngDD].forEach(el => {
-            el?.addEventListener('input', () => {
-                if (state.mode === 'DD' && state.el.latDD && state.el.lngDD) {
-                    updateFromDD(parseFloat(state.el.latDD.value), parseFloat(state.el.lngDD.value), false);
-                }
-            });
-        });
-    }
-    function setupCopyListeners() {
-        document.querySelectorAll('.copy-btn').forEach(btn => {
-            btn.addEventListener('click', () => {
-                const targetId = btn.getAttribute('data-copy');
-                const text = targetId ? id(targetId)?.textContent : null;
-                if (text) {
-                    navigator.clipboard.writeText(text);
-                    const original = btn.innerHTML;
-                    btn.innerHTML = state.ui.copied;
-                    setTimeout(() => { btn.innerHTML = original; }, 2000);
-                }
-            });
-        });
-        id('clearHistory')?.addEventListener('click', () => {
-            localStorage.removeItem('gps_history');
-            loadHistory();
-        });
-    }
-    function setupAll() {
-        setupModeListeners();
-        setupInputListeners();
-        setupCopyListeners();
-        setupHistoryListeners();
-    }
-    function checkLeaflet() {
-        if (window.L) {
-            state.L = window.L;
-            initMap();
-            setupAll();
-            loadHistory();
-            updateFromDD(40.4168, -3.7038);
-        } else {
-            setTimeout(checkLeaflet, 100);
-        }
-    }
-    initState();
-    checkLeaflet();
-</script>
-
-
-
+---
+import GpsInputs from "./components/GpsInputs.astro";
+import GpsResults from "./components/GpsResults.astro";
+import GpsMap from "./components/GpsMap.astro";
+import GpsHistory from "./components/GpsHistory.astro";
+
+const { ui } = Astro.props;
+---
+
+<div class="gps-converter-ui" 
+    data-ui-copied={ui.copied} 
+    data-ui-no-history={ui.noHistory} 
+    data-ui-load={ui.load} 
+    data-ui-delete={ui.delete}
+>
+    <div class="tech-mega-card animate-in fade-in zoom-in duration-700">
+        <div class="card-grid">
+            <aside class="config-sidebar">
+                <GpsInputs ui={ui} />
+                <div class="divider"></div>
+                <GpsHistory ui={ui} />
+            </aside>
+
+            <main class="main-display">
+                <GpsResults ui={ui} />
+                <div class="divider"></div>
+                <GpsMap ui={ui} />
+            </main>
+        </div>
+    </div>
+</div>
+
+<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY=" crossorigin=""/>
+<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js" integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo=" crossorigin="" is:inline></script>
+
+<script is:inline>
+    function getHemisphere(val, isLat) {
+        if (val >= 0) return isLat ? 'N' : 'E';
+        return isLat ? 'S' : 'W';
+    }
+    function decimalToGMS(d, isLat) {
+        const h = getHemisphere(d, isLat);
+        const absD = Math.abs(d);
+        const g = Math.floor(absD);
+        const m = Math.floor((absD - g) * 60);
+        const s = ((absD - g) * 60 - m) * 60;
+        return {g, m, s, h, mDec: (absD - g) * 60};
+    }
+    function formatGMS(obj) {
+        return `${obj.g}° ${obj.m}' ${obj.s.toFixed(2)}" ${obj.h}`;
+    }
+    function formatDM(obj) {
+        return `${obj.g}° ${obj.mDec.toFixed(3)}' ${obj.h}`;
+    }
+    function id(name) {
+        return document.getElementById(name);
+    }
+    const state={el:{}, ui:{}, mode:'DD', map:null, L:window.L};
+    function initElements() {
+        state.el = {
+            latDD:id('latDD'),lngDD:id('lngDD'),latG:id('latG'),latM:id('latM'),
+            latS:id('latS'),latH:id('latH'),lngG:id('lngG'),lngM:id('lngM'),
+            lngS:id('lngS'),lngH:id('lngH'),valDD:id('valDD'),valGMS:id('valGMS'),
+            valDM:id('valDM'),valMaps:id('valMaps'),historyList:id('historyList'),
+            modeDD:id('modeDD'),modeGMS:id('modeGMS'),ddInputs:id('dd-inputs'),
+            gmsInputs:id('gms-inputs'),btnMyLocation:id('btnMyLocation')
+        };
+    }
+    function getUIValue(attr, def) {
+        const ct = document.querySelector('.gps-converter-ui');
+        return ct?.dataset[attr] || def;
+    }
+    function initUI() {
+        state.ui = {
+            copied: getUIValue('uiCopied', 'Copied'),
+            noHistory: getUIValue('uiNoHistory', 'No history'),
+            load: getUIValue('uiLoad', 'Load'),
+            delete: getUIValue('uiDelete', 'Delete')
+        };
+    }
+    function initState() {
+        initElements();
+        initUI();
+    }
+    function setLatGMS(gms) {
+        if (state.el.latG) state.el.latG.value = gms.g.toString();
+        if (state.el.latM) state.el.latM.value = gms.m.toString();
+        if (state.el.latS) state.el.latS.value = gms.s.toFixed(2);
+        if (state.el.latH) state.el.latH.value = gms.h;
+    }
+    function setLngGMS(gms) {
+        if (state.el.lngG) state.el.lngG.value = gms.g.toString();
+        if (state.el.lngM) state.el.lngM.value = gms.m.toString();
+        if (state.el.lngS) state.el.lngS.value = gms.s.toFixed(2);
+        if (state.el.lngH) state.el.lngH.value = gms.h;
+    }
+    function updateGMSDisplay(lat, lng) {
+        const lGMS = decimalToGMS(lat, true);
+        const nGMS = decimalToGMS(lng, false);
+        setLatGMS(lGMS);
+        setLngGMS(nGMS);
+    }
+    function updateResultDisplay(lat, lng) {
+        const lGMS = decimalToGMS(lat, true);
+        const nGMS = decimalToGMS(lng, false);
+        if (state.el.valDD) {
+            state.el.valDD.textContent = `${lat.toFixed(6)}, ${lng.toFixed(6)}`;
+        }
+        if (state.el.valGMS) {
+            state.el.valGMS.textContent = `${formatGMS(lGMS)}, ${formatGMS(nGMS)}`;
+        }
+        if (state.el.valDM) {
+            state.el.valDM.textContent = `${formatDM(lGMS)}, ${formatDM(nGMS)}`;
+        }
+        if (state.el.valMaps) {
+            state.el.valMaps.textContent = `${lat.toFixed(6)},${lng.toFixed(6)}`;
+        }
+    }
+    function setDDInputs(lat, lng) {
+        if (state.el.latDD) state.el.latDD.value = lat.toFixed(6);
+        if (state.el.lngDD) state.el.lngDD.value = lng.toFixed(6);
+    }
+    function updateFromDD(lat, lng, upd=true) {
+        if (isNaN(lat) || isNaN(lng)) return;
+        if (upd) setDDInputs(lat, lng);
+        if (!upd && state.mode !== 'DD') return;
+        updateGMSDisplay(lat, lng);
+        updateResultDisplay(lat, lng);
+        saveHistory(lat, lng);
+    }
+    function createHistoryItem(item) {
+        return `<div class="history-item" data-id="${item.id}"><div class="hist-info" data-lat="${item.lat}" data-lng="${item.lng}">
+            <span class="hist-coords">${item.lat}, ${item.lng}</span><span class="hist-time">${item.time}</span></div><div class="hist-actions">
+            <button class="action-btn load-btn" data-lat="${item.lat}" data-lng="${item.lng}"><svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M7 10l5 5 5-5M12 15V3"/></svg></button>
+            <button class="action-btn delete-btn" data-id="${item.id}"><svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2" fill="none"><path d="M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"/></svg></button></div></div>`;
+    }
+    function setupHistoryListeners() {
+        document.querySelectorAll('.load-btn').forEach(btn => {
+            btn.addEventListener('click', (evt) => {
+                evt.stopPropagation();
+                const lat = btn.getAttribute('data-lat');
+                const lng = btn.getAttribute('data-lng');
+                if (lat && lng) updateFromDD(parseFloat(lat), parseFloat(lng));
+            });
+        });
+        document.querySelectorAll('.delete-btn').forEach(btn => {
+            btn.addEventListener('click', (evt) => {
+                evt.stopPropagation();
+                const itemId = btn.getAttribute('data-id');
+                if (itemId) {
+                    let history = JSON.parse(localStorage.getItem('gps_history') || '[]');
+                    history = history.filter(it => it.id !== parseInt(itemId));
+                    localStorage.setItem('gps_history', JSON.stringify(history));
+                    renderHistory(history);
+                }
+            });
+        });
+        document.querySelectorAll('.hist-info').forEach(info => {
+            info.addEventListener('click', () => {
+                const lat = info.getAttribute('data-lat');
+                const lng = info.getAttribute('data-lng');
+                if (lat && lng) updateFromDD(parseFloat(lat), parseFloat(lng));
+            });
+        });
+    }
+    function renderHistory(history) {
+        if (!state.el.historyList) return;
+        if (history.length === 0) {
+            state.el.historyList.innerHTML = `<div class="no-history">${state.ui.noHistory}</div>`;
+        } else {
+            state.el.historyList.innerHTML = history.map(createHistoryItem).join('');
+        }
+        setupHistoryListeners();
+    }
+    function saveHistory(lat, lng) {
+        let history = JSON.parse(localStorage.getItem('gps_history') || '[]');
+        const entry = {
+            id: Date.now(),
+            lat: lat.toFixed(5),
+            lng: lng.toFixed(5),
+            time: new Date().toLocaleTimeString()
+        };
+        if (history.length > 0 && history[0].lat === entry.lat && history[0].lng === entry.lng) return;
+        history.unshift(entry);
+        history = history.slice(0, 5);
+        localStorage.setItem('gps_history', JSON.stringify(history));
+        renderHistory(history);
+    }
+    function loadHistory() {
+        const history = JSON.parse(localStorage.getItem('gps_history') || '[]');
+        renderHistory(history);
+    }
+    function initMap() {
+        const mapEl = id('gpsMap');
+        if (!mapEl || !state.L) return;
+        state.map = state.L.map('gpsMap').setView([40.4168, -3.7038], 13);
+        state.L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
+            attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
+            maxZoom: 19
+        }).addTo(state.map);
+        state.map.on('click', (evt) => updateFromDD(evt.latlng.lat, evt.latlng.lng));
+    }
+    function setupModeListeners() {
+        state.el.modeDD?.addEventListener('click', () => {
+            state.mode = 'DD';
+            state.el.modeDD?.classList.add('active');
+            state.el.modeGMS?.classList.remove('active');
+            if (state.el.ddInputs) state.el.ddInputs.style.display = 'grid';
+            if (state.el.gmsInputs) state.el.gmsInputs.style.display = 'none';
+        });
+        state.el.modeGMS?.addEventListener('click', () => {
+            state.mode = 'GMS';
+            state.el.modeGMS?.classList.add('active');
+            state.el.modeDD?.classList.remove('active');
+            if (state.el.ddInputs) state.el.ddInputs.style.display = 'none';
+            if (state.el.gmsInputs) state.el.gmsInputs.style.display = 'flex';
+        });
+    }
+    function setupInputListeners() {
+        state.el.btnMyLocation?.addEventListener('click', () => {
+            if ('geolocation' in navigator) {
+                navigator.geolocation.getCurrentPosition(pos => {
+                    updateFromDD(pos.coords.latitude, pos.coords.longitude);
+                });
+            }
+        });
+        [state.el.latDD, state.el.lngDD].forEach(el => {
+            el?.addEventListener('input', () => {
+                if (state.mode === 'DD' && state.el.latDD && state.el.lngDD) {
+                    updateFromDD(parseFloat(state.el.latDD.value), parseFloat(state.el.lngDD.value), false);
+                }
+            });
+        });
+    }
+    function setupCopyListeners() {
+        document.querySelectorAll('.copy-btn').forEach(btn => {
+            btn.addEventListener('click', () => {
+                const targetId = btn.getAttribute('data-copy');
+                const text = targetId ? id(targetId)?.textContent : null;
+                if (text) {
+                    navigator.clipboard.writeText(text);
+                    const original = btn.innerHTML;
+                    btn.innerHTML = state.ui.copied;
+                    setTimeout(() => { btn.innerHTML = original; }, 2000);
+                }
+            });
+        });
+        id('clearHistory')?.addEventListener('click', () => {
+            localStorage.removeItem('gps_history');
+            loadHistory();
+        });
+    }
+    function setupAll() {
+        setupModeListeners();
+        setupInputListeners();
+        setupCopyListeners();
+        setupHistoryListeners();
+    }
+    function checkLeaflet() {
+        if (window.L) {
+            state.L = window.L;
+            initMap();
+            setupAll();
+            loadHistory();
+            updateFromDD(40.4168, -3.7038);
+        } else {
+            setTimeout(checkLeaflet, 100);
+        }
+    }
+    initState();
+    checkLeaflet();
+</script>
+
+
+

package/src/tool/gps-coordinates-converter/seo.astro

@@ -1,15 +1,15 @@
----
-import { SEORenderer } from '@jjlmoya/utils-shared';
-import { gpsCoordinatesConverter } from './index';
-import type { KnownLocale } from '../../types';
-
-interface Props {
-  locale?: KnownLocale;
-}
-
-const { locale = 'es' } = Astro.props;
-const content = await gpsCoordinatesConverter.i18n[locale]?.();
-if (!content) return null;
----
-
-{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}
+---
+import { SEORenderer } from '@jjlmoya/utils-shared';
+import { gpsCoordinatesConverter } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'es' } = Astro.props;
+const content = await gpsCoordinatesConverter.i18n[locale]?.();
+if (!content) return null;
+---
+
+{content.seo?.length > 0 && <SEORenderer content={{ locale, sections: content.seo }} />}