// Luz Diaria — App principal React const { useState, useEffect, useRef, useCallback } = React; // ─── Helpers ──────────────────────────────────────────────────────────────── function hashDate(str) { let h = 0; for (let i = 0; i < str.length; i++) { h = Math.imul(31, h) + str.charCodeAt(i) | 0; } return Math.abs(h); } // PRNG determinista (mulberry32) para barajar siempre igual function mulberry32(a) { return function () { a |= 0; a = a + 0x6D2B79F5 | 0; let t = Math.imul(a ^ a >>> 15, 1 | a); t = t + Math.imul(t ^ t >>> 7, 61 | t) ^ t; return ((t ^ t >>> 14) >>> 0) / 4294967296; }; } // Permutación fija de [0..n-1] (mismo orden en cada carga gracias a la semilla) function shuffledOrder(n, seed) { const arr = Array.from({ length: n }, (_, i) => i); const rnd = mulberry32(seed); for (let i = n - 1; i > 0; i--) { const j = Math.floor(rnd() * (i + 1)); [arr[i], arr[j]] = [arr[j], arr[i]]; } return arr; } // Días transcurridos desde una fecha base (índice de día estable) function dayIndex(d) { const epoch = Date.UTC(2020, 0, 1); const today = Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()); return Math.floor((today - epoch) / 86400000); } // Convierte 'YYYY-M-D' (fecha de instalación guardada) a Date local function parseInstalled(str) { const [y, m, d] = str.split('-').map(Number); return new Date(y, m - 1, d); } let _orderV = null; function getVerseForDay(offset = 0) { const d = new Date(); d.setDate(d.getDate() + offset); const N = window.VERSES.length; // Recorre los N versículos sin repetir hasta agotarlos todos if (!_orderV || _orderV.length !== N) _orderV = shuffledOrder(N, 20240517); const i = ((dayIndex(d) % N) + N) % N; return window.VERSES[_orderV[i]]; } // Fecha de Pascua (algoritmo de cómputo gregoriano) function easterDate(year) { const a = year % 19, b = Math.floor(year / 100), c = year % 100; const d = Math.floor(b / 4), e = b % 4, f = Math.floor((b + 8) / 25); const g = Math.floor((b - f + 1) / 3), h = (19 * a + b - d - g + 15) % 30; const i = Math.floor(c / 4), k = c % 4; const l = (32 + 2 * e + 2 * i - h - k) % 7, m = Math.floor((a + 11 * h + 22 * l) / 451); const month = Math.floor((h + l - 7 * m + 114) / 31); const day = ((h + l - 7 * m + 114) % 31) + 1; return new Date(year, month - 1, day); } // Devuelve el id de ilustración para una fiesta católica en esa fecha, o null. function getFeastInfo(d) { const y = d.getFullYear(); // Fiestas móviles (relativas a la Pascua) const easter = easterDate(y); const movable = [ [-7, 'palma', 'Domingo de Ramos'], [-3, 'caliz', 'Jueves Santo'], [-2, 'corona', 'Viernes Santo'], [0, 'cordero', 'Domingo de Resurrección'], [49, 'paloma', 'Pentecostés'], [56, 'trinidad', 'Santísima Trinidad'], [60, 'espigas', 'Corpus Christi'], [68, 'corazon', 'Sagrado Corazón'], ]; for (const [off, id, name] of movable) { const t = new Date(easter); t.setDate(t.getDate() + off); if (t.getMonth() === d.getMonth() && t.getDate() === d.getDate()) return { id, name }; } // Fiestas de fecha fija ('mes-día') const FIXED = { // Enero '1-1': ['maria', 'Santa María, Madre de Dios'], '1-6': ['estrella', 'Epifanía del Señor'], '1-17': ['san-antonio-abad', 'San Antonio Abad'], '1-28': ['tomas-aquino', 'Santo Tomás de Aquino'], '1-31': ['juan-bosco', 'San Juan Bosco'], // Febrero '2-2': ['vela', 'Presentación del Señor'], '2-3': ['san-blas', 'San Blas'], '2-5': ['felipe-jesus', 'San Felipe de Jesús'], '2-11': ['lourdes', 'Virgen de Lourdes'], '2-14': ['valentin', 'San Valentín'], // Marzo '3-17': ['san-patricio', 'San Patricio'], '3-19': ['san-jose', 'San José'], '3-25': ['angel', 'La Anunciación'], // Abril '4-29': ['catalina-siena', 'Santa Catalina de Siena'], // Mayo '5-13': ['fatima', 'Virgen de Fátima'], '5-22': ['santa-rita', 'Santa Rita'], // Junio '6-13': ['san-antonio', 'San Antonio de Padua'], '6-21': ['luis-gonzaga', 'San Luis Gonzaga'], '6-24': ['cordero', 'San Juan Bautista'], '6-29': ['llaves', 'San Pedro y San Pablo'], // Julio '7-11': ['san-benito', 'San Benito'], '7-16': ['carmen', 'Virgen del Carmen'], '7-22': ['magdalena', 'Santa María Magdalena'], '7-25': ['santiago', 'Santiago Apóstol'], '7-26': ['joaquin-ana', 'San Joaquín y Santa Ana'], // Agosto '8-8': ['domingo-guzman', 'Santo Domingo de Guzmán'], '8-11': ['clara-asis', 'Santa Clara de Asís'], '8-15': ['maria', 'Asunción de la Virgen'], '8-23': ['rosa-lima', 'Santa Rosa de Lima'], '8-28': ['agustin', 'San Agustín'], // Septiembre '9-14': ['cruz-rayos', 'Exaltación de la Santa Cruz'], '9-23': ['padre-pio', 'San Pío de Pietrelcina'], '9-29': ['miguel', 'San Miguel Arcángel'], '9-30': ['jeronimo', 'San Jerónimo'], // Octubre '10-4': ['francisco-asis', 'San Francisco de Asís'], '10-7': ['rosario', 'Virgen del Rosario'], '10-15': ['teresa-avila', 'Santa Teresa de Ávila'], '10-18': ['lucas', 'San Lucas Evangelista'], '10-28': ['judas-tadeo', 'San Judas Tadeo'], // Noviembre '11-1': ['estrella', 'Todos los Santos'], '11-2': ['vela', 'Fieles Difuntos'], '11-3': ['martin-porres', 'San Martín de Porres'], '11-11': ['martin-tours', 'San Martín de Tours'], '11-22': ['cecilia', 'Santa Cecilia'], '11-30': ['andres', 'San Andrés'], // Diciembre '12-6': ['nicolas', 'San Nicolás'], '12-8': ['maria', 'Inmaculada Concepción'], '12-9': ['juan-diego', 'San Juan Diego'], '12-12': ['rosa', 'Virgen de Guadalupe'], '12-13': ['lucia', 'Santa Lucía'], '12-24': ['estrella', 'Nochebuena'], '12-25': ['estrella', 'Navidad'], '12-27': ['juan-evangelista', 'San Juan Evangelista'], }; const f = FIXED[`${d.getMonth() + 1}-${d.getDate()}`]; return f ? { id: f[0], name: f[1] } : null; } const GENERIC_ART_IDS = new Set([ 'cruz','manos','biblia','lirio','ancla','pez','chi-rho','providencia', 'ihs','manos-dios','vid','corona-real', 'lampara','pastor','pan','puerta','arbol','incienso','mariposa','arco-iris','alfa-omega' ]); let _orderA = null; function getArtForDay(offset = 0) { const d = new Date(); d.setDate(d.getDate() + offset); const list = window.LD_IMAGES || []; if (!list.length) return null; // Si el día es una fiesta católica, usa su ilustración específica const fi = getFeastInfo(d); if (fi) { const match = list.find(x => x.id === fi.id); if (match) return match; } // Si no, rota solo las ilustraciones genéricas (no santos ni personales) const generic = list.filter(x => GENERIC_ART_IDS.has(x.id)); const M = generic.length; if (!_orderA || _orderA.length !== M) _orderA = shuffledOrder(M, 77110923); const i = ((dayIndex(d) % M) + M) % M; return generic[_orderA[i]]; } function formatDateLabel(offset = 0) { const d = new Date(); d.setDate(d.getDate() + offset); const opts = { weekday: 'long', day: 'numeric', month: 'long', year: 'numeric' }; const str = d.toLocaleDateString('es-ES', opts); return (str.charAt(0).toUpperCase() + str.slice(1)) .replace(/\bde ([a-záéíóúüñ]+)\b/, (_, m) => 'de ' + m.charAt(0).toUpperCase() + m.slice(1)); } function getDayBadge(offset) { if (offset === 0) return null; if (offset === -1) return 'Ayer'; return `Hace ${Math.abs(offset)} días`; } // Clave estable por día para el diario (YYYY-M-D) function dateKeyFor(offset = 0) { const d = new Date(); d.setDate(d.getDate() + offset); return `${d.getFullYear()}-${d.getMonth() + 1}-${d.getDate()}`; } // Fecha personal (cumpleaños, aniversarios, etc.) para ese día, o null function getDateInfo(offset = 0) { const d = new Date(); d.setDate(d.getDate() + offset); const key = `${d.getMonth() + 1}-${d.getDate()}`; return (window.LD_DATES && window.LD_DATES[key]) || null; } // Resuelve ids de ilustración a objetos de LD_IMAGES function resolveArts(ids) { const list = window.LD_IMAGES || []; return (ids || []).map(id => list.find(i => i.id === id)).filter(Boolean); } // ─── Compartir como imagen (tarjeta en canvas) ──────────────────────────────── function wrapLines(ctx, text, maxWidth) { const words = text.split(' '); const lines = []; let line = ''; for (const w of words) { const test = line ? line + ' ' + w : w; if (ctx.measureText(test).width > maxWidth && line) { lines.push(line); line = w; } else { line = test; } } if (line) lines.push(line); return lines; } function svgToImage(art, size, color) { return new Promise((resolve, reject) => { const svg = `${art.svg}`; const img = new Image(); img.onload = () => resolve(img); img.onerror = reject; img.src = 'data:image/svg+xml;charset=utf-8,' + encodeURIComponent(svg); }); } async function buildShareImage(verse, art, feastName) { const W = 1080, M = 110, maxW = W - M * 2; const C = { bg: '#f7efe1', gold: '#c79a4b', goldD: '#977230', text: '#3b2f20', textM: '#6c5b45' }; try { await document.fonts.ready; } catch (_) {} const canvas = document.createElement('canvas'); canvas.width = W; const ctx = canvas.getContext('2d'); // Medir para calcular alto dinámico ctx.font = 'italic 46px "EB Garamond", Georgia, serif'; const verseLines = wrapLines(ctx, `“${verse.text}”`, maxW); ctx.font = 'italic 33px "EB Garamond", Georgia, serif'; const prayerLines = wrapLines(ctx, verse.prayer, maxW); const artSize = 200; let H = 120; // margen superior + marca H += artSize + 40; // ilustración if (feastName) H += 44; // nombre de la fiesta H += 70; // referencia H += 34; // divisor H += verseLines.length * 62 + 50; H += 44; // etiqueta oración H += prayerLines.length * 46 + 50; H += 120; // pie H = Math.max(H, 960); // alto mínimo agradable; crece con el contenido canvas.height = H; // Fondo ctx.fillStyle = C.bg; ctx.fillRect(0, 0, W, H); // Marco dorado ctx.strokeStyle = C.gold; ctx.lineWidth = 2; const inset = 34, r = 28; ctx.beginPath(); if (ctx.roundRect) ctx.roundRect(inset, inset, W - inset * 2, H - inset * 2, r); else ctx.rect(inset, inset, W - inset * 2, H - inset * 2); ctx.stroke(); ctx.textAlign = 'center'; let y = 110; // Marca ctx.fillStyle = C.gold; ctx.font = '600 30px "Cinzel", Georgia, serif'; ctx.fillText('✦ L U Z D I A R I A ✦', W / 2, y); y += 60; // Ilustración try { const img = await svgToImage(art, artSize, C.gold); ctx.drawImage(img, W / 2 - artSize / 2, y, artSize, artSize); } catch (_) {} y += artSize - 8; // Nombre de la fiesta litúrgica (pegado al dibujo) if (feastName) { ctx.fillStyle = C.gold; ctx.font = 'italic 30px "EB Garamond", Georgia, serif'; ctx.fillText(feastName, W / 2, y); y += 56; } else { y += 28; } // Referencia ctx.fillStyle = C.goldD; ctx.font = '600 42px "Cinzel", Georgia, serif'; ctx.fillText(verse.ref.toUpperCase(), W / 2, y + 20); y += 56; // Divisor ctx.beginPath(); ctx.moveTo(W / 2 - 50, y); ctx.lineTo(W / 2 + 50, y); ctx.strokeStyle = C.gold; ctx.lineWidth = 1.5; ctx.stroke(); y += 50; // Versículo ctx.fillStyle = C.text; ctx.font = 'italic 46px "EB Garamond", Georgia, serif'; for (const ln of verseLines) { ctx.fillText(ln, W / 2, y); y += 62; } y += 30; // Etiqueta oración: cruz dorada vectorial + texto, centrados como bloque ctx.fillStyle = C.gold; ctx.font = '600 24px "Cinzel", Georgia, serif'; const label = 'ORACIÓN DEL DÍA'; const labelW = ctx.measureText(label).width; const crossW = 12, gap = 14; const startX = W / 2 - (crossW + gap + labelW) / 2; // cruz dibujada con líneas (color dorado garantizado, sin depender de la fuente) const cx = startX + crossW / 2; ctx.strokeStyle = C.gold; ctx.lineWidth = 2.4; ctx.lineCap = 'round'; ctx.beginPath(); ctx.moveTo(cx, y - 18); ctx.lineTo(cx, y - 1); ctx.moveTo(cx - 6, y - 12); ctx.lineTo(cx + 6, y - 12); ctx.stroke(); // texto alineado a la izquierda justo después de la cruz ctx.textAlign = 'left'; ctx.fillText(label, startX + crossW + gap, y); ctx.textAlign = 'center'; y += 48; // Oración ctx.fillStyle = C.textM; ctx.font = 'italic 33px "EB Garamond", Georgia, serif'; for (const ln of prayerLines) { ctx.fillText(ln, W / 2, y); y += 46; } // Pie ctx.fillStyle = C.gold; ctx.font = 'italic 30px "EB Garamond", Georgia, serif'; ctx.fillText('Luz Diaria', W / 2, H - 60); return new Promise(resolve => canvas.toBlob(resolve, 'image/png')); } // ─── Exportar / Importar datos ─────────────────────────────────────────────── function exportData() { const data = { version: 1, favorites: JSON.parse(localStorage.getItem('ld_favorites') || '[]'), journal: JSON.parse(localStorage.getItem('ld_journal') || '{}'), installed: localStorage.getItem('ld_installed') || null, exported: new Date().toISOString(), }; const blob = new Blob([JSON.stringify(data, null, 2)], { type: 'application/json' }); const file = new File([blob], 'luz-diaria-respaldo.json', { type: 'application/json' }); if (navigator.canShare && navigator.canShare({ files: [file] })) { navigator.share({ files: [file], title: 'Respaldo Luz Diaria' }).catch(() => {}); return; } const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'luz-diaria-respaldo.json'; a.click(); URL.revokeObjectURL(url); } // ─── Dedication Screen ────────────────────────────────────────────────────── function DedicationScreen({ name, onEnter }) { const [visible, setVisible] = useState(false); useEffect(() => { setTimeout(() => setVisible(true), 100); }, []); return (
{[...Array(12)].map((_, i) => (
))}
✦ ✦ ✦

