@jjlmoya/utils-pets 1.21.0 → 1.23.0

package/src/tests/spanish_leakage.test.ts

@@ -1,175 +1,175 @@
-import { describe, expect, it } from 'vitest';
-import { ALL_ENTRIES } from '../entries';
-
-const STRUCTURAL_KEYS = new Set([
-  'id',
-  'slug',
-  'url',
-  'icon',
-  'image',
-  'imageUrl',
-  'keywords',
-  'category',
-  'tags',
-  'toolId',
-  'type',
-  'locale',
-  'language',
-  'direction',
-]);
-
-const TRANSLATABLE_KEYS = [
-  'title',
-  'description',
-  'faqTitle',
-  'faq',
-  'howTo',
-  'seo',
-  'schemas',
-] as const;
-
-const COPY_THRESHOLD = 0.9;
-
-const SPANISH_MARKERS = [
-  ['sangre', /\bsangre\b/gi],
-  ['molino', /\bmolino\b/gi],
-  ['grano', /\bgrano\b/gi],
-  ['paladar', /\bpaladar\b/gi],
-  ['cuchillas', /\bcuchillas\b/gi],
-  ['trozos', /\btrozos\b/gi],
-  ['frescura', /\bfrescura\b/gi],
-  ['ingresa', /\bingresa\b/gi],
-  ['selecciona', /\bselecciona\b/gi],
-  ['herramienta', /\bherramienta\b/gi],
-  ['según', /\bsegún\b/gi],
-  ['después', /\bdespués\b/gi],
-  ['puedes', /\bpuedes\b/gi],
-  ['debes', /\bdebes\b/gi],
-  ['tus', /\btus\b/gi],
-  ['a la vez', /\ba la vez\b/gi],
-  ['los datos', /\blos datos\b/gi],
-  ['las opciones', /\blas opciones\b/gi],
-  ['el resultado', /\bel resultado\b/gi],
-  ['método de extracción', /\bmétodo de extracción\b/gi],
-  ['uniformidad del molino', /\buniformidad del molino\b/gi],
-  ['café recién tostado', /\bcafé recién tostado\b/gi],
-] as const;
-
-type UnknownRecord = Record<string, unknown>;
-
-function normalize(value: string): string {
-  return value
-    .replace(/<[^>]*>/g, ' ')
-    .replace(/&nbsp;/gi, ' ')
-    .replace(/\s+/g, ' ')
-    .trim()
-    .toLocaleLowerCase('es');
-}
-
-function isTechnicalInvariant(text: string): boolean {
-  const ledUnitMatches = text.match(/\b\d+(?:-\d+)?\s*(?:w|lm)\b/g) ?? [];
-  return [
-    'data:image/svg+xml;base64',
-    'background-image: url',
-    '.layout-playground {',
-    'const samplerate =',
-  ].some((pattern) => text.includes(pattern)) ||
-    (text.includes('presets') && text.includes('hz')) ||
-    (text.includes('t_rectal') && text.includes('exp(-k * t)')) ||
-    (text.includes('led') && ledUnitMatches.length >= 3);
-}
-
-function collectString(value: string, output: string[]): void {
-  const text = normalize(value);
-  if (!isTechnicalInvariant(text) && text.length >= 20) output.push(text);
-}
-
-function collectObject(value: UnknownRecord, output: string[]): void {
-  Object.entries(value).forEach(([childKey, childValue]) => {
-    collectText(childValue, output, childKey);
-  });
-}
-
-function collectText(value: unknown, output: string[], key?: string): void {
-  if (key && STRUCTURAL_KEYS.has(key)) return;
-  if (typeof value === 'string') return collectString(value, output);
-  if (Array.isArray(value)) return value.forEach((item) => collectText(item, output));
-  if (value && typeof value === 'object') collectObject(value as UnknownRecord, output);
-}
-
-async function loadText(loader: unknown): Promise<string[]> {
-  if (typeof loader !== 'function') return [];
-  const module = await (loader as () => Promise<unknown>)();
-  const output: string[] = [];
-  if (module && typeof module === 'object') {
-    const record = module as UnknownRecord;
-    for (const key of TRANSLATABLE_KEYS) {
-      collectText(record[key], output, key);
-    }
-  }
-  return output;
-}
-
-function findSpanishMarkers(text: string[]): string[] {
-  const corpus = text.join(' ');
-  return SPANISH_MARKERS.flatMap(([label, pattern]) =>
-    pattern.test(corpus) ? [label] : [],
-  );
-}
-
-function similarity(left: string, right: string): number {
-  const leftTokens = left.split(/\s+/);
-  const rightCounts = new Map<string, number>();
-  right.split(/\s+/).forEach((token) => rightCounts.set(token, (rightCounts.get(token) ?? 0) + 1));
-  const matches = leftTokens.reduce((total, token) => {
-    const count = rightCounts.get(token) ?? 0;
-    if (count > 0) rightCounts.set(token, count - 1);
-    return total + (count > 0 ? 1 : 0);
-  }, 0);
-  return (2 * matches) / (leftTokens.length + right.split(/\s+/).length);
-}
-
-function findCopiedFragments(spanish: string[], translated: string[]): string[] {
-  return spanish
-    .filter((fragment) => fragment.length >= 80)
-    .filter((fragment) => translated.some((candidate) =>
-      candidate.length >= 80 &&
-      Math.min(fragment.length, candidate.length) / Math.max(fragment.length, candidate.length) >= COPY_THRESHOLD &&
-      similarity(fragment, candidate) >= COPY_THRESHOLD,
-    ))
-    .sort((a, b) => b.length - a.length)
-    .slice(0, 3);
-}
-
-describe('Locales must not contain copied Spanish content', () => {
-  for (const entry of ALL_ENTRIES) {
-    it(`${entry.id} has no untranslated Spanish blocks`, async () => {
-      const spanish = await loadText(entry.i18n.es);
-      const failures: string[] = [];
-
-      for (const [locale, loader] of Object.entries(entry.i18n)) {
-        if (locale === 'es') continue;
-
-        const translated = await loadText(loader);
-        const copiedFragments = findCopiedFragments(spanish, translated);
-        const markerHits = findSpanishMarkers(translated);
-
-        if (copiedFragments.length > 0 || markerHits.length >= 2) {
-          const details = [
-            copiedFragments.length > 0
-              ? `copied fragments: ${copiedFragments
-                  .map((fragment) => JSON.stringify(fragment.slice(0, 120)))
-                  .join(', ')}`
-              : '',
-            markerHits.length >= 2 ? `Spanish markers: ${markerHits.join(', ')}` : '',
-          ]
-            .filter(Boolean)
-            .join('; ');
-          failures.push(`${locale}: ${details}`);
-        }
-      }
-
-      expect(failures, failures.join('\n')).toEqual([]);
-    });
-  }
-});
+import { describe, expect, it } from 'vitest';
+import { ALL_ENTRIES } from '../entries';
+
+const STRUCTURAL_KEYS = new Set([
+  'id',
+  'slug',
+  'url',
+  'icon',
+  'image',
+  'imageUrl',
+  'keywords',
+  'category',
+  'tags',
+  'toolId',
+  'type',
+  'locale',
+  'language',
+  'direction',
+]);
+
+const TRANSLATABLE_KEYS = [
+  'title',
+  'description',
+  'faqTitle',
+  'faq',
+  'howTo',
+  'seo',
+  'schemas',
+] as const;
+
+const COPY_THRESHOLD = 0.9;
+
+const SPANISH_MARKERS = [
+  ['sangre', /\bsangre\b/gi],
+  ['molino', /\bmolino\b/gi],
+  ['grano', /\bgrano\b/gi],
+  ['paladar', /\bpaladar\b/gi],
+  ['cuchillas', /\bcuchillas\b/gi],
+  ['trozos', /\btrozos\b/gi],
+  ['frescura', /\bfrescura\b/gi],
+  ['ingresa', /\bingresa\b/gi],
+  ['selecciona', /\bselecciona\b/gi],
+  ['herramienta', /\bherramienta\b/gi],
+  ['según', /\bsegún\b/gi],
+  ['después', /\bdespués\b/gi],
+  ['puedes', /\bpuedes\b/gi],
+  ['debes', /\bdebes\b/gi],
+  ['tus', /\btus\b/gi],
+  ['a la vez', /\ba la vez\b/gi],
+  ['los datos', /\blos datos\b/gi],
+  ['las opciones', /\blas opciones\b/gi],
+  ['el resultado', /\bel resultado\b/gi],
+  ['método de extracción', /\bmétodo de extracción\b/gi],
+  ['uniformidad del molino', /\buniformidad del molino\b/gi],
+  ['café recién tostado', /\bcafé recién tostado\b/gi],
+] as const;
+
+type UnknownRecord = Record<string, unknown>;
+
+function normalize(value: string): string {
+  return value
+    .replace(/<[^>]*>/g, ' ')
+    .replace(/&nbsp;/gi, ' ')
+    .replace(/\s+/g, ' ')
+    .trim()
+    .toLocaleLowerCase('es');
+}
+
+function isTechnicalInvariant(text: string): boolean {
+  const ledUnitMatches = text.match(/\b\d+(?:-\d+)?\s*(?:w|lm)\b/g) ?? [];
+  return [
+    'data:image/svg+xml;base64',
+    'background-image: url',
+    '.layout-playground {',
+    'const samplerate =',
+  ].some((pattern) => text.includes(pattern)) ||
+    (text.includes('presets') && text.includes('hz')) ||
+    (text.includes('t_rectal') && text.includes('exp(-k * t)')) ||
+    (text.includes('led') && ledUnitMatches.length >= 3);
+}
+
+function collectString(value: string, output: string[]): void {
+  const text = normalize(value);
+  if (!isTechnicalInvariant(text) && text.length >= 20) output.push(text);
+}
+
+function collectObject(value: UnknownRecord, output: string[]): void {
+  Object.entries(value).forEach(([childKey, childValue]) => {
+    collectText(childValue, output, childKey);
+  });
+}
+
+function collectText(value: unknown, output: string[], key?: string): void {
+  if (key && STRUCTURAL_KEYS.has(key)) return;
+  if (typeof value === 'string') return collectString(value, output);
+  if (Array.isArray(value)) return value.forEach((item) => collectText(item, output));
+  if (value && typeof value === 'object') collectObject(value as UnknownRecord, output);
+}
+
+async function loadText(loader: unknown): Promise<string[]> {
+  if (typeof loader !== 'function') return [];
+  const module = await (loader as () => Promise<unknown>)();
+  const output: string[] = [];
+  if (module && typeof module === 'object') {
+    const record = module as UnknownRecord;
+    for (const key of TRANSLATABLE_KEYS) {
+      collectText(record[key], output, key);
+    }
+  }
+  return output;
+}
+
+function findSpanishMarkers(text: string[]): string[] {
+  const corpus = text.join(' ');
+  return SPANISH_MARKERS.flatMap(([label, pattern]) =>
+    pattern.test(corpus) ? [label] : [],
+  );
+}
+
+function similarity(left: string, right: string): number {
+  const leftTokens = left.split(/\s+/);
+  const rightCounts = new Map<string, number>();
+  right.split(/\s+/).forEach((token) => rightCounts.set(token, (rightCounts.get(token) ?? 0) + 1));
+  const matches = leftTokens.reduce((total, token) => {
+    const count = rightCounts.get(token) ?? 0;
+    if (count > 0) rightCounts.set(token, count - 1);
+    return total + (count > 0 ? 1 : 0);
+  }, 0);
+  return (2 * matches) / (leftTokens.length + right.split(/\s+/).length);
+}
+
+function findCopiedFragments(spanish: string[], translated: string[]): string[] {
+  return spanish
+    .filter((fragment) => fragment.length >= 80)
+    .filter((fragment) => translated.some((candidate) =>
+      candidate.length >= 80 &&
+      Math.min(fragment.length, candidate.length) / Math.max(fragment.length, candidate.length) >= COPY_THRESHOLD &&
+      similarity(fragment, candidate) >= COPY_THRESHOLD,
+    ))
+    .sort((a, b) => b.length - a.length)
+    .slice(0, 3);
+}
+
+describe('Locales must not contain copied Spanish content', () => {
+  for (const entry of ALL_ENTRIES) {
+    it(`${entry.id} has no untranslated Spanish blocks`, async () => {
+      const spanish = await loadText(entry.i18n.es);
+      const failures: string[] = [];
+
+      for (const [locale, loader] of Object.entries(entry.i18n)) {
+        if (locale === 'es') continue;
+
+        const translated = await loadText(loader);
+        const copiedFragments = findCopiedFragments(spanish, translated);
+        const markerHits = findSpanishMarkers(translated);
+
+        if (copiedFragments.length > 0 || markerHits.length >= 2) {
+          const details = [
+            copiedFragments.length > 0
+              ? `copied fragments: ${copiedFragments
+                  .map((fragment) => JSON.stringify(fragment.slice(0, 120)))
+                  .join(', ')}`
+              : '',
+            markerHits.length >= 2 ? `Spanish markers: ${markerHits.join(', ')}` : '',
+          ]
+            .filter(Boolean)
+            .join('; ');
+          failures.push(`${locale}: ${details}`);
+        }
+      }
+
+      expect(failures, failures.join('\n')).toEqual([]);
+    });
+  }
+});

