@jjlmoya/utils-developer 1.8.0 → 1.10.0

package/package.json

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

package/src/index.ts

@@ -1,5 +1,5 @@
 export { developerCategory } from './category';
-export { default as developerCategorySEO } from './category/seo.astro';
+export const developerCategorySEO = () => import('./category/seo.astro').then((m) => m.default);
 
 export type {
   KnownLocale,

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/tool/aspectRatio/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import AspectRatioComponent from './component.astro';
-import AspectRatioSEO from './seo.astro';
-import AspectRatioBibliography from './bibliography.astro';
 
 import type { AspectRatioUI } from './ui';
 
@@ -32,11 +29,10 @@ export const aspectRatio: DeveloperToolEntry<AspectRatioUI> = {
   },
 };
 
-export { AspectRatioComponent, AspectRatioSEO, AspectRatioBibliography };
 
 export const ASPECT_RATIO_TOOL: ToolDefinition = {
   entry: aspectRatio,
-  Component: AspectRatioComponent,
-  SEOComponent: AspectRatioSEO,
-  BibliographyComponent: AspectRatioBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/calculadoraTiempoDatos/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import CalculadoraTiempoDatosComponent from './component.astro';
-import CalculadoraTiempoDatosSEO from './seo.astro';
-import CalculadoraTiempoDatosBibliography from './bibliography.astro';
 import type { CalculadoraTiempoDatosUI } from './ui';
 
 export type CalculadoraTiempoDatosLocaleContent = ToolLocaleContent<CalculadoraTiempoDatosUI>;
@@ -31,11 +28,10 @@ export const calculadoraTiempoDatos: DeveloperToolEntry<CalculadoraTiempoDatosUI
   },
 };
 
-export { CalculadoraTiempoDatosComponent, CalculadoraTiempoDatosSEO, CalculadoraTiempoDatosBibliography };
 
 export const CALCULADORA_TIEMPO_DATOS_TOOL: ToolDefinition = {
   entry: calculadoraTiempoDatos,
-  Component: CalculadoraTiempoDatosComponent,
-  SEOComponent: CalculadoraTiempoDatosSEO,
-  BibliographyComponent: CalculadoraTiempoDatosBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/colorConverter/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import ColorConverterComponent from './component.astro';
-import ColorConverterSEO from './seo.astro';
-import ColorConverterBibliography from './bibliography.astro';
 import type { ColorConverterUI } from './ui';
 
 export type ColorConverterLocaleContent = ToolLocaleContent<ColorConverterUI>;
@@ -31,11 +28,10 @@ export const colorConverter: DeveloperToolEntry<ColorConverterUI> = {
   },
 };
 
-export { ColorConverterComponent, ColorConverterSEO, ColorConverterBibliography };
 
 export const COLOR_CONVERTER_TOOL: ToolDefinition = {
   entry: colorConverter,
-  Component: ColorConverterComponent,
-  SEOComponent: ColorConverterSEO,
-  BibliographyComponent: ColorConverterBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/conversorExcelCsvHtml/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import ConversorExcelCsvHtmlComponent from './component.astro';
-import ConversorExcelCsvHtmlSEO from './seo.astro';
-import ConversorExcelCsvHtmlBibliography from './bibliography.astro';
 import type { ConversorExcelCsvHtmlUI } from './ui';
 
 export type ConversorExcelCsvHtmlLocaleContent = ToolLocaleContent<ConversorExcelCsvHtmlUI>;
@@ -31,11 +28,10 @@ export const conversorExcelCsvHtml: DeveloperToolEntry<ConversorExcelCsvHtmlUI>
   },
 };
 
-export { ConversorExcelCsvHtmlComponent, ConversorExcelCsvHtmlSEO, ConversorExcelCsvHtmlBibliography };
 
 export const CONVERSOR_EXCEL_CSV_HTML_TOOL: ToolDefinition = {
   entry: conversorExcelCsvHtml,
-  Component: ConversorExcelCsvHtmlComponent,
-  SEOComponent: ConversorExcelCsvHtmlSEO,
-  BibliographyComponent: ConversorExcelCsvHtmlBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/cronGenerator/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import CronGeneratorComponent from './component.astro';
-import CronGeneratorSEO from './seo.astro';
-import CronGeneratorBibliography from './bibliography.astro';
 
 import type { CronGeneratorUI } from './ui';
 
@@ -32,11 +29,10 @@ export const cronGenerator: DeveloperToolEntry<CronGeneratorUI> = {
   },
 };
 
