@jjlmoya/utils-chrono 1.20.0 → 1.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-chrono",
-    "version": "1.20.0",
+    "version": "1.22.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/category/index.ts

@@ -22,6 +22,7 @@ import { gmtWorldTimer } from '../tool/gmt-world-timer/entry';
 import { quartzBatteryHealth } from '../tool/quartz-battery-health/entry';
 import { mainspringFinder } from '../tool/mainspring-finder/entry';
 import { altitudeWatchAccuracyEstimator } from '../tool/altitude-watch-accuracy-estimator/entry';
+import { watchCrystalMaterialComparison } from '../tool/watch-crystal-material-comparison/entry';
 
 export const chronoCategory: ChronoCategoryEntry = {
   icon: 'mdi:clock-outline',
@@ -49,6 +50,7 @@ export const chronoCategory: ChronoCategoryEntry = {
     quartzBatteryHealth,
     mainspringFinder,
     altitudeWatchAccuracyEstimator,
+    watchCrystalMaterialComparison,
   ],
   i18n: {
     de: () => import('./i18n/de').then((m) => m.content),

package/src/entries.ts

@@ -46,6 +46,8 @@ export { mainspringFinder } from './tool/mainspring-finder/entry';
 export type { MainspringFinderUI, MainspringFinderLocaleContent } from './tool/mainspring-finder/entry';
 export { altitudeWatchAccuracyEstimator } from './tool/altitude-watch-accuracy-estimator/entry';
 export type { AltitudeWatchAccuracyEstimatorUI, AltitudeWatchAccuracyEstimatorLocaleContent } from './tool/altitude-watch-accuracy-estimator/entry';
+export { watchCrystalMaterialComparison } from './tool/watch-crystal-material-comparison/entry';
+export type { WatchCrystalMaterialComparisonUI, WatchCrystalMaterialComparisonLocaleContent } from './tool/watch-crystal-material-comparison/entry';
 export { chronoCategory } from './category';
 
 import { watchAccuracyTracker } from './tool/watch-accuracy-tracker/entry';
@@ -72,6 +74,7 @@ import { gmtWorldTimer } from './tool/gmt-world-timer/entry';
 import { quartzBatteryHealth } from './tool/quartz-battery-health/entry';
 import { mainspringFinder } from './tool/mainspring-finder/entry';
 import { altitudeWatchAccuracyEstimator } from './tool/altitude-watch-accuracy-estimator/entry';
+import { watchCrystalMaterialComparison } from './tool/watch-crystal-material-comparison/entry';
 
-export const ALL_ENTRIES = [watchAccuracyTracker, wristPresenceCalculator, demagnetizingTimer, watchSavingsPlanner, crownReferenceGuide, powerReserveEstimator, beatRateConverter, waterResistanceConverter, strapTaperCalculator, watchSizeComparator, lumeColorSimulator, moonPhaseVisualizer, tachymeterCalculator, serviceIntervalTracker, strapLengthCalculator, telemeterCalculator, siderealTimeTracker, gearTrainExplorer, perpetualCalendar, tourbillonVisualizer, gmtWorldTimer, quartzBatteryHealth, mainspringFinder, altitudeWatchAccuracyEstimator];
+export const ALL_ENTRIES = [watchAccuracyTracker, wristPresenceCalculator, demagnetizingTimer, watchSavingsPlanner, crownReferenceGuide, powerReserveEstimator, beatRateConverter, waterResistanceConverter, strapTaperCalculator, watchSizeComparator, lumeColorSimulator, moonPhaseVisualizer, tachymeterCalculator, serviceIntervalTracker, strapLengthCalculator, telemeterCalculator, siderealTimeTracker, gearTrainExplorer, perpetualCalendar, tourbillonVisualizer, gmtWorldTimer, quartzBatteryHealth, mainspringFinder, altitudeWatchAccuracyEstimator, watchCrystalMaterialComparison];
 

package/src/index.ts

@@ -18,6 +18,7 @@ export { strapLengthCalculator, STRAP_LENGTH_CALCULATOR_TOOL } from './tool/stra
 export { quartzBatteryHealth, QUARTZ_BATTERY_HEALTH_TOOL } from './tool/quartz-battery-health';
 export { mainspringFinder, MAINSPRING_FINDER_TOOL } from './tool/mainspring-finder';
 export { altitudeWatchAccuracyEstimator, ALTITUDE_WATCH_ACCURACY_ESTIMATOR_TOOL } from './tool/altitude-watch-accuracy-estimator';
+export { watchCrystalMaterialComparison, WATCH_CRYSTAL_MATERIAL_COMPARISON_TOOL } from './tool/watch-crystal-material-comparison';
 
 export type {
   KnownLocale,

package/src/tests/locale_completeness.test.ts

@@ -22,7 +22,7 @@ describe('Locale Completeness Validation', () => {
   });
 
   it('all tools registered', () => {
-    expect(ALL_TOOLS.length).toBe(24);
+    expect(ALL_TOOLS.length).toBe(25);
   });
 
 });

package/src/tests/tool_validation.test.ts

@@ -5,7 +5,7 @@ import { chronoCategory } from '../data';
 describe('Tool Validation Suite', () => {
   describe('Library Registration', () => {
     it('should have tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(24);
+      expect(ALL_TOOLS.length).toBe(25);
     });
 
 

package/src/tool/watch-crystal-material-comparison/bibliography.astro

@@ -0,0 +1,16 @@
+---
+import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared';
+import { watchCrystalMaterialComparison } from './index';
+import type { KnownLocale } from '../../types';
+
+interface Props {
+  locale?: KnownLocale;
+}
+
+const { locale = 'en' } = Astro.props as Props;
+const loader = watchCrystalMaterialComparison.i18n[locale] || watchCrystalMaterialComparison.i18n.en;
+const content = await loader?.();
+if (!content) return null;
+---
+
+{content && <SharedBibliography links={content.bibliography} />}

package/src/tool/watch-crystal-material-comparison/bibliography.ts

@@ -0,0 +1,16 @@
+import type { BibliographyEntry } from '../../types';
+
+export const bibliography: BibliographyEntry[] = [
+  {
+    name: 'Technical Perspective | A Comprehensive Guide to Watch Crystals - Plexiglass, Mineral, Hesalite, Sapphire Crystal - History, Pros and Cons',
+    url: 'https://monochrome-watches.com/technical-perspective-comprehensive-guide-to-watch-crystals-plexiglass-mineral-hesalite-sapphire-crystal-history-pros-and-cons/',
+  },
+  {
+    name: 'Mohs Scale of Mineral Hardness',
+    url: 'https://en.wikipedia.org/wiki/Mohs_scale',
+  },
+  {
+    name: 'Sapphire Crystal in Watches',
+    url: 'https://www.longines.com/en-se/universe/blog/sapphire',
+  }
+];

package/src/tool/watch-crystal-material-comparison/client.ts

@@ -0,0 +1,150 @@
+import { CRYSTAL_TYPES, type CrystalData } from './logic';
+
+const STATS = [
+  { key: 'hardness', label: 'HARD' },
+  { key: 'clarity', label: 'CLAR' },
+  { key: 'impactResistance', label: 'IMP' },
+  { key: 'scratchResistance', label: 'SCR' },
+  { key: 'durability', label: 'DUR' },
+] as const;
+
+type StatKeys = typeof STATS[number]['key'];
+
+const listEl = document.getElementById('crystal-list')!;
+const cardWrap = document.getElementById('crystal-card-wrap')!;
+const fightEl = document.getElementById('crystal-fight')!;
+const dragHint = document.getElementById('crystal-drag-hint')!;
+
+let selectedId: string = 'sapphire';
+let fightId: string | null = null;
+let draggedId: string | null = null;
+let hasDragged = false;
+
+function priceGems(level: number): string {
+  let h = '';
+  for (let i = 0; i < 3; i++) {
+    h += '<span class="price-gem' + (i < level ? ' filled' : ' empty') + '"></span>';
+  }
+  return h;
+}
+
+function createSparkles(): string {
+  let h = '';
+  for (let i = 0; i < 12; i++) {
+    const x = 5 + Math.random() * 90;
+    const y = 5 + Math.random() * 90;
+    h += '<div class="card-sparkle" style="left:' + x + '%;top:' + y + '%;animation-delay:' + (Math.random() * 3) + 's;animation-duration:' + (2 + Math.random() * 3) + 's"></div>';
+  }
+  return h;
+}
+
+function renderCard(crystal: CrystalData): string {
+  let h = '<div class="crystal-card-big" style="background:' + crystal.colorBg + '">';
+  h += '<div class="card-orb" style="background:' + crystal.color + '"></div>';
+  h += '<div class="card-gold-accent"></div><div class="card-pattern"></div>';
+  h += '<div class="card-sparkles">' + createSparkles() + '</div>';
+  h += '<div class="card-header">';
+  h += '<div class="card-ovr-wrap"><div class="card-ovr-ring"></div><div class="card-ovr" style="background:' + crystal.color + '"><span class="card-ovr-num">' + crystal.overall + '</span><span class="card-ovr-label">OVR</span></div></div>';
+  h += '<div class="card-title"><span class="card-name">' + crystal.name + '</span><span class="card-name-sub">Watch Crystal</span></div>';
+  h += '<div class="card-price-gems">' + priceGems(crystal.priceLevel) + '</div></div>';
+  h += '<div class="card-stats">';
+  for (let i = 0; i < STATS.length; i++) {
+    const val = crystal[STATS[i].key as StatKeys] as number;
+    h += '<div class="card-stat" style="animation-delay:' + (i * 0.07) + 's">';
+    h += '<span class="card-stat-label">' + STATS[i].label + '</span>';
+    h += '<div class="card-stat-bar"><div class="card-stat-bar-glow"></div><div class="card-stat-fill" style="width:' + val + '%;background:' + crystal.color + '"></div></div>';
+    h += '<span class="card-stat-val">' + val + '</span></div>';
+  }
+  h += '</div></div>';
+  return h;
+}
+
+function updateCard(crystal: CrystalData) {
+  const existing = cardWrap.querySelector('.crystal-card-big');
+  if (existing) {
+    existing.classList.add('card-leaving');
+    setTimeout(() => {
+      cardWrap.innerHTML = renderCard(crystal);
+      const el = cardWrap.querySelector('.crystal-card-big');
+      if (el) el.classList.add('card-entering');
+    }, 200);
+  } else {
+    cardWrap.innerHTML = renderCard(crystal);
+    const el = cardWrap.querySelector('.crystal-card-big');
+    if (el) el.classList.add('card-entering');
+  }
+}
+
+function renderList() {
+  let h = '';
+  for (const c of CRYSTAL_TYPES) {
+    const active = c.id === selectedId ? ' active' : '';
+    h += '<div class="crystal-list-item' + active + '" data-id="' + c.id + '" draggable="true">';
+    h += '<div class="list-grip"><span></span><span></span><span></span></div>';
+    h += '<div class="list-ovr" style="background:' + c.color + '">' + c.overall + '</div>';
+    h += '<div class="list-info"><span class="list-name">' + c.name + '</span><span class="list-hint">Drag to compare</span></div></div>';
+  }
+  listEl.innerHTML = h;
+}
+
+function renderFight() {
+  if (!fightId) { fightEl.innerHTML = ''; return; }
+  const f1 = CRYSTAL_TYPES.find(c => c.id === selectedId) || CRYSTAL_TYPES[0];
+  const f2 = CRYSTAL_TYPES.find(c => c.id === fightId) || CRYSTAL_TYPES[0];
+  let h = '<div class="crystal-fight"><div class="crystal-fight-grid">';
+  h += renderCard(f1) + '<div class="crystal-fight-vs">VS</div>' + renderCard(f2);
+  h += '</div><button class="crystal-fight-close" id="fight-close">Close Comparison</button></div>';
+  fightEl.innerHTML = h;
+  document.getElementById('fight-close')?.addEventListener('click', () => {
+    fightId = null;
+    render();
+  });
+}
+
+function handleDrop(e: Event, itemId: string) {
+  e.preventDefault();
+  const target = e.currentTarget as HTMLElement;
+  target.classList.remove('drag-over');
+  const dropId = (e as DragEvent).dataTransfer?.getData('text/plain');
+  if (dropId && dropId !== itemId) {
+    selectedId = dropId;
+    fightId = itemId;
+    render();
+  }
+}
+
+function bindItem(item: Element) {
+  const id = (item as HTMLElement).dataset.id || '';
+  item.addEventListener('click', () => {
+    if (fightId) fightId = null;
+    selectedId = id;
+    render();
+  });
+  item.addEventListener('dragstart', (e: Event) => {
+    (e as DragEvent).dataTransfer?.setData('text/plain', id);
+    draggedId = id;
+    hasDragged = true;
+    item.classList.add('dragging');
+  });
+  item.addEventListener('dragend', () => {
+    item.classList.remove('dragging');
+    draggedId = null;
+  });
+  item.addEventListener('dragover', (e: Event) => {
+    e.preventDefault();
+    if (id !== draggedId) item.classList.add('drag-over');
+  });
+  item.addEventListener('dragleave', () => { item.classList.remove('drag-over'); });
+  item.addEventListener('drop', (e: Event) => handleDrop(e, id));
+}
+
+function render() {
+  renderList();
+  const mainCrystal = CRYSTAL_TYPES.find(c => c.id === selectedId) || CRYSTAL_TYPES[0];
+  updateCard(mainCrystal);
+  renderFight();
+  dragHint.classList.toggle('dimmed', hasDragged);
+  listEl.querySelectorAll('.crystal-list-item').forEach(bindItem);
+}
+
+render();

package/src/tool/watch-crystal-material-comparison/component.astro

@@ -0,0 +1,15 @@
+---
+import CrystalPanel from './components/CrystalPanel.astro';
+
+interface Props {
+  ui: Record<string, string>;
+}
+
+const { ui } = Astro.props;
+---
+
+<div class="tool-main-card" data-ui={JSON.stringify(ui)}>
+  <CrystalPanel labels={ui} />
+</div>
+
+<script src="./client.ts"></script>

package/src/tool/watch-crystal-material-comparison/components/CrystalPanel.astro

@@ -0,0 +1,20 @@
+---
+interface Props {
+  labels: Record<string, string>;
+}
+
+const { labels } = Astro.props;
+---
+
+<link href="./watch-crystal-material-comparison.css" rel="stylesheet" />
+
+<div class="crystal-layout">
+  <div class="crystal-list" id="crystal-list"></div>
+  <div class="crystal-card-wrap" id="crystal-card-wrap"></div>
+</div>
+<div class="crystal-drag-hint" id="crystal-drag-hint">
+  <span>{labels.dragHint || 'Drag'} </span>
+  <span class="drag-arrow">&rarr;</span>
+  <span> {labels.dragSub || 'crystals to compare'}</span>
+</div>
+<div id="crystal-fight"></div>

package/src/tool/watch-crystal-material-comparison/entry.ts

@@ -0,0 +1,43 @@
+import type { ChronoToolEntry, ToolLocaleContent } from '../../types';
+
+export type WatchCrystalMaterialComparisonUI = {
+  title: string;
+  subTitle: string;
+  hardness: string;
+  clarity: string;
+  impactResistance: string;
+  scratchResistance: string;
+  durability: string;
+  priceRange: string;
+  step1: string;
+  step2: string;
+  step3: string;
+  tipTitle: string;
+  tipContent: string;
+  dragHint: string;
+  dragSub: string;
+};
+
+export type WatchCrystalMaterialComparisonLocaleContent = ToolLocaleContent<WatchCrystalMaterialComparisonUI>;
+
+export const watchCrystalMaterialComparison: ChronoToolEntry<WatchCrystalMaterialComparisonUI> = {
+  id: 'watch-crystal-material-comparison',
+  icons: { bg: 'mdi:diamond-stone', fg: 'mdi:glass-cocktail' },
+  i18n: {
+    de: () => import('./i18n/de').then((m) => m.content),
+    en: () => import('./i18n/en').then((m) => m.content),
+    es: () => import('./i18n/es').then((m) => m.content),
+    fr: () => import('./i18n/fr').then((m) => m.content),
+    id: () => import('./i18n/id').then((m) => m.content),
+    it: () => import('./i18n/it').then((m) => m.content),
+    ja: () => import('./i18n/ja').then((m) => m.content),
+    ko: () => import('./i18n/ko').then((m) => m.content),
+    nl: () => import('./i18n/nl').then((m) => m.content),
+    pl: () => import('./i18n/pl').then((m) => m.content),
+    pt: () => import('./i18n/pt').then((m) => m.content),
+    ru: () => import('./i18n/ru').then((m) => m.content),
+    sv: () => import('./i18n/sv').then((m) => m.content),
+    tr: () => import('./i18n/tr').then((m) => m.content),
+    zh: () => import('./i18n/zh').then((m) => m.content),
+  },
+};

package/src/tool/watch-crystal-material-comparison/helpers.ts

@@ -0,0 +1,49 @@
+import type { WithContext, Thing } from 'schema-dts';
+import type { FAQItem, HowToStep } from '../../types';
+
+function buildFAQ(faq: FAQItem[]): WithContext<Thing> {
+  return {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    'mainEntity': faq.map((f) => ({
+      '@type': 'Question',
+      'name': f.question,
+      'acceptedAnswer': {
+        '@type': 'Answer',
+        'text': f.answer,
+      },
+    })),
+  } as unknown as WithContext<Thing>;
+}
+
+function buildApp(title: string): WithContext<Thing> {
+  return {
+    '@context': 'https://schema.org',
+    '@type': 'SoftwareApplication',
+    'name': title,
+    'operatingSystem': 'All',
+    'applicationCategory': 'UtilitiesApplication',
+    'browserRequirements': 'Requires HTML5. Requires JavaScript.',
+  } as unknown as WithContext<Thing>;
+}
+
+function buildHowTo(title: string, howTo: HowToStep[]): WithContext<Thing> {
+  return {
+    '@context': 'https://schema.org',
+    '@type': 'HowTo',
+    'name': title,
+    'step': howTo.map((h) => ({
+      '@type': 'HowToStep',
+      'name': h.name,
+      'text': h.text,
+    })),
+  } as unknown as WithContext<Thing>;
+}
+
+export function buildSchemas(
+  title: string,
+  faq: FAQItem[],
+  howTo: HowToStep[]
+): WithContext<Thing>[] {
+  return [buildFAQ(faq), buildApp(title), buildHowTo(title, howTo)];
+}

package/src/tool/watch-crystal-material-comparison/i18n/de.ts

@@ -0,0 +1,35 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WatchCrystalMaterialComparisonUI } from '../entry';
+import { bibliography } from '../bibliography';
+import { buildSchemas } from '../helpers';
+
+const faq = [
+  { question: 'Welches Uhrenglas ist am kratzfestesten?', answer: 'Saphirglas ist mit einer Härte von 9 auf der Mohs-Skala am kratzfestesten - nur Diamant ist härter. Mineralglas (5) ist mittel, während Hesalit (2-3) leicht zerkratzt, aber poliert werden kann.' },
+  { question: 'Kann ein zerkratztes Hesalitglas repariert werden?', answer: 'Ja, Kratzer in Hesalit können mit Polywatch in Minuten wegpoliert werden. Mineral- und Saphirgläser können nicht poliert werden und müssen bei Kratzern oder Bruch ersetzt werden.' },
+  { question: 'Welches Glas ist am besten für Taucheruhren?', answer: 'Saphir ist der Standard für Taucheruhren aufgrund seiner Kratzfestigkeit und Haltbarkeit. Hesalit wird nicht zum Tauchen empfohlen.' },
+];
+const howTo = [
+  { name: 'Kristall auswählen', text: 'Klicken Sie links auf einen Kristall, um seine Statistik-Karte rechts zu sehen.' },
+  { name: 'Zwei Kristalle vergleichen', text: 'Ziehen Sie einen Kristall aus der Liste und legen Sie ihn auf einen anderen, um sie nebeneinander zu vergleichen.' },
+  { name: 'Vergleich schließen', text: 'Klicken Sie auf "Close Comparison", um zur Einzelansicht zurückzukehren.' },
+];
+const title = 'Uhrenglas Vergleich: Hesalit vs Mineralglas vs Saphir';
+
+export const content: ToolLocaleContent<WatchCrystalMaterialComparisonUI> = {
+  slug: 'uhrenglas-vergleich-hesalit-mineral-saphir',
+  title,
+  description: 'Vergleichen Sie Hesalit, Mineralglas und Saphir Uhrengläser mit interaktiven Statistik-Karten. Sehen Sie Härte, Klarheit, Schlagfestigkeit, Kratzfestigkeit und Haltbarkeit.',
+  ui: {
+    title: 'Uhrenglas Vergleich', subTitle: 'Interactive Crystal Stats', hardness: 'Härte', clarity: 'Klarheit',
+    impactResistance: 'Schlag', scratchResistance: 'Kratzer', durability: 'Haltbarkeit', priceRange: 'Preis',
+    step1: 'Klicken Sie links auf einen Kristall.', step2: 'Ziehen Sie einen auf einen anderen zum Vergleichen.',
+    step3: 'Klicken Sie auf Schließen.', tipTitle: 'Tipp',
+    tipContent: 'Die Gesamtwertung ist ein Durchschnitt aller Werte. Höher ist nicht immer besser - Hesalit hat die beste Schlagfestigkeit.',
+    dragHint: 'Ziehen', dragSub: 'zum Vergleichen',
+  },
+  seo: [
+    { type: 'title', text: 'Uhrenglas Vergleich: Hesalit vs Mineralglas vs Saphir', level: 2 },
+    { type: 'paragraph', html: 'Vergleichen Sie <strong>Hesalit, Mineralglas und Saphir</strong> Uhrengläser mit interaktiven Statistik-Karten. Sehen Sie Härte, Klarheit, Schlagfestigkeit, Kratzfestigkeit und Haltbarkeit auf einen Blick.' },
+  ],
+  faq, bibliography, howTo, schemas: buildSchemas(title, faq, howTo),
+};

package/src/tool/watch-crystal-material-comparison/i18n/en.ts

@@ -0,0 +1,90 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WatchCrystalMaterialComparisonUI } from '../entry';
+import { bibliography } from '../bibliography';
+import { buildSchemas } from '../helpers';
+
+const faq = [
+  {
+    question: 'Which is the most scratch resistant watch crystal?',
+    answer: 'Sapphire crystal is the most scratch resistant with a hardness of 9 on the Mohs scale - only diamond is harder. It is virtually impossible to scratch in everyday use. Mineral glass (5) is moderately scratch resistant, while hesalite/acrylic (2-3) scratches very easily but can be polished out in minutes with Polywatch.',
+  },
+  {
+    question: 'Can a scratched hesalite crystal be repaired?',
+    answer: 'Yes, hesalite (acrylic) is the only watch crystal that can be easily repaired. Minor scratches can be buffed out using a product like Polywatch in just a few minutes. This makes hesalite popular for vintage watches and the Omega Speedmaster. Mineral and sapphire crystals cannot be polished and must be replaced if scratched or shattered.',
+  },
+  {
+    question: 'Is sapphire crystal shatter proof?',
+    answer: 'No, sapphire crystal is not shatter proof. While it is extremely scratch resistant, it is more brittle than hesalite and can shatter on sharp impacts. Hesalite is actually the most impact-resistant crystal type - it will deform rather than shatter. Mineral glass sits in between, offering moderate impact resistance.',
+  },
+  {
+    question: 'Which watch crystal is best for a dive watch?',
+    answer: 'Sapphire is the standard for dive watches due to its scratch resistance and durability. Most professional dive watches use sapphire crystal because it can withstand the pressures of deep diving without scratching. Hesalite is not recommended for diving as it scratches easily and can deform under pressure, potentially compromising water resistance.',
+  },
+];
+
+const howTo = [
+  {
+    name: 'Select a crystal type',
+    text: 'Click any crystal from the list on the left - its stats card will appear on the right with ratings for hardness, clarity, impact resistance, scratch resistance, and durability.',
+  },
+  {
+    name: 'Compare two crystals side by side',
+    text: 'Drag one crystal from the list and drop it onto another to start a side-by-side comparison. Both stat cards will appear so you can compare their ratings directly.',
+  },
+  {
+    name: 'Close the comparison view',
+    text: 'Click the "Close comparison" button below the side-by-side view to return to a single crystal display. You can also click any crystal on the left to switch the main view.',
+  },
+];
+
+const title = 'Watch Crystal Material Comparison: Hesalite vs Mineral Glass vs Sapphire';
+
+export const content: ToolLocaleContent<WatchCrystalMaterialComparisonUI> = {
+  slug: 'watch-crystal-material-comparison',
+  title,
+  description: 'Compare hesalite, mineral glass, and sapphire watch crystals side by side with interactive stat cards. See hardness, clarity, impact resistance, scratch resistance, and durability ratings to choose the best crystal for your watch.',
+  ui: {
+    title: 'Crystal Material Comparison',
+    subTitle: 'Interactive Crystal Stats',
+    hardness: 'Hardness',
+    clarity: 'Clarity',
+    impactResistance: 'Impact',
+    scratchResistance: 'Scratch',
+    durability: 'Durability',
+    priceRange: 'Price',
+    step1: 'Click a crystal on the left to view its stats card.',
+    step2: 'Drag one crystal onto another to compare them side by side.',
+    step3: 'Click close to return to single crystal view.',
+    tipTitle: 'Tip',
+    tipContent: 'Overall rating is an average of all five stats. Higher overall does not mean it is the best for every use case - hesalite has the highest impact resistance while sapphire is best for scratch resistance.',
+    dragHint: 'Drag',
+    dragSub: 'crystals to compare',
+  },
+  seo: [
+    { type: 'title', text: 'Hesalite vs Mineral vs Sapphire: Watch Crystal Comparison Guide', level: 2 },
+    { type: 'paragraph', html: 'Choosing the right <strong>watch crystal</strong> is one of the most important decisions when buying or restoring a watch. This guide compares <strong>hesalite (acrylic), mineral glass, and sapphire crystal</strong> across hardness, clarity, impact resistance, scratch resistance, durability, and price.' },
+    { type: 'title', text: 'Hesalite Crystal (Acrylic / Plexiglass)', level: 3 },
+    { type: 'paragraph', html: 'Hesalite is the original watch crystal material, used since the 1930s. It is soft (2-3 Mohs) and scratches easily, but these scratches can be quickly polished out. It offers the best impact resistance - it flexes rather than shatters. Hesalite can be formed into extreme domes, giving vintage watches their characteristic look. Famous example: Omega Speedmaster Professional - the watch worn on the Moon.' },
+    { type: 'title', text: 'Mineral Glass (Tempered)', level: 3 },
+    { type: 'paragraph', html: 'Mineral glass is made from silicon dioxide and then tempered (heat-treated) to increase its strength. At 5 on the Mohs scale, it is harder than hesalite but still susceptible to scratches. It offers moderate impact resistance but can shatter on hard impacts. Commonly found in mid-range watches from Seiko, Citizen, and Orient.' },
+    { type: 'title', text: 'Sapphire Crystal (Synthetic Corundum)', level: 3 },
+    { type: 'paragraph', html: 'Sapphire crystal is made from lab-grown corundum - the same mineral as natural sapphire. At 9 on the Mohs scale, it is virtually scratch-proof and offers the best optical clarity. However, it is more brittle and can shatter on sharp impacts. It is also the most expensive option and difficult to form into high domes. The standard for luxury watches.' },
+    { type: 'title', text: 'Crystal Comparison Table', level: 3 },
+    {
+      type: 'table', headers: ['Property', 'Hesalite', 'Mineral Glass', 'Sapphire'], rows: [
+        ['Mohs Hardness', '2-3/10', '5/10', '9/10'],
+        ['Clarity', '4/10', '7/10', '10/10'],
+        ['Impact Resistance', '5/10 (Best)', '3/10', '2/10'],
+        ['Scratch Resistance', '1/10', '5/10', '10/10'],
+        ['Repairable', 'Yes (polish)', 'No (replace)', 'No (replace)'],
+        ['Dome Possible', 'Yes, extreme', 'Limited', 'Limited'],
+        ['Price Range', '$5 - $30', '$10 - $50', '$30 - $200+'],
+      ]
+    },
+    { type: 'diagnostic', variant: 'info', title: 'Crystal Selection Guide', icon: 'mdi:diamond-stone', badge: 'REFERENCE', html: 'For a <strong>tool watch or daily beater</strong>, choose sapphire for scratch resistance. For a <strong>vintage restoration or budget build</strong>, hesalite offers authentic looks and repairability. <strong>Mineral glass</strong> is the budget-friendly middle ground found in most entry-level automatics.' },
+  ],
+  faq,
+  bibliography,
+  howTo,
+  schemas: buildSchemas(title, faq, howTo),
+};

package/src/tool/watch-crystal-material-comparison/i18n/es.ts

@@ -0,0 +1,35 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WatchCrystalMaterialComparisonUI } from '../entry';
+import { bibliography } from '../bibliography';
+import { buildSchemas } from '../helpers';
+
+const faq = [
+  { question: '¿Qué cristal de reloj es más resistente a los arañazos?', answer: 'El cristal de zafiro es el más resistente con una dureza de 9 en la escala de Mohs - solo el diamante es más duro. El mineral (5) es moderado, mientras que el hesalita (2-3) se raya fácilmente pero se puede pulir.' },
+  { question: '¿Se puede reparar un cristal de hesalita rayado?', answer: 'Sí, los arañazos del hesalita se pueden pulir con Polywatch en minutos. Los cristales minerales y de zafiro no se pueden pulir y deben reemplazarse.' },
+  { question: '¿Qué cristal es mejor para un reloj de buceo?', answer: 'El zafiro es el estándar para relojes de buceo por su resistencia a arañazos y durabilidad. El hesalita no se recomienda para bucear.' },
+];
+const howTo = [
+  { name: 'Seleccionar un cristal', text: 'Haga clic en un cristal a la izquierda para ver su ficha de estadísticas a la derecha.' },
+  { name: 'Comparar dos cristales', text: 'Arrastre un cristal de la lista y suéltelo sobre otro para compararlos lado a lado.' },
+  { name: 'Cerrar comparación', text: 'Haga clic en "Close Comparison" para volver a la vista individual.' },
+];
+const title = 'Comparativa de Cristales de Reloj: Hesalita vs Mineral vs Zafiro';
+
+export const content: ToolLocaleContent<WatchCrystalMaterialComparisonUI> = {
+  slug: 'comparativa-cristales-reloj-hesalita-mineral-zafiro',
+  title,
+  description: 'Compare cristales de reloj de hesalita, mineral y zafiro con tarjetas de estadísticas interactivas. Vea dureza, claridad, resistencia al impacto, resistencia a arañazos y durabilidad.',
+  ui: {
+    title: 'Comparativa de Cristales', subTitle: 'Interactive Crystal Stats', hardness: 'Dureza', clarity: 'Claridad',
+    impactResistance: 'Impacto', scratchResistance: 'Arañazos', durability: 'Durabilidad', priceRange: 'Precio',
+    step1: 'Haga clic en un cristal a la izquierda.', step2: 'Arrastre uno sobre otro para comparar.',
+    step3: 'Haga clic en Cerrar.', tipTitle: 'Consejo',
+    tipContent: 'La valoración general es un promedio de todas las estadísticas. Más alto no siempre es mejor - el hesalita tiene la mejor resistencia al impacto.',
+    dragHint: 'Arrastrar', dragSub: 'para comparar',
+  },
+  seo: [
+    { type: 'title', text: 'Comparativa de Cristales de Reloj: Hesalita vs Mineral vs Zafiro', level: 2 },
+    { type: 'paragraph', html: 'Compare <strong>hesalita, mineral y zafiro</strong> con tarjetas de estadísticas interactivas. Vea dureza, claridad, resistencia al impacto, arañazos y durabilidad.' },
+  ],
+  faq, bibliography, howTo, schemas: buildSchemas(title, faq, howTo),
+};

package/src/tool/watch-crystal-material-comparison/i18n/fr.ts

@@ -0,0 +1,35 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WatchCrystalMaterialComparisonUI } from '../entry';
+import { bibliography } from '../bibliography';
+import { buildSchemas } from '../helpers';
+
+const faq = [
+  { question: 'Quel verre de montre est le plus résistant aux rayures?', answer: 'Le verre saphir est le plus résistant avec une dureté de 9 sur l\'échelle de Mohs - seul le diamant est plus dur. Le verre minéral (5) est modéré, tandis que l\'hesalite (2-3) se raye facilement mais peut être poli.' },
+  { question: 'Peut-on réparer un verre hesalite rayé?', answer: 'Oui, les rayures sur l\'hesalite peuvent être polies avec Polywatch en quelques minutes. Les verres minéraux et saphir ne peuvent pas être polis et doivent être remplacés.' },
+  { question: 'Quel verre est le meilleur pour une montre de plongée?', answer: 'Le saphir est la référence pour les montres de plongée pour sa résistance aux rayures et sa durabilité. L\'hesalite n\'est pas recommandé pour la plongée.' },
+];
+const howTo = [
+  { name: 'Sélectionner un verre', text: 'Cliquez sur un verre à gauche pour voir sa fiche de statistiques à droite.' },
+  { name: 'Comparer deux verres', text: 'Faites glisser un verre depuis la liste et déposez-le sur un autre pour les comparer côte à côte.' },
+  { name: 'Fermer la comparaison', text: 'Cliquez sur "Close Comparison" pour revenir à la vue unique.' },
+];
+const title = 'Comparaison de Verres de Montre: Hesalite vs Minéral vs Saphir';
+
+export const content: ToolLocaleContent<WatchCrystalMaterialComparisonUI> = {
+  slug: 'comparaison-verres-montre-hesalite-mineral-saphir',
+  title,
+  description: 'Comparez les verres de montre hesalite, minéral et saphir avec des fiches de statistiques interactives. Voyez la dureté, la clarté, la résistance aux chocs et aux rayures.',
+  ui: {
+    title: 'Comparaison de Verres', subTitle: 'Interactive Crystal Stats', hardness: 'Dureté', clarity: 'Clarté',
+    impactResistance: 'Chocs', scratchResistance: 'Rayures', durability: 'Résistance', priceRange: 'Prix',
+    step1: 'Cliquez sur un verre à gauche.', step2: 'Glissez-en un sur un autre pour comparer.',
+    step3: 'Cliquez sur Fermer.', tipTitle: 'Conseil',
+    tipContent: 'La note globale est une moyenne de toutes les stats. Plus haut ne signifie pas meilleur pour tout - l\'hesalite a la meilleure résistance aux chocs.',
+    dragHint: 'Glisser', dragSub: 'pour comparer',
+  },
+  seo: [
+    { type: 'title', text: 'Comparaison de Verres de Montre: Hesalite vs Minéral vs Saphir', level: 2 },
+    { type: 'paragraph', html: 'Comparez <strong>hesalite, minéral et saphir</strong> avec des fiches de statistiques interactives. Dureté, clarté, résistance aux chocs et aux rayures.' },
+  ],
+  faq, bibliography, howTo, schemas: buildSchemas(title, faq, howTo),
+};