package/src/tests/tool_validation.test.ts

@@ -1,139 +1,139 @@
-import { describe, it, expect } from 'vitest';
-import * as fs from 'fs';
-import * as path from 'path';
-import { ALL_TOOLS } from '../tools';
-import { petsCategory } from '../data';
-import type { ToolDefinition } from '../types';
-
-function extractSeoText(sections: any[]): string {
-  return sections
-    .map((section) => extractSectionText(section))
-    .join(' ');
-}
-
-function extractHtmlOrText(section: any): string {
-  const hasContent = 'html' in section || 'text' in section;
-  const isNotTable = section.type !== 'table';
-  return hasContent && isNotTable ? (section.html || section.text || '') : '';
-}
-
-function extractListItems(section: any): string {
-  return 'items' in section && Array.isArray(section.items) ? section.items.join(' ') : '';
-}
-
-function extractTableRows(section: any): string {
-  return 'rows' in section && Array.isArray(section.rows) ? section.rows.flat().join(' ') : '';
-}
-
-function extractSectionText(section: any): string {
-  let text = '';
-  text += extractHtmlOrText(section);
-  text += extractListItems(section);
-  text += extractTableRows(section);
-  return text;
-}
-
-function countWords(text: string): number {
-  return text
-    .replace(/<[^>]*>/g, '')
-    .trim()
-    .split(/\s+/)
-    .filter((w) => w.length > 0).length;
-}
-
-describe('Tool Validation Suite', () => {
-  describe('Strict Tool Definition Validation', () => {
-    ALL_TOOLS.forEach((tool: ToolDefinition) => {
-      const { entry } = tool;
-
-      describe(`${entry.id} structure`, () => {
-        it('should fulfill ToolDefinition interface', () => {
-          expect(tool.entry).toBeDefined();
-          expect(tool.Component).toBeDefined();
-          expect(tool.SEOComponent).toBeDefined();
-          expect(tool.BibliographyComponent).toBeDefined();
-        });
-
-        it('should have valid ID in kebab-case', () => {
-          expect(entry.id).toMatch(/^[a-z0-9]+(-[a-z0-9]+)*$/);
-        });
-
-        it('should have valid icons with bg and fg', () => {
-          expect(entry.icons.bg).toMatch(/^mdi:/);
-          expect(entry.icons.fg).toMatch(/^mdi:/);
-        });
-
-        describe('i18n Content Validation', () => {
-          Object.entries(entry.i18n).forEach(([locale, loader]) => {
-            it(`should load ${locale} content and follow slug rules`, async () => {
-              const content = await loader();
-              expect(content.slug).toBeDefined();
-              expect(content.slug).toMatch(/^[a-z0-9]+(-[a-z0-9]+)*$/);
-
-              if (locale === 'es') {
-                const validSlugs = ['calculadora-edad-mascotas', 'calculadora-racion-diaria-mascotas', 'calculadora-gestacion-mascotas', 'buscador-alimentos-toxicos-perros-gatos', 'calculadora-agua-diaria-perros-gatos'];
-                expect(validSlugs).toContain(content.slug);
-              }
-            });
-
-            it(`should have valid basic content in ${locale}`, async () => {
-              const content = await loader();
-              expect(content.title.length).toBeGreaterThan(0);
-              expect(content.description.length).toBeGreaterThan(0);
-              expect(Object.keys(content.ui).length).toBeGreaterThan(0);
-            });
-
-            it(`should have SEO content with > 300 words in ${locale}`, async () => {
-              const content = await loader();
-              const seoText = extractSeoText(content.seo);
-              const wordCount = countWords(seoText);
-              expect(wordCount).toBeGreaterThanOrEqual(300);
-            });
-          });
-        });
-      });
-    });
-  });
-
-  describe('Library Registration', () => {
-    it('should have 5 tools in ALL_TOOLS', () => {
-      expect(ALL_TOOLS.length).toBe(5);
-    });
-
-    it('should have all tools in petsCategory', () => {
-      expect(petsCategory.tools.length).toBe(5);
-      ALL_TOOLS.forEach(({ entry }) => {
-        const exists = petsCategory.tools.some((t: any) => t.id === entry.id);
-        expect(exists).toBe(true);
-      });
-    });
-  });
-
-  describe('Binary Consistency', () => {
-    ALL_TOOLS.forEach(({ entry }) => {
-      it(`${entry.id} files should exist in the tool folder`, () => {
-        const toolVarName = (entry.id ?? '').replace(/-([a-z])/g, (_: string, g: string) => g.toUpperCase());
-        const toolDir = path.join('src', 'tool', toolVarName);
-
-        expect(fs.existsSync(path.join(toolDir, 'component.astro'))).toBe(true);
-        expect(fs.existsSync(path.join(toolDir, 'seo.astro'))).toBe(true);
-        expect(fs.existsSync(path.join(toolDir, 'bibliography.astro'))).toBe(true);
-        expect(fs.existsSync(path.join(toolDir, 'index.ts'))).toBe(true);
-      });
-    });
-  });
-
-  describe('Bibliography Components Structure', () => {
-    ALL_TOOLS.forEach(({ entry }) => {
-      it(`${entry.id} should have a standard bibliography structure`, () => {
-        const toolVarName = (entry.id ?? '').replace(/-([a-z])/g, (_: string, g: string) => g.toUpperCase());
-        const componentPath = path.join('src', 'tool', toolVarName, 'bibliography.astro');
-        const content = fs.readFileSync(componentPath, 'utf-8');
-
-        expect(content).toContain("import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared'");
-        expect(content).toContain("import { bibliography } from './bibliography'");
-        expect(content).toContain('<SharedBibliography links={bibliography} />');
-      });
-    });
-  });
-});
+import { describe, it, expect } from 'vitest';
+import * as fs from 'fs';
+import * as path from 'path';
+import { ALL_TOOLS } from '../tools';
+import { petsCategory } from '../data';
+import type { ToolDefinition } from '../types';
+
+function extractSeoText(sections: any[]): string {
+  return sections
+    .map((section) => extractSectionText(section))
+    .join(' ');
+}
+
+function extractHtmlOrText(section: any): string {
+  const hasContent = 'html' in section || 'text' in section;
+  const isNotTable = section.type !== 'table';
+  return hasContent && isNotTable ? (section.html || section.text || '') : '';
+}
+
+function extractListItems(section: any): string {
+  return 'items' in section && Array.isArray(section.items) ? section.items.join(' ') : '';
+}
+
+function extractTableRows(section: any): string {
+  return 'rows' in section && Array.isArray(section.rows) ? section.rows.flat().join(' ') : '';
+}
+
+function extractSectionText(section: any): string {
+  let text = '';
+  text += extractHtmlOrText(section);
+  text += extractListItems(section);
+  text += extractTableRows(section);
+  return text;
+}
+
+function countWords(text: string): number {
+  return text
+    .replace(/<[^>]*>/g, '')
+    .trim()
+    .split(/\s+/)
+    .filter((w) => w.length > 0).length;
+}
+
+describe('Tool Validation Suite', () => {
+  describe('Strict Tool Definition Validation', () => {
+    ALL_TOOLS.forEach((tool: ToolDefinition) => {
+      const { entry } = tool;
+
+      describe(`${entry.id} structure`, () => {
+        it('should fulfill ToolDefinition interface', () => {
+          expect(tool.entry).toBeDefined();
+          expect(tool.Component).toBeDefined();
+          expect(tool.SEOComponent).toBeDefined();
+          expect(tool.BibliographyComponent).toBeDefined();
+        });
+
+        it('should have valid ID in kebab-case', () => {
+          expect(entry.id).toMatch(/^[a-z0-9]+(-[a-z0-9]+)*$/);
+        });
+
+        it('should have valid icons with bg and fg', () => {
+          expect(entry.icons.bg).toMatch(/^mdi:/);
+          expect(entry.icons.fg).toMatch(/^mdi:/);
+        });
+
+        describe('i18n Content Validation', () => {
+          Object.entries(entry.i18n).forEach(([locale, loader]) => {
+            it(`should load ${locale} content and follow slug rules`, async () => {
+              const content = await loader();
+              expect(content.slug).toBeDefined();
+              expect(content.slug).toMatch(/^[a-z0-9]+(-[a-z0-9]+)*$/);
+
+              if (locale === 'es') {
+                const validSlugs = ['calculadora-edad-mascotas', 'calculadora-racion-diaria-mascotas', 'calculadora-gestacion-mascotas', 'buscador-alimentos-toxicos-perros-gatos', 'calculadora-agua-diaria-perros-gatos', 'planificador-dimensiones-transportin-mascotas'];
+                expect(validSlugs).toContain(content.slug);
+              }
+            });
+
+            it(`should have valid basic content in ${locale}`, async () => {
+              const content = await loader();
+              expect(content.title.length).toBeGreaterThan(0);
+              expect(content.description.length).toBeGreaterThan(0);
+              expect(Object.keys(content.ui).length).toBeGreaterThan(0);
+            });
+
+            it(`should have SEO content with > 300 words in ${locale}`, async () => {
+              const content = await loader();
+              const seoText = extractSeoText(content.seo);
+              const wordCount = countWords(seoText);
+              expect(wordCount).toBeGreaterThanOrEqual(300);
+            });
+          });
+        });
+      });
+    });
+  });
+
+  describe('Library Registration', () => {
+    it('should have 5 tools in ALL_TOOLS', () => {
+      expect(ALL_TOOLS.length).toBe(6);
+    });
+
+    it('should have all tools in petsCategory', () => {
+      expect(petsCategory.tools.length).toBe(6);
+      ALL_TOOLS.forEach(({ entry }) => {
+        const exists = petsCategory.tools.some((t: any) => t.id === entry.id);
+        expect(exists).toBe(true);
+      });
+    });
+  });
+
+  describe('Binary Consistency', () => {
+    ALL_TOOLS.forEach(({ entry }) => {
+      it(`${entry.id} files should exist in the tool folder`, () => {
+        const toolVarName = (entry.id ?? '').replace(/-([a-z])/g, (_: string, g: string) => g.toUpperCase());
+        const toolDir = path.join('src', 'tool', toolVarName);
+
+        expect(fs.existsSync(path.join(toolDir, 'component.astro'))).toBe(true);
+        expect(fs.existsSync(path.join(toolDir, 'seo.astro'))).toBe(true);
+        expect(fs.existsSync(path.join(toolDir, 'bibliography.astro'))).toBe(true);
+        expect(fs.existsSync(path.join(toolDir, 'index.ts'))).toBe(true);
+      });
+    });
+  });
+
+  describe('Bibliography Components Structure', () => {
+    ALL_TOOLS.forEach(({ entry }) => {
+      it(`${entry.id} should have a standard bibliography structure`, () => {
+        const toolVarName = (entry.id ?? '').replace(/-([a-z])/g, (_: string, g: string) => g.toUpperCase());
+        const componentPath = path.join('src', 'tool', toolVarName, 'bibliography.astro');
+        const content = fs.readFileSync(componentPath, 'utf-8');
+
+        expect(content).toContain("import { Bibliography as SharedBibliography } from '@jjlmoya/utils-shared'");
+        expect(content).toContain("import { bibliography } from './bibliography'");
+        expect(content).toContain('<SharedBibliography links={bibliography} />');
+      });
+    });
+  });
+});

