@jjlmoya/utils-streaming 1.4.0 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-streaming",
-    "version": "1.4.0",
+    "version": "1.7.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/index.ts

@@ -1,5 +1,5 @@
 export { streamingCategory } from './category';
-export { default as streamingCategorySEO } from './category/seo.astro';
+export const streamingCategorySEO = () => 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>,
@@ -53,8 +54,6 @@ export async function getStaticPaths() {
   return paths;
 }
 
-type ToolComponent = (props: { ui: Record<string, string> }) => unknown;
-
 interface NavItem {
   id: string;
   title: string;
@@ -63,7 +62,7 @@ interface NavItem {
 }
 
 interface Props {
-  Component: ToolComponent;
+  Component: unknown;
   locale: KnownLocale;
   content: ToolLocaleContent;
   localeUrls: Partial<Record<KnownLocale, string>>;

package/src/tool/sorteo/index.ts

@@ -1,7 +1,4 @@
 import type { StreamingToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import SorteoComponent from './component.astro';
-import SorteoSEO from './seo.astro';
-import SorteoBibliography from './bibliography.astro';
 import type { SorteoUI } from './ui';
 
 export type SorteoLocaleContent = ToolLocaleContent<SorteoUI>;
@@ -31,11 +28,10 @@ export const sorteo: StreamingToolEntry<SorteoUI> = {
   },
 };
 
-export { SorteoComponent, SorteoSEO, SorteoBibliography };
 
 export const SORTEO_TOOL: ToolDefinition = {
   entry: sorteo,
-  Component: SorteoComponent,
-  SEOComponent: SorteoSEO,
-  BibliographyComponent: SorteoBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/tebasCheck/index.ts

@@ -1,7 +1,4 @@
 import type { StreamingToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import TebasCheckComponent from './component.astro';
-import TebasCheckSEO from './seo.astro';
-import TebasCheckBibliography from './bibliography.astro';
 import type { TebasCheckUI } from './types';
 
 export type TebasCheckLocaleContent = ToolLocaleContent<TebasCheckUI>;
@@ -31,11 +28,10 @@ export const tebasCheck: StreamingToolEntry<TebasCheckUI> = {
   },
 };
 
-export { TebasCheckComponent, TebasCheckSEO, TebasCheckBibliography };
 
 export const TEBAS_CHECK_TOOL: ToolDefinition = {
   entry: tebasCheck,
-  Component: TebasCheckComponent,
-  SEOComponent: TebasCheckSEO,
-  BibliographyComponent: TebasCheckBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };