@jjlmoya/utils-science 1.19.0 → 1.21.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-science",
-    "version": "1.19.0",
+    "version": "1.21.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,12 @@ 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';
 
 export const scienceCategory: ScienceCategoryEntry = {
   icon: 'mdi:flask',
-  tools: [colonyCounter, asteroidImpact, microwaveDetector, simulationProbability, cellularRenewal],
+  tools: [colonyCounter, asteroidImpact, microwaveDetector, simulationProbability, cellularRenewal, cosmicInflation, temperatureTimeline],
   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,14 @@ 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 { 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';
+export const ALL_ENTRIES = [asteroidImpact, cellularRenewal, colonyCounter, microwaveDetector, simulationProbability, cosmicInflation, temperatureTimeline];

package/src/index.ts

@@ -5,6 +5,8 @@ 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 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>,
@@ -34,18 +34,28 @@ export async function getStaticPaths() {
       ]),
     ) as Partial<Record<KnownLocale, string>>;
 
+    const firstLoader = entry.i18n.en ?? Object.values(entry.i18n)[0];
+    const englishSlug = firstLoader ? (await firstLoader()).slug : entry.id;
+
     for (const { locale, content } of localeContents) {
-      const allToolsNav = await Promise.all(
-        ALL_TOOLS.map(async ({ entry: navEntry }) => ({
-          id: navEntry.id,
-          title: (await navEntry.i18n[locale]!()).title,
-          href: `/${locale}/${(await navEntry.i18n[locale]!()).slug}`,
-          isActive: navEntry.id === entry.id,
-        })),
-      );
+      const allToolsNav = (
+        await Promise.all(
+          ALL_TOOLS.map(async ({ entry: navEntry }) => {
+            const loader = navEntry.i18n[locale] ?? navEntry.i18n.en;
+            if (!loader) return null;
+            const navContent = await loader();
+            return {
+              id: navEntry.id,
+              title: navContent.title,
+              href: `/${locale}/${navContent.slug}`,
+              isActive: navEntry.id === entry.id,
+            };
+          }),
+        )
+      ).filter(Boolean) as NavItem[];
       paths.push({
         params: { locale, slug: content.slug },
-        props: { Component, locale, content, localeUrls, allToolsNav },
+        props: { Component, locale, content, localeUrls, allToolsNav, englishSlug },
       });
     }
   }
@@ -66,11 +76,17 @@ interface Props {
   content: ToolLocaleContent;
   localeUrls: Partial<Record<KnownLocale, string>>;
   allToolsNav: NavItem[];
+  englishSlug: string;
 }
 
-const { Component, locale, content, localeUrls, allToolsNav } = 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 cssLoader = cssKey ? cssFiles[cssKey] : null;
+const toolCss = cssLoader ? await cssLoader() as string : "";
 
-const seoContent: UtilitySEOContent = { locale, sections: content.seo };
+const seoContent: UtilitySEOContent = { locale, sections: content.seo ?? [] };
 
 const words = content.title.split(" ");
 const titleHighlight = words[0] || "";
@@ -89,8 +105,9 @@ const titleBase = words.slice(1).join(" ") || "";
     tools={allToolsNav}
   />
   <Fragment slot="head">
