@jjlmoya/utils-babies 1.8.0 → 1.11.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-babies",
-    "version": "1.8.0",
+    "version": "1.11.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/index.ts

@@ -6,7 +6,7 @@ export * from './tool/baby-percentile-calculator';
 export * from './tool/fertile-days-estimator';
 export * from './tool/pregnancy-calculator';
 export * from './tool/vaccination-calendar';
-export { default as babiesCategorySEO } from './category/seo.astro';
+export const babiesCategorySEO = () => import('./category/seo.astro').then((m) => m.default);
 
 export type {
   KnownLocale,
@@ -22,5 +22,5 @@ export type {
   ToolDefinition,
 } from './types';
 
-export { ALL_TOOLS } from './tools';
+export { ALL_ENTRIES, ALL_TOOLS } from './tools';
 

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

@@ -14,7 +14,8 @@ import type { UtilitySEOContent } from "@jjlmoya/utils-shared";
 export async function getStaticPaths() {
   const paths = [];
 
-  for (const { entry, Component } of ALL_TOOLS) {
+  for (const { entry, Component: lazyComp } of ALL_TOOLS) {
+    const { default: Component } = await lazyComp();
     const localeEntries = Object.entries(entry.i18n) as [
       KnownLocale,
       () => Promise<ToolLocaleContent>,
@@ -52,8 +53,6 @@ export async function getStaticPaths() {
   return paths;
 }
 
-type ToolComponent = (props: { ui: Record<string, string> }) => unknown;
-
 interface NavItem {
   id: string;
   title: string;
@@ -62,7 +61,7 @@ interface NavItem {
 }
 
 interface Props {
-  Component: ToolComponent;
+  Component: unknown;
   locale: KnownLocale;
   content: ToolLocaleContent;
   localeUrls: Partial<Record<KnownLocale, string>>;

package/src/tests/category_validation.test.ts

@@ -0,0 +1,59 @@
+import { describe, it, expect } from 'vitest';
+import { babiesCategory as toolsCategory } from '../category/index';
+import type { CategoryLocaleContent } from '../types';
+
+const EXPECTED_LOCALES = [
+  'de', 'en', 'es', 'fr', 'id', 'it', 'ja', 'ko', 'nl', 'pl', 'pt', 'ru', 'sv', 'tr', 'zh'
+];
+
+const sharingLocales = ['ja', 'ko', 'zh'];
+const allowedDuplicateSlugs = ['bebes', 'babys'];
+
+describe('Category Validation', () => {
+  it('should have all 15 required locales', () => {
+    const registeredLocales = Object.keys(toolsCategory.i18n);
+    EXPECTED_LOCALES.forEach((locale) => {
+      expect(
+        registeredLocales,
+        `Category is missing locale "${locale}"`,
+      ).toContain(locale);
+    });
+  });
+
+  describe('Category Slug Validation', () => {
+    async function getEnSlug(locales: string[]): Promise<string> {
+      if (!locales.includes('en')) return '';
+      const enLoader = toolsCategory.i18n['en' as keyof typeof toolsCategory.i18n];
+      const enContent = (await enLoader?.()) as CategoryLocaleContent;
+      return enContent.slug;
+    }
+
+    function validateNonEnSlug(locale: string, slug: string, enSlug: string, slugs: Map<string, string>) {
+      if (sharingLocales.includes(locale)) {
+        expect(slug, `Category locale "${locale}" must use the same slug as "en" ("${enSlug}").`).toBe(enSlug);
+      } else {
+        expect(slug, `Category locale "${locale}" has the same slug as "en" ("${enSlug}"). Cada slug tiene que estar en su propio idioma`).not.toBe(enSlug);
+        if (slugs.has(slug) && !allowedDuplicateSlugs.includes(slug)) {
+          expect(false, `Category locales "${locale}" and "${slugs.get(slug)}" share the same slug ("${slug}"). Cada slug tiene que estar en su propia idioma`).toBe(true);
+        }
+        slugs.set(slug, locale);
+      }
+    }
+
+    it('every locale should have a unique, translated slug and follow format rules', async () => {
+      const slugs = new Map<string, string>();
+      const locales = Object.keys(toolsCategory.i18n);
+      const enSlug = await getEnSlug(locales);
+
+      for (const locale of locales) {
+        const loader = toolsCategory.i18n[locale as keyof typeof toolsCategory.i18n];
+        const content = (await loader?.()) as CategoryLocaleContent;
+
+        expect(content.slug, `Category locale "${locale}" has an invalid slug ("${content.slug}"). Slugs must be transliterated (only a-z, 0-9, and -).`).toMatch(/^[a-z0-9-]+$/);
+        expect(content.slug, `Category locale "${locale}" slug ("${content.slug}") cannot end with a 2-letter language code (e.g., -ja, -ru, -ko).`).not.toMatch(/-[a-z]{2}$/);
+
+        if (locale !== 'en') validateNonEnSlug(locale, content.slug, enSlug, slugs);
+      }
+    });
+  });
+});

package/src/tests/slug_language_code_format.test.ts

@@ -0,0 +1,23 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import type { ToolLocaleContent } from '../types';
+
+describe('Slug Language Code Format Validation', () => {
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      it('slug should not end with 2-letter language codes like -ja, -ru, -ko', async () => {
+        const locales = Object.keys(tool.entry.i18n);
+
+        for (const locale of locales) {
+          const loader = tool.entry.i18n[locale as keyof typeof tool.entry.i18n];
+          const content = (await loader?.()) as ToolLocaleContent;
+
+          expect(
+            content.slug,
+            `Tool "${tool.entry.id}" locale "${locale}" slug ("${content.slug}") cannot end with a 2-letter language code (e.g., -ja, -ru, -ko).`,
+          ).not.toMatch(/-[a-z]{2}$/);
+        }
+      });
+    });
+  });
+});

package/src/tool/baby-feeding-calculator/index.ts

@@ -1,7 +1,4 @@
 import type { BabiesToolEntry, ToolDefinition, ToolLocaleContent } from '../../types';
-import BabyFeedingCalculatorComponent from './component.astro';
-import BabyFeedingCalculatorSEO from './seo.astro';
-import BabyFeedingCalculatorBibliography from './bibliography.astro';
 
 export interface BabyFeedingCalculatorUI {
   [key: string]: string;
@@ -49,11 +46,10 @@ export const babyFeedingCalculator: BabiesToolEntry<BabyFeedingCalculatorUI> = {
   },
 };
 
-export { BabyFeedingCalculatorComponent, BabyFeedingCalculatorSEO, BabyFeedingCalculatorBibliography };
 
 export const BABY_FEEDING_CALCULATOR_TOOL: ToolDefinition = {
   entry: babyFeedingCalculator,
-  Component: BabyFeedingCalculatorComponent,
-  SEOComponent: BabyFeedingCalculatorSEO,
-  BibliographyComponent: BabyFeedingCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/baby-percentile-calculator/index.ts

@@ -1,7 +1,4 @@
 import type { BabiesToolEntry, ToolDefinition, ToolLocaleContent } from '../../types';
-import BabyPercentileCalculatorComponent from './component.astro';
-import BabyPercentileCalculatorSEO from './seo.astro';
-import BabyPercentileCalculatorBibliography from './bibliography.astro';
 
 export interface BabyPercentileCalculatorUI {
   [key: string]: string;
@@ -57,11 +54,10 @@ export const babyPercentileCalculator: BabiesToolEntry<BabyPercentileCalculatorU
   },
 };
 
-export { BabyPercentileCalculatorComponent, BabyPercentileCalculatorSEO, BabyPercentileCalculatorBibliography };
 
 export const BABY_PERCENTILE_CALCULATOR_TOOL: ToolDefinition = {
   entry: babyPercentileCalculator,
-  Component: BabyPercentileCalculatorComponent,
-  SEOComponent: BabyPercentileCalculatorSEO,
-  BibliographyComponent: BabyPercentileCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/baby-size-converter/index.ts

@@ -1,7 +1,4 @@
 import type { BabiesToolEntry, ToolDefinition, ToolLocaleContent } from '../../types';
-import BabySizeConverterComponent from './component.astro';
-import BabySizeConverterSEO from './seo.astro';
-import BabySizeConverterBibliography from './bibliography.astro';
 
 export interface BabySizeConverterUI {
   [key: string]: string;
@@ -55,11 +52,10 @@ export const babySizeConverter: BabiesToolEntry<BabySizeConverterUI> = {
   },
 };
 
-export { BabySizeConverterComponent, BabySizeConverterSEO, BabySizeConverterBibliography };
 
 export const BABY_SIZE_CONVERTER_TOOL: ToolDefinition = {
   entry: babySizeConverter,
-  Component: BabySizeConverterComponent,
-  SEOComponent: BabySizeConverterSEO,
-  BibliographyComponent: BabySizeConverterBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/fertile-days-estimator/index.ts

@@ -1,7 +1,4 @@
 import type { BabiesToolEntry, ToolDefinition, ToolLocaleContent } from '../../types';
-import FertileDaysEstimatorComponent from './component.astro';
-import FertileDaysEstimatorSEO from './seo.astro';
-import FertileDaysEstimatorBibliography from './bibliography.astro';
 
 export interface FertileDaysEstimatorUI {
   [key: string]: string;
@@ -49,11 +46,10 @@ export const fertileDaysEstimator: BabiesToolEntry<FertileDaysEstimatorUI> = {
   },
 };
 
-export { FertileDaysEstimatorComponent, FertileDaysEstimatorSEO, FertileDaysEstimatorBibliography };
 
 export const FERTILE_DAYS_ESTIMATOR_TOOL: ToolDefinition = {
   entry: fertileDaysEstimator,
-  Component: FertileDaysEstimatorComponent,
-  SEOComponent: FertileDaysEstimatorSEO,
-  BibliographyComponent: FertileDaysEstimatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/pregnancy-calculator/index.ts

@@ -1,7 +1,4 @@
 import type { BabiesToolEntry, ToolDefinition, ToolLocaleContent } from '../../types';
-import PregnancyCalculatorComponent from './component.astro';
-import PregnancyCalculatorSEO from './seo.astro';
-import PregnancyCalculatorBibliography from './bibliography.astro';
 
 export interface MilestoneI18n {
   analogies: { fruits: string; geek: string; sweets: string };
@@ -89,11 +86,10 @@ export const pregnancyCalculator: BabiesToolEntry<PregnancyCalculatorUI> = {
   },
 };
 
-export { PregnancyCalculatorComponent, PregnancyCalculatorSEO, PregnancyCalculatorBibliography };
 
 export const PREGNANCY_CALCULATOR_TOOL: ToolDefinition = {
   entry: pregnancyCalculator,
-  Component: PregnancyCalculatorComponent,
-  SEOComponent: PregnancyCalculatorSEO,
-  BibliographyComponent: PregnancyCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/vaccination-calendar/index.ts

@@ -1,7 +1,4 @@
 import type { BabiesToolEntry, ToolDefinition, ToolLocaleContent } from '../../types';
-import VaccinationCalendarComponent from './component.astro';
-import VaccinationCalendarSEO from './seo.astro';
-import VaccinationCalendarBibliography from './bibliography.astro';
 
 export interface VaccinationCalendarUI {
   [key: string]: string;
@@ -69,11 +66,10 @@ export const vaccinationCalendar: BabiesToolEntry<VaccinationCalendarUI> = {
   },
 };
 
-export { VaccinationCalendarComponent, VaccinationCalendarSEO, VaccinationCalendarBibliography };
 
 export const VACCINATION_CALENDAR_TOOL: ToolDefinition = {
   entry: vaccinationCalendar,
-  Component: VaccinationCalendarComponent,
-  SEOComponent: VaccinationCalendarSEO,
-  BibliographyComponent: VaccinationCalendarBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tools.ts

@@ -15,3 +15,5 @@ export const ALL_TOOLS: ToolDefinition[] = [
   PREGNANCY_CALCULATOR_TOOL,
 ];
 
+
+export const ALL_ENTRIES = ALL_TOOLS.map(t => t.entry);