@jjlmoya/utils-social 1.4.0 → 1.7.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-social",
-    "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 { socialCategory } from './category';
-export { default as socialCategorySEO } from './category/seo.astro';
+export const socialCategorySEO = () => import('./category/seo.astro').then((m) => m.default);
 
 export type {
   KnownLocale,
@@ -15,7 +15,7 @@ export type {
   ToolDefinition,
 } from './types';
 
-export { ALL_TOOLS } from './tools';
+export { ALL_ENTRIES, ALL_TOOLS } from './tools';
 
 export { SafeZonesComponent, SafeZonesSEO, SafeZonesBibliography } from './tool/safeZones';
 export { YoutubeThumbnailComponent, YoutubeThumbnailSEO, YoutubeThumbnailBibliography } from './tool/youtubeThumbnail';

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/slug_language_code_format.test.ts

@@ -0,0 +1,29 @@
+import { describe, it, expect } from 'vitest';
+import { ALL_TOOLS } from '../tools';
+import type { ToolLocaleContent } from '../types';
+
+describe('Slug Language Code Format Validation', () => {
+  const allowedLanguageSuffixes = ['-hd'];
+
+  ALL_TOOLS.forEach((tool) => {
+    describe(`Tool: ${tool.entry.id}`, () => {
+      it('slug should not end with 2-letter language codes like -ja, -ru, -ko', async () => {
+        const locales = Object.keys(tool.entry.i18n);
+
+        for (const locale of locales) {
+          const loader = tool.entry.i18n[locale as keyof typeof tool.entry.i18n];
+          const content = (await loader?.()) as ToolLocaleContent;
+
+          const isAllowedException = allowedLanguageSuffixes.some((suffix) => content.slug.endsWith(suffix));
+
+          if (!isAllowedException) {
+            expect(
+              content.slug,
+              `Tool "${tool.entry.id}" locale "${locale}" slug ("${content.slug}") cannot end with a 2-letter language code (e.g., -ja, -ru, -ko).`,
+            ).not.toMatch(/-[a-z]{2}$/);
+          }
+        }
+      });
+    });
+  });
+});

package/src/tool/redditFormatter/index.ts

@@ -1,8 +1,5 @@
 import type { SocialToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
 
-import RedditFormatterComponent from './component.astro';
-import RedditFormatterSEO from './seo.astro';
-import RedditFormatterBibliography from './bibliography.astro';
 
 import type { RedditFormatterUI } from './ui';
 export type RedditFormatterLocaleContent = ToolLocaleContent<RedditFormatterUI>;
@@ -32,11 +29,10 @@ export const redditFormatter: SocialToolEntry<RedditFormatterUI> = {
   },
 };
 
-export { RedditFormatterComponent, RedditFormatterSEO, RedditFormatterBibliography };
 
 export const REDDIT_FORMATTER_TOOL: ToolDefinition = {
   entry: redditFormatter,
-  Component: RedditFormatterComponent,
-  SEOComponent: RedditFormatterSEO,
-  BibliographyComponent: RedditFormatterBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/safeZones/index.ts

@@ -1,7 +1,4 @@
 import type { SocialToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import SafeZonesComponent from './component.astro';
-import SafeZonesSEO from './seo.astro';
-import SafeZonesBibliography from './bibliography.astro';
 
 import type { SafeZonesUI } from './ui';
 
@@ -32,11 +29,10 @@ export const safeZones: SocialToolEntry<SafeZonesUI> = {
   },
 };
 
-export { SafeZonesComponent, SafeZonesSEO, SafeZonesBibliography };
 
 export const SAFE_ZONES_TOOL: ToolDefinition = {
   entry: safeZones,
-  Component: SafeZonesComponent,
-  SEOComponent: SafeZonesSEO,
-  BibliographyComponent: SafeZonesBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/socialImageResizer/index.ts

@@ -1,8 +1,5 @@
 import type { SocialToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
 
-import SocialImageResizerComponent from './component.astro';
-import SocialImageResizerSEO from './seo.astro';
-import SocialImageResizerBibliography from './bibliography.astro';
 
 import type { SocialImageResizerUI } from './ui';
 export type SocialImageResizerLocaleContent = ToolLocaleContent<SocialImageResizerUI>;
@@ -32,11 +29,10 @@ export const socialImageResizer: SocialToolEntry<SocialImageResizerUI> = {
   },
 };
 
-export { SocialImageResizerComponent, SocialImageResizerSEO, SocialImageResizerBibliography };
 
 export const SOCIAL_IMAGE_RESIZER_TOOL: ToolDefinition = {
   entry: socialImageResizer,
-  Component: SocialImageResizerComponent,
-  SEOComponent: SocialImageResizerSEO,
-  BibliographyComponent: SocialImageResizerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/socialValueCalculator/index.ts

@@ -1,8 +1,5 @@
 import type { SocialToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
 
-import SocialValueCalculatorComponent from './component.astro';
-import SocialValueCalculatorSEO from './seo.astro';
-import SocialValueCalculatorBibliography from './bibliography.astro';
 
 import type { SocialValueCalculatorUI } from './ui';
 export type SocialValueCalculatorLocaleContent = ToolLocaleContent<SocialValueCalculatorUI>;
@@ -32,11 +29,10 @@ export const socialValueCalculator: SocialToolEntry<SocialValueCalculatorUI> = {
   },
 };
 
-export { SocialValueCalculatorComponent, SocialValueCalculatorSEO, SocialValueCalculatorBibliography };
 
 export const SOCIAL_VALUE_CALCULATOR_TOOL: ToolDefinition = {
   entry: socialValueCalculator,
-  Component: SocialValueCalculatorComponent,
-  SEOComponent: SocialValueCalculatorSEO,
-  BibliographyComponent: SocialValueCalculatorBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/tinderPhotoOptimizer/index.ts

@@ -1,7 +1,4 @@
 import type { SocialToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import TinderPhotoOptimizerComponent from './component.astro';
-import TinderPhotoOptimizerSEO from './seo.astro';
-import TinderPhotoOptimizerBibliography from './bibliography.astro';
 
 import type { TinderPhotoOptimizerUI } from './ui';
 
@@ -32,11 +29,10 @@ export const tinderPhotoOptimizer: SocialToolEntry<TinderPhotoOptimizerUI> = {
   },
 };
 
-export { TinderPhotoOptimizerComponent, TinderPhotoOptimizerSEO, TinderPhotoOptimizerBibliography };
 
 export const TINDER_PHOTO_OPTIMIZER_TOOL: ToolDefinition = {
   entry: tinderPhotoOptimizer,
-  Component: TinderPhotoOptimizerComponent,
-  SEOComponent: TinderPhotoOptimizerSEO,
-  BibliographyComponent: TinderPhotoOptimizerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/youtubeThumbnail/index.ts

@@ -1,8 +1,5 @@
 import type { SocialToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
 
-import YoutubeThumbnailComponent from './component.astro';
-import YoutubeThumbnailSEO from './seo.astro';
-import YoutubeThumbnailBibliography from './bibliography.astro';
 
 import type { YoutubeThumbnailUI } from './ui';
 export type YoutubeThumbnailLocaleContent = ToolLocaleContent<YoutubeThumbnailUI>;
@@ -32,11 +29,10 @@ export const youtubeThumbnail: SocialToolEntry<YoutubeThumbnailUI> = {
   },
 };
 
-export { YoutubeThumbnailComponent, YoutubeThumbnailSEO, YoutubeThumbnailBibliography };
 
 export const YOUTUBE_THUMBNAIL_TOOL: ToolDefinition = {
   entry: youtubeThumbnail,
-  Component: YoutubeThumbnailComponent,
-  SEOComponent: YoutubeThumbnailSEO,
-  BibliographyComponent: YoutubeThumbnailBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tool/youtubeThumbnailPreviewer/index.ts

@@ -1,7 +1,4 @@
 import type { SocialToolEntry, ToolLocaleContent, ToolDefinition } from '../../types';
-import YoutubeThumbnailPreviewerComponent from './component.astro';
-import YoutubeThumbnailPreviewerSEO from './seo.astro';
-import YoutubeThumbnailPreviewerBibliography from './bibliography.astro';
 
 import type { YoutubeThumbnailPreviewerUI } from './ui';
 
@@ -48,11 +45,10 @@ export const youtubeThumbnailPreviewer: SocialToolEntry<YoutubeThumbnailPreviewe
   },
 };
 
-export { YoutubeThumbnailPreviewerComponent, YoutubeThumbnailPreviewerSEO, YoutubeThumbnailPreviewerBibliography };
 
 export const YOUTUBE_THUMBNAIL_PREVIEWER_TOOL: ToolDefinition = {
   entry: youtubeThumbnailPreviewer,
-  Component: YoutubeThumbnailPreviewerComponent,
-  SEOComponent: YoutubeThumbnailPreviewerSEO,
-  BibliographyComponent: YoutubeThumbnailPreviewerBibliography,
+  Component: () => import('./component.astro'),
+  SEOComponent: () => import('./seo.astro'),
+  BibliographyComponent: () => import('./bibliography.astro'),
 };

package/src/tools.ts

@@ -8,3 +8,5 @@ import { TINDER_PHOTO_OPTIMIZER_TOOL } from './tool/tinderPhotoOptimizer/index';
 import { YOUTUBE_THUMBNAIL_PREVIEWER_TOOL } from './tool/youtubeThumbnailPreviewer/index';
 
 export const ALL_TOOLS: ToolDefinition[] = [SAFE_ZONES_TOOL, YOUTUBE_THUMBNAIL_TOOL, SOCIAL_VALUE_CALCULATOR_TOOL, REDDIT_FORMATTER_TOOL, SOCIAL_IMAGE_RESIZER_TOOL, TINDER_PHOTO_OPTIMIZER_TOOL, YOUTUBE_THUMBNAIL_PREVIEWER_TOOL];
+
+export const ALL_ENTRIES = ALL_TOOLS.map(t => t.entry);