+    {toolCss ? <Fragment set:html={`<style is:inline>${toolCss}</style>`} /> : null}
     {
-      content.schemas.map((schema: unknown) => (
+      ( content.schemas ?? []).map((schema: unknown) => (
         <script
           is:inline
           type="application/ld+json"
@@ -116,11 +133,11 @@ const titleBase = words.slice(1).join(" ") || "";
     </section>
 
     <section class="section-faq">
-      <FAQSection items={content.faq} title={content.ui.faqTitle} inLanguage={locale} />
+      <FAQSection items={content.faq} />
     </section>
 
     <section class="section-bibliography">
-      <Bibliography links={content.bibliography} title={content.ui.bibliographyTitle} />
+      <Bibliography links={content.bibliography} />
     </section>
   </div>
 </PreviewLayout>

package/src/tests/locale_completeness.test.ts

@@ -7,36 +7,19 @@ describe('Locale Completeness Validation', () => {
     describe(`Tool: ${tool.entry.id}`, () => {
       Object.keys(tool.entry.i18n).forEach((locale) => {
         describe(`Locale: ${locale}`, () => {
-          it('faqTitle should be defined when faq items exist', async () => {
+          it('faq and bibliography should be arrays', async () => {
             const loader = tool.entry.i18n[locale as keyof typeof tool.entry.i18n];
             const content = (await loader?.()) as ToolLocaleContent;
-
-            if (content.faq.length > 0) {
-              expect(
-                content.faqTitle,
-                `Tool "${tool.entry.id}" locale "${locale}" has ${content.faq.length} FAQ items but is missing faqTitle`,
-              ).toBeTruthy();
-            }
-          });
-
-          it('bibliographyTitle should be defined when bibliography items exist', async () => {
-            const loader = tool.entry.i18n[locale as keyof typeof tool.entry.i18n];
-            const content = (await loader?.()) as ToolLocaleContent;
-
-            if (content.bibliography.length > 0) {
-              expect(
-                content.bibliographyTitle,
-                `Tool "${tool.entry.id}" locale "${locale}" has ${content.bibliography.length} bibliography items but is missing bibliographyTitle`,
-              ).toBeTruthy();
-            }
+            expect(Array.isArray(content.faq)).toBe(true);
+            expect(Array.isArray(content.bibliography)).toBe(true);
           });
         });
       });
     });
   });
 
-  it('all 5 tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(5);
+  it('all 7 tools registered', () => {
+    expect(ALL_TOOLS.length).toBe(7);
   });
 });
 

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/shared-test-helpers.ts

@@ -0,0 +1,56 @@
+import type { ToolDefinition } from '../types';
+
+export interface ToolExportValidationResult {
+  passed: boolean;
+  failures: string[];
+}
+
+function validateComponentType(
+  toolId: string,
+  componentName: string,
+  component: unknown,
+  failures: string[],
+): void {
+  if (typeof component !== 'function') {
+    failures.push(`${toolId}: ${componentName} is not a function (${typeof component})`);
+  }
+}
+
+async function validateComponentExecution(
+  toolId: string,
+  componentName: string,
+  fn: () => Promise<unknown>,
+  failures: string[],
+): Promise<void> {
+  try {
+    const result = await fn();
+    if (!result || typeof result !== 'object') {
+      failures.push(`${toolId}: ${componentName} import returned invalid result`);
+    }
+  } catch (error) {
+    failures.push(`${toolId}: ${componentName} execution error - ${error instanceof Error ? error.message : 'unknown'}`);
+  }
+}
+
+export async function validateToolExports(tools: ToolDefinition[]): Promise<ToolExportValidationResult> {
+  const failures: string[] = [];
+
+  for (const tool of tools) {
+    validateComponentType(tool.entry.id, 'Component', tool.Component, failures);
+    validateComponentType(tool.entry.id, 'SEOComponent', tool.SEOComponent, failures);
+    validateComponentType(tool.entry.id, 'BibliographyComponent', tool.BibliographyComponent, failures);
+
+    const componentFn = tool.Component as () => Promise<unknown>;
+    const seoFn = tool.SEOComponent as () => Promise<unknown>;
+    const bibFn = tool.BibliographyComponent as () => Promise<unknown>;
+
+    await validateComponentExecution(tool.entry.id, 'Component', componentFn, failures);
+    await validateComponentExecution(tool.entry.id, 'SEOComponent', seoFn, failures);
+    await validateComponentExecution(tool.entry.id, 'BibliographyComponent', bibFn, failures);
+  }
+
+  return {
+    passed: failures.length === 0,
+    failures,
+  };
+}

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_exports.test.ts

@@ -0,0 +1,34 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import { validateToolExports } from './shared-test-helpers';
+
+describe('Tool Exports Pattern Validation', () => {
+  describe('Component Exports Format', () => {
+    ALL_TOOLS.forEach((tool) => {
+      it(`${tool.entry.id}: Component should be a lazy-loaded function`, () => {
+        expect(typeof tool.Component).toBe('function');
+        expect(tool.Component).toBeInstanceOf(Function);
+      });
+
+      it(`${tool.entry.id}: SEOComponent should be a lazy-loaded function`, () => {
+        expect(typeof tool.SEOComponent).toBe('function');
+        expect(tool.SEOComponent).toBeInstanceOf(Function);
+      });
+
+      it(`${tool.entry.id}: BibliographyComponent should be a lazy-loaded function`, () => {
+        expect(typeof tool.BibliographyComponent).toBe('function');
+        expect(tool.BibliographyComponent).toBeInstanceOf(Function);
+      });
+    });
+  });
+
+  describe('Dynamic Import Validation', () => {
+    it('all tools must have functional dynamic imports', async () => {
+      const result = await validateToolExports(ALL_TOOLS);
+      if (!result.passed) {
+        throw new Error(`Tool export validation failed:\n${result.failures.join('\n')}`);
+      }
+      expect(result.passed).toBe(true);
+    });
+  });
+});

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 7 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(7);
     });
 
     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} title={content.ui.bibliographyTitle} />}
+{content && <SharedBibliography links={content.bibliography} />}

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

@@ -0,0 +1,24 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Collins, G. S., et al. (2005). Earth Impact Effects Program: A Web-based computer program for calculating the regional environmental consequences of a meteoroid impact on Earth.',
+    url: 'https://impact.ese.ic.ac.uk/ImpactEarth/',
+  },
+  {
+    name: 'Toon, O. B., et al. (1997). Environmental perturbations caused by the impacts of asteroids and comets. Reviews of Geophysics.',
+    url: 'https://agupubs.onlinelibrary.wiley.com/doi/abs/10.1029/96RG03038',
+  },
+  {
+    name: 'Chapman, C. R., & Morrison, D. (1994). Impacts on the Earth by asteroids and comets: assessing the hazard. Nature.',
+    url: 'https://www.nature.com/articles/367033a0',
+  },
+  {
+    name: 'Schulte, P., et al. (2010). The Chicxulub Asteroid Impact and Mass Extinction at the Cretaceous-Paleogene Boundary. Science.',
+    url: 'https://www.science.org/doi/10.1126/science.1177265',
+  },
+  {
+    name: 'Brown, P., et al. (2013). A 500-kiloton airburst over Chelyabinsk and an enhanced hazard from small impactors. Nature.',
+    url: 'https://www.nature.com/articles/nature12741',
+  },
+];

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/de.ts

