@jjlmoya/utils-pets 1.2.0 → 1.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jjlmoya/utils-pets",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "type": "module",
   "main": "./src/index.ts",
   "types": "./src/index.ts",
@@ -37,7 +37,7 @@
   },
   "dependencies": {
     "@iconify-json/mdi": "^1.2.3",
-    "@jjlmoya/utils-shared": "1.0.2",
+    "@jjlmoya/utils-shared": "^1.1.0",
     "astro": "^6.1.2",
     "astro-icon": "^1.1.0"
   },

package/src/tool/petAge/component.astro

@@ -21,7 +21,7 @@ const { ui } = Astro.props;
           </div>
           <div id="share-icon-cat" class="hidden"><Icon name="mdi:cat" /></div>
         </div>
-        <h1 id="share-pet-name"></h1>
+        <p id="share-pet-name"></p>
       </div>
       <div class="age-share-card-body">
         <p class="age-share-human-label">{ui.humanAgeLabel}</p>
@@ -164,21 +164,30 @@ const { ui } = Astro.props;
     type PetAgeState,
   } from "./handlers";
 
-  function setupPetTypeListener(state: PetAgeState, els: Required<ReturnType<typeof getElements>>, onUpdate: () => void) {
+  function setupPetTypeListener(
+    state: PetAgeState,
+    els: Required<ReturnType<typeof getElements>>,
+    onUpdate: () => void,
+  ) {
     els.petBtns.forEach((btn) => {
       btn.addEventListener("click", () => {
         state.petType = (btn.dataset.type || "dog") as PetSpecies;
         els.petBtns.forEach((b) => b.classList.remove("active"));
         btn.classList.add("active");
         if (els.dogSizeSelector) {
-          els.dogSizeSelector.style.display = state.petType === "dog" ? "block" : "none";
+          els.dogSizeSelector.style.display =
+            state.petType === "dog" ? "block" : "none";
         }
         onUpdate();
       });
     });
   }
 
-  function setupSizeListener(state: PetAgeState, els: Required<ReturnType<typeof getElements>>, onUpdate: () => void) {
+  function setupSizeListener(
+    state: PetAgeState,
+    els: Required<ReturnType<typeof getElements>>,
+    onUpdate: () => void,
+  ) {
     els.sizeBtns.forEach((btn) => {
       btn.addEventListener("click", () => {
         state.dogSize = (btn.dataset.size || "small") as DogSize;
@@ -189,22 +198,55 @@ const { ui } = Astro.props;
     });
   }
 
-  function setupBirthYearListener(state: PetAgeState, birthYearInput: HTMLInputElement, currentYear: number, onUpdate: () => void) {
+  function setupBirthYearListener(
+    state: PetAgeState,
+    birthYearInput: HTMLInputElement,
+    currentYear: number,
+    onUpdate: () => void,
+  ) {
     birthYearInput.addEventListener("input", (e) => {
       const val = (e.target as HTMLInputElement).value;
       state.birthYear = validateBirthYear(val, currentYear);
-      birthYearInput.classList.toggle("age-input-valid", state.birthYear !== null);
-      birthYearInput.classList.toggle("age-input-error", val.length === 4 && !state.birthYear);
+      birthYearInput.classList.toggle(
+        "age-input-valid",
+        state.birthYear !== null,
+      );
+      birthYearInput.classList.toggle(
+        "age-input-error",
+        val.length === 4 && !state.birthYear,
+      );
       onUpdate();
     });
   }
 
-  function setupShareListener(state: PetAgeState, els: Required<ReturnType<typeof getElements>>, birthYearInput: HTMLInputElement) {
+  function setupBasicListeners(
+    state: PetAgeState,
+    els: Required<ReturnType<typeof getElements>>,
+    onUpdate: () => void,
+  ) {
+    document.getElementById("create-new-btn")?.addEventListener("click", () => {
+      window.location.href = window.location.origin + window.location.pathname;
+    });
+
+    els.petNameInput?.addEventListener("input", (e) => {
+      state.petName = (e.target as HTMLInputElement).value;
+      onUpdate();
+    });
+  }
+
+  function setupShareListener(
+    state: PetAgeState,
+    els: Required<ReturnType<typeof getElements>>,
+    birthYearInput: HTMLInputElement,
+  ) {
     els.shareBtn?.addEventListener("click", async () => {
       if (!state.birthYear) {
         birthYearInput.focus();
         birthYearInput.classList.add("age-input-error");
-        setTimeout(() => birthYearInput.classList.remove("age-input-error"), 500);
+        setTimeout(
+          () => birthYearInput.classList.remove("age-input-error"),
+          500,
+        );
         return;
       }
 
@@ -221,7 +263,9 @@ const { ui } = Astro.props;
   }
 
   function initPetAge() {
-    const birthYearInput = document.getElementById("birth-year-input") as HTMLInputElement;
+    const birthYearInput = document.getElementById(
+      "birth-year-input",
+    ) as HTMLInputElement;
     const container = document.getElementById("calculator-container");
 
     if (!birthYearInput || !container) return;
@@ -229,26 +273,22 @@ const { ui } = Astro.props;
     const uiData = JSON.parse(container.dataset.ui || "{}");
     const els = getElements() as Required<ReturnType<typeof getElements>>;
     const currentYear = new Date().getFullYear();
-
-    const state: PetAgeState = { petType: "dog", dogSize: "small", birthYear: null, petName: "" };
+    const state: PetAgeState = {
+      petType: "dog",
+      dogSize: "small",
+      birthYear: null,
+      petName: "",
+    };
 
     birthYearInput.max = currentYear.toString();
     showShareMode(state, els, uiData, currentYear);
-
     const shareDomain = document.getElementById("share-domain");
     if (shareDomain) shareDomain.textContent = window.location.hostname;
 
-    const onUpdate = () => updateResultsDisplay(state, els, uiData, currentYear);
-
-    document.getElementById("create-new-btn")?.addEventListener("click", () => {
-      window.location.href = window.location.origin + window.location.pathname;
-    });
-
-    els.petNameInput?.addEventListener("input", (e) => {
-      state.petName = (e.target as HTMLInputElement).value;
-      onUpdate();
-    });
+    const onUpdate = () =>
+      updateResultsDisplay(state, els, uiData, currentYear);
 
+    setupBasicListeners(state, els, onUpdate);
     setupPetTypeListener(state, els, onUpdate);
     setupSizeListener(state, els, onUpdate);
     setupBirthYearListener(state, birthYearInput, currentYear, onUpdate);

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

@@ -2,7 +2,7 @@ import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { PetAgeUI, PetAgeLocaleContent } from '../index';
 
 const slug = 'pet-age-calculator';
-const title = 'Pet Age Calculator | Dogs and Cats to Human Years';
+const title = 'Pet Age Calculator';
 const description = 'Find out your dog or cat\'s real age in human years. Forget the multiply-by-7 rule. Use our calculator based on current veterinary science.';
 
 const ui: PetAgeUI = {

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

@@ -2,7 +2,7 @@ import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { PetAgeUI, PetAgeLocaleContent } from '../index';
 
 const slug = 'calculadora-edad-mascotas';
-const title = 'Calculadora de Edad de Mascotas | Perros y Gatos a Años Humanos';
+const title = 'Calculadora de Edad de Mascotas';
 const description = 'Descubre la edad real de tu perro o gato en años humanos. Olvida la regla de multiplicar por 7. Usa nuestra calculadora basada en ciencia veterinaria actual.';
 
 const ui: PetAgeUI = {

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

@@ -2,7 +2,7 @@ import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { PetAgeUI, PetAgeLocaleContent } from '../index';
 
 const slug = 'calculatrice-age-animaux';
-const title = 'Calculatrice d\'Âge des Animaux | Chiens et Chats en Années Humaines';
+const title = 'Calculatrice d\'Âge des Animaux';
 const description = 'Découvrez l\'âge réel de votre chien ou chat en années humaines. Oubliez la règle de multiplier par 7. Utilisez notre calculatrice basée sur la science vétérinaire actuelle.';
 
 const ui: PetAgeUI = {

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

@@ -2,7 +2,7 @@ import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { PetRationUI, PetRationLocaleContent } from '../index';
 
 const slug = 'pet-daily-ration-calculator';
-const title = 'Pet Daily Ration Calculator | Canine and Feline Nutrition';
+const title = 'Pet Daily Ration Calculator';
 const description = 'Calculate the exact amount of food your dog or cat needs. Tool based on veterinary RER and DER formulas for a healthy weight.';
 
 const ui: PetRationUI = {

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

@@ -2,7 +2,7 @@ import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { PetRationUI, PetRationLocaleContent } from '../index';
 
 const slug = 'calculadora-racion-diaria-mascotas';
-const title = 'Calculadora de Ración Diaria para Mascotas | Nutrición Canina y Felina';
+const title = 'Calculadora de Ración Diaria para Mascotas';
 const description = 'Calcula la cantidad exacta de comida que necesita tu perro o gato. Herramienta basada en fórmulas veterinarias RER y DER para un peso saludable.';
 
 const ui: PetRationUI = {

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

@@ -2,7 +2,7 @@ import type { WithContext, SoftwareApplication } from 'schema-dts';
 import type { PetRationUI, PetRationLocaleContent } from '../index';
 
 const slug = 'calculatrice-ration-quotidienne-animaux';
-const title = 'Calculatrice de Ration Quotidienne pour Animaux | Nutrition Canine et Féline';
+const title = 'Calculatrice de Ration Quotidienne pour Animaux';
 const description = 'Calculez la quantité exacte de nourriture dont votre chien ou chat a besoin. Outil basé sur les formules vétérinaires RER et DER pour un poids sain.';
 
 const ui: PetRationUI = {