/* Devonew — Painel da Igreja · Ensino & Eventos (cursos, biblioteca, seminários) */ const { useState: useStateAC } = React; const uid = () => 'l' + Math.random().toString(36).slice(2, 8); const fileUid = () => 'fl' + Math.random().toString(36).slice(2, 8); const countLessons = (c) => c.modules.reduce((s, m) => s + m.lessons.length, 0); const FILE_CAP = 2 * 1024 * 1024; // 2 MB /* lê arquivo como data URL, respeitando o limite. cb(dataUrl|null, err) */ function readFileAsDataURL(file, cap, cb) { if (file.size > cap) { cb(null, 'big'); return; } const r = new FileReader(); r.onload = () => cb(r.result); r.onerror = () => cb(null, 'read'); r.readAsDataURL(file); } /* reduz imagem (capa) e devolve data URL JPEG */ function downscaleImg(file, max, cb) { const r = new FileReader(); r.onload = () => { const img = new Image(); img.onload = () => { const sc = Math.min(1, max / Math.max(img.width, img.height)); const w = Math.max(1, Math.round(img.width * sc)), h = Math.max(1, Math.round(img.height * sc)); const cv = document.createElement('canvas'); cv.width = w; cv.height = h; cv.getContext('2d').drawImage(img, 0, 0, w, h); try { cb(cv.toDataURL('image/jpeg', 0.82)); } catch (e) { cb(null); } }; img.onerror = () => cb(null); img.src = r.result; }; r.onerror = () => cb(null); r.readAsDataURL(file); } /* o data URL cabe no localStorage? (evita estourar a cota) */ function fitsStorage(str) { try { localStorage.setItem('devonew_quota_probe', str); localStorage.removeItem('devonew_quota_probe'); return true; } catch (e) { return false; } } const fmtSize = (b) => !b ? '' : b >= 1048576 ? (b / 1048576).toFixed(1) + ' MB' : b >= 1024 ? Math.round(b / 1024) + ' KB' : b + ' B'; const isVideoUrl = (u) => /youtube|youtu\.be|vimeo/i.test(u || ''); const fileGlyph = (f) => f.kind === 'link' ? (isVideoUrl(f.url) ? 'video' : 'link') : /image/.test(f.mime || '') ? 'image' : /video|audio/.test(f.mime || '') ? 'video' : 'file'; /* ---------- Course library grid ---------- */ function CourseLibrary({ courses, onOpen, onNew }) { return (
{courses.map((c) => ( ))}
); } /* ---------- Course editor ---------- */ function CourseEditor({ course, setCourses, files, back, toast, onDelete }) { const id = course.id; const [openLesson, setOpenLesson] = useStateAC(null); const mutate = (fn) => setCourses((cs) => cs.map((c) => c.id === id ? fn({ ...c }) : c)); const setField = (k, v) => mutate((c) => ({ ...c, [k]: v })); const setModuleName = (mi, v) => mutate((c) => ({ ...c, modules: c.modules.map((m, i) => i === mi ? { ...m, name: v } : m) })); const addModule = () => mutate((c) => ({ ...c, modules: [...c.modules, { name: `Módulo ${c.modules.length + 1}`, lessons: [] }] })); const delModule = (mi) => mutate((c) => ({ ...c, modules: c.modules.filter((_, i) => i !== mi) })); const setLesson = (mi, li, k, v) => mutate((c) => ({ ...c, modules: c.modules.map((m, i) => i !== mi ? m : { ...m, lessons: m.lessons.map((l, j) => j === li ? { ...l, [k]: v } : l) }) })); const addLesson = (mi) => mutate((c) => ({ ...c, modules: c.modules.map((m, i) => i !== mi ? m : { ...m, lessons: [...m.lessons, { id: uid(), t: 'Nova lição', dur: '8 min', type: 'video' }] }) })); const delLesson = (mi, li) => mutate((c) => ({ ...c, modules: c.modules.map((m, i) => i !== mi ? m : { ...m, lessons: m.lessons.filter((_, j) => j !== li) }) })); const toggleStatus = () => { const next = course.status === 'publicado' ? 'rascunho' : 'publicado'; setField('status', next); toast(next === 'publicado' ? 'Curso publicado — já aparece no app dos membros ✓' : 'Curso despublicado (rascunho)'); }; const pickCover = (e) => { const f = e.target.files && e.target.files[0]; e.target.value = ''; if (!f) return; if (!/^image\//.test(f.type)) { toast('Envie uma imagem (PNG/JPG)'); return; } downscaleImg(f, 1280, (url) => { if (!url) { toast('Não consegui ler a imagem'); return; } if (!fitsStorage(url)) { toast('Imagem muito pesada para salvar — tente outra'); return; } setField('coverImg', url); }); }; return (
Título do curso setField('title', e.target.value)}/>
Instrutor setField('instructor', e.target.value)}/>
Categoria setField('category', e.target.value)}/>
Descrição