-export { CronGeneratorComponent, CronGeneratorSEO, CronGeneratorBibliography };
 
 export const CRON_GENERATOR_TOOL: ToolDefinition = {
   entry: cronGenerator,
-  Component: CronGeneratorComponent,
-  SEOComponent: CronGeneratorSEO,
-  BibliographyComponent: CronGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/cssSpecificityCalculator/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import CssSpecificityCalculatorComponent from './component.astro';
-import CssSpecificityCalculatorSEO from './seo.astro';
-import CssSpecificityCalculatorBibliography from './bibliography.astro';
 
 import type { CssSpecificityCalculatorUI } from './ui';
 
@@ -32,11 +29,10 @@ export const cssSpecificityCalculator: DeveloperToolEntry<CssSpecificityCalculat
   },
 };
 
-export { CssSpecificityCalculatorComponent, CssSpecificityCalculatorSEO, CssSpecificityCalculatorBibliography };
 
 export const CSS_SPECIFICITY_CALCULATOR_TOOL: ToolDefinition = {
   entry: cssSpecificityCalculator,
-  Component: CssSpecificityCalculatorComponent,
-  SEOComponent: CssSpecificityCalculatorSEO,
-  BibliographyComponent: CssSpecificityCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/cssToInlineConverter/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import CssToInlineConverterComponent from './component.astro';
-import CssToInlineConverterSEO from './seo.astro';
-import CssToInlineConverterBibliography from './bibliography.astro';
 
 import type { CssToInlineConverterUI } from './ui';
 
@@ -32,11 +29,10 @@ export const cssToInlineConverter: DeveloperToolEntry<CssToInlineConverterUI> =
   },
 };
 
-export { CssToInlineConverterComponent, CssToInlineConverterSEO, CssToInlineConverterBibliography };
 
 export const CSS_TO_INLINE_CONVERTER_TOOL: ToolDefinition = {
   entry: cssToInlineConverter,
-  Component: CssToInlineConverterComponent,
-  SEOComponent: CssToInlineConverterSEO,
-  BibliographyComponent: CssToInlineConverterBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/duplicateCssRemover/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import DuplicateCssRemoverComponent from './component.astro';
-import DuplicateCssRemoverSEO from './seo.astro';
-import DuplicateCssRemoverBibliography from './bibliography.astro';
 
 import type { DuplicateCssRemoverUI } from './ui';
 
@@ -32,11 +29,10 @@ export const duplicateCssRemover: DeveloperToolEntry<DuplicateCssRemoverUI> = {
   },
 };
 
-export { DuplicateCssRemoverComponent, DuplicateCssRemoverSEO, DuplicateCssRemoverBibliography };
 
 export const DUPLICATE_CSS_REMOVER_TOOL: ToolDefinition = {
   entry: duplicateCssRemover,
-  Component: DuplicateCssRemoverComponent,
-  SEOComponent: DuplicateCssRemoverSEO,
-  BibliographyComponent: DuplicateCssRemoverBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/generadorSecurityTxt/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import GeneradorSecurityTxtComponent from './component.astro';
-import GeneradorSecurityTxtSEO from './seo.astro';
-import GeneradorSecurityTxtBibliography from './bibliography.astro';
 import type { GeneradorSecurityTxtUI } from './ui';
 
 export type GeneradorSecurityTxtLocaleContent = ToolLocaleContent<GeneradorSecurityTxtUI>;
@@ -31,11 +28,10 @@ export const generadorSecurityTxt: DeveloperToolEntry<GeneradorSecurityTxtUI> =
   },
 };
 
-export { GeneradorSecurityTxtComponent, GeneradorSecurityTxtSEO, GeneradorSecurityTxtBibliography };
 
 export const GENERADOR_SECURITY_TXT_TOOL: ToolDefinition = {
   entry: generadorSecurityTxt,
-  Component: GeneradorSecurityTxtComponent,
-  SEOComponent: GeneradorSecurityTxtSEO,
-  BibliographyComponent: GeneradorSecurityTxtBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/hashGenerator/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import HashGeneratorComponent from './component.astro';
-import HashGeneratorSEO from './seo.astro';
-import HashGeneratorBibliography from './bibliography.astro';
 import type { HashGeneratorUI } from './ui';
 
 export type HashGeneratorLocaleContent = ToolLocaleContent<HashGeneratorUI>;
@@ -31,11 +28,10 @@ export const hashGenerator: DeveloperToolEntry<HashGeneratorUI> = {
   },
 };
 
