@jjlmoya/utils-tools 1.5.0 → 1.8.0

package/package.json

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

package/src/category/i18n/nl.ts

@@ -1,7 +1,7 @@
 import type { CategoryLocaleContent } from '../../types';
 
 export const content: CategoryLocaleContent = {
-  slug: 'tools',
+  slug: 'hulpmiddelen',
   title: 'Praktische Online Multi Tools',
   description: 'Los alledaagse problemen op met gratis online tools. Route-optimizers, wachtwoordgenerators, RSVP-snellezen en snelle rekenhulpmiddelen.',
   seo: [

package/src/index.ts

@@ -1,5 +1,5 @@
 export { toolsCategory } from './category';
-export { default as toolsCategorySEO } from './category/seo.astro';
+export const toolsCategorySEO = () => import('./category/seo.astro').then((m) => m.default);
 
 export type {
   KnownLocale,
@@ -15,76 +15,76 @@ export type {
   ToolDefinition,
 } from './types';
 
-export { ALL_TOOLS } from './tools';
+export { ALL_ENTRIES, ALL_TOOLS } from './tools';
 
 export { routes, ROUTES_TOOL } from './tool/routes/index';
-export { default as RoutesComponent } from './tool/routes/component.astro';
-export { default as RoutesSEO } from './tool/routes/seo.astro';
-export { default as RoutesBibliography } from './tool/routes/bibliography.astro';
+export const RoutesComponent = () => import('./tool/routes/component.astro').then((m) => m.default);
+export const RoutesSEO = () => import('./tool/routes/seo.astro').then((m) => m.default);
+export const RoutesBibliography = () => import('./tool/routes/bibliography.astro').then((m) => m.default);
 export type { RoutesUI } from './tool/routes/ui';
 
 export { ruleOfThree, RULE_OF_THREE_TOOL } from './tool/rule-of-three/index';
-export { default as RuleOfThreeComponent } from './tool/rule-of-three/component.astro';
-export { default as RuleOfThreeSEO } from './tool/rule-of-three/seo.astro';
-export { default as RuleOfThreeBibliography } from './tool/rule-of-three/bibliography.astro';
+export const RuleOfThreeComponent = () => import('./tool/rule-of-three/component.astro').then((m) => m.default);
+export const RuleOfThreeSEO = () => import('./tool/rule-of-three/seo.astro').then((m) => m.default);
+export const RuleOfThreeBibliography = () => import('./tool/rule-of-three/bibliography.astro').then((m) => m.default);
 export type { RuleOfThreeUI } from './tool/rule-of-three/ui';
 
 export { passwordGenerator, PASSWORD_GENERATOR_TOOL } from './tool/password-generator/index';
-export { default as PasswordGeneratorComponent } from './tool/password-generator/component.astro';
-export { default as PasswordGeneratorSEO } from './tool/password-generator/seo.astro';
-export { default as PasswordGeneratorBibliography } from './tool/password-generator/bibliography.astro';
+export const PasswordGeneratorComponent = () => import('./tool/password-generator/component.astro').then((m) => m.default);
+export const PasswordGeneratorSEO = () => import('./tool/password-generator/seo.astro').then((m) => m.default);
+export const PasswordGeneratorBibliography = () => import('./tool/password-generator/bibliography.astro').then((m) => m.default);
 export type { PasswordGeneratorUI } from './tool/password-generator/ui';
 
 export { morseBeacon, MORSE_BEACON_TOOL } from './tool/morse-beacon/index';
-export { default as MorseBeaconComponent } from './tool/morse-beacon/component.astro';
-export { default as MorseBeaconSEO } from './tool/morse-beacon/seo.astro';
-export { default as MorseBeaconBibliography } from './tool/morse-beacon/bibliography.astro';
+export const MorseBeaconComponent = () => import('./tool/morse-beacon/component.astro').then((m) => m.default);
+export const MorseBeaconSEO = () => import('./tool/morse-beacon/seo.astro').then((m) => m.default);
+export const MorseBeaconBibliography = () => import('./tool/morse-beacon/bibliography.astro').then((m) => m.default);
 export type { MorseBeaconUI } from './tool/morse-beacon/ui';
 
 export { speedReader, SPEED_READER_TOOL } from './tool/speed-reader/index';
-export { default as SpeedReaderComponent } from './tool/speed-reader/component.astro';
-export { default as SpeedReaderSEO } from './tool/speed-reader/seo.astro';
-export { default as SpeedReaderBibliography } from './tool/speed-reader/bibliography.astro';
+export const SpeedReaderComponent = () => import('./tool/speed-reader/component.astro').then((m) => m.default);
+export const SpeedReaderSEO = () => import('./tool/speed-reader/seo.astro').then((m) => m.default);
+export const SpeedReaderBibliography = () => import('./tool/speed-reader/bibliography.astro').then((m) => m.default);
 export type { SpeedReaderUI } from './tool/speed-reader/ui';
 
 export { whatsappLink, WHATSAPP_LINK_TOOL } from './tool/whatsapp-link/index';
-export { default as WhatsappLinkComponent } from './tool/whatsapp-link/component.astro';
-export { default as WhatsappLinkSEO } from './tool/whatsapp-link/seo.astro';
-export { default as WhatsappLinkBibliography } from './tool/whatsapp-link/bibliography.astro';
+export const WhatsappLinkComponent = () => import('./tool/whatsapp-link/component.astro').then((m) => m.default);
+export const WhatsappLinkSEO = () => import('./tool/whatsapp-link/seo.astro').then((m) => m.default);
+export const WhatsappLinkBibliography = () => import('./tool/whatsapp-link/bibliography.astro').then((m) => m.default);
 export type { WhatsappLinkUI } from './tool/whatsapp-link/ui';
 
 export { textPixelCalculator, TEXT_PIXEL_CALCULATOR_TOOL } from './tool/text-pixel-calculator/index';
-export { default as TextPixelCalculatorComponent } from './tool/text-pixel-calculator/component.astro';
-export { default as TextPixelCalculatorSEO } from './tool/text-pixel-calculator/seo.astro';
-export { default as TextPixelCalculatorBibliography } from './tool/text-pixel-calculator/bibliography.astro';
+export const TextPixelCalculatorComponent = () => import('./tool/text-pixel-calculator/component.astro').then((m) => m.default);
+export const TextPixelCalculatorSEO = () => import('./tool/text-pixel-calculator/seo.astro').then((m) => m.default);
+export const TextPixelCalculatorBibliography = () => import('./tool/text-pixel-calculator/bibliography.astro').then((m) => m.default);
 export type { TextPixelCalculatorUI } from './tool/text-pixel-calculator/ui';
 
 export { dateDiffCalculator, DATE_DIFF_CALCULATOR_TOOL } from './tool/date-diff-calculator/index';
-export { default as DateDiffCalculatorComponent } from './tool/date-diff-calculator/component.astro';
-export { default as DateDiffCalculatorSEO } from './tool/date-diff-calculator/seo.astro';
-export { default as DateDiffCalculatorBibliography } from './tool/date-diff-calculator/bibliography.astro';
+export const DateDiffCalculatorComponent = () => import('./tool/date-diff-calculator/component.astro').then((m) => m.default);
+export const DateDiffCalculatorSEO = () => import('./tool/date-diff-calculator/seo.astro').then((m) => m.default);
+export const DateDiffCalculatorBibliography = () => import('./tool/date-diff-calculator/bibliography.astro').then((m) => m.default);
 export type { DateDiffCalculatorUI } from './tool/date-diff-calculator/ui';
 
 export { emailListCleaner, EMAIL_LIST_CLEANER_TOOL } from './tool/email-list-cleaner/index';
-export { default as EmailListCleanerComponent } from './tool/email-list-cleaner/component.astro';
-export { default as EmailListCleanerSEO } from './tool/email-list-cleaner/seo.astro';
-export { default as EmailListCleanerBibliography } from './tool/email-list-cleaner/bibliography.astro';
+export const EmailListCleanerComponent = () => import('./tool/email-list-cleaner/component.astro').then((m) => m.default);
+export const EmailListCleanerSEO = () => import('./tool/email-list-cleaner/seo.astro').then((m) => m.default);
+export const EmailListCleanerBibliography = () => import('./tool/email-list-cleaner/bibliography.astro').then((m) => m.default);
 export type { EmailListCleanerUI } from './tool/email-list-cleaner/ui';
 
 export { envBadgeSpain, ENV_BADGE_SPAIN_TOOL } from './tool/env-badge-spain/index';
-export { default as EnvBadgeSpainComponent } from './tool/env-badge-spain/component.astro';
-export { default as EnvBadgeSpainSEO } from './tool/env-badge-spain/seo.astro';
-export { default as EnvBadgeSpainBibliography } from './tool/env-badge-spain/bibliography.astro';
+export const EnvBadgeSpainComponent = () => import('./tool/env-badge-spain/component.astro').then((m) => m.default);
+export const EnvBadgeSpainSEO = () => import('./tool/env-badge-spain/seo.astro').then((m) => m.default);
+export const EnvBadgeSpainBibliography = () => import('./tool/env-badge-spain/bibliography.astro').then((m) => m.default);
 export type { EnvBadgeSpainUI } from './tool/env-badge-spain/ui';
 
 export { driveDirectLink, DRIVE_DIRECT_LINK_TOOL } from './tool/drive-direct-link/index';
-export { default as DriveDirectLinkComponent } from './tool/drive-direct-link/component.astro';
-export { default as DriveDirectLinkSEO } from './tool/drive-direct-link/seo.astro';
-export { default as DriveDirectLinkBibliography } from './tool/drive-direct-link/bibliography.astro';
+export const DriveDirectLinkComponent = () => import('./tool/drive-direct-link/component.astro').then((m) => m.default);
+export const DriveDirectLinkSEO = () => import('./tool/drive-direct-link/seo.astro').then((m) => m.default);
+export const DriveDirectLinkBibliography = () => import('./tool/drive-direct-link/bibliography.astro').then((m) => m.default);
 export type { DriveDirectLinkUI } from './tool/drive-direct-link/ui';
 
 export { seoContentOptimizer, SEO_CONTENT_OPTIMIZER_TOOL } from './tool/seo-content-optimizer/index';
-export { default as SeoContentOptimizerComponent } from './tool/seo-content-optimizer/component.astro';
-export { default as SeoContentOptimizerSEO } from './tool/seo-content-optimizer/seo.astro';
-export { default as SeoContentOptimizerBibliography } from './tool/seo-content-optimizer/bibliography.astro';
+export const SeoContentOptimizerComponent = () => import('./tool/seo-content-optimizer/component.astro').then((m) => m.default);
+export const SeoContentOptimizerSEO = () => import('./tool/seo-content-optimizer/seo.astro').then((m) => m.default);
+export const SeoContentOptimizerBibliography = () => import('./tool/seo-content-optimizer/bibliography.astro').then((m) => m.default);
 export type { SeoContentOptimizerUI } from './tool/seo-content-optimizer/ui';

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,58 @@
+import { describe, it, expect } from 'vitest';
+import { 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', () => {
+    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)) {
+          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/tool/date-diff-calculator/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { DateDiffCalculatorUI } from './ui';
-import DateDiffCalculatorComponent from './component.astro';
-import DateDiffCalculatorSEO from './seo.astro';
-import DateDiffCalculatorBibliography from './bibliography.astro';
 
 export const dateDiffCalculator: ToolsToolEntry<DateDiffCalculatorUI> = {
   id: 'date-diff-calculator',
@@ -28,7 +25,7 @@ export const dateDiffCalculator: ToolsToolEntry<DateDiffCalculatorUI> = {
 
 export const DATE_DIFF_CALCULATOR_TOOL: ToolDefinition = {
   entry: dateDiffCalculator,
-  Component: DateDiffCalculatorComponent,
-  SEOComponent: DateDiffCalculatorSEO,
-  BibliographyComponent: DateDiffCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/drive-direct-link/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { DriveDirectLinkUI } from './ui';
-import DriveDirectLinkComponent from './component.astro';
-import DriveDirectLinkSEO from './seo.astro';
-import DriveDirectLinkBibliography from './bibliography.astro';
 
 export const driveDirectLink: ToolsToolEntry<DriveDirectLinkUI> = {
   id: 'drive-direct-link',
@@ -28,7 +25,7 @@ export const driveDirectLink: ToolsToolEntry<DriveDirectLinkUI> = {
 
 export const DRIVE_DIRECT_LINK_TOOL: ToolDefinition = {
   entry: driveDirectLink,
-  Component: DriveDirectLinkComponent,
-  SEOComponent: DriveDirectLinkSEO,
-  BibliographyComponent: DriveDirectLinkBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/email-list-cleaner/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { EmailListCleanerUI } from './ui';
-import EmailListCleanerComponent from './component.astro';
-import EmailListCleanerSEO from './seo.astro';
-import EmailListCleanerBibliography from './bibliography.astro';
 
 export const emailListCleaner: ToolsToolEntry<EmailListCleanerUI> = {
   id: 'email-list-cleaner',
@@ -28,7 +25,7 @@ export const emailListCleaner: ToolsToolEntry<EmailListCleanerUI> = {
 
 export const EMAIL_LIST_CLEANER_TOOL: ToolDefinition = {
   entry: emailListCleaner,
-  Component: EmailListCleanerComponent,
-  SEOComponent: EmailListCleanerSEO,
-  BibliographyComponent: EmailListCleanerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/env-badge-spain/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { EnvBadgeSpainUI } from './ui';
-import EnvBadgeSpainComponent from './component.astro';
-import EnvBadgeSpainSEO from './seo.astro';
-import EnvBadgeSpainBibliography from './bibliography.astro';
 
 export const envBadgeSpain: ToolsToolEntry<EnvBadgeSpainUI> = {
   id: 'env-badge-spain',
@@ -28,7 +25,7 @@ export const envBadgeSpain: ToolsToolEntry<EnvBadgeSpainUI> = {
 
 export const ENV_BADGE_SPAIN_TOOL: ToolDefinition = {
   entry: envBadgeSpain,
-  Component: EnvBadgeSpainComponent,
-  SEOComponent: EnvBadgeSpainSEO,
-  BibliographyComponent: EnvBadgeSpainBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/morse-beacon/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { MorseBeaconUI } from './ui';
-import MorseBeaconComponent from './component.astro';
-import MorseBeaconSEO from './seo.astro';
-import MorseBeaconBibliography from './bibliography.astro';
 
 export const morseBeacon: ToolsToolEntry<MorseBeaconUI> = {
   id: 'morse-beacon',
@@ -28,7 +25,7 @@ export const morseBeacon: ToolsToolEntry<MorseBeaconUI> = {
 
 export const MORSE_BEACON_TOOL: ToolDefinition = {
   entry: morseBeacon,
-  Component: MorseBeaconComponent,
-  SEOComponent: MorseBeaconSEO,
-  BibliographyComponent: MorseBeaconBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/password-generator/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { PasswordGeneratorUI } from './ui';
-import PasswordGeneratorComponent from './component.astro';
-import PasswordGeneratorSEO from './seo.astro';
-import PasswordGeneratorBibliography from './bibliography.astro';
 
 export const passwordGenerator: ToolsToolEntry<PasswordGeneratorUI> = {
   id: 'password-generator',
@@ -28,7 +25,7 @@ export const passwordGenerator: ToolsToolEntry<PasswordGeneratorUI> = {
 
 export const PASSWORD_GENERATOR_TOOL: ToolDefinition = {
   entry: passwordGenerator,
-  Component: PasswordGeneratorComponent,
-  SEOComponent: PasswordGeneratorSEO,
-  BibliographyComponent: PasswordGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/routes/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { RoutesUI } from './ui';
-import RoutesComponent from './component.astro';
-import RoutesSEO from './seo.astro';
-import RoutesBibliography from './bibliography.astro';
 
 export const routes: ToolsToolEntry<RoutesUI> = {
   id: 'routes',
@@ -28,7 +25,7 @@ export const routes: ToolsToolEntry<RoutesUI> = {
 
 export const ROUTES_TOOL: ToolDefinition = {
   entry: routes,
-  Component: RoutesComponent,
-  SEOComponent: RoutesSEO,
-  BibliographyComponent: RoutesBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/rule-of-three/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { RuleOfThreeUI } from './ui';
-import RuleOfThreeComponent from './component.astro';
-import RuleOfThreeSEO from './seo.astro';
-import RuleOfThreeBibliography from './bibliography.astro';
 
 export const ruleOfThree: ToolsToolEntry<RuleOfThreeUI> = {
   id: 'rule-of-three',
@@ -28,7 +25,7 @@ export const ruleOfThree: ToolsToolEntry<RuleOfThreeUI> = {
 
 export const RULE_OF_THREE_TOOL: ToolDefinition = {
   entry: ruleOfThree,
-  Component: RuleOfThreeComponent,
-  SEOComponent: RuleOfThreeSEO,
-  BibliographyComponent: RuleOfThreeBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/seo-content-optimizer/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { SeoContentOptimizerUI } from './ui';
-import SeoContentOptimizerComponent from './component.astro';
-import SeoContentOptimizerSEO from './seo.astro';
-import SeoContentOptimizerBibliography from './bibliography.astro';
 
 export const seoContentOptimizer: ToolsToolEntry<SeoContentOptimizerUI> = {
   id: 'seo-content-optimizer',
@@ -28,7 +25,7 @@ export const seoContentOptimizer: ToolsToolEntry<SeoContentOptimizerUI> = {
 
 export const SEO_CONTENT_OPTIMIZER_TOOL: ToolDefinition = {
   entry: seoContentOptimizer,
-  Component: SeoContentOptimizerComponent,
-  SEOComponent: SeoContentOptimizerSEO,
-  BibliographyComponent: SeoContentOptimizerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/speed-reader/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { SpeedReaderUI } from './ui';
-import SpeedReaderComponent from './component.astro';
-import SpeedReaderSEO from './seo.astro';
-import SpeedReaderBibliography from './bibliography.astro';
 
 export const speedReader: ToolsToolEntry<SpeedReaderUI> = {
   id: 'speed-reader',
@@ -28,7 +25,7 @@ export const speedReader: ToolsToolEntry<SpeedReaderUI> = {
 
 export const SPEED_READER_TOOL: ToolDefinition = {
   entry: speedReader,
-  Component: SpeedReaderComponent,
-  SEOComponent: SpeedReaderSEO,
-  BibliographyComponent: SpeedReaderBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/text-pixel-calculator/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { TextPixelCalculatorUI } from './ui';
-import TextPixelCalculatorComponent from './component.astro';
-import TextPixelCalculatorSEO from './seo.astro';
-import TextPixelCalculatorBibliography from './bibliography.astro';
 
 export const textPixelCalculator: ToolsToolEntry<TextPixelCalculatorUI> = {
   id: 'text-pixel-calculator',
@@ -28,7 +25,7 @@ export const textPixelCalculator: ToolsToolEntry<TextPixelCalculatorUI> = {
 
 export const TEXT_PIXEL_CALCULATOR_TOOL: ToolDefinition = {
   entry: textPixelCalculator,
-  Component: TextPixelCalculatorComponent,
-  SEOComponent: TextPixelCalculatorSEO,
-  BibliographyComponent: TextPixelCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/whatsapp-link/index.ts

@@ -1,8 +1,5 @@
 import type { ToolDefinition, ToolsToolEntry } from '../../types';
 import type { WhatsappLinkUI } from './ui';
-import WhatsappLinkComponent from './component.astro';
-import WhatsappLinkSEO from './seo.astro';
-import WhatsappLinkBibliography from './bibliography.astro';
 
 export const whatsappLink: ToolsToolEntry<WhatsappLinkUI> = {
   id: 'whatsapp-link',
@@ -28,7 +25,7 @@ export const whatsappLink: ToolsToolEntry<WhatsappLinkUI> = {
 
 export const WHATSAPP_LINK_TOOL: ToolDefinition = {
   entry: whatsappLink,
-  Component: WhatsappLinkComponent,
-  SEOComponent: WhatsappLinkSEO,
-  BibliographyComponent: WhatsappLinkBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tools.ts

@@ -13,3 +13,5 @@ import { DRIVE_DIRECT_LINK_TOOL } from './tool/drive-direct-link/index';
 import { SEO_CONTENT_OPTIMIZER_TOOL } from './tool/seo-content-optimizer/index';
 
 export const ALL_TOOLS: ToolDefinition[] = [ROUTES_TOOL, RULE_OF_THREE_TOOL, PASSWORD_GENERATOR_TOOL, MORSE_BEACON_TOOL, SPEED_READER_TOOL, WHATSAPP_LINK_TOOL, TEXT_PIXEL_CALCULATOR_TOOL, DATE_DIFF_CALCULATOR_TOOL, EMAIL_LIST_CLEANER_TOOL, ENV_BADGE_SPAIN_TOOL, DRIVE_DIRECT_LINK_TOOL, SEO_CONTENT_OPTIMIZER_TOOL];
+
+export const ALL_ENTRIES = ALL_TOOLS.map(t => t.entry);