@jjlmoya/utils-cooking 1.14.0 → 1.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-cooking",
-    "version": "1.14.0",
+    "version": "1.18.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/index.ts

@@ -1,5 +1,5 @@
 export { cookingCategory, cookingCategory as templateCategory } from './category';
-export { default as CookingCategorySEO } from './category/seo.astro';
+export const CookingCategorySEO = () => import('./category/seo.astro').then((m) => m.default);
 
 export { AMERICAN_KITCHEN_CONVERTER_TOOL } from './tool/american-kitchen-converter';
 export { MERENGUE_CALCULATOR_TOOL } from './tool/meringue-peak';
@@ -28,5 +28,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,73 @@
+import { describe, it, expect } from 'vitest';
+import { cookingCategory 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'];
+
+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', () => {
+    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);
+
+      let enSlug = '';
+      if (locales.includes('en')) {
+        const enLoader = toolsCategory.i18n['en' as keyof typeof toolsCategory.i18n];
+        const enContent = (await enLoader?.()) as CategoryLocaleContent;
+        enSlug = enContent.slug;
+      }
+
+      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') {
+          if (sharingLocales.includes(locale)) {
+            expect(
+              content.slug,
+              `Category locale "${locale}" must use the same slug as "en" ("${enSlug}").`,
+            ).toBe(enSlug);
+          } else {
+            expect(
+              content.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(content.slug)) {
+              const previousLocale = slugs.get(content.slug);
+              expect(
+                false,
+                `Category locales "${locale}" and "${previousLocale}" share the same slug ("${content.slug}"). Cada slug tiene que estar en su propia idioma`,
+              ).toBe(true);
+            }
+            slugs.set(content.slug, locale);
+          }
+        }
+      }
+    });
+  });
+});

