// 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(); })();