package/src/tool/watch-crystal-material-comparison/i18n/id.ts

@@ -0,0 +1,35 @@
+import type { ToolLocaleContent } from '../../../types';
+import type { WatchCrystalMaterialComparisonUI } from '../entry';
+import { bibliography } from '../bibliography';
+import { buildSchemas } from '../helpers';
+
+const faq = [
+  { question: 'Kristal jam tangan mana yang paling tahan gores?', answer: 'Kristal safir adalah yang paling tahan gores dengan kekerasan 9 pada skala Mohs - hanya berlian yang lebih keras. Mineral (5) sedang, sementara hesalit (2-3) mudah tergores tetapi bisa dipoles.' },
+  { question: 'Bisakah kristal hesalit yang tergores diperbaiki?', answer: 'Ya, goresan pada hesalit dapat dipoles dengan Polywatch dalam hitungan menit. Kristal mineral dan safir tidak bisa dipoles dan harus diganti.' },
+  { question: 'Kristal mana yang terbaik untuk jam tangan selam?', answer: 'Safir adalah standar untuk jam tangan selam karena ketahanan gores dan daya tahannya. Hesalit tidak disarankan untuk menyelam.' },
+];
+const howTo = [
+  { name: 'Pilih kristal', text: 'Klik kristal di kiri untuk melihat kartu statistiknya di kanan.' },
+  { name: 'Bandingkan dua kristal', text: 'Seret kristal dari daftar dan jatuhkan ke kristal lain untuk membandingkannya.' },
+  { name: 'Tutup perbandingan', text: 'Klik "Close Comparison" untuk kembali ke tampilan tunggal.' },
+];
+const title = 'Perbandingan Kristal Jam Tangan: Hesalite vs Mineral vs Safir';
+
+export const content: ToolLocaleContent<WatchCrystalMaterialComparisonUI> = {
+  slug: 'perbandingan-kristal-jam-tangan-hesalit-mineral-safir',
+  title,
+  description: 'Bandingkan kristal jam tangan hesalit, mineral, dan safir dengan kartu statistik interaktif. Lihat kekerasan, kejelasan, ketahanan benturan, dan gores.',
+  ui: {
+    title: 'Perbandingan Kristal', subTitle: 'Interactive Crystal Stats', hardness: 'Kekerasan', clarity: 'Kejelasan',
+    impactResistance: 'Benturan', scratchResistance: 'Gores', durability: 'Daya Tahan', priceRange: 'Harga',
+    step1: 'Klik kristal di kiri.', step2: 'Seret satu ke atas yang lain untuk membandingkan.',
+    step3: 'Klik Tutup.', tipTitle: 'Tips',
+    tipContent: 'Peringkat keseluruhan adalah rata-rata semua statistik. Lebih tinggi tidak selalu lebih baik - hesalit memiliki ketahanan benturan terbaik.',
+    dragHint: 'Seret', dragSub: 'untuk membandingkan',
+  },
+  seo: [
+    { type: 'title', text: 'Perbandingan Kristal Jam Tangan: Hesalit vs Mineral vs Safir', level: 2 },
+    { type: 'paragraph', html: 'Bandingkan <strong>hesalit, mineral, dan safir</strong> dengan kartu statistik interaktif.' },
+  ],
+  faq, bibliography, howTo, schemas: buildSchemas(title, faq, howTo),
+};