@jjlmoya/utils-science 1.20.0 → 1.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-science",
-    "version": "1.20.0",
+    "version": "1.22.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",
@@ -50,6 +50,7 @@
     },
     "devDependencies": {
         "@astrojs/check": "^0.9.8",
+        "@types/leaflet": "^1.9.21",
         "eslint": "^9.39.4",
         "eslint-plugin-astro": "^1.6.0",
         "eslint-plugin-no-comments": "^1.1.10",

package/src/category/i18n/de.ts

@@ -12,7 +12,7 @@ export const content: CategoryLocaleContent = {
     },
     {
       type: 'paragraph',
-      html: '<p>Wissenschaft ist nicht nur ein statisches Wissensgebiet, sondern ein dynamischer Prozess der Erkundung und des Experimentierens. In diesem Bereich bieten wir kostenlose Online-Tools an, die komplexe wissenschaftliche Konzepte durch Simulation und Datenanalyse jedem Nutzer näherbringen. Von der Mikrobiologie bis zur Astrophysik wenden unsere Hilfsprogramme mathematische Modelle und physikalische Theorien an, um Ihnen eine interaktive Perspektive auf das Universum zu bieten.</p><p>Ob Sie nun koloniebildende Einheiten in einem Labor zählen müssen oder die Wahrscheinlichkeit schätzen möchten, dass wir in einer virtuellen Umgebung leben – unsere Rechner bieten technische Präzision mit einer auf Neugier ausgerichteten Benutzeroberfläche.</p>',
+      html: '<p>Wissenschaft ist nicht nur ein statisches Wissensgebiet, sondern ein dynamischer Prozess der Erkundung und des Experimentierens. In diesem Bereich bieten wir kostenlose Online-Tools an, die komplexe wissenschaftliche Konzepte durch Simulation und Datenanalyse jedem Nutzer näherbringen. Von der Mikrobiologie bis zur Astrophysik wenden unsere Hilfsprogramme mathematische Modelle und physikalische Theorien an, um Ihnen eine interaktive Perspektive auf das Universum zu bieten.</p><p>Ob Sie nun koloniebildende Einheiten in einem Labor zählen müssen oder die Wahrscheinlichkeit schätzen möchten, dass wir in einer virtuellen Umgebung leben - unsere Rechner bieten technische Präzision mit einer auf Neugier ausgerichteten Benutzeroberfläche.</p>',
     },
     {
       type: 'title',

package/src/category/i18n/fr.ts

@@ -7,7 +7,7 @@ export const content: CategoryLocaleContent = {
   seo: [
     {
       type: 'title',
-      text: 'Exploration Scientifique et Simulation : La Science Entre vos Mains',
+      text: 'Exploration Scientifique et Simulation: La Science Entre vos Mains',
       level: 2,
     },
     {
@@ -16,7 +16,7 @@ export const content: CategoryLocaleContent = {
     },
     {
       type: 'title',
-      text: 'Astrophysique et Risque Cosmique : L\'Impact des Astéroïdes',
+      text: 'Astrophysique et Risque Cosmique: L\'Impact des Astéroïdes',
       level: 2,
     },
     {
@@ -68,10 +68,10 @@ export const content: CategoryLocaleContent = {
       type: 'summary',
       title: 'Ce qui nous définit :',
       items: [
-        'Modélisation Mathématique : Simulations basées sur des lois physiques réelles (gravitation, thermodynamique, balistique).',
-        'Éducation Interactif : Outils conçus pour que les étudiants et les passionnés expérimentent avec des variables scientifiques.',
-        'Rigueur Technique : Données et formules extraites de publications scientifiques et de bases de données académiques.',
-        'Confidentialité des Données Scientifiques : Tous les processus de calcul et de simulation s\'exécutent localement pour garantir la sécurité de votre recherche.',
+        'Modélisation Mathématique: Simulations basées sur des lois physiques réelles (gravitation, thermodynamique, balistique).',
+        'Éducation Interactif: Outils conçus pour que les étudiants et les passionnés expérimentent avec des variables scientifiques.',
+        'Rigueur Technique: Données et formules extraites de publications scientifiques et de bases de données académiques.',
+        'Confidentialité des Données Scientifiques: Tous les processus de calcul et de simulation s\'exécutent localement pour garantir la sécurité de votre recherche.',
       ],
     },
     {

package/src/category/i18n/ru.ts

@@ -12,7 +12,7 @@ export const content: CategoryLocaleContent = {
     },
     {
       type: 'paragraph',
-      html: '<p>Наука — это не просто статический набор знаний, а динамичный процесс исследования и экспериментирования. В этом разделе мы предлагаем бесплатные онлайн-инструменты, разработанные для того, чтобы донести сложные научные концепции до любого пользователя посредством моделирования и анализа данных. От микробиологии до астрофизики наши утилиты применяют математические модели и физические теории, чтобы предложить вам интерактивный взгляд на Вселенную.</p><p>Если вам нужно подсчитать количество колониеобразующих единиц в лаборатории или вы хотите оценить вероятность того, что мы живем в виртуальной среде, наши калькуляторы обеспечивают техническую точность и интерфейс, созданный для любознательных умов.</p>',
+      html: '<p>Наука - это не просто статический набор знаний, а динамичный процесс исследования и экспериментирования. В этом разделе мы предлагаем бесплатные онлайн-инструменты, разработанные для того, чтобы донести сложные научные концепции до любого пользователя посредством моделирования и анализа данных. От микробиологии до астрофизики наши утилиты применяют математические модели и физические теории, чтобы предложить вам интерактивный взгляд на Вселенную.</p><p>Если вам нужно подсчитать количество колониеобразующих единиц в лаборатории или вы хотите оценить вероятность того, что мы живем в виртуальной среде, наши калькуляторы обеспечивают техническую точность и интерфейс, созданный для любознательных умов.</p>',
     },
     {
       type: 'title',

package/src/category/index.ts

@@ -4,10 +4,13 @@ import { asteroidImpact } from '../tool/asteroid-impact/index';
 import { microwaveDetector } from '../tool/microwave-detector/index';
 import { simulationProbability } from '../tool/simulation-probability/index';
 import { cellularRenewal } from '../tool/cellular-renewal/index';
+import { cosmicInflation } from '../tool/cosmic-inflation/index';
+import { temperatureTimeline } from '../tool/temperature-timeline/index';
+import { lorenzAttractor } from '../tool/lorenz-attractor/index';
 
 export const scienceCategory: ScienceCategoryEntry = {
   icon: 'mdi:flask',
-  tools: [colonyCounter, asteroidImpact, microwaveDetector, simulationProbability, cellularRenewal],
+  tools: [colonyCounter, asteroidImpact, microwaveDetector, simulationProbability, cellularRenewal, cosmicInflation, temperatureTimeline, lorenzAttractor],
   i18n: {
     es: () => import('./i18n/es').then((m) => m.content),
     en: () => import('./i18n/en').then((m) => m.content),

package/src/category/seo.astro

@@ -1,14 +1,14 @@
 ---
 import { SEORenderer } from '@jjlmoya/utils-shared';
 import { scienceCategory } from './index';
-import type { KnownLocale } from '../../types';
+import type { KnownLocale } from '../types';
 
 interface Props {
   locale?: KnownLocale;
 }
 
 const { locale = 'es' } = Astro.props;
-const content = await scienceCategory.i18n[locale]?.();
+const content = await scienceCategory.i18n[locale as KnownLocale]?.();
 if (!content) return null;
 ---
 

package/src/entries.ts

@@ -4,10 +4,16 @@ export { colonyCounter } from './tool/colony-counter/entry';
 export type { ColonyCounterUI, ColonyCounterLocaleContent } from './tool/colony-counter/entry';
 export { microwaveDetector } from './tool/microwave-detector/entry';
 export { simulationProbability } from './tool/simulation-probability/entry';
+export { cosmicInflation } from './tool/cosmic-inflation/entry';
+export { temperatureTimeline } from './tool/temperature-timeline/entry';
+export { lorenzAttractor } from './tool/lorenz-attractor/entry';
 export { scienceCategory } from './category';
 import { asteroidImpact } from './tool/asteroid-impact/entry';
 import { cellularRenewal } from './tool/cellular-renewal/entry';
 import { colonyCounter } from './tool/colony-counter/entry';
 import { microwaveDetector } from './tool/microwave-detector/entry';
 import { simulationProbability } from './tool/simulation-probability/entry';
-export const ALL_ENTRIES = [asteroidImpact, cellularRenewal, colonyCounter, microwaveDetector, simulationProbability];
+import { cosmicInflation } from './tool/cosmic-inflation/entry';
+import { temperatureTimeline } from './tool/temperature-timeline/entry';
+import { lorenzAttractor } from './tool/lorenz-attractor/entry';
+export const ALL_ENTRIES = [asteroidImpact, cellularRenewal, colonyCounter, microwaveDetector, simulationProbability, cosmicInflation, temperatureTimeline, lorenzAttractor];

package/src/index.ts

@@ -5,6 +5,9 @@ export { ASTEROID_IMPACT_TOOL } from './tool/asteroid-impact/index';
 export { MICROWAVE_DETECTOR_TOOL } from './tool/microwave-detector/index';
 export { SIMULATION_PROBABILITY_TOOL } from './tool/simulation-probability/index';
 export { CELLULAR_RENEWAL_TOOL } from './tool/cellular-renewal/index';
+export { COSMIC_INFLATION_TOOL } from './tool/cosmic-inflation/index';
+export { TEMPERATURE_TIMELINE_TOOL } from './tool/temperature-timeline/index';
+export { LORENZ_ATTRACTOR_TOOL } from './tool/lorenz-attractor/index';
 
 export type {
   KnownLocale,

package/src/pages/[locale]/[slug].astro

@@ -15,7 +15,7 @@ export async function getStaticPaths() {
   const paths = [];
 
   for (const { entry, Component: lazyComp } of ALL_TOOLS) {
-    const { default: Component } = await lazyComp();
+    const { default: Component } = await (lazyComp as () => Promise<{ default: unknown }>)();
     const localeEntries = Object.entries(entry.i18n) as [
       KnownLocale,
       () => Promise<ToolLocaleContent>,
@@ -79,11 +79,12 @@ interface Props {
   englishSlug: string;
 }
 
-const { Component, locale, content, localeUrls, allToolsNav, englishSlug } = Astro.props;
+const { Component, locale, content, localeUrls, allToolsNav, englishSlug } = Astro.props as Props;
 
 const cssFiles = import.meta.glob("../../tool/*/*.css", { query: "?raw", import: "default" });
 const cssKey = Object.keys(cssFiles).find((k) => k.endsWith(`/${englishSlug}.css`));
-const toolCss = cssKey ? await cssFiles[cssKey]() as string : "";
+const cssLoader = cssKey ? cssFiles[cssKey] : null;
+const toolCss = cssLoader ? await cssLoader() as string : "";
 
 const seoContent: UtilitySEOContent = { locale, sections: content.seo ?? [] };
 
@@ -132,7 +133,7 @@ const titleBase = words.slice(1).join(" ") || "";
     </section>
 
     <section class="section-faq">
-      <FAQSection items={content.faq} inLanguage={locale} />
+      <FAQSection items={content.faq} />
     </section>
 
     <section class="section-bibliography">

package/src/tests/locale_completeness.test.ts

@@ -18,8 +18,8 @@ describe('Locale Completeness Validation', () => {
     });
   });
 
-  it('all 5 tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(5);
+  it('all 8 tools registered', () => {
+    expect(ALL_TOOLS.length).toBe(8);
   });
 });
 

package/src/tests/no_en_dash.test.ts

@@ -0,0 +1,70 @@
+import { describe, it, expect } from 'vitest';
+import fs from 'node:fs';
+import path from 'node:path';
+
+function getFiles(dir: string): string[] {
+  const results: string[] = [];
+  if (!fs.existsSync(dir)) {
+    return results;
+  }
+  const list = fs.readdirSync(dir);
+  for (const file of list) {
+    const fullPath = path.join(dir, file);
+    const stat = fs.statSync(fullPath);
+    if (stat && stat.isDirectory()) {
+      if (file !== 'tests' && file !== 'node_modules' && file !== '.astro') {
+        results.push(...getFiles(fullPath));
+      }
+    } else {
+      results.push(fullPath);
+    }
+  }
+  return results;
+}
+
+function isContentFile(filePath: string): boolean {
+  return /\\i18n\\/.test(filePath) || filePath.endsWith('bibliography.ts');
+}
+
+const srcDir = path.join(process.cwd(), 'src');
+const scriptsDir = path.join(process.cwd(), 'scripts');
+const filesToTest = [
+  ...getFiles(srcDir).filter(isContentFile),
+  ...getFiles(scriptsDir).filter(isContentFile),
+];
+
+const aiTypographyGarbage = [
+  '\u2013',
+  '\u2014',
+  '\u2026',
+  '\u201C',
+  '\u201D',
+  '\u2018',
+  '\u2019',
+  '\u00AB',
+  '\u00BB',
+  '\u200B',
+  '\u201E',
+];
+
+describe('Typography Garbage Character Validation', () => {
+  filesToTest.forEach((filePath) => {
+    const relativePath = path.relative(process.cwd(), filePath);
+    it(`should not contain typography garbage characters in ${relativePath}`, () => {
+      const content = fs.readFileSync(filePath, 'utf-8');
+      const hasAiPatterns = aiTypographyGarbage.some(char => content.includes(char));
+      expect(hasAiPatterns).toBe(false);
+    });
+
+    it(`should not contain space before colon in ${relativePath}`, () => {
+      const content = fs.readFileSync(filePath, 'utf-8');
+      const spaceBeforeColon = / : /.test(content);
+      expect(spaceBeforeColon).toBe(false);
+    });
+
+    it(`should not contain double hyphen in ${relativePath}`, () => {
+      const content = fs.readFileSync(filePath, 'utf-8');
+      expect(content).not.toContain('--');
+    });
+  });
+});

package/src/tests/seo_length.test.ts

@@ -11,9 +11,11 @@ describe('SEO Content Length Validation', () => {
       Object.keys(entry.i18n).forEach((locale) => {
         it(`${locale}: SEO section should exist`, async () => {
           const loader = (entry.i18n as Record<string, () => Promise<{ seo?: unknown[] }>>)[locale];
-          const content = await loader();
-          if (!content.seo) return;
-          expect(Array.isArray(content.seo)).toBe(true);
+          if (loader) {
+            const content = await loader();
+            if (!content.seo) return;
+            expect(Array.isArray(content.seo)).toBe(true);
+          }
         });
       });
     });

package/src/tests/title_quality.test.ts

@@ -41,7 +41,7 @@ describe('Project Titles - Separator Validation', () => {
       let match;
       while ((match = pattern.exec(content)) !== null) {
         const title = match[1];
-        if (title.includes('|') || title.includes('-')) {
+        if (title && (title.includes('|') || title.includes('-'))) {
           findings.push(title);
         }
       }

package/src/tests/tool_validation.test.ts

@@ -4,8 +4,8 @@ import { scienceCategory } from '../data';
 
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
-    it('should have 5 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(5);
+    it('should have 8 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(8);
     });
 
     it('scienceCategory should be defined', () => {

package/src/tool/asteroid-impact/bibliography.astro

@@ -1,5 +1,5 @@
 ---
-import { Bibliography } from '@jjlmoya/utils-shared';
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
 import { asteroidImpact } from './index';
 import type { KnownLocale } from '../../types';
 
@@ -11,4 +11,4 @@ const { locale = 'es' } = Astro.props;
 const content = await asteroidImpact.i18n[locale]?.();
 ---
 
-{content && <Bibliography links={content.bibliography} />}
+{content && <SharedBibliography links={content.bibliography} />}

package/src/tool/asteroid-impact/component.astro

@@ -255,6 +255,13 @@ const { ui } = Astro.props;
 		clearBtn?.addEventListener("click", clearAll);
 	}
 
+	function getEventCoordinates(e: MouseEvent | TouchEvent) {
+		const touch = (e as TouchEvent).changedTouches?.[0];
+		const clientX = (e as MouseEvent).clientX || touch?.clientX || 0;
+		const clientY = (e as MouseEvent).clientY || touch?.clientY || 0;
+		return { clientX, clientY };
+	}
+
 	function setupGhostDrag() {
 		const source = document.getElementById("drag-source-desktop");
 		if (!source) return;
@@ -271,10 +278,8 @@ const { ui } = Astro.props;
 			const onEnd = (endEvent: MouseEvent | TouchEvent) => {
 				if (targetOverlay) targetOverlay.classList.remove("active");
 
-				const clientX = (endEvent as MouseEvent).clientX || (endEvent as TouchEvent).changedTouches[0].clientX;
-				const clientY = (endEvent as MouseEvent).clientY || (endEvent as TouchEvent).changedTouches[0].clientY;
-
-				const point = map.mouseEventToContainerPoint({ clientX, clientY } as MouseEvent);
+				const coords = getEventCoordinates(endEvent);
+				const point = map.mouseEventToContainerPoint(coords as MouseEvent);
 				const latlng = map.containerPointToLatLng(point);
 				spawnImpact(latlng);
 
@@ -404,12 +409,14 @@ const { ui } = Astro.props;
 		const container = document.getElementById("asteroid-verdict-container");
 
 		const c = VERDICT_CONFIGS[verdict];
-		if (value) value.textContent = c.text;
-		if (label) label.textContent = c.label;
-		if (container) container.className = `asteroid-verdict-container ${c.class}`;
+		if (c) {
+			if (value) value.textContent = c.text;
+			if (label) label.textContent = c.label;
+			if (container) container.className = `asteroid-verdict-container ${c.class}`;
 
-		const iconSource = document.getElementById(c.iconId);
-		if (icon && iconSource) icon.innerHTML = iconSource.innerHTML;
+			const iconSource = document.getElementById(c.iconId);
+			if (icon && iconSource) icon.innerHTML = iconSource.innerHTML;
+		}
 	}
 
 	function updateVerdict() {

package/src/tool/asteroid-impact/i18n/fr.ts

@@ -1,5 +1,5 @@
 const description = 'Simulez l\'impact d\'astéroïdes avec la physique réelle. Calculez l\'énergie, le cratère, les radiations thermiques et l\'onde de choc. Survivriez-vous à Chicxulub ?';
-const title = 'Simulateur d\'Impact d\'Astéroïde : Calculateur d\'Apocalypse';
+const title = 'Simulateur d\'Impact d\'Astéroïde: Calculateur d\'Apocalypse';
 const slug = 'simulateur-impact-asteroide';
 const howTo = [
     {
@@ -22,7 +22,7 @@ const howTo = [
 const faq = [
     {
       question: 'Comment l\'énergie d\'un impact est-elle calculée ?',
-      answer: 'L\'énergie principale est cinétique : (1/2) * masse * vitesse². Nous utilisons des densités réalistes (ex. 3000 kg/m³ pour les astéroïdes rocheux) et des vitesses d\'entrée atmosphérique typiques (11 à 72 km/s). L\'énergie résultante est mesurée en mégatonnes de TNT.',
+      answer: 'L\'énergie principale est cinétique: (1/2) * masse * vitesse². Nous utilisons des densités réalistes (ex. 3000 kg/m³ pour les astéroïdes rocheux) et des vitesses d\'entrée atmosphérique typiques (11 à 72 km/s). L\'énergie résultante est mesurée en mégatonnes de TNT.',
     },
     {
       question: 'Qu\'est-ce que l\'onde de choc thermique ?',
@@ -80,7 +80,7 @@ export const content: ToolLocaleContent = {
   seo: [
     {
       type: 'title',
-      text: 'Quand le Ciel Tombe : La Physique de l\'Apocalypse Cosmique',
+      text: 'Quand le Ciel Tombe: La Physique de l\'Apocalypse Cosmique',
       level: 2,
     },
     {
@@ -94,7 +94,7 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'paragraph',
-      html: 'Tout commence par l\'énergie cinétique : <strong>E = ½mv²</strong>. Un astéroïde de 100 mètres voyageant à 20 km/s libère environ 0,5 mégatonne de TNT. Pour comparaison, la bombe d\'Hiroshima était de 0,015 mégatonne.',
+      html: 'Tout commence par l\'énergie cinétique: <strong>E = ½mv²</strong>. Un astéroïde de 100 mètres voyageant à 20 km/s libère environ 0,5 mégatonne de TNT. Pour comparaison, la bombe d\'Hiroshima était de 0,015 mégatonne.',
     },
     {
       type: 'paragraph',
@@ -106,7 +106,7 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'title',
-      text: 'Anatomie de la Destruction : Les Couches Concentriques de l\'Apocalypse',
+      text: 'Anatomie de la Destruction: Les Couches Concentriques de l\'Apocalypse',
       level: 3,
     },
     {
@@ -120,7 +120,7 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'title',
-      text: 'Impacts Historiques : Les Leçons du Passé',
+      text: 'Impacts Historiques: Les Leçons du Passé',
       level: 3,
     },
     {

package/src/tool/asteroid-impact/i18n/ru.ts

@@ -4,11 +4,11 @@ const title = 'Симулятор столкновения с астероидо
 const howTo = [
     {
       name: 'Выберите размер объекта',
-      text: 'Введите диаметр астероида: от небольшого 10-метрового метеорита до 10-километрового «убийцы планет».',
+      text: 'Введите диаметр астероида: от небольшого 10-метрового метеорита до 10-километрового "убийцы планет".',
     },
     {
       name: 'Настройте скорость и угол',
-      text: 'Отрегулируйте скорость сближения и угол входа (45° — статистически наиболее вероятное значение).',
+      text: 'Отрегулируйте скорость сближения и угол входа (45° - статистически наиболее вероятное значение).',
     },
     {
       name: 'Определите тип астероида',
@@ -34,7 +34,7 @@ const faq = [
     },
     {
       question: 'Какова реальная вероятность столкновения?',
-      answer: 'Небольшие столкновения (как в России в 2013 году) происходят каждое десятилетие. Катастрофические столкновения (типа Тунгусского) — каждые несколько столетий. Глобальное вымирание, подобное Чикшулубу, случается примерно раз в 100 миллионов лет.',
+      answer: 'Небольшие столкновения (как в России в 2013 году) происходят каждое десятилетие. Катастрофические столкновения (типа Тунгусского) - каждые несколько столетий. Глобальное вымирание, подобное Чикшулубу, случается примерно раз в 100 миллионов лет.',
     },
   ];
 import { bibliography } from '../bibliography';
@@ -85,7 +85,7 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'paragraph',
-      html: 'Астероиды — это не просто космические булыжники. Это космические пули, летящие со скоростью 20 км/с и способные высвободить больше энергии, чем все ядерное оружие планеты вместе взятое. Этот симулятор переводит абстрактную физику в осязаемые человеческие последствия.',
+      html: 'Астероиды - это не просто космические булыжники. Это космические пули, летящие со скоростью 20 км/с и способные высвободить больше энергии, чем все ядерное оружие планеты вместе взятое. Этот симулятор переводит абстрактную физику в осязаемые человеческие последствия.',
     },
     {
       type: 'title',

package/src/tool/asteroid-impact/index.ts

@@ -1,4 +1,5 @@
 import { asteroidImpact } from './entry';
+import type { ToolDefinition } from '../../types';
 export * from './entry';
 export const ASTEROID_IMPACT_TOOL: ToolDefinition = {
   entry: asteroidImpact,

package/src/tool/asteroid-impact/script.ts

@@ -2,7 +2,7 @@ import L from "leaflet";
 import { ImpactPhysics, type Composition, type ImpactResults } from "./logic/impactPhysics";
 import { getCompositionColor } from "./helpers";
 import { getConfig, updateUI } from "./ui";
-import { VERDICT_CONFIGS, DEFAULT_LABELS, type Labels } from "./constants";
+import { VERDICT_CONFIGS, DEFAULT_LABELS, type Labels, type VerdictConfig } from "./constants";
 
 let map: L.Map;
 
@@ -53,6 +53,13 @@ function setupControls() {
 	clearBtn?.addEventListener("click", clearAll);
 }
 
+function getEventCoordinates(e: MouseEvent | TouchEvent) {
+	const touch = (e as TouchEvent).changedTouches?.[0];
+	const clientX = (e as MouseEvent).clientX || touch?.clientX || 0;
+	const clientY = (e as MouseEvent).clientY || touch?.clientY || 0;
+	return { clientX, clientY };
+}
+
 function setupGhostDrag() {
 	const source = document.getElementById("drag-source-desktop");
 	if (!source) return;
@@ -65,10 +72,8 @@ function setupGhostDrag() {
 		const onEnd = (endEvent: MouseEvent | TouchEvent) => {
 			if (targetOverlay) targetOverlay.classList.remove("active");
 
-			const clientX = (endEvent as MouseEvent).clientX || (endEvent as TouchEvent).changedTouches[0].clientX;
-			const clientY = (endEvent as MouseEvent).clientY || (endEvent as TouchEvent).changedTouches[0].clientY;
-
-			const point = map.mouseEventToContainerPoint({ clientX, clientY } as MouseEvent);
+			const coords = getEventCoordinates(endEvent);
+			const point = map.mouseEventToContainerPoint(coords as MouseEvent);
 			const latlng = map.containerPointToLatLng(point);
 			spawnImpact(latlng);
 
@@ -202,8 +207,9 @@ function updateVerdict() {
 	if (impacts.length === 0) {
 		pill?.classList.remove("active");
 	} else {
-		pill?.classList.add("active");
-		updateVerdictUI(VERDICT_CONFIGS.safe);
+		if (VERDICT_CONFIGS.safe) {
+			updateVerdictUI(VERDICT_CONFIGS.safe);
+		}
 	}
 }
 

package/src/tool/cellular-renewal/bibliography.astro

@@ -1,5 +1,5 @@
 ---
-import { Bibliography } from '@jjlmoya/utils-shared';
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
 import { cellularRenewal } from './index';
 import type { KnownLocale } from '../../types';
 
@@ -11,4 +11,4 @@ const { locale = 'es' } = Astro.props;
 const content = await cellularRenewal.i18n[locale]?.();
 ---
 
-{content && <Bibliography links={content.bibliography} />}
+{content && <SharedBibliography links={content.bibliography} />}

package/src/tool/cellular-renewal/i18n/fr.ts

@@ -1,6 +1,6 @@
 const description = 'Calculez le pourcentage de votre corps qui s\'est renouvelé depuis votre naissance. Estimation basée sur le taux de division cellulaire des organes, des os et des tissus. Le Paradoxe de Thésée rendu tangible.';
 const slug = 'calculateur-renouvellement-cellulaire';
-const title = 'Calculateur de Renouvellement Cellulaire : Que reste t il du "vous" original ?';
+const title = 'Calculateur de Renouvellement Cellulaire: Que reste t il du "vous" original ?';
 const howTo = [
     {
       name: 'Réglez votre âge',
@@ -12,7 +12,7 @@ const howTo = [
     },
     {
       name: 'Analysez les barres de progression',
-      text: 'Chaque barre représente un tissu différent : peau/sang, os, organes et cerveau. Notez que le cerveau change à peine tandis que la peau se renouvelle constamment.',
+      text: 'Chaque barre représente un tissu différent: peau/sang, os, organes et cerveau. Notez que le cerveau change à peine tandis que la peau se renouvelle constamment.',
     },
     {
       name: 'Réfléchissez sur votre identité',
@@ -26,7 +26,7 @@ const faq = [
     },
     {
       question: 'Pourquoi le cerveau se renouvelle-t-il si lentement ?',
-      answer: 'Les neurones du cortex cérébral se génèrent avant la naissance et généralement ne se divisent plus. Cela assure une stabilité neurologique : vos "câbles" fondamentaux restent constants. Cependant, les cellules gliales (de soutien) se renouvellent. La mémoire est stockée dans les connexions, pas dans les atomes.',
+      answer: 'Les neurones du cortex cérébral se génèrent avant la naissance et généralement ne se divisent plus. Cela assure une stabilité neurologique: vos "câbles" fondamentaux restent constants. Cependant, les cellules gliales (de soutien) se renouvellent. La mémoire est stockée dans les connexions, pas dans les atomes.',
     },
     {
       question: 'Est-il vrai que nous sommes de "nouvelles personnes" tous les 7 ans ?',
@@ -34,11 +34,11 @@ const faq = [
     },
     {
       question: 'Si mon corps est neuf à 99%, suis-je toujours la même personne ?',
-      answer: 'Oui. L\'identité est une continuité d\'information, de conscience et de mémoire, pas d\'atomes. Vous êtes comme un fleuve : l\'eau change constamment, mais le fleuve persiste. Le Paradoxe de Thésée suggère que l\'identité réside dans le motif, pas dans la matière.',
+      answer: 'Oui. L\'identité est une continuité d\'information, de conscience et de mémoire, pas d\'atomes. Vous êtes comme un fleuve: l\'eau change constamment, mais le fleuve persiste. Le Paradoxe de Thésée suggère que l\'identité réside dans le motif, pas dans la matière.',
     },
     {
       question: 'Quels sont les tissus qui se renouvellent le plus rapidement ?',
-      answer: 'Le sang et la peau sont en tête. Votre moelle osseuse produit 200 milliards de cellules sanguines par jour. Vous perdez ~30 000 cellules de peau par minute. C\'est pourquoi ils cicatrisent si bien et vieillissent si visiblement : ils sont jeunes en termes d\'âge cellulaire.',
+      answer: 'Le sang et la peau sont en tête. Votre moelle osseuse produit 200 milliards de cellules sanguines par jour. Vous perdez ~30 000 cellules de peau par minute. C\'est pourquoi ils cicatrisent si bien et vieillissent si visiblement: ils sont jeunes en termes d\'âge cellulaire.',
     },
     {
       question: 'Le cristallin de l\'œil ne se renouvelle vraiment pas ?',
@@ -79,11 +79,11 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'paragraph',
-      html: 'Ce paradoxe, connu sous le nom de <strong>Paradoxe du Navire de Thésée</strong>, pose une question ancienne : si vous remplacez toutes les parties de quelque chose, est-ce toujours la même chose ? Dans votre cas, c\'est une question littérale. Les atomes qui constituent votre corps aujourd\'hui ne sont pas les mêmes que ceux d\'il y a 10 ans, mais <em>vous</em> restez vous.',
+      html: 'Ce paradoxe, connu sous le nom de <strong>Paradoxe du Navire de Thésée</strong>, pose une question ancienne: si vous remplacez toutes les parties de quelque chose, est-ce toujours la même chose ? Dans votre cas, c\'est une question littérale. Les atomes qui constituent votre corps aujourd\'hui ne sont pas les mêmes que ceux d\'il y a 10 ans, mais <em>vous</em> restez vous.',
     },
     {
       type: 'title',
-      text: 'Le renouvellement cellulaire : un mapa de votre corps dynamique',
+      text: 'Le renouvellement cellulaire: un mapa de votre corps dynamique',
       level: 3,
     },
     {
@@ -103,16 +103,16 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'title',
-      text: 'Le cristallin de l\'œil : la partie la plus ancienne de vous',
+      text: 'Le cristallin de l\'œil: la partie la plus ancienne de vous',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: 'Il existe une structure dans votre corps qui est spéciale : le <strong>cristallin de l\'œil</strong>. Les cellules qui composent le cristallin se déposent pendant le développement fœtal et ne sont jamais remplacées. Si vous parvenez à vivre jusqu\'à 100 ans, les cellules centrales de votre cristallin seront toujours les mêmes que celles que vous aviez dans l\'utérus de votre mère. Elles sont, littéralement, la partie la plus ancienne de vous.',
+      html: 'Il existe une structure dans votre corps qui est spéciale: le <strong>cristallin de l\'œil</strong>. Les cellules qui composent le cristallin se déposent pendant le développement fœtal et ne sont jamais remplacées. Si vous parvenez à vivre jusqu\'à 100 ans, les cellules centrales de votre cristallin seront toujours les mêmes que celles que vous aviez dans l\'utérus de votre mère. Elles sont, littéralement, la partie la plus ancienne de vous.',
     },
     {
       type: 'title',
-      text: 'Calcul du renouvellement total : le paradoxe des poids',
+      text: 'Calcul du renouvellement total: le paradoxe des poids',
       level: 3,
     },
     {
@@ -134,16 +134,16 @@ export const content: ToolLocaleContent = {
     },
     {
       type: 'title',
-      text: 'Implications philosophiques : l\'identité est information, pas matière',
+      text: 'Implications philosophiques: l\'identité est information, pas matière',
       level: 3,
     },
     {
       type: 'paragraph',
-      html: 'Si votre corps est complètement nouveau chaque décennie, pourquoi êtes-vous "vous" ? La réponse réside dans le fait que l\'identité ne réside pas dans les atomes spécifiques, mais dans le <strong>modèle d\'information</strong> que ces atomes soutiennent. Vous êtes comme une chanson : ce n\'est pas le même air qui vibre, mais le modèle persiste.',
+      html: 'Si votre corps est complètement nouveau chaque décennie, pourquoi êtes-vous "vous" ? La réponse réside dans le fait que l\'identité ne réside pas dans les atomes spécifiques, mais dans le <strong>modèle d\'information</strong> que ces atomes soutiennent. Vous êtes comme une chanson: ce n\'est pas le même air qui vibre, mais le modèle persiste.',
     },
     {
       type: 'paragraph',
-      html: 'Ceci a des implications profondes : votre corps est un processus, pas une chose. Vous êtes un modèle auto-organisé qui persiste à travers le changement. Vous ne possédez pas d\'atomes ; vous êtes une structure qui les canalise temporairement.',
+      html: 'Ceci a des implications profondes: votre corps est un processus, pas une chose. Vous êtes un modèle auto-organisé qui persiste à travers le changement. Vous ne possédez pas d\'atomes ; vous êtes une structure qui les canalise temporairement.',
     },
   ],
   faq,