@jjlmoya/utils-astronomy 1.4.0 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jjlmoya/utils-astronomy",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/tool/bortleVisualizer/component.astro

@@ -8,6 +8,7 @@ interface Props {
 }
 
 const { ui } = Astro.props;
+const bortleData = ui.bortleData;
 ---
 
 <div class="bortle-wrapper" id="bortle-simulator">
@@ -80,8 +81,14 @@ const { ui } = Astro.props;
   </div>
 </div>
 
+<script define:vars={{ ui, bortleData }} is:inline>
+  window.__bortleUI = ui;
+  window.__bortleData = bortleData;
+</script>
+
 <script>
-  import { getBortleData } from './logic';
+  const uiData = window.__bortleUI || {};
+  const bortleDataMap = window.__bortleData || {};
 
   const elements = {
     stars: document.getElementById('layer-stars'),
@@ -162,9 +169,9 @@ const { ui } = Astro.props;
   }
 
   if (elements.slider) {
-    function updateText(level: number, data: ReturnType<typeof getBortleData>) {
+    function updateText(level: number, data: BortleLevel) {
       if (elements.title) elements.title.innerText = data.title;
-      if (elements.classLabel) elements.classLabel.innerText = `CLASE ${level}`;
+      if (elements.classLabel) elements.classLabel.innerText = `${uiData.classPrefix} ${level}`;
       if (elements.nelm) elements.nelm.innerText = `NELM ${data.nelm.toFixed(1)}`;
       if (elements.desc) elements.desc.innerText = data.description;
       if (elements.descMobile) elements.descMobile.innerText = data.description;
@@ -194,7 +201,7 @@ const { ui } = Astro.props;
 
     function updateAll(val: number) {
       const level = Math.floor(val);
-      const data = getBortleData(level);
+      const data = bortleDataMap[level.toString()];
       updateText(level, data);
       updateThumb(val);
       updateLayers(level, data.skyBrightness);

package/src/tool/bortleVisualizer/i18n/en.ts

@@ -11,6 +11,18 @@ const ui: BortleVisualizerUI = {
   classLabel: 'Bortle Class',
   nelmLabel: 'NELM',
   sqmLabel: 'SQM',
+  classPrefix: 'CLASS',
+  bortleData: {
+    1: { title: 'Excellent Dark Sky', description: 'Astronomer\'s paradise. Milky Way casts shadows. Zodiacal light visible and colorful. M33 naked-eye visible.', nelm: 8.0, sqm: '21.99 - 22.0', starsVisible: true, milkyWayVisible: true, cloudsLit: false, skyBrightness: 0.0 },
+    2: { title: 'Truly Dark', description: 'Really dark sites. Milky Way is highly structured. Clouds only visible as black holes in the sky.', nelm: 7.5, sqm: '21.89 - 21.99', starsVisible: true, milkyWayVisible: true, cloudsLit: false, skyBrightness: 0.1 },
+    3: { title: 'Rural Sky', description: 'Complex Milky Way. Some light pollution on horizon. Clouds lit near horizon but dark overhead.', nelm: 7.0, sqm: '21.69 - 21.89', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.2 },
+    4: { title: 'Rural/Suburban', description: 'Milky Way loses detail but visible. Light domes on horizon. Clouds lit from below.', nelm: 6.5, sqm: '20.49 - 21.69', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.35 },
+    5: { title: 'Suburban Sky', description: 'Milky Way very faint or invisible near horizon. Zodiacal light rarely visible. Sky appears grayish.', nelm: 6.0, sqm: '19.50 - 20.49', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.5 },
+    6: { title: 'Bright Suburban', description: 'Milky Way invisible. Sky is bright gray. Clouds very bright. M31 barely visible.', nelm: 5.5, sqm: '18.94 - 19.50', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.65 },
+    7: { title: 'Suburban/Urban', description: 'Sky grayish-white. Strong light sources in all directions. Only brightest stars visible.', nelm: 5.0, sqm: '18.38 - 18.94', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.8 },
+    8: { title: 'Urban Sky', description: 'Sky is grayish-white or orange. Can read newspaper headlines. Only major constellations visible.', nelm: 4.5, sqm: '< 18.38', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.9 },
+    9: { title: 'City Center', description: 'Sky bright as twilight. Moon visible but constellations not. Only planets and Moon visible.', nelm: 4.0, sqm: '< 18.00', starsVisible: false, milkyWayVisible: false, cloudsLit: true, skyBrightness: 1.0 },
+  },
 };
 
 const faq: BortleVisualizerLocaleContent['faq'] = [
@@ -138,6 +150,7 @@ const appSchema: WithContext<SoftwareApplication> = {
   inLanguage: 'en',
 };
 
+
 export const content: BortleVisualizerLocaleContent = {
   slug,
   title,
@@ -149,5 +162,6 @@ export const content: BortleVisualizerLocaleContent = {
   bibliography,
   bibliographyTitle: 'Bibliographic References',
   howTo,
+  bortleData: ui.bortleData,
   schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/bortleVisualizer/i18n/es.ts

@@ -11,6 +11,18 @@ const ui: BortleVisualizerUI = {
   classLabel: 'Clase Bortle',
   nelmLabel: 'NELM',
   sqmLabel: 'SQM',
+  classPrefix: 'CLASE',
+  bortleData: {
+    1: { title: 'Cielo Oscuro Excelente', description: 'El nirvana astronómico. La Vía Láctea proyecta sombras. La luz zodiacal es visible y colorida. M33 es visible a simple vista.', nelm: 8.0, sqm: '21.99 - 22.0', starsVisible: true, milkyWayVisible: true, cloudsLit: false, skyBrightness: 0.0 },
+    2: { title: 'Cielo Oscuro Típico', description: 'Sitios realmente oscuros. La Vía Láctea es muy estructurada. Nubes solo visibles como agujeros negros en el cielo.', nelm: 7.5, sqm: '21.89 - 21.99', starsVisible: true, milkyWayVisible: true, cloudsLit: false, skyBrightness: 0.1 },
+    3: { title: 'Cielo Rural', description: 'Vía Láctea compleja. Alguna contaminación lumínica en el horizonte. Las nubes están iluminadas cerca del horizonte pero oscuras arriba.', nelm: 7.0, sqm: '21.69 - 21.89', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.2 },
+    4: { title: 'Transición Rural/Suburbana', description: 'La Vía Láctea pierde detalle pero se ve. Domos de luz en el horizonte. Las nubes están iluminadas por abajo.', nelm: 6.5, sqm: '20.49 - 21.69', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.35 },
+    5: { title: 'Cielo Suburbano', description: 'La Vía Láctea es muy débil o invisible cerca del horizonte. Luz zodiacal rara vez visible. El cielo se ve grisáceo, no negro.', nelm: 6.0, sqm: '19.50 - 20.49', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.5 },
+    6: { title: 'Cielo Suburbano Brillante', description: 'Vía Láctea invisible. El cielo es gris brillante. Nubes muy brillantes. M31 (Andrómeda) apenas visible.', nelm: 5.5, sqm: '18.94 - 19.50', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.65 },
+    7: { title: 'Transición Suburbana/Urbana', description: 'Fondo del cielo gris claro. Fuentes de luz fuertes en todas direcciones. Solo las estrellas más brillantes son visibles.', nelm: 5.0, sqm: '18.38 - 18.94', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.8 },
+    8: { title: 'Cielo Urbano', description: 'El cielo es gris blanquecino o naranja. Se pueden leer titulares de periódico. Solo se ven constelaciones principales.', nelm: 4.5, sqm: '< 18.38', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.9 },
+    9: { title: 'Cielo Urbano Interior', description: 'El cielo es muy brillante, incluso en el cenit. Solo se ven la Luna, planetas y un puñado de estrellas brillantes.', nelm: 4.0, sqm: '< 18.00', starsVisible: false, milkyWayVisible: false, cloudsLit: true, skyBrightness: 1.0 },
+  },
 };
 
 const faq: BortleVisualizerLocaleContent['faq'] = [
@@ -146,6 +158,7 @@ const appSchema: WithContext<SoftwareApplication> = {
   inLanguage: 'es',
 };
 
+
 export const content: BortleVisualizerLocaleContent = {
   slug,
   title,
@@ -157,5 +170,6 @@ export const content: BortleVisualizerLocaleContent = {
   bibliography,
   bibliographyTitle: 'Referencias Bibliográficas',
   howTo,
+  bortleData: ui.bortleData,
   schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/bortleVisualizer/i18n/fr.ts

@@ -11,6 +11,18 @@ const ui: BortleVisualizerUI = {
   classLabel: 'Classe Bortle',
   nelmLabel: 'NELM',
   sqmLabel: 'SQM',
+  classPrefix: 'CLASSE',
+  bortleData: {
+    1: { title: 'Ciel Noir Excellent', description: 'Paradis de l\'astronome. Voie lactée projette des ombres. Lumière zodiacale visible et colorée. M33 visible à l\'œil nu.', nelm: 8.0, sqm: '21.99 - 22.0', starsVisible: true, milkyWayVisible: true, cloudsLit: false, skyBrightness: 0.0 },
+    2: { title: 'Ciel Vraiment Sombre', description: 'Sites véritablement sombres. Voie lactée très structurée. Nuages visibles uniquement comme des trous noirs dans le ciel.', nelm: 7.5, sqm: '21.89 - 21.99', starsVisible: true, milkyWayVisible: true, cloudsLit: false, skyBrightness: 0.1 },
+    3: { title: 'Ciel Rural', description: 'Voie lactée complexe. Pollution lumineuse à l\'horizon. Nuages éclairés près de l\'horizon mais sombres au-dessus.', nelm: 7.0, sqm: '21.69 - 21.89', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.2 },
+    4: { title: 'Rural/Suburbain', description: 'Voie lactée perd en détail mais visible. Dômes de lumière à l\'horizon. Nuages éclairés d\'en bas.', nelm: 6.5, sqm: '20.49 - 21.69', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.35 },
+    5: { title: 'Ciel Suburbain', description: 'Voie lactée très faible ou invisible près de l\'horizon. Lumière zodiacale rarement visible. Ciel grisâtre.', nelm: 6.0, sqm: '19.50 - 20.49', starsVisible: true, milkyWayVisible: true, cloudsLit: true, skyBrightness: 0.5 },
+    6: { title: 'Suburbain Brillant', description: 'Voie lactée invisible. Ciel gris clair. Nuages très brillants. M31 à peine visible.', nelm: 5.5, sqm: '18.94 - 19.50', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.65 },
+    7: { title: 'Suburbain/Urbain', description: 'Ciel gris clair. Sources lumineuses fortes dans toutes les directions. Seules les plus brillantes étoiles visibles.', nelm: 5.0, sqm: '18.38 - 18.94', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.8 },
+    8: { title: 'Ciel Urbain', description: 'Ciel gris-blanc ou orange. Peut lire les gros titres des journaux. Seules les principales constellations visibles.', nelm: 4.5, sqm: '< 18.38', starsVisible: true, milkyWayVisible: false, cloudsLit: true, skyBrightness: 0.9 },
+    9: { title: 'Centre-Ville', description: 'Ciel lumineux comme le crépuscule. Lune visible mais constellations non. Seulement planètes et Lune visibles.', nelm: 4.0, sqm: '< 18.00', starsVisible: false, milkyWayVisible: false, cloudsLit: true, skyBrightness: 1.0 },
+  },
 };
 
 const faq: BortleVisualizerLocaleContent['faq'] = [
@@ -149,5 +161,6 @@ export const content: BortleVisualizerLocaleContent = {
   bibliography,
   bibliographyTitle: 'Références Bibliographiques',
   howTo,
+  bortleData: ui.bortleData,
   schemas: [faqSchema as any, howToSchema as any, appSchema],
 };

package/src/tool/bortleVisualizer/index.ts

@@ -4,15 +4,31 @@ import BortleVisualizerSEO from './seo.astro';
 import BortleVisualizerBibliography from './bibliography.astro';
 
 export interface BortleVisualizerUI {
-  [key: string]: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
   toolTitle: string;
   sliderLabel: string;
   classLabel: string;
   nelmLabel: string;
   sqmLabel: string;
+  classPrefix: string;
+  bortleData: Record<number, BortleLevel>;
 }
 
-export type BortleVisualizerLocaleContent = ToolLocaleContent<BortleVisualizerUI>;
+export interface BortleLevel {
+  title: string;
+  description: string;
+  nelm: number;
+  sqm: string;
+  starsVisible: boolean;
+  milkyWayVisible: boolean;
+  cloudsLit: boolean;
+  skyBrightness: number;
+}
+
+export interface BortleVisualizerLocaleContent extends ToolLocaleContent<BortleVisualizerUI> {
+  bortleData: Record<number, BortleLevel>;
+}
 
 import { content as es } from './i18n/es';
 import { content as en } from './i18n/en';

package/src/tool/deepSpaceScope/component.astro

@@ -35,7 +35,7 @@ const { ui } = Astro.props;
             <p id="modal-type" class="modal-type">Type</p>
           </div>
         </div>
-        <button id="close-modal" class="modal-close" aria-label="Cerrar">
+        <button id="close-modal" class="modal-close" aria-label={ui.closeLabel}>
           <Icon name="mdi:close" />
         </button>
       </div>
@@ -128,14 +128,20 @@ const { ui } = Astro.props;
   </div>
 </div>
 
+<script define:vars={{ ui }} is:inline>
+  window.__deepSpaceUI = ui;
+</script>
+
 <script>
+  import type { DeepSpaceObject } from "./index";
   import {
-    DEEP_SPACE_OBJECTS,
     calculateLimitingMagnitude,
     apertureSliderToMm,
   } from "./logic";
 
   const container = document.getElementById("scope-container");
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const uiData = (window as any).__deepSpaceUI || {};
   const canvas = document.getElementById("sky-canvas") as HTMLCanvasElement;
   const ctx = canvas?.getContext("2d");
   const objectsLayer = document.getElementById("objects-layer");
@@ -168,7 +174,8 @@ const { ui } = Astro.props;
   function initObjectsDOM() {
     if (!objectsLayer) return;
     objectsLayer.innerHTML = "";
-    DEEP_SPACE_OBJECTS.forEach((obj, idx) => {
+    const objects = uiData.deepSpaceObjects || [];
+    objects.forEach((obj: DeepSpaceObject, idx: number) => {
       const el = document.createElement("div");
       el.id = `obj-${idx}`;
       el.className = "scope-object";
@@ -194,13 +201,13 @@ const { ui } = Astro.props;
   const modalContent = document.getElementById("modal-content");
   const closeModalBtn = document.getElementById("close-modal");
 
-  function openModal(obj: (typeof DEEP_SPACE_OBJECTS)[0]) {
+  function openModal(obj: DeepSpaceObject) {
     if (!modal || !modalContent) return;
     document.getElementById("modal-title")!.innerText = obj.name;
     document.getElementById("modal-type")!.innerText = obj.type;
     document.getElementById("modal-mag")!.innerText = obj.mag.toString();
-    document.getElementById("modal-az")!.innerText = `Azimuth: ${obj.az}°`;
-    document.getElementById("modal-alt")!.innerText = `Altitud: ${obj.alt}°`;
+    document.getElementById("modal-az")!.innerText = `${uiData.azimuthLabel}: ${obj.az}°`;
+    document.getElementById("modal-alt")!.innerText = `${uiData.altitudeLabel}: ${obj.alt}°`;
     const iconEl = document.getElementById("modal-icon");
     if (iconEl) {
       iconEl.innerHTML = `<span class="iconify" data-icon="${obj.icon}" style="font-size:2.5rem;color:${obj.color}"></span>`;
@@ -209,7 +216,7 @@ const { ui } = Astro.props;
     if (descEl) {
       descEl.innerText =
         obj.desc ||
-        `Un objeto fascinante del espacio profundo. Magnitud ${obj.mag}.`;
+        `${uiData.defaultObjDesc} ${obj.mag}.`;
     }
     modal.classList.remove("modal-hidden");
     modalContent.classList.remove("modal-scale-out");
@@ -235,10 +242,10 @@ const { ui } = Astro.props;
 
   function updateDisplays(limit: number, apertureMM: number, bortle: number) {
     document.getElementById("aperture-display")!.innerText = `${apertureMM}mm`;
-    document.getElementById("bortle-display")!.innerText = `Clase ${bortle}`;
+    document.getElementById("bortle-display")!.innerText = `${uiData.bortleClassPrefix} ${bortle}`;
     if (limitMagDisplay) limitMagDisplay.innerText = limit.toFixed(1);
     if (azimuthDisplay)
-      azimuthDisplay.innerText = `AZ: ${Math.round(panAngle)}°`;
+      azimuthDisplay.innerText = `${uiData.azimuthLabel}: ${Math.round(panAngle)}°`;
     if (pollutionLayer) {
       const opacity = (bortle - 1) * 0.08;
       pollutionLayer.style.backgroundColor = `rgba(217, 119, 6, ${opacity})`;
@@ -266,7 +273,7 @@ const { ui } = Astro.props;
 
   function updateObjectElement(
     el: HTMLElement,
-    obj: (typeof DEEP_SPACE_OBJECTS)[0],
+    obj: DeepSpaceObject,
     limit: number,
   ) {
     const delta = getShortestDelta(obj.az, panAngle);
@@ -282,7 +289,8 @@ const { ui } = Astro.props;
   }
 
   function renderObjects(limit: number) {
-    DEEP_SPACE_OBJECTS.forEach((obj, idx) => {
+    const objects = uiData.deepSpaceObjects || [];
+    objects.forEach((obj: DeepSpaceObject, idx: number) => {
       const el = document.getElementById(`obj-${idx}`);
       if (!el) return;
       if (obj.mag > limit) {
@@ -481,7 +489,7 @@ const { ui } = Astro.props;
     }
   }
 
-  .scope-object {
+  :global(.scope-object) {
     position: absolute;
     transform: translate(-50%, -50%);
     display: flex;
@@ -494,23 +502,23 @@ const { ui } = Astro.props;
     cursor: pointer;
   }
 
-  .scope-object:hover .scope-obj-icon {
+  :global(.scope-object:hover) :global(.scope-obj-icon) {
     transform: scale(1.25);
   }
 
-  .scope-obj-icon {
+  :global(.scope-obj-icon) {
     font-size: 2rem;
     transition: transform 0.3s ease;
     filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.4));
   }
 
   @media (min-width: 768px) {
-    .scope-obj-icon {
+    :global(.scope-obj-icon) {
       font-size: 3rem;
     }
   }
 
-  .scope-obj-label {
+  :global(.scope-obj-label) {
     margin-top: 0.5rem;
     display: flex;
     flex-direction: column;
@@ -519,7 +527,7 @@ const { ui } = Astro.props;
     transition: opacity 0.3s ease;
   }
 
-  .scope-obj-name {
+  :global(.scope-obj-name) {
     font-size: 0.625rem;
     font-weight: 700;
     color: var(--on-dark);
@@ -531,7 +539,7 @@ const { ui } = Astro.props;
     white-space: nowrap;
   }
 
-  .scope-obj-mag {
+  :global(.scope-obj-mag) {
     font-size: 0.5rem;
     color: rgba(148, 163, 184, 0.8);
     background: rgba(0, 0, 0, 0.8);

package/src/tool/deepSpaceScope/i18n/en.ts

@@ -18,6 +18,27 @@ const ui: DeepSpaceScopeUI = {
   deepSpaceLabel: 'Deep Space',
   magnitudeLabel: 'Magnitude',
   coordinatesLabel: 'Coordinates',
+  closeLabel: 'Close',
+  altitudeLabel: 'Altitude',
+  defaultObjDesc: 'A fascinating deep space object. Magnitude',
+  bortleClassPrefix: 'Class',
+  deepSpaceObjects: [
+    { name: 'Venus', type: 'Planet', mag: -4.5, az: 270, alt: 30, icon: 'mdi:circle', color: '#fef08a', desc: 'The brightest planet in the night sky. Visible in broad daylight.' },
+    { name: 'Jupiter', type: 'Planet', mag: -2.5, az: 180, alt: 40, icon: 'mdi:circle', color: '#fef9c3', desc: 'The giant of the solar system. Its four Galilean moons can be seen with binoculars.' },
+    { name: 'Saturn', type: 'Planet', mag: 0.8, az: 220, alt: 35, icon: 'mdi:circle', color: '#fefce8', desc: 'Its rings are visible with a 60mm telescope at 50x magnification.' },
+    { name: 'Mars', type: 'Planet', mag: 1.5, az: 150, alt: 25, icon: 'mdi:circle', color: '#f87171', desc: 'The Red Planet. Varies from magnitude -2.9 at opposition to +1.8 at conjunction.' },
+    { name: 'Sirius', type: 'Star', mag: -1.46, az: 145, alt: 50, icon: 'mdi:star-four-points', color: '#bfdbfe', desc: 'The brightest star in the night sky. Located just 8.6 light-years away.' },
+    { name: 'Canopus', type: 'Star', mag: -0.74, az: 200, alt: 20, icon: 'mdi:star-four-points', color: '#fef9c3', desc: 'The second brightest star, used for navigation in the Southern Hemisphere.' },
+    { name: 'Arcturus', type: 'Star', mag: -0.05, az: 60, alt: 55, icon: 'mdi:star-four-points', color: '#fdba74', desc: 'Orange giant in the Boötes constellation. 36 light-years from Earth.' },
+    { name: 'Vega', type: 'Star', mag: 0.03, az: 40, alt: 70, icon: 'mdi:star-four-points', color: '#dbeafe', desc: 'Vertex of the Summer Triangle. The reference star for magnitude 0.' },
+    { name: 'M42 Orion', type: 'Nebula', mag: 4.0, az: 140, alt: 45, icon: 'mdi:creation', color: '#a5b4fc', desc: 'The Great Orion Nebula, 1344 light-years away. A nursery for young stars.' },
+    { name: 'M45 Pleiades', type: 'Cluster', mag: 1.6, az: 100, alt: 60, icon: 'mdi:creation', color: '#93c5fd', desc: 'The Seven Sisters. At 444 light-years, the most famous open cluster in the sky.' },
+    { name: 'M31 Andromeda', type: 'Galaxy', mag: 3.4, az: 30, alt: 50, icon: 'mdi:creation', color: '#d8b4fe', desc: 'The largest neighboring galaxy. 2.5 million light-years away, visible to the naked eye in dark skies.' },
+    { name: 'M13 Hercules', type: 'Cluster', mag: 5.8, az: 80, alt: 65, icon: 'mdi:creation', color: '#fde047', desc: 'The Great Globular Cluster in Hercules. Contains 300,000 stars 25,100 light-years away.' },
+    { name: 'M57 Ring', type: 'Nebula', mag: 8.8, az: 50, alt: 58, icon: 'mdi:creation', color: '#67e8f9', desc: 'Planetary nebula in Lyra. Ring of gas ejected by a white dwarf.' },
+    { name: 'M81 Bode', type: 'Galaxy', mag: 6.9, az: 340, alt: 55, icon: 'mdi:creation', color: '#c4b5fd', desc: 'Spiral galaxy in Ursa Major. Interacting gravitationally with M82.' },
+    { name: 'Pluto', type: 'Dwarf Planet', mag: 14.3, az: 195, alt: 22, icon: 'mdi:circle-small', color: '#cbd5e1', desc: 'The most famous dwarf planet. Requires a 250mm or larger telescope and dark skies.' },
+  ],
 };
 
 const faq: DeepSpaceScopeLocaleContent['faq'] = [

package/src/tool/deepSpaceScope/i18n/es.ts

@@ -18,6 +18,27 @@ const ui: DeepSpaceScopeUI = {
   deepSpaceLabel: 'Espacio Profundo',
   magnitudeLabel: 'Magnitud',
   coordinatesLabel: 'Coordenadas',
+  closeLabel: 'Cerrar',
+  altitudeLabel: 'Altitud',
+  defaultObjDesc: 'Un objeto del espacio profundo. Magnitud',
+  bortleClassPrefix: 'Clase',
+  deepSpaceObjects: [
+    { name: 'Venus', type: 'Planeta', mag: -4.5, az: 270, alt: 30, icon: 'mdi:circle', color: '#fef08a', desc: 'El planeta más brillante del cielo nocturno. Visible a plena luz del día.' },
+    { name: 'Júpiter', type: 'Planeta', mag: -2.5, az: 180, alt: 40, icon: 'mdi:circle', color: '#fef9c3', desc: 'El gigante del sistema solar. Con binoculares se pueden ver sus cuatro lunas galileanas.' },
+    { name: 'Saturno', type: 'Planeta', mag: 0.8, az: 220, alt: 35, icon: 'mdi:circle', color: '#fefce8', desc: 'Sus anillos son visibles con un telescopio de 60mm a 50 aumentos.' },
+    { name: 'Marte', type: 'Planeta', mag: 1.5, az: 150, alt: 25, icon: 'mdi:circle', color: '#f87171', desc: 'El planeta rojo. Varía de magnitud -2.9 en oposición a +1.8 en conjunción.' },
+    { name: 'Sirio', type: 'Estrella', mag: -1.46, az: 145, alt: 50, icon: 'mdi:star-four-points', color: '#bfdbfe', desc: 'La estrella más brillante del cielo nocturno. Está a solo 8.6 años-luz.' },
+    { name: 'Canopus', type: 'Estrella', mag: -0.74, az: 200, alt: 20, icon: 'mdi:star-four-points', color: '#fef9c3', desc: 'La segunda estrella más brillante, usada para navegar en el hemisferio sur.' },
+    { name: 'Arcturus', type: 'Estrella', mag: -0.05, az: 60, alt: 55, icon: 'mdi:star-four-points', color: '#fdba74', desc: 'Gigante naranja en la constelación del Boyero. A 36 años-luz de la Tierra.' },
+    { name: 'Vega', type: 'Estrella', mag: 0.03, az: 40, alt: 70, icon: 'mdi:star-four-points', color: '#dbeafe', desc: 'Vértice del Triángulo de Verano. La estrella de referencia para magnitud 0.' },
+    { name: 'M42 Orión', type: 'Nebulosa', mag: 4.0, az: 140, alt: 45, icon: 'mdi:creation', color: '#a5b4fc', desc: 'La gran nebulosa de Orión, a 1344 años-luz. Vivero de estrellas jóvenes.' },
+    { name: 'M45 Pléyades', type: 'Cúmulo', mag: 1.6, az: 100, alt: 60, icon: 'mdi:creation', color: '#93c5fd', desc: 'Las Siete Hermanas. A 444 años-luz, el cúmulo abierto más famoso del cielo.' },
+    { name: 'M31 Andrómeda', type: 'Galaxia', mag: 3.4, az: 30, alt: 50, icon: 'mdi:creation', color: '#d8b4fe', desc: 'La galaxia vecina más grande. A 2.5 millones de años-luz, visible a simple vista en cielos oscuros.' },
+    { name: 'M13 Hércules', type: 'Cúmulo', mag: 5.8, az: 80, alt: 65, icon: 'mdi:creation', color: '#fde047', desc: 'El gran cúmulo globular de Hércules. Contiene 300.000 estrellas a 25.100 años-luz.' },
+    { name: 'M57 Anillo', type: 'Nebulosa', mag: 8.8, az: 50, alt: 58, icon: 'mdi:creation', color: '#67e8f9', desc: 'Nebulosa planetaria en Lyra. Anillo de gas expulsado por una enana blanca.' },
+    { name: 'M81 Bode', type: 'Galaxia', mag: 6.9, az: 340, alt: 55, icon: 'mdi:creation', color: '#c4b5fd', desc: 'Galaxia espiral en la Osa Mayor. Interactuando gravitatoriamente con M82.' },
+    { name: 'Plutón', type: 'Planeta Enano', mag: 14.3, az: 195, alt: 22, icon: 'mdi:circle-small', color: '#cbd5e1', desc: 'El planeta enano más famoso. Requiere un telescopio de 250mm o más y cielos oscuros.' },
+  ],
 };
 
 const faq: DeepSpaceScopeLocaleContent['faq'] = [

package/src/tool/deepSpaceScope/i18n/fr.ts

@@ -18,6 +18,27 @@ const ui: DeepSpaceScopeUI = {
   deepSpaceLabel: 'Espace Profond',
   magnitudeLabel: 'Magnitude',
   coordinatesLabel: 'Coordonnées',
+  closeLabel: 'Fermer',
+  altitudeLabel: 'Altitude',
+  defaultObjDesc: 'Un objet fascinant de l\'espace profond. Magnitude',
+  bortleClassPrefix: 'Classe',
+  deepSpaceObjects: [
+    { name: 'Vénus', type: 'Planète', mag: -4.5, az: 270, alt: 30, icon: 'mdi:circle', color: '#fef08a', desc: 'La planète la plus brillante du ciel nocturne. Visible en plein jour.' },
+    { name: 'Jupiter', type: 'Planète', mag: -2.5, az: 180, alt: 40, icon: 'mdi:circle', color: '#fef9c3', desc: 'Le géant du système solaire. Ses quatre lunes galiléennes sont visibles avec des jumelles.' },
+    { name: 'Saturne', type: 'Planète', mag: 0.8, az: 220, alt: 35, icon: 'mdi:circle', color: '#fefce8', desc: 'Ses anneaux sont visibles avec un télescope de 60mm à un grossissement de 50x.' },
+    { name: 'Mars', type: 'Planète', mag: 1.5, az: 150, alt: 25, icon: 'mdi:circle', color: '#f87171', desc: 'La planète rouge. Varie de la magnitude -2.9 en opposition à +1.8 en conjonction.' },
+    { name: 'Sirius', type: 'Étoile', mag: -1.46, az: 145, alt: 50, icon: 'mdi:star-four-points', color: '#bfdbfe', desc: 'L\'étoile la plus brillante du ciel nocturne. Située à seulement 8,6 années-lumière.' },
+    { name: 'Canope', type: 'Étoile', mag: -0.74, az: 200, alt: 20, icon: 'mdi:star-four-points', color: '#fef9c3', desc: 'La deuxième étoile la plus brillante, utilisée pour la navigation dans l\'hémisphère sud.' },
+    { name: 'Arcturus', type: 'Étoile', mag: -0.05, az: 60, alt: 55, icon: 'mdi:star-four-points', color: '#fdba74', desc: 'Géante orange dans la constellation du Bouvier. À 36 années-lumière de la Terre.' },
+    { name: 'Véga', type: 'Étoile', mag: 0.03, az: 40, alt: 70, icon: 'mdi:star-four-points', color: '#dbeafe', desc: 'Sommet du Triangle d\'Été. L\'étoile de référence pour la magnitude 0.' },
+    { name: 'M42 Orion', type: 'Nébuleuse', mag: 4.0, az: 140, alt: 45, icon: 'mdi:creation', color: '#a5b4fc', desc: 'La grande nébuleuse d\'Orion, à 1344 années-lumière. Une pouponnière d\'étoiles jeunes.' },
+    { name: 'M45 Pléiades', type: 'Amas', mag: 1.6, az: 100, alt: 60, icon: 'mdi:creation', color: '#93c5fd', desc: 'Les Sept Sœurs. À 444 années-lumière, l\'amas ouvert le plus célèbre du ciel.' },
+    { name: 'M31 Andromède', type: 'Galaxie', mag: 3.4, az: 30, alt: 50, icon: 'mdi:creation', color: '#d8b4fe', desc: 'La plus grande galaxie voisine. À 2,5 millions d\'années-lumière, visible à l\'œil nu sous un ciel sombre.' },
+    { name: 'M13 Hercule', type: 'Amas', mag: 5.8, az: 80, alt: 65, icon: 'mdi:creation', color: '#fde047', desc: 'Le grand amas globulaire d\'Hercule. Contiene 300 000 étoiles à 25 100 années-lumière.' },
+    { name: 'M57 Anneau', type: 'Nébuleuse', mag: 8.8, az: 50, alt: 58, icon: 'mdi:creation', color: '#67e8f9', desc: 'Nébuleuse planétaire dans la Lyre. Anneau de gaz expulsé par une naine blanche.' },
+    { name: 'M81 Bode', type: 'Galaxie', mag: 6.9, az: 340, alt: 55, icon: 'mdi:creation', color: '#c4b5fd', desc: 'Galaxie spirale dans la Grande Ourse. Interagissant gravitationnellement avec M82.' },
+    { name: 'Pluton', type: 'Planète naine', mag: 14.3, az: 195, alt: 22, icon: 'mdi:circle-small', color: '#cbd5e1', desc: 'La planète naine la plus célèbre. Nécessite un télescope de 250mm ou plus et un ciel sombre.' },
+  ],
 };
 
 const faq: DeepSpaceScopeLocaleContent['faq'] = [

package/src/tool/deepSpaceScope/index.ts

@@ -3,8 +3,19 @@ import DeepSpaceScopeComponent from './component.astro';
 import DeepSpaceScopeSEO from './seo.astro';
 import DeepSpaceScopeBibliography from './bibliography.astro';
 
+export interface DeepSpaceObject {
+  name: string;
+  type: string;
+  mag: number;
+  az: number;
+  alt: number;
+  color: string;
+  icon: string;
+}
+
 export interface DeepSpaceScopeUI {
-  [key: string]: string;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any;
   toolTitle: string;
   apertureLabel: string;
   bortleLabel: string;
@@ -17,6 +28,11 @@ export interface DeepSpaceScopeUI {
   deepSpaceLabel: string;
   magnitudeLabel: string;
   coordinatesLabel: string;
+  closeLabel: string;
+  altitudeLabel: string;
+  defaultObjDesc: string;
+  bortleClassPrefix: string;
+  deepSpaceObjects: DeepSpaceObject[];
 }
 
 export type DeepSpaceScopeLocaleContent = ToolLocaleContent<DeepSpaceScopeUI>;

package/src/tool/deepSpaceScope/logic.ts

@@ -22,20 +22,4 @@ export function apertureSliderToMm(sliderValue: number): number {
   return Math.round(50 + (sliderValue / 100) * 350);
 }
 
-export const DEEP_SPACE_OBJECTS: DeepSpaceObject[] = [
-  { name: 'Venus', type: 'Planeta', mag: -4.5, az: 270, alt: 30, icon: 'mdi:circle', color: '#fef08a', desc: 'El planeta más brillante del cielo nocturno. Visible a plena luz del día.' },
-  { name: 'Júpiter', type: 'Planeta', mag: -2.5, az: 180, alt: 40, icon: 'mdi:circle', color: '#fef9c3', desc: 'El gigante del sistema solar. Con binoculares se pueden ver sus cuatro lunas galileanas.' },
-  { name: 'Saturno', type: 'Planeta', mag: 0.8, az: 220, alt: 35, icon: 'mdi:circle', color: '#fefce8', desc: 'Sus anillos son visibles con un telescopio de 60mm a 50 aumentos.' },
-  { name: 'Marte', type: 'Planeta', mag: 1.5, az: 150, alt: 25, icon: 'mdi:circle', color: '#f87171', desc: 'El planeta rojo. Varía de magnitud -2.9 en oposición a +1.8 en conjunción.' },
-  { name: 'Sirio', type: 'Estrella', mag: -1.46, az: 145, alt: 50, icon: 'mdi:star-four-points', color: '#bfdbfe', desc: 'La estrella más brillante del cielo nocturno. Está a solo 8.6 años-luz.' },
-  { name: 'Canopus', type: 'Estrella', mag: -0.74, az: 200, alt: 20, icon: 'mdi:star-four-points', color: '#fef9c3', desc: 'La segunda estrella más brillante, usada para navegar en el hemisferio sur.' },
-  { name: 'Arcturus', type: 'Estrella', mag: -0.05, az: 60, alt: 55, icon: 'mdi:star-four-points', color: '#fdba74', desc: 'Gigante naranja en la constelación del Boyero. A 36 años-luz de la Tierra.' },
-  { name: 'Vega', type: 'Estrella', mag: 0.03, az: 40, alt: 70, icon: 'mdi:star-four-points', color: '#dbeafe', desc: 'Vértice del Triángulo de Verano. La estrella de referencia para magnitud 0.' },
-  { name: 'M42 Orión', type: 'Nebulosa', mag: 4.0, az: 140, alt: 45, icon: 'mdi:creation', color: '#a5b4fc', desc: 'La gran nebulosa de Orión, a 1344 años-luz. Vivero de estrellas jóvenes.' },
-  { name: 'M45 Pléyades', type: 'Cúmulo', mag: 1.6, az: 100, alt: 60, icon: 'mdi:creation', color: '#93c5fd', desc: 'Las Siete Hermanas. A 444 años-luz, el cúmulo abierto más famoso del cielo.' },
-  { name: 'M31 Andrómeda', type: 'Galaxia', mag: 3.4, az: 30, alt: 50, icon: 'mdi:creation', color: '#d8b4fe', desc: 'La galaxia vecina más grande. A 2.5 millones de años-luz, visible a simple vista en cielos oscuros.' },
-  { name: 'M13 Hércules', type: 'Cúmulo', mag: 5.8, az: 80, alt: 65, icon: 'mdi:creation', color: '#fde047', desc: 'El gran cúmulo globular de Hércules. Contiene 300.000 estrellas a 25.100 años-luz.' },
-  { name: 'M57 Anillo', type: 'Nebulosa', mag: 8.8, az: 50, alt: 58, icon: 'mdi:creation', color: '#67e8f9', desc: 'Nebulosa planetaria en Lyra. Anillo de gas expulsado por una enana blanca.' },
-  { name: 'M81 Bode', type: 'Galaxia', mag: 6.9, az: 340, alt: 55, icon: 'mdi:creation', color: '#c4b5fd', desc: 'Galaxia espiral en la Osa Mayor. Interactuando gravitatoriamente con M82.' },
-  { name: 'Plutón', type: 'Planeta Enano', mag: 14.3, az: 195, alt: 22, icon: 'mdi:circle-small', color: '#cbd5e1', desc: 'El planeta enano más famoso. Requiere un telescopio de 250mm o más y cielos oscuros.' },
-];
+export const DEEP_SPACE_OBJECTS: DeepSpaceObject[] = [];

package/src/tool/starExposureCalculator/component.astro

@@ -105,10 +105,16 @@ const { ui } = Astro.props;
   </div>
 </div>
 
+<script define:vars={{ ui }} is:inline>
+  window.__starCalcUI = ui;
+</script>
+
 <script>
   import { calculateExposureTime } from './logic';
   import type { SensorCropFactor } from './logic';
 
+  const uiData = window.__starCalcUI;
+
   class StarCalculatorApp {
     mode = 'classic';
     focalLengthInput: HTMLInputElement;
@@ -228,12 +234,12 @@ const { ui } = Astro.props;
         this.starPreview.style.width = `${trailLength + 4}px`;
         this.starPreview.style.borderRadius = '2px';
         this.starPreview.classList.add('is-trail');
-        if (info) info.textContent = 'Trazo de estrella visible';
+        if (info) info.textContent = uiData.trailStars;
       } else {
         this.starPreview.style.width = '4px';
         this.starPreview.style.borderRadius = '50%';
         this.starPreview.classList.remove('is-trail');
-        if (info) info.textContent = 'Estrellas como puntos';
+        if (info) info.textContent = uiData.pointStars;
       }
     }
   }

package/src/tool/telescopeResolution/component.astro

@@ -1,16 +1,17 @@
 ---
 import type { TelescopeResolutionUI } from './index';
-import type { KnownLocale } from '../../types';
-
 interface Props {
   ui: TelescopeResolutionUI;
-  locale?: KnownLocale;
 }
 
 const { ui } = Astro.props;
 ---
 
-<div class="tscope-wrapper">
+<script define:vars={{ ui }} is:inline>
+  window.__telescopeUI = ui;
+</script>
+
+<div class="tscope-wrapper" id="tscope-root">
   <div class="tscope-grid">
     <div class="tscope-controls">
       <div class="tscope-control-group">
@@ -40,12 +41,7 @@ const { ui } = Astro.props;
         <div class="tscope-select-wrapper">
           <select id="preset-selector" class="tscope-select">
             <option value="">{ui.presetsPlaceholder}</option>
-            <option value="70">70mm (Refractor - Iniciación)</option>
-            <option value="114">114mm (4.5") Newtonian</option>
-            <option value="150">150mm (6") Dobson</option>
-            <option value="200">200mm (8") Dobson</option>
-            <option value="254">254mm (10") Dobson</option>
-            <option value="304">304mm (12") Profesional</option>
+            {ui.presets.map((preset: { value: string; label: string }) => <option value={preset.value}>{preset.label}</option>)}
           </select>
           <svg class="tscope-select-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
             <polyline points="6 9 12 15 18 9"></polyline>
@@ -70,6 +66,11 @@ const { ui } = Astro.props;
         </div>
       </div>
 
+      <div class="tscope-seeing-alert" id="seeing-alert">
+        <span id="seeing-alert-prefix">{ui.seeingAlertPrefix}</span>
+        <span id="seeing-alert-suffix">{ui.seeingAlertSuffix}</span>
+      </div>
+
       <div class="tscope-comp-grid">
         <div class="tscope-comp-card">
           <h4 class="tscope-comp-title">{ui.rayleighLabel}</h4>
@@ -81,10 +82,6 @@ const { ui } = Astro.props;
         </div>
       </div>
 
-      <div id="seeing-alert" class="tscope-seeing-alert">
-        {ui.seeingAlertPrefix} (1.0") {ui.seeingAlertSuffix} (0.77").
-      </div>
-
       <div class="tscope-visualization">
         <label class="tscope-vis-label">{ui.simLabel}</label>
         <div class="tscope-sim-container">
@@ -102,6 +99,17 @@ const { ui } = Astro.props;
 <script>
   import { calculateResolution, inchesToMm, mmToInches } from './logic';
 
+  const seeingAlertPrefix = document.getElementById('seeing-alert-prefix');
+  const seeingValueDisplay = document.getElementById('seeing-value');
+
+  function updateSeeingAlert() {
+    if (seeingAlertPrefix && seeingValueDisplay) {
+      const seeingVal = seeingValueDisplay.textContent;
+      const originalPrefix = seeingAlertPrefix.textContent || '';
+      seeingAlertPrefix.textContent = `${originalPrefix} (${seeingVal}")`;
+    }
+  }
+
   class ResolutionApp {
     apertureInput: HTMLInputElement;
     unitSelector: HTMLSelectElement;
@@ -111,10 +119,9 @@ const { ui } = Astro.props;
     rayleighDisplay: HTMLElement;
     maxMagDisplay: HTMLElement;
     seeingDisplay: HTMLElement;
-    seeingAlert: HTMLElement;
     star1: HTMLElement;
     star2: HTMLElement;
-    stepBtns: NodeListOf<HTMLButtonElement>;
+    stepBtns: NodeListOf<HTMLButtonElement> | undefined;
 
     constructor() {
       this.apertureInput = document.getElementById('aperture-input') as HTMLInputElement;
@@ -125,7 +132,6 @@ const { ui } = Astro.props;
       this.rayleighDisplay = document.getElementById('rayleigh-result') as HTMLElement;
       this.maxMagDisplay = document.getElementById('max-mag-result') as HTMLElement;
       this.seeingDisplay = document.getElementById('seeing-value') as HTMLElement;
-      this.seeingAlert = document.getElementById('seeing-alert') as HTMLElement;
       this.star1 = document.getElementById('star-1') as HTMLElement;
       this.star2 = document.getElementById('star-2') as HTMLElement;
       this.stepBtns = document.querySelectorAll('.tscope-step-btn');
@@ -171,6 +177,7 @@ const { ui } = Astro.props;
       });
       this.seeingInput.addEventListener('input', () => {
         this.seeingDisplay.textContent = this.seeingInput.value;
+        updateSeeingAlert();
         this.calculate();
       });
       this.calculate();
@@ -188,13 +195,6 @@ const { ui } = Astro.props;
       this.rayleighDisplay.textContent = result.rayleigh.toFixed(2);
       this.maxMagDisplay.textContent = Math.round(result.maxMagnification).toString();
 
-      if (result.seeingLimited) {
-        this.seeingAlert.classList.add('visible');
-        this.seeingAlert.textContent = `Atmosfera limitada: El seeing de hoy (${seeing}") impedirá que veas el potencial de tu telescopio (${result.dawes.toFixed(2)}").`;
-      } else {
-        this.seeingAlert.classList.remove('visible');
-      }
-
       this.updateSimulation(result.dawes);
     }
 
@@ -217,6 +217,7 @@ const { ui } = Astro.props;
   }
 
   new ResolutionApp();
+  updateSeeingAlert();
 </script>
 
 <style>
@@ -463,11 +464,10 @@ const { ui } = Astro.props;
     font-size: 0.85rem;
     color: var(--text-muted);
     line-height: 1.6;
-    display: none;
+    display: block;
   }
 
   .tscope-seeing-alert.visible {
-    display: block;
     animation: tscope-slide-in 0.4s ease-out;
   }
 

package/src/tool/telescopeResolution/i18n/en.ts

@@ -18,10 +18,18 @@ const ui: TelescopeResolutionUI = {
   arcsecUnit: 'arcseconds',
   rayleighLabel: 'Rayleigh Limit',
   maxMagLabel: 'Max. Useful Magnification',
-  seeingAlertPrefix: 'Atmosphere limited: Today\'s seeing',
-  seeingAlertSuffix: 'will prevent you from seeing your telescope\'s full potential',
+  seeingAlertPrefix: "Atmosphere limited: Today's seeing",
+  seeingAlertSuffix: "will prevent you from seeing your telescope's full potential",
   simLabel: 'Simulation: Binary Stars',
   simExplanation: 'Dawes separates point stars; Rayleigh defines planetary details.',
+  presets: [
+    { value: '70', label: '70mm (Beginner Refractor)' },
+    { value: '114', label: '114mm (4.5") Newtonian' },
+    { value: '150', label: '150mm (6") Dobsonian' },
+    { value: '200', label: '200mm (8") Dobsonian' },
+    { value: '254', label: '254mm (10") Dobsonian' },
+    { value: '304', label: '304mm (12") Professional' },
+  ],
 };
 
 const faq: TelescopeResolutionLocaleContent['faq'] = [

package/src/tool/telescopeResolution/i18n/es.ts

@@ -22,6 +22,14 @@ const ui: TelescopeResolutionUI = {
   seeingAlertSuffix: 'impedirá que veas el potencial de tu telescopio',
   simLabel: 'Simulación: Estrellas Binarias',
   simExplanation: 'Dawes separa estrellas puntuales; Rayleigh define detalles planetarios.',
+  presets: [
+    { value: '70', label: '70mm (Refractor - Iniciación)' },
+    { value: '114', label: '114mm (4.5") Newtonian' },
+    { value: '150', label: '150mm (6") Dobson' },
+    { value: '200', label: '200mm (8") Dobson' },
+    { value: '254', label: '254mm (10") Dobson' },
+    { value: '304', label: '304mm (12") Profesional' },
+  ],
 };
 
 const faq: TelescopeResolutionLocaleContent['faq'] = [

package/src/tool/telescopeResolution/i18n/fr.ts

@@ -18,10 +18,18 @@ const ui: TelescopeResolutionUI = {
   arcsecUnit: 'arcsecondes',
   rayleighLabel: 'Limite de Rayleigh',
   maxMagLabel: 'Grossissement Max. Utile',
-  seeingAlertPrefix: 'Atmosphère limitée: Le seeing d\'aujourd\'hui',
+  seeingAlertPrefix: "Atmosphère limitée: Le seeing d'aujourd'hui",
   seeingAlertSuffix: 'vous empêchera de voir le potentiel complet de votre télescope',
   simLabel: 'Simulation: Étoiles Binaires',
   simExplanation: 'Dawes sépare les étoiles ponctuelles; Rayleigh définit les détails planétaires.',
+  presets: [
+    { value: '70', label: '70mm (Réfracteur - Débutant)' },
+    { value: '114', label: '114mm (4,5") Newtonien' },
+    { value: '150', label: '150mm (6") Dobsonien' },
+    { value: '200', label: '200mm (8") Dobsonien' },
+    { value: '254', label: '254mm (10") Dobsonien' },
+    { value: '304', label: '304mm (12") Professionnel' },
+  ],
 };
 
 const faq: TelescopeResolutionLocaleContent['faq'] = [

package/src/tool/telescopeResolution/index.ts

@@ -4,7 +4,7 @@ import TelescopeResolutionSEO from './seo.astro';
 import TelescopeResolutionBibliography from './bibliography.astro';
 
 export interface TelescopeResolutionUI {
-  [key: string]: string;
+  [key: string]: string | Array<{ value: string; label: string }>;
   toolTitle: string;
   apertureLabel: string;
   unitLabel: string;
@@ -21,6 +21,7 @@ export interface TelescopeResolutionUI {
   seeingAlertSuffix: string;
   simLabel: string;
   simExplanation: string;
+  presets: Array<{ value: string; label: string }>;
 }
 
 export type TelescopeResolutionLocaleContent = ToolLocaleContent<TelescopeResolutionUI>;

package/src/types.ts

@@ -1,5 +1,4 @@
 import type { SEOSection } from '@jjlmoya/utils-shared';
-import type { WithContext, Thing } from 'schema-dts';
 
 export type { SEOSection };
 
@@ -23,7 +22,8 @@ export interface HowToStep {
   text: string;
 }
 
-export interface ToolLocaleContent<TUI extends Record<string, string> = Record<string, string>> {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export interface ToolLocaleContent<TUI extends Record<string, any> = Record<string, any>> {
   slug: string;
   title: string;
   description: string;
@@ -34,7 +34,8 @@ export interface ToolLocaleContent<TUI extends Record<string, string> = Record<s
   bibliography: BibliographyEntry[];
   bibliographyTitle: string;
   howTo: HowToStep[];
-  schemas: WithContext<Thing>[];
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  schemas: any[];
 }
 
 export interface CategoryLocaleContent {
@@ -48,7 +49,8 @@ export type LocaleLoader<T> = () => Promise<T>;
 
 export type LocaleMap<T> = Partial<Record<KnownLocale, LocaleLoader<T>>>;
 
-export interface AstronomyToolEntry<TUI extends Record<string, string> = Record<string, string>> {
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export interface AstronomyToolEntry<TUI extends Record<string, any> = Record<string, any>> {
   id: string;
   icons: {
     bg: string;