@jjlmoya/utils-drones 1.30.0 → 1.32.0

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 }} />}

package/src/tools.ts

@@ -6,6 +6,7 @@ import { DRONE_POWER_ANALYZER_TOOL } from './tool/drone-power-analyzer/index';
 import { GSD_FLIGHT_PLANNER_TOOL } from './tool/gsd-flight-planner/index';
 import { DRONE_BATTERY_C_RATING_CALCULATOR_TOOL } from './tool/drone-battery-c-rating-calculator/index';
 import { FPV_DRONE_THRUST_TO_WEIGHT_RATIO_TOOL } from './tool/fpv-drone-thrust-to-weight-ratio/index';
+import { DRONE_MOTOR_PROPELLER_CALCULATOR_TOOL } from './tool/drone-motor-propeller-calculator/index';
 import type { ToolDefinition } from './types';
 
 export const ALL_TOOLS: ToolDefinition[] = [
@@ -16,6 +17,7 @@ export const ALL_TOOLS: ToolDefinition[] = [
   GSD_FLIGHT_PLANNER_TOOL,
   DRONE_BATTERY_C_RATING_CALCULATOR_TOOL,
   FPV_DRONE_THRUST_TO_WEIGHT_RATIO_TOOL,
+  DRONE_MOTOR_PROPELLER_CALCULATOR_TOOL,
 ];
 
 export {
@@ -26,4 +28,5 @@ export {
   GSD_FLIGHT_PLANNER_TOOL,
   DRONE_BATTERY_C_RATING_CALCULATOR_TOOL,
   FPV_DRONE_THRUST_TO_WEIGHT_RATIO_TOOL,
+  DRONE_MOTOR_PROPELLER_CALCULATOR_TOOL,
 };