package/src/tool/american-kitchen-converter/index.ts

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import AmericanKitchenConverterComponent from './component.astro';
-import AmericanKitchenConverterSEO from './seo.astro';
-import AmericanKitchenConverterBibliography from './bibliography.astro';
 
 export const americanKitchenConverter: CookingToolEntry = {
   id: 'american-kitchen-converter',
@@ -30,7 +27,7 @@ export const americanKitchenConverter: CookingToolEntry = {
 
 export const AMERICAN_KITCHEN_CONVERTER_TOOL: ToolDefinition = {
   entry: americanKitchenConverter,
-  Component: AmericanKitchenConverterComponent,
-  SEOComponent: AmericanKitchenConverterSEO,
-  BibliographyComponent: AmericanKitchenConverterBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/banana-ripeness/index.ts

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import BananaComponent from './component.astro';
-import BananaComponentSEO from './seo.astro';
-import BananaComponentBibliography from './bibliography.astro';
 
 export const bananaCare: CookingToolEntry = {
   id: 'banana-ripeness',
@@ -30,7 +27,7 @@ export const bananaCare: CookingToolEntry = {
 
 export const BANANA_CARE_TOOL: ToolDefinition = {
   entry: bananaCare,
-  Component: BananaComponent,
-  SEOComponent: BananaComponentSEO,
-  BibliographyComponent: BananaComponentBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/brine/index.ts

@@ -1,7 +1,7 @@
 import type { CookingToolEntry, ToolDefinition } from "../../types";
-import BrineComponent from "./component.astro";
-import BrineSEO from "./seo.astro";
-import BrineBibliography from "./bibliography.astro";
+
+
+
 
 export const brine: CookingToolEntry = {
   id: "brine-calculator",
@@ -28,11 +28,10 @@ export const brine: CookingToolEntry = {
   },
 };
 
-export { BrineComponent, BrineSEO, BrineBibliography };
 
 export const BRINE_TOOL: ToolDefinition = {
   entry: brine,
-  Component: BrineComponent,
-  SEOComponent: BrineSEO,
-  BibliographyComponent: BrineBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/cookware-guide/index.ts

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import CookwareGuideComponent from './component.astro';
-import CookwareGuideSEO from './seo.astro';
-import CookwareGuideBibliography from './bibliography.astro';
 
 export const cookwareGuide: CookingToolEntry = {
 	id: 'cookware-guide',
@@ -30,7 +27,7 @@ export const cookwareGuide: CookingToolEntry = {
 
 export const COOKWARE_GUIDE_TOOL: ToolDefinition = {
 	entry: cookwareGuide,
-	Component: CookwareGuideComponent,
-	SEOComponent: CookwareGuideSEO,
-	BibliographyComponent: CookwareGuideBibliography,
+	Component: () => import('./component.astro'),
+	SEOComponent: () => import('./seo.astro'),
+	BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/egg-timer/index.ts

@@ -1,7 +1,7 @@
 import type { CookingToolEntry, ToolDefinition } from "../../types";
-import EggTimerComponent from "./component.astro";
-import EggTimerSEO from "./seo.astro";
-import EggTimerBibliography from "./bibliography.astro";
+
+
+
 
 export const eggTimer: CookingToolEntry = {
   id: "egg-timer",
@@ -29,11 +29,10 @@ export const eggTimer: CookingToolEntry = {
   },
 };
 
-export { EggTimerComponent, EggTimerSEO, EggTimerBibliography };
 
 export const EGG_TIMER_TOOL: ToolDefinition = {
   entry: eggTimer,
-  Component: EggTimerComponent,
-  SEOComponent: EggTimerSEO,
-  BibliographyComponent: EggTimerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/ingredient-rescaler/index.ts

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import IngredientRescalerComponent from './component.astro';
-import IngredientRescalerSEO from './seo.astro';
-import IngredientRescalerBibliography from './bibliography.astro';
 
 export const ingredientRescaler: CookingToolEntry = {
 	id: 'ingredient-rescaler',
@@ -30,7 +27,7 @@ export const ingredientRescaler: CookingToolEntry = {
 
 export const INGREDIENT_RESCALER_TOOL: ToolDefinition = {
 	entry: ingredientRescaler,
-	Component: IngredientRescalerComponent,
-	SEOComponent: IngredientRescalerSEO,
-	BibliographyComponent: IngredientRescalerBibliography,
+	Component: () => import('./component.astro'),
+	SEOComponent: () => import('./seo.astro'),
+	BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/kitchen-timer/index.ts

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import KitchenTimerComponent from './component.astro';
-import KitchenTimerSEO from './seo.astro';
-import KitchenTimerBibliography from './bibliography.astro';
 
 export const kitchenTimer: CookingToolEntry = {
 	id: 'kitchen-timer',
@@ -28,11 +25,10 @@ export const kitchenTimer: CookingToolEntry = {
 	},
 };
 
-export { KitchenTimerComponent, KitchenTimerSEO, KitchenTimerBibliography };
 
 export const KITCHEN_TIMER_TOOL: ToolDefinition = {
 	entry: kitchenTimer,
-	Component: KitchenTimerComponent,
-	SEOComponent: KitchenTimerSEO,
-	BibliographyComponent: KitchenTimerBibliography,
+	Component: () => import('./component.astro'),
+	SEOComponent: () => import('./seo.astro'),
+	BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/meringue-peak/index.ts

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import MeringueComponent from './component.astro';
-import MeringueComponentSEO from './seo.astro';
-import MeringueComponentBibliography from './bibliography.astro';
 
 export const meringuePeak: CookingToolEntry = {
   id: 'meringue-peak',
@@ -30,7 +27,7 @@ export const meringuePeak: CookingToolEntry = {
 
 export const MERENGUE_CALCULATOR_TOOL: ToolDefinition = {
   entry: meringuePeak,
-  Component: MeringueComponent,
-  SEOComponent: MeringueComponentSEO,
-  BibliographyComponent: MeringueComponentBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/mold-scaler/index.ts

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import MoldScalerComponent from './component.astro';
-import MoldScalerSEO from './seo.astro';
-import MoldScalerBibliography from './bibliography.astro';
 
 export const moldScaler: CookingToolEntry = {
 	id: 'mold-scaler',
@@ -28,11 +25,10 @@ export const moldScaler: CookingToolEntry = {
 	},
 };
 
-export { MoldScalerComponent, MoldScalerSEO, MoldScalerBibliography };
 
 export const MOLD_SCALER_TOOL: ToolDefinition = {
 	entry: moldScaler,
-	Component: MoldScalerComponent,
-	SEOComponent: MoldScalerSEO,
-	BibliographyComponent: MoldScalerBibliography,
+	Component: () => import('./component.astro'),
+	SEOComponent: () => import('./seo.astro'),
+	BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/pizza/index.ts

@@ -1,7 +1,7 @@
 import type { CookingToolEntry, ToolDefinition } from "../../types";
-import PizzaComponent from "./component.astro";
-import PizzaSEO from "./seo.astro";
-import PizzaBibliography from "./bibliography.astro";
+
+
+
 
 export const pizza: CookingToolEntry = {
   id: "pizza",
@@ -29,11 +29,10 @@ export const pizza: CookingToolEntry = {
   },
 };
 
-export { PizzaComponent, PizzaSEO, PizzaBibliography };
 
 export const PIZZA_TOOL: ToolDefinition = {
   entry: pizza,
-  Component: PizzaComponent,
-  SEOComponent: PizzaSEO,
-  BibliographyComponent: PizzaBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/roux-guide/index.ts

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import RouxGuideComponent from './component.astro';
-import RouxGuideSEO from './seo.astro';
-import RouxGuideBibliography from './bibliography.astro';
 
 export const rouxGuide: CookingToolEntry = {
 	id: 'roux-guide',
@@ -30,7 +27,7 @@ export const rouxGuide: CookingToolEntry = {
 
 export const ROUX_GUIDE_TOOL: ToolDefinition = {
 	entry: rouxGuide,
-	Component: RouxGuideComponent,
-	SEOComponent: RouxGuideSEO,
-	BibliographyComponent: RouxGuideBibliography,
+	Component: () => import('./component.astro'),
+	SEOComponent: () => import('./seo.astro'),
+	BibliographyComponent: () => import('./bibliography.astro'),
 };

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

@@ -1,7 +1,4 @@
 import type { CookingToolEntry, ToolDefinition } from '../../types';
-import SourdoughCalculatorComponent from './component.astro';
-import SourdoughCalculatorSEO from './seo.astro';
-import SourdoughCalculatorBibliography from './bibliography.astro';
 
 export const sourdoughCalculator: CookingToolEntry = {
 	id: 'sourdough-calculator',
@@ -30,7 +27,7 @@ export const sourdoughCalculator: CookingToolEntry = {
 
 export const SOURDOUGH_CALCULATOR_TOOL: ToolDefinition = {
 	entry: sourdoughCalculator,
-	Component: SourdoughCalculatorComponent,
-	SEOComponent: SourdoughCalculatorSEO,
-	BibliographyComponent: SourdoughCalculatorBibliography,
+	Component: () => import('./component.astro'),
+	SEOComponent: () => import('./seo.astro'),
+	BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tools.ts

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