Files
Elecciones-2025/Elecciones-Web/frontend/public/bootstrap.js
2025-09-03 14:35:18 -03:00

70 lines
2.1 KiB
JavaScript

// frontend/public/bootstrap.js
(function() {
// El dominio donde se alojan los widgets
const WIDGETS_HOST = 'https://elecciones2025.eldia.com';
// Función para cargar dinámicamente un script
function loadScript(src) {
return new Promise((resolve, reject) => {
const script = document.createElement('script');
script.type = 'module';
script.src = src;
script.onload = resolve;
script.onerror = reject;
document.head.appendChild(script);
});
}
// Función para cargar dinámicamente una hoja de estilos
function loadCSS(href) {
const link = document.createElement('link');
link.rel = 'stylesheet';
link.href = href;
document.head.appendChild(link);
}
// Función principal
async function initWidgets() {
try {
// 1. Obtener el manifest.json para saber los nombres de archivo actuales
const response = await fetch(`${WIDGETS_HOST}/manifest.json`);
if (!response.ok) {
throw new Error('No se pudo cargar el manifest de los widgets.');
}
const manifest = await response.json();
// 2. Encontrar el punto de entrada principal (nuestro main.tsx)
const entryKey = Object.keys(manifest).find(key => manifest[key].isEntry);
if (!entryKey) {
throw new Error('No se encontró el punto de entrada en el manifest.');
}
const entry = manifest[entryKey];
const jsUrl = `${WIDGETS_HOST}/${entry.file}`;
// 3. Cargar el CSS si existe
if (entry.css && entry.css.length > 0) {
entry.css.forEach(cssFile => {
const cssUrl = `${WIDGETS_HOST}/${cssFile}`;
loadCSS(cssUrl);
});
}
// 4. Cargar el JS principal y esperar a que esté listo
await loadScript(jsUrl);
// 5. Una vez cargado, llamar a la función de renderizado
if (window.EleccionesWidgets && typeof window.EleccionesWidgets.render === 'function') {
window.EleccionesWidgets.render();
}
} catch (error) {
console.error('Error al inicializar los widgets de elecciones:', error);
}
}
// Iniciar todo el proceso
initWidgets();
})();