-export { HashGeneratorComponent, HashGeneratorSEO, HashGeneratorBibliography };
 
 export const HASH_GENERATOR_TOOL: ToolDefinition = {
   entry: hashGenerator,
-  Component: HashGeneratorComponent,
-  SEOComponent: HashGeneratorSEO,
-  BibliographyComponent: HashGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/inspectorCertificadosSsl/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import InspectorCertificadosSslComponent from './component.astro';
-import InspectorCertificadosSslSEO from './seo.astro';
-import InspectorCertificadosSslBibliography from './bibliography.astro';
 import type { InspectorCertificadosSslUI } from './ui';
 
 export type InspectorCertificadosSslLocaleContent = ToolLocaleContent<InspectorCertificadosSslUI>;
@@ -47,11 +44,10 @@ export const inspectorCertificadosSsl: DeveloperToolEntry<InspectorCertificadosS
   },
 };
 
-export { InspectorCertificadosSslComponent, InspectorCertificadosSslSEO, InspectorCertificadosSslBibliography };
 
 export const INSPECTOR_CERTIFICADOS_SSL_TOOL: ToolDefinition = {
   entry: inspectorCertificadosSsl,
-  Component: InspectorCertificadosSslComponent,
-  SEOComponent: InspectorCertificadosSslSEO,
-  BibliographyComponent: InspectorCertificadosSslBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/jsonFormatter/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import JsonFormatterComponent from './component.astro';
-import JsonFormatterSEO from './seo.astro';
-import JsonFormatterBibliography from './bibliography.astro';
 
 import type { JsonFormatterUI } from './ui';
 
@@ -32,11 +29,10 @@ export const jsonFormatter: DeveloperToolEntry<JsonFormatterUI> = {
   },
 };
 
-export { JsonFormatterComponent, JsonFormatterSEO, JsonFormatterBibliography };
 
 export const JSON_FORMATTER_TOOL: ToolDefinition = {
   entry: jsonFormatter,
-  Component: JsonFormatterComponent,
-  SEOComponent: JsonFormatterSEO,
-  BibliographyComponent: JsonFormatterBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/keycode/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import KeycodeComponent from './component.astro';
-import KeycodeSEO from './seo.astro';
-import KeycodeBibliography from './bibliography.astro';
 
 import type { KeycodeUI } from './ui';
 
@@ -32,11 +29,10 @@ export const keycode: DeveloperToolEntry<KeycodeUI> = {
   },
 };
 
-export { KeycodeComponent, KeycodeSEO, KeycodeBibliography };
 
 export const KEYCODE_TOOL: ToolDefinition = {
   entry: keycode,
-  Component: KeycodeComponent,
-  SEOComponent: KeycodeSEO,
-  BibliographyComponent: KeycodeBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/llmCostCalculator/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import LlmCostCalculatorComponent from './component.astro';
-import LlmCostCalculatorSEO from './seo.astro';
-import LlmCostCalculatorBibliography from './bibliography.astro';
 
 import type { LlmCostCalculatorUI } from './ui';
 
@@ -48,11 +45,10 @@ export const llmCostCalculator: DeveloperToolEntry<LlmCostCalculatorUI> = {
   },
 };
 
-export { LlmCostCalculatorComponent, LlmCostCalculatorSEO, LlmCostCalculatorBibliography };
 
 export const LLM_COST_CALCULATOR_TOOL: ToolDefinition = {
   entry: llmCostCalculator,
-  Component: LlmCostCalculatorComponent,
-  SEOComponent: LlmCostCalculatorSEO,
-  BibliographyComponent: LlmCostCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/mobileMockupGenerator/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import MobileMockupGeneratorComponent from './component.astro';
-import MobileMockupGeneratorSEO from './seo.astro';
-import MobileMockupGeneratorBibliography from './bibliography.astro';
 import type { MobileMockupGeneratorUI } from './ui';
 
 export type MobileMockupGeneratorLocaleContent = ToolLocaleContent<MobileMockupGeneratorUI>;
@@ -47,11 +44,10 @@ export const mobileMockupGenerator: DeveloperToolEntry<MobileMockupGeneratorUI>
   },
 };
 
