@jjlmoya/utils-shared 1.0.2 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-shared",
-    "version": "1.0.2",
+    "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/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",