package/src/tool/petAge/component.astro

@@ -238,6 +238,7 @@ const { ui } = Astro.props;
     state: PetAgeState,
     els: Required<ReturnType<typeof getElements>>,
     birthYearInput: HTMLInputElement,
+    uiData: Record<string, string>,
   ) {
     els.shareBtn?.addEventListener("click", async () => {
       if (!state.birthYear) {
@@ -253,7 +254,7 @@ const { ui } = Astro.props;
       const url = generateShareUrl(state);
       try {
         await navigator.clipboard.writeText(url);
-        if (els.shareText) els.shareText.textContent = "¡Copiado!";
+        if (els.shareText) els.shareText.textContent = uiData.shareSuccess;
         if (els.shareBtn) els.shareBtn.classList.add("age-btn-success");
         setTimeout(() => (window.location.href = url), 800);
       } catch {
@@ -292,7 +293,7 @@ const { ui } = Astro.props;
     setupPetTypeListener(state, els, onUpdate);
     setupSizeListener(state, els, onUpdate);
     setupBirthYearListener(state, birthYearInput, currentYear, onUpdate);
-    setupShareListener(state, els, birthYearInput);
+    setupShareListener(state, els, birthYearInput, uiData);
 
     onUpdate();
     setTimeout(() => els.loader?.classList.add("hidden"), 50);
@@ -305,4 +306,3 @@ const { ui } = Astro.props;
   }
   document.addEventListener("astro:page-load", initPetAge);
 </script>
-