-export { MobileMockupGeneratorComponent, MobileMockupGeneratorSEO, MobileMockupGeneratorBibliography };
 
 export const MOBILE_MOCKUP_GENERATOR_TOOL: ToolDefinition = {
   entry: mobileMockupGenerator,
-  Component: MobileMockupGeneratorComponent,
-  SEOComponent: MobileMockupGeneratorSEO,
-  BibliographyComponent: MobileMockupGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/musicalTypography/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import MusicalTypographyComponent from './component.astro';
-import MusicalTypographySEO from './seo.astro';
-import MusicalTypographyBibliography from './bibliography.astro';
 import type { MusicalTypographyUI } from './ui';
 
 export type MusicalTypographyLocaleContent = ToolLocaleContent<MusicalTypographyUI>;
@@ -31,11 +28,10 @@ export const musicalTypography: DeveloperToolEntry<MusicalTypographyUI> = {
   },
 };
 
-export { MusicalTypographyComponent, MusicalTypographySEO, MusicalTypographyBibliography };
 
 export const MUSICAL_TYPOGRAPHY_TOOL: ToolDefinition = {
   entry: musicalTypography,
-  Component: MusicalTypographyComponent,
-  SEOComponent: MusicalTypographySEO,
-  BibliographyComponent: MusicalTypographyBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/placeholderGenerator/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import PlaceholderGeneratorComponent from './component.astro';
-import PlaceholderGeneratorSEO from './seo.astro';
-import PlaceholderGeneratorBibliography from './bibliography.astro';
 
 import type { PlaceholderGeneratorUI } from './ui';
 
@@ -48,11 +45,10 @@ export const placeholderGenerator: DeveloperToolEntry<PlaceholderGeneratorUI> =
   },
 };
 
-export { PlaceholderGeneratorComponent, PlaceholderGeneratorSEO, PlaceholderGeneratorBibliography };
 
 export const PLACEHOLDER_GENERATOR_TOOL: ToolDefinition = {
   entry: placeholderGenerator,
-  Component: PlaceholderGeneratorComponent,
-  SEOComponent: PlaceholderGeneratorSEO,
-  BibliographyComponent: PlaceholderGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/promptLibrary/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import PromptLibraryComponent from './component.astro';
-import PromptLibrarySEO from './seo.astro';
-import PromptLibraryBibliography from './bibliography.astro';
 import type { PromptLibraryUI } from './ui';
 
 export type PromptLibraryLocaleContent = ToolLocaleContent<PromptLibraryUI>;
@@ -47,11 +44,10 @@ export const promptLibrary: DeveloperToolEntry<PromptLibraryUI> = {
   },
 };
 
-export { PromptLibraryComponent, PromptLibrarySEO, PromptLibraryBibliography };
 
 export const PROMPT_LIBRARY_TOOL: ToolDefinition = {
   entry: promptLibrary,
-  Component: PromptLibraryComponent,
-  SEOComponent: PromptLibrarySEO,
-  BibliographyComponent: PromptLibraryBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/readabilityCalculator/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import ReadabilityCalculatorComponent from './component.astro';
-import ReadabilityCalculatorSEO from './seo.astro';
-import ReadabilityCalculatorBibliography from './bibliography.astro';
 import type { ReadabilityCalculatorUI } from './ui';
 
 export type ReadabilityCalculatorLocaleContent = ToolLocaleContent<ReadabilityCalculatorUI>;
@@ -47,11 +44,10 @@ export const readabilityCalculator: DeveloperToolEntry<ReadabilityCalculatorUI>
   },
 };
 
