@jjlmoya/utils-creative 1.12.0 → 1.14.0

package/package.json

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

package/src/index.ts

@@ -9,7 +9,7 @@ export * from './tool/synesthesia-painter';
 export * from './tool/zalgo-generator';
 export * from './tool/bead-pattern-generator';
 export * from './tool/dice-roller';
-export { default as creativeCategorySEO } from './category/seo.astro';
+export const creativeCategorySEO = () => 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/bead-pattern-generator/index.ts

@@ -1,7 +1,4 @@
 import type { CreativeToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import BeadPatternGeneratorComponent from './component.astro';
-import BeadPatternGeneratorSEO from './seo.astro';
-import BeadPatternGeneratorBibliography from './bibliography.astro';
 
 export interface BeadPatternGeneratorUI {
   [key: string]: string;
@@ -51,11 +48,10 @@ export const beadPatternGenerator: CreativeToolEntry<BeadPatternGeneratorUI> = {
   },
 };
 
-export { BeadPatternGeneratorComponent, BeadPatternGeneratorSEO, BeadPatternGeneratorBibliography };
 
 export const BEAD_PATTERN_GENERATOR_TOOL: ToolDefinition = {
   entry: beadPatternGenerator,
-  Component: BeadPatternGeneratorComponent,
-  SEOComponent: BeadPatternGeneratorSEO,
-  BibliographyComponent: BeadPatternGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/dice-roller/index.ts

@@ -1,7 +1,4 @@
 import type { CreativeToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import DiceRollerComponent from './component.astro';
-import DiceRollerSEO from './seo.astro';
-import DiceRollerBibliography from './bibliography.astro';
 
 export interface DiceRollerUI {
   [key: string]: string;
@@ -48,11 +45,10 @@ export const diceRoller: CreativeToolEntry<DiceRollerUI> = {
   },
 };
 
-export { DiceRollerComponent, DiceRollerSEO, DiceRollerBibliography };
 
 export const DICE_ROLLER_TOOL: ToolDefinition = {
   entry: diceRoller,
-  Component: DiceRollerComponent,
-  SEOComponent: DiceRollerSEO,
-  BibliographyComponent: DiceRollerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

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

@@ -1,7 +1,4 @@
 import type { CreativeToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import ExcuseGeneratorComponent from './component.astro';
-import ExcuseGeneratorSEO from './seo.astro';
-import ExcuseGeneratorBibliography from './bibliography.astro';
 
 export interface ExcuseGeneratorUI {
   [key: string]: string;
@@ -44,11 +41,10 @@ export const excuseGenerator: CreativeToolEntry<ExcuseGeneratorUI> = {
   },
 };
 
-export { ExcuseGeneratorComponent, ExcuseGeneratorSEO, ExcuseGeneratorBibliography };
 
 export const EXCUSE_GENERATOR_TOOL: ToolDefinition = {
   entry: excuseGenerator,
-  Component: ExcuseGeneratorComponent,
-  SEOComponent: ExcuseGeneratorSEO,
-  BibliographyComponent: ExcuseGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/fortune-cookie/index.ts

@@ -1,7 +1,4 @@
 import type { CreativeToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import FortuneCookieComponent from './component.astro';
-import FortuneCookieSEO from './seo.astro';
-import FortuneCookieBibliography from './bibliography.astro';
 
 export interface FortuneCookieUI {
   [key: string]: string;
@@ -42,11 +39,10 @@ export const fortuneCookie: CreativeToolEntry<FortuneCookieUI> = {
   },
 };
 
-export { FortuneCookieComponent, FortuneCookieSEO, FortuneCookieBibliography };
 
 export const FORTUNE_COOKIE_TOOL: ToolDefinition = {
   entry: fortuneCookie,
-  Component: FortuneCookieComponent,
-  SEOComponent: FortuneCookieSEO,
-  BibliographyComponent: FortuneCookieBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/synesthesia-painter/index.ts

@@ -1,7 +1,4 @@
 import type { CreativeToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import SynesthesiaPainterComponent from './component.astro';
-import SynesthesiaPainterSEO from './seo.astro';
-import SynesthesiaPainterBibliography from './bibliography.astro';
 
 export interface SynesthesiaPainterUI {
   [key: string]: string;
@@ -41,11 +38,10 @@ export const synesthesiaPainter: CreativeToolEntry<SynesthesiaPainterUI> = {
   },
 };
 
-export { SynesthesiaPainterComponent, SynesthesiaPainterSEO, SynesthesiaPainterBibliography };
 
 export const SYNESTHESIA_PAINTER_TOOL: ToolDefinition = {
   entry: synesthesiaPainter,
-  Component: SynesthesiaPainterComponent,
-  SEOComponent: SynesthesiaPainterSEO,
-  BibliographyComponent: SynesthesiaPainterBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

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

@@ -1,7 +1,4 @@
 import type { CreativeToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import ZalgoGeneratorComponent from './component.astro';
-import ZalgoGeneratorSEO from './seo.astro';
-import ZalgoGeneratorBibliography from './bibliography.astro';
 
 export interface ZalgoGeneratorUI {
   [key: string]: string;
@@ -51,11 +48,10 @@ export const zalgoGenerator: CreativeToolEntry<ZalgoGeneratorUI> = {
   },
 };
 
-export { ZalgoGeneratorComponent, ZalgoGeneratorSEO, ZalgoGeneratorBibliography };
 
 export const ZALGO_GENERATOR_TOOL: ToolDefinition = {
   entry: zalgoGenerator,
-  Component: ZalgoGeneratorComponent,
-  SEOComponent: ZalgoGeneratorSEO,
-  BibliographyComponent: ZalgoGeneratorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };