@jjlmoya/utils-shared 1.0.1 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-shared",
-    "version": "1.0.1",
+    "version": "1.1.0",
     "description": "Shared SEO primitives and UI components for jjlmoya ecosystem",
     "author": "jjlmoya",
     "license": "MIT",

package/src/i18n.ts

@@ -0,0 +1,100 @@
+export const languages = {
+	es: "Español",
+	en: "English",
+	fr: "Français",
+	nl: "Nederlands",
+	de: "Deutsch",
+	it: "Italiano",
+	pt: "Português",
+	ja: "日本語",
+	zh: "中文",
+	ko: "한국어",
+	ru: "Русский",
+	pl: "Polski",
+	tr: "Türkçe",
+	sv: "Svenska",
+	hi: "हिन्दी",
+} as const;
+
+export type Language = keyof typeof languages;
+
+export const defaultLanguage: Language = "es";
+
+export const translations: Record<Language, { bibliographicReferences: string; faq: string }> = {
+	es: {
+		bibliographicReferences: "Referencias Bibliográficas",
+		faq: "Preguntas Frecuentes",
+	},
+	en: {
+		bibliographicReferences: "Bibliographic References",
+		faq: "Frequently Asked Questions",
+	},
+	fr: {
+		bibliographicReferences: "Références Bibliographiques",
+		faq: "Questions Fréquemment Posées",
+	},
+	nl: {
+		bibliographicReferences: "Bibliografische Referenties",
+		faq: "Veelgestelde Vragen",
+	},
+	de: {
+		bibliographicReferences: "Bibliographische Referenzen",
+		faq: "Häufig Gestellte Fragen",
+	},
+	it: {
+		bibliographicReferences: "Riferimenti Bibliografici",
+		faq: "Domande Frequenti",
+	},
+	pt: {
+		bibliographicReferences: "Referências Bibliográficas",
+		faq: "Perguntas Frequentes",
+	},
+	ja: {
+		bibliographicReferences: "参考文献",
+		faq: "よくある質問",
+	},
+	zh: {
+		bibliographicReferences: "参考文献",
+		faq: "常见问题",
+	},
+	ko: {
+		bibliographicReferences: "참고 문헌",
+		faq: "자주 묻는 질문",
+	},
+	ru: {
+		bibliographicReferences: "Библиографические ссылки",
+		faq: "Часто задаваемые вопросы",
+	},
+	pl: {
+		bibliographicReferences: "Referencje Bibliograficzne",
+		faq: "Najczęściej Zadawane Pytania",
+	},
+	tr: {
+		bibliographicReferences: "Bibliyografik Referanslar",
+		faq: "Sıkça Sorulan Sorular",
+	},
+	sv: {
+		bibliographicReferences: "Bibliografiska Referenser",
+		faq: "Vanliga Frågor",
+	},
+	hi: {
+		bibliographicReferences: "ग्रंथ सूची संदर्भ",
+		faq: "अक्सर पूछे जाने वाले प्रश्न",
+	},
+};
+
+export const getLanguageFromUrl = (url: URL | string): Language => {
+	const pathname = typeof url === "string" ? url : url.pathname;
+	const segments = pathname.split("/").filter(Boolean);
+	const firstSegment = segments[0];
+
+	if (firstSegment && firstSegment in translations) {
+		return firstSegment as Language;
+	}
+
+	return defaultLanguage;
+};
+
+export const getTranslation = (language: Language, key: keyof (typeof translations)[Language]): string => {
+	return translations[language]?.[key] || translations[defaultLanguage][key];
+};

package/src/index.ts

@@ -22,3 +22,4 @@ export { default as UtilityHeader } from './ui/UtilityHeader.astro';
 export { default as UtilityStructuredData } from './ui/UtilityStructuredData.astro';
 
 export * from './types/index';
+export * from './i18n';

package/src/seo/SEOComparative.astro

@@ -20,7 +20,6 @@ import { Icon } from "astro-icon/components";
 <div class={`seo-comparative grid-cols-${columns}`}>
     {items.map((item) => (
         <div class={`comparative-card ${item.highlight ? "is-highlighted" : ""}`}>
-            {item.highlight && <div class="highlight-badge">Recomendado</div>}
             <div class="card-header">
                 {item.icon && <Icon name={item.icon} class="header-icon" />}
                 <h4 class="card-title">{item.title}</h4>
@@ -78,19 +77,6 @@ import { Icon } from "astro-icon/components";
         transform: scale(1.02);
     }
 
-    .highlight-badge {
-        position: absolute;
-        top: -12px;
-        right: 24px;
-        background: var(--accent);
-        color: var(--text-on-accent);
-        font-size: 0.7rem;
-        font-weight: 800;
-        padding: 4px 12px;
-        border-radius: 100px;
-        text-transform: uppercase;
-        letter-spacing: 0.05em;
-    }
 
     .card-header {
         display: flex;

package/src/seo/SEOSummary.astro

@@ -16,7 +16,6 @@ const { title, items } = Astro.props;
                 <Icon name="mdi:lightbulb-on-outline" class="header-icon" />
             </div>
             <div class="header-text">
-                <span class="header-subtitle">Resumen </span>
                 <h4 class="header-title">{title}</h4>
             </div>
         </div>
@@ -87,14 +86,6 @@ const { title, items } = Astro.props;
         flex-direction: column;
     }
 
-    .header-subtitle {
-        font-size: 0.65rem;
-        font-weight: 800;
-        color: var(--text-dimmed);
-        text-transform: uppercase;
-        letter-spacing: 0.1em;
-    }
-
     .header-title {
         font-size: 1.25rem;
         font-weight: 800;

package/src/ui/Bibliography.astro

@@ -1,5 +1,6 @@
 ---
 import { Icon } from "astro-icon/components";
+import { getLanguageFromUrl, getTranslation } from "../i18n";
 
 interface Link {
     name: string;
@@ -8,10 +9,12 @@ interface Link {
 
 interface Props {
     links: Link[];
-    title?: string;
 }
 
-const { links = [], title = "Referencias Bibliográficas" } = Astro.props;
+const { links = [] } = Astro.props;
+
+const language = getLanguageFromUrl(Astro.url);
+const title = getTranslation(language, "bibliographicReferences");
 ---
 
 <div class="bibliography">

package/src/ui/FAQSection.astro

@@ -1,5 +1,6 @@
 ---
 import { Icon } from "astro-icon/components";
+import { getLanguageFromUrl, getTranslation } from "../i18n";
 
 interface FAQItem {
     question: string;
@@ -8,11 +9,13 @@ interface FAQItem {
 
 interface Props {
     items: FAQItem[];
-    title?: string;
-    inLanguage?: string;
 }
 
-const { items = [], title = "", inLanguage = "es-ES" } = Astro.props;
+const { items = [] } = Astro.props;
+
+const language = getLanguageFromUrl(Astro.url);
+const title = getTranslation(language, "faq");
+const inLanguage = language === "es" ? "es-ES" : `${language}-${language.toUpperCase()}`;
 
 const faqSchema = {
     "@context": "https://schema.org",