---
import "@/styles/global.css";
import { SidebarWrapper } from "@/components/SidebarWrapper";
import { ModeToggle } from "@/toggles/ModeToggle";
import { LangToggle } from "@/toggles/LangToggle";
import { LanguageProvider } from "@/contexts/LanguageContext";
import { getSupportedLocales } from "@/lib/i18n-utils";
import { loadTranslations, preloadAllTranslations } from "@/lib/translations";
interface Props {
title: string;
description?: string;
showSidebar?: boolean;
}
const { title, description, showSidebar = true } = Astro.props;
const currentLang =
(Astro.currentLocale as string) || (Astro.params.lang as string);
const supportedLocales = getSupportedLocales();
const currentPath = Astro.url.pathname;
const baseUrl = Astro.url.origin;
// Cargar traducciones para el idioma actual
if (currentLang) {
await loadTranslations(currentLang);
}
/**
* Función utilitaria para crear enlaces de idioma
* @param currentPath - Ruta actual
* @param currentLang - Idioma actual
* @param baseUrl - URL base del sitio
* @param supportedLocales - Idiomas soportados
* @returns Array de objetos {lang, url} para cada idioma soportado
*/
function createLanguageLinks(
currentPath: string,
currentLang: string,
baseUrl: string,
supportedLocales: string[]
) {
return supportedLocales.map((locale) => {
// Si es la página actual, mantener la ruta pero cambiar el idioma
// Asegurar que la ruta actual termina con /
const normalizedPath = currentPath.endsWith("/")
? currentPath
: `${currentPath}/`;
const localePath = normalizedPath.replace(
`/${currentLang}/`,
`/${locale}/`
);
// Si no hay cambio (por ejemplo, la ruta no contiene el idioma actual), construir manualmente
if (localePath === normalizedPath && currentLang !== locale) {
const segments = normalizedPath.split("/").filter((seg) => seg);
// Si la ruta empieza con un idioma válido, reemplazarlo
if (supportedLocales.includes(segments[0])) {
segments[0] = locale;
} else {
// Si no hay idioma, agregarlo al principio
segments.unshift(locale);
}
return {
lang: locale,
url: `${baseUrl}/${segments.join("/")}`,
};
}
return {
lang: locale,
url: new URL(localePath, baseUrl).toString(),
};
});
}
const languageLinks = createLanguageLinks(
currentPath,
currentLang,
baseUrl,
supportedLocales
);
---
{title}
{
languageLinks.map((link) => (
))
}