Para

{name}

(Mosha Mosha)

En nuestro
20° Aniversario +5 de novios!

Que cada día encuentres aquí
un refugio de paz, fuerza
y amor divino.

Te amosinos!!

✦ ✦ ✦

Toca para entrar

); } // ─── Verse Card ───────────────────────────────────────────────────────────── function VerseCard({ verse, animKey, animDir, isFav, onFav }) { return (
{verse.ref}
“{verse.text}”
); } // ─── Daily Art ─────────────────────────────────────────────────────────────── function ArtSvg({ art, className }) { return ( ); } function DailyArt({ art, labelText, animKey }) { if (!art) return null; return (
{labelText &&

{labelText}

}
); } // ─── Special Date (fechas personales) ───────────────────────────────────────── function SpecialNote({ info, arts }) { if (!info) return null; return (
✦

{info.title}

{info.note ?

{info.note}

: null} {arts && arts.length ? (
{arts.map((a, i) => )}
) : null}
); } // ─── Prayer Section ────────────────────────────────────────────────────────── function PrayerSection({ prayer, isOpen, onToggle }) { return (

{prayer}

); } // ─── Journal / Diario ───────────────────────────────────────────────────────── function JournalSection({ dayKey, isOpen, onToggle }) { const [text, setText] = useState(''); useEffect(() => { const all = JSON.parse(localStorage.getItem('ld_journal') || '{}'); setText(all[dayKey] || ''); }, [dayKey]); const save = (val) => { setText(val); const all = JSON.parse(localStorage.getItem('ld_journal') || '{}'); if (val.trim()) all[dayKey] = val; else delete all[dayKey]; localStorage.setItem('ld_journal', JSON.stringify(all)); }; return (