@@ -37,14 +37,13 @@ const faq = [
       answer: 'Kleinere Einschläge (wie Russland 2013) ereignen sich jedes Jahrzehnt. Katastrophale Einschläge (Typ Tunguska) alle paar Jahrhunderte. Ein globales Massenaussterben wie bei Chicxulub findet etwa alle 100 Millionen Jahre statt.',
     },
   ];
+import { bibliography } from '../bibliography';
 import type { ToolLocaleContent } from '../../../types';
 
 export const content: ToolLocaleContent = {
   slug,
   title,
   description,
-  faqTitle: 'Häufig gestellte Fragen',
-  bibliographyTitle: 'Bibliografie',
   ui: {
     copied: 'Kopiert',
     noHistory: 'Kein Verlauf',
@@ -135,28 +134,7 @@ export const content: ToolLocaleContent = {
     },
   ],
   faq,
-  bibliography: [
-    {
-      name: 'Collins, G. S., et al. (2005). Earth Impact Effects Program: Ein webbasiertes Computerprogramm zur Berechnung der regionalen Umweltfolgen eines Meteoriteneinschlags auf der Erde.',
-      url: 'https://impact.ese.ic.ac.uk/ImpactEarth/',
-    },
-    {
-      name: 'Toon, O. B., et al. (1997). Environmental perturbations caused by the impacts of asteroids and comets. Reviews of Geophysics.',
-      url: 'https://agupubs.onlinelibrary.wiley.com/doi/abs/10.1029/96RG03038',
-    },
-    {
-      name: 'Chapman, C. R., & Morrison, D. (1994). Impacts on the Earth by asteroids and comets: assessing the hazard. Nature.',
-      url: 'https://www.nature.com/articles/367033a0',
-    },
-    {
-      name: 'Schulte, P., et al. (2010). The Chicxulub Asteroid Impact and Mass Extinction at the Cretaceous-Paleogene Boundary. Science.',
-      url: 'https://www.science.org/doi/10.1126/science.1177265',
-    },
-    {
-      name: 'Brown, P., et al. (2013). A 500-kiloton airburst over Chelyabinsk and an enhanced hazard from small impactors. Nature.',
-      url: 'https://www.nature.com/articles/nature12741',
-    },
-  ],
+  bibliography,
   howTo,
   
   schemas: [
@@ -192,3 +170,5 @@ export const content: ToolLocaleContent = {
     },
   ],
 };
+
+