-export { ReadabilityCalculatorComponent, ReadabilityCalculatorSEO, ReadabilityCalculatorBibliography };
 
 export const READABILITY_CALCULATOR_TOOL: ToolDefinition = {
   entry: readabilityCalculator,
-  Component: ReadabilityCalculatorComponent,
-  SEOComponent: ReadabilityCalculatorSEO,
-  BibliographyComponent: ReadabilityCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/svgSanitizer/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import SvgSanitizerComponent from './component.astro';
-import SvgSanitizerSEO from './seo.astro';
-import SvgSanitizerBibliography from './bibliography.astro';
 import type { SvgSanitizerUI } from './ui';
 
 export type SvgSanitizerLocaleContent = ToolLocaleContent<SvgSanitizerUI>;
@@ -47,11 +44,10 @@ export const svgSanitizer: DeveloperToolEntry<SvgSanitizerUI> = {
   },
 };
 
-export { SvgSanitizerComponent, SvgSanitizerSEO, SvgSanitizerBibliography };
 
 export const SVG_SANITIZER_TOOL: ToolDefinition = {
   entry: svgSanitizer,
-  Component: SvgSanitizerComponent,
-  SEOComponent: SvgSanitizerSEO,
-  BibliographyComponent: SvgSanitizerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/svgToCss/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import SvgToCssComponent from './component.astro';
-import SvgToCssSEO from './seo.astro';
-import SvgToCssBibliography from './bibliography.astro';
 
 import type { SvgToCssUI } from './ui';
 
@@ -32,11 +29,10 @@ export const svgToCss: DeveloperToolEntry<SvgToCssUI> = {
   },
 };
 
-export { SvgToCssComponent, SvgToCssSEO, SvgToCssBibliography };
 
 export const SVG_TO_CSS_TOOL: ToolDefinition = {
   entry: svgToCss,
-  Component: SvgToCssComponent,
-  SEOComponent: SvgToCssSEO,
-  BibliographyComponent: SvgToCssBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/urlCleaner/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import UrlCleanerComponent from './component.astro';
-import UrlCleanerSEO from './seo.astro';
-import UrlCleanerBibliography from './bibliography.astro';
 import type { UrlCleanerUI } from './ui';
 
 export type UrlCleanerLocaleContent = ToolLocaleContent<UrlCleanerUI>;
@@ -47,11 +44,10 @@ export const urlCleaner: DeveloperToolEntry<UrlCleanerUI> = {
   },
 };
 
-export { UrlCleanerComponent, UrlCleanerSEO, UrlCleanerBibliography };
 
 export const URL_CLEANER_TOOL: ToolDefinition = {
   entry: urlCleaner,
-  Component: UrlCleanerComponent,
-  SEOComponent: UrlCleanerSEO,
-  BibliographyComponent: UrlCleanerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/urlEncoderDecoder/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import UrlEncoderDecoderComponent from './component.astro';
-import UrlEncoderDecoderSEO from './seo.astro';
-import UrlEncoderDecoderBibliography from './bibliography.astro';
 
 import type { UrlEncoderDecoderUI } from './ui';
 
@@ -32,11 +29,10 @@ export const urlEncoderDecoder: DeveloperToolEntry<UrlEncoderDecoderUI> = {
   },
 };
 
-export { UrlEncoderDecoderComponent, UrlEncoderDecoderSEO, UrlEncoderDecoderBibliography };
 
 export const URL_ENCODER_DECODER_TOOL: ToolDefinition = {
   entry: urlEncoderDecoder,
-  Component: UrlEncoderDecoderComponent,
-  SEOComponent: UrlEncoderDecoderSEO,
-  BibliographyComponent: UrlEncoderDecoderBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/utmGenerator/index.ts

@@ -1,7 +1,4 @@
 import type { DeveloperToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import UtmGeneratorComponent from './component.astro';
-import UtmGeneratorSEO from './seo.astro';
-import UtmGeneratorBibliography from './bibliography.astro';
 import type { UtmGeneratorUI } from './ui';
 
 export type UtmGeneratorLocaleContent = ToolLocaleContent<UtmGeneratorUI>;
@@ -31,11 +28,10 @@ export const utmGenerator: DeveloperToolEntry<UtmGeneratorUI> = {
   },
 };
 
-export { UtmGeneratorComponent, UtmGeneratorSEO, UtmGeneratorBibliography };
 
 export const UTM_GENERATOR_TOOL: ToolDefinition = {
   entry: utmGenerator,
-  Component: UtmGeneratorComponent,
-  SEOComponent: UtmGeneratorSEO,
-  BibliographyComponent: UtmGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };