@jjlmoya/utils-drones 1.31.0 → 1.32.0

package/src/tool/drone-flight-time/component.astro

@@ -1,187 +1,187 @@
----
-const { ui } = Astro.props;
-import BatterySpecs from "./components/BatterySpecs.astro";
-import ConsumptionStats from "./components/ConsumptionStats.astro";
-import FlightDashboard from "./components/FlightDashboard.astro";
-import AutonomyChart from "./components/AutonomyChart.astro";
----
-
-<div class="flight-calculator-ui">
-    <div class="tech-mega-card animate-in fade-in zoom-in duration-700">
-        <div class="card-grid">
-            <div class="config-sidebar">
-                <BatterySpecs ui={ui} />
-                <div class="divider"></div>
-                <ConsumptionStats ui={ui} />
-            </div>
-            
-            <div class="main-display">
-                <FlightDashboard ui={ui} />
-                <div class="divider"></div>
-                <AutonomyChart ui={ui} />
-            </div>
-        </div>
-    </div>
-</div>
-
-<script>
-    import { Chart, registerables } from "chart.js";
-    Chart.register(...registerables);
-
-    const capInput = document.getElementById("capacityInput") as HTMLInputElement;
-    const cellsInput = document.getElementById("cellsInput") as HTMLSelectElement;
-    const safetyInput = document.getElementById("safetyInput") as HTMLInputElement;
-    const drawInput = document.getElementById("drawInput") as HTMLInputElement;
-    const wattsInput = document.getElementById("wattsInput") as HTMLInputElement;
-    const effInput = document.getElementById("efficiencyInput") as HTMLInputElement;
-
-    const displays = {
-        cap: document.getElementById("capDisplay"),
-        cells: document.getElementById("cellsDisplay"),
-        volts: document.getElementById("voltsDisplay"),
-        safety: document.getElementById("safetyDisplay"),
-        draw: document.getElementById("drawDisplay"),
-        watts: document.getElementById("wattsDisplay"),
-        eff: document.getElementById("effDisplay"),
-        timeMain: document.getElementById("timeMainDisplay"),
-        timeTotal: document.getElementById("timeTotalDisplay"),
-        wh: document.getElementById("whDisplay"),
-        co2: document.getElementById("co2Display"),
-        circle: document.getElementById("timeCircle")
-    };
-
-    let chart: Chart | null = null;
-
-    function getChartConfig(label: string) {
-        return {
-            type: "line",
-            data: {
-                labels: [],
-                datasets: [{
-                    label,
-                    data: [],
-                    borderColor: "#f59e0b",
-                    backgroundColor: "rgba(245, 158, 11, 0.1)",
-                    borderWidth: 3,
-                    fill: true,
-                    tension: 0.4,
-                    pointRadius: 0,
-                    pointHitRadius: 10
-                }]
-            },
-            options: {
-                responsive: true,
-                maintainAspectRatio: false,
-                plugins: { legend: { display: false } },
-                scales: {
-                    y: { beginAtZero: true, grid: { color: "rgba(0,0,0,0.05)" } },
-                    x: { grid: { display: false } }
-                }
-            }
-        };
-    }
-
-    function initChart() {
-        const canvas = document.getElementById("autonomyChart") as HTMLCanvasElement;
-        const ctx = canvas?.getContext("2d");
-        if (!ctx) return;
-        const chartLabel = canvas.dataset.label || "Minutos";
-        chart = new Chart(ctx, getChartConfig(chartLabel));
-    }
-
-    function calculate(source: string) {
-        const cap = parseFloat(capInput.value);
-        const cells = parseInt(cellsInput.value);
-        const safety = parseFloat(safetyInput.value) / 100;
-        let draw = parseFloat(drawInput.value);
-        const voltage = cells * 3.7;
-
-        if (source === 'watts') {
-            draw = parseFloat(wattsInput.value) / voltage;
-            drawInput.value = draw.toFixed(1);
-        } else {
-            wattsInput.value = (draw * voltage).toFixed(1);
-        }
-
-        const state = { cap, cells, safety, draw, voltage };
-        updateDisplays(state);
-
-        const usableAh = (cap / 1000) * safety;
-        const totalAh = cap / 1000;
-
-        const safeTimeMin = (usableAh / draw) * 60;
-        const totalTimeMin = (totalAh / draw) * 60;
-
-        const energyWh = (cap / 1000) * voltage;
-
-        renderResults(safeTimeMin, totalTimeMin, energyWh, cap);
-        updateChart(usableAh);
-    }
-
-    function updateDisplays(state: { cap: number; cells: number; safety: number; draw: number; voltage: number }) {
-        if (displays.cap) displays.cap.textContent = state.cap.toString();
-        if (displays.cells) displays.cells.textContent = state.cells.toString();
-        if (displays.volts) displays.volts.textContent = state.voltage.toFixed(1);
-        if (displays.safety) displays.safety.textContent = Math.round(state.safety * 100).toString();
-        if (displays.draw) displays.draw.textContent = state.draw.toFixed(1);
-        if (displays.watts) displays.watts.textContent = (state.draw * state.voltage).toFixed(1);
-        if (displays.eff) displays.eff.textContent = effInput.value;
-    }
-
-    function renderResults(safeMin: number, totalMin: number, wh: number, cap: number) {
-        if (displays.timeMain) displays.timeMain.textContent = formatTime(safeMin);
-        if (displays.timeTotal) displays.timeTotal.textContent = formatTime(totalMin);
-        if (displays.wh) displays.wh.textContent = `${wh.toFixed(1)} Wh`;
-        if (displays.co2) displays.co2.textContent = `${Math.round(cap * 0.05)} g`;
-
-        if (displays.circle) {
-            const limit = 20;
-            const progress = Math.min(safeMin / limit, 1);
-            const offset = 283 - (progress * 283);
-            (displays.circle as HTMLElement).style.strokeDashoffset = offset.toString();
-        }
-    }
-
-    function formatTime(decimalMin: number) {
-        if (isNaN(decimalMin) || decimalMin === Infinity) return "0:00";
-        const mins = Math.floor(decimalMin);
-        const secs = Math.floor((decimalMin - mins) * 60);
-        return `${mins}:${secs.toString().padStart(2, '0')}`;
-    }
-
-    function updateChart(usableAh: number) {
-        if (!chart) return;
-        const data: number[] = [];
-        const labels: string[] = [];
-        const currentDraw = parseFloat(drawInput.value);
-
-        for (let a = Math.max(1, currentDraw - 20); a <= currentDraw + 20; a += 2) {
-            labels.push(`${a}A`);
-            const val = ((usableAh / a) * 60);
-            data.push(Number(val.toFixed(1)));
-        }
-
-        chart.data.labels = labels;
-        if (chart.data.datasets[0]) chart.data.datasets[0].data = data;
-        chart.update('none');
-    }
-
-    [capInput, cellsInput, safetyInput, drawInput, effInput].forEach(el => {
-        el?.addEventListener("input", () => calculate('basic'));
-    });
-
-    wattsInput?.addEventListener("input", () => calculate('watts'));
-
-    document.querySelectorAll('.preset-btn').forEach(btn => {
-        btn.addEventListener('click', () => {
-            capInput.value = btn.getAttribute('data-val') || "1500";
-            calculate('basic');
-        });
-    });
-
-    initChart();
-    calculate('basic');
-</script>
-
-
-
+---
+const { ui } = Astro.props;
+import BatterySpecs from "./components/BatterySpecs.astro";
+import ConsumptionStats from "./components/ConsumptionStats.astro";
+import FlightDashboard from "./components/FlightDashboard.astro";
+import AutonomyChart from "./components/AutonomyChart.astro";
+---
+
+<div class="flight-calculator-ui">
+    <div class="tech-mega-card animate-in fade-in zoom-in duration-700">
+        <div class="card-grid">
+            <div class="config-sidebar">
+                <BatterySpecs ui={ui} />
+                <div class="divider"></div>
+                <ConsumptionStats ui={ui} />
+            </div>
+            
+            <div class="main-display">
+                <FlightDashboard ui={ui} />
+                <div class="divider"></div>
+                <AutonomyChart ui={ui} />
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+    import { Chart, registerables } from "chart.js";
+    Chart.register(...registerables);
+
+    const capInput = document.getElementById("capacityInput") as HTMLInputElement;
+    const cellsInput = document.getElementById("cellsInput") as HTMLSelectElement;
+    const safetyInput = document.getElementById("safetyInput") as HTMLInputElement;
+    const drawInput = document.getElementById("drawInput") as HTMLInputElement;
+    const wattsInput = document.getElementById("wattsInput") as HTMLInputElement;
+    const effInput = document.getElementById("efficiencyInput") as HTMLInputElement;
+
+    const displays = {
+        cap: document.getElementById("capDisplay"),
+        cells: document.getElementById("cellsDisplay"),
+        volts: document.getElementById("voltsDisplay"),
+        safety: document.getElementById("safetyDisplay"),
+        draw: document.getElementById("drawDisplay"),
+        watts: document.getElementById("wattsDisplay"),
+        eff: document.getElementById("effDisplay"),
+        timeMain: document.getElementById("timeMainDisplay"),
+        timeTotal: document.getElementById("timeTotalDisplay"),
+        wh: document.getElementById("whDisplay"),
+        co2: document.getElementById("co2Display"),
+        circle: document.getElementById("timeCircle")
+    };
+
+    let chart: Chart | null = null;
+
+    function getChartConfig(label: string) {
+        return {
+            type: "line",
+            data: {
+                labels: [],
+                datasets: [{
+                    label,
+                    data: [],
+                    borderColor: "#f59e0b",
+                    backgroundColor: "rgba(245, 158, 11, 0.1)",
+                    borderWidth: 3,
+                    fill: true,
+                    tension: 0.4,
+                    pointRadius: 0,
+                    pointHitRadius: 10
+                }]
+            },
+            options: {
+                responsive: true,
+                maintainAspectRatio: false,
+                plugins: { legend: { display: false } },
+                scales: {
+                    y: { beginAtZero: true, grid: { color: "rgba(0,0,0,0.05)" } },
+                    x: { grid: { display: false } }
+                }
+            }
+        };
+    }
+
+    function initChart() {
+        const canvas = document.getElementById("autonomyChart") as HTMLCanvasElement;
+        const ctx = canvas?.getContext("2d");
+        if (!ctx) return;
+        const chartLabel = canvas.dataset.label || "Minutos";
+        chart = new Chart(ctx, getChartConfig(chartLabel));
+    }
+
+    function calculate(source: string) {
+        const cap = parseFloat(capInput.value);
+        const cells = parseInt(cellsInput.value);
+        const safety = parseFloat(safetyInput.value) / 100;
+        let draw = parseFloat(drawInput.value);
+        const voltage = cells * 3.7;
+
+        if (source === 'watts') {
+            draw = parseFloat(wattsInput.value) / voltage;
+            drawInput.value = draw.toFixed(1);
+        } else {
+            wattsInput.value = (draw * voltage).toFixed(1);
+        }
+
+        const state = { cap, cells, safety, draw, voltage };
+        updateDisplays(state);
+
+        const usableAh = (cap / 1000) * safety;
+        const totalAh = cap / 1000;
+
+        const safeTimeMin = (usableAh / draw) * 60;
+        const totalTimeMin = (totalAh / draw) * 60;
+
+        const energyWh = (cap / 1000) * voltage;
+
+        renderResults(safeTimeMin, totalTimeMin, energyWh, cap);
+        updateChart(usableAh);
+    }
+
+    function updateDisplays(state: { cap: number; cells: number; safety: number; draw: number; voltage: number }) {
+        if (displays.cap) displays.cap.textContent = state.cap.toString();
+        if (displays.cells) displays.cells.textContent = state.cells.toString();
+        if (displays.volts) displays.volts.textContent = state.voltage.toFixed(1);
+        if (displays.safety) displays.safety.textContent = Math.round(state.safety * 100).toString();
+        if (displays.draw) displays.draw.textContent = state.draw.toFixed(1);
+        if (displays.watts) displays.watts.textContent = (state.draw * state.voltage).toFixed(1);
+        if (displays.eff) displays.eff.textContent = effInput.value;
+    }
+
+    function renderResults(safeMin: number, totalMin: number, wh: number, cap: number) {
+        if (displays.timeMain) displays.timeMain.textContent = formatTime(safeMin);
+        if (displays.timeTotal) displays.timeTotal.textContent = formatTime(totalMin);
+        if (displays.wh) displays.wh.textContent = `${wh.toFixed(1)} Wh`;
+        if (displays.co2) displays.co2.textContent = `${Math.round(cap * 0.05)} g`;
+
+        if (displays.circle) {
+            const limit = 20;
+            const progress = Math.min(safeMin / limit, 1);
+            const offset = 283 - (progress * 283);
+            (displays.circle as HTMLElement).style.strokeDashoffset = offset.toString();
+        }
+    }
+
+    function formatTime(decimalMin: number) {
+        if (isNaN(decimalMin) || decimalMin === Infinity) return "0:00";
+        const mins = Math.floor(decimalMin);
+        const secs = Math.floor((decimalMin - mins) * 60);
+        return `${mins}:${secs.toString().padStart(2, '0')}`;
+    }
+
+    function updateChart(usableAh: number) {
+        if (!chart) return;
+        const data: number[] = [];
+        const labels: string[] = [];
+        const currentDraw = parseFloat(drawInput.value);
+
+        for (let a = Math.max(1, currentDraw - 20); a <= currentDraw + 20; a += 2) {
+            labels.push(`${a}A`);
+            const val = ((usableAh / a) * 60);
+            data.push(Number(val.toFixed(1)));
+        }
+
+        chart.data.labels = labels;
+        if (chart.data.datasets[0]) chart.data.datasets[0].data = data;
+        chart.update('none');
+    }
+
+    [capInput, cellsInput, safetyInput, drawInput, effInput].forEach(el => {
+        el?.addEventListener("input", () => calculate('basic'));
+    });
+
+    wattsInput?.addEventListener("input", () => calculate('watts'));
+
+    document.querySelectorAll('.preset-btn').forEach(btn => {
+        btn.addEventListener('click', () => {
+            capInput.value = btn.getAttribute('data-val') || "1500";
+            calculate('basic');
+        });
+    });
+
+    initChart();
+    calculate('basic');
+</script>
+
+
+

package/src/tool/drone-flight-time/seo.astro

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

package/src/tool/drone-motor-propeller-calculator/seo.astro

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