// screens-read.jsx — the Bible reader, wired to the live module engine (window.Bible) const { useState: useS, useEffect: useE, useRef: useR } = React; const HL_COLORS = [ { id: 'yellow', v: 'var(--hl-yellow)' }, { id: 'green', v: 'var(--hl-green)' }, { id: 'pink', v: 'var(--hl-pink)' }, { id: 'blue', v: 'var(--hl-blue)' }, { id: 'clay', v: 'var(--hl-clay)' }, ]; // ── one verse: real markup HTML, tappable Strong's superscripts, highlight + selection ── function VerseRow({ n, html, hl, note, bookmarked, selected, reading, onSelect, onWord }) { return ( { const sup = e.target.closest && e.target.closest('sup.st'); if (sup) { e.stopPropagation(); onWord((sup.dataset.s || '').split(',')[0]); } else { onSelect(n); } }} style={{ cursor: 'pointer', borderRadius: 6, outline: selected ? '2px solid var(--clay)' : 'none', outlineOffset: 3, background: reading ? 'color-mix(in oklab, var(--clay) 16%, transparent)' : (selected ? 'color-mix(in oklab, var(--clay) 8%, transparent)' : 'transparent'), transition: 'background .2s', }}> {n} {note ? : null} {' '} ); } // ── header ── function ReadHeader({ ctx, loc, version, onBook, onVersion, onSettings, compare, onCompare, onListen, narrating, canListen }) { return (
ctx.openSearch()} style={{ width: 38, height: 38 }} /> {canListen ? : null}
); } // ── verse action sheet ── function ActionSheet({ label, ctx, open, onClose, onColor, curColor, onNote, onCross, onCommentary, bookmarked, hasNote }) { const acts = [ { ic: 'pen', label: 'Note', fn: onNote }, { ic: 'bookmark', label: bookmarked ? 'Saved' : 'Bookmark', fn: ctx._bm, active: bookmarked }, { ic: 'copy', label: 'Copy', fn: ctx._copy }, { ic: 'share', label: 'Share', fn: ctx._share }, ...(hasNote ? [{ ic: 'pen', label: 'Share note', fn: ctx._shareNote }] : []), { ic: 'link', label: 'Cross-refs', fn: onCross }, { ic: 'comment', label: 'Commentary', fn: onCommentary }, ]; return (
Verse selected
{label}
Highlight
{HL_COLORS.map(c => ( ))}
{acts.map(a => ( ))}
); } // ── word study (real lexicon via window.Bible.lex) ── function WordStudySheet({ id, open, onClose, docked }) { const e = id ? window.Bible.lex(id) : null; return ( {e ?
STRONG'S {e.id} · {e.lang}
{e.missing ?
{e.id}
:
{e.lemma}
{e.translit} · {e.pos}
}
{e.missing ? (

No entry in the built-in lexicon for this number. A dictionary module (.dct.mybible) would supply the full definition.

) : {e.short ? (
{e.short}
) :
}

{e.def || e.gloss}

{e.deriv ? (
Derivation
{e.deriv}
) : null} {e.kjv ? (
KJV translates it
{e.kjv}
) : null}
{e.occ ? (
{e.occ}
occurrences in scripture
) : null}
{e.lang === 'HEBREW' ? 'Hebrew' : 'Greek'} root
}
: null} ); } // ── cross refs (built-in study notes; shown for John 1 where seeded) ── function CrossRefSheet({ loc, v, label, open, onClose, ctx }) { const seeded = loc && loc.book === 43 && loc.chap === 1; const refs = (seeded && v != null && window.TrinityData.CROSSREFS[v]) || []; return (
Cross references
{label}
{refs.length ? refs.map((r, i) => (
ctx.toast('Opening ' + r.ref)} style={{ padding: '14px 0', borderTop: i ? '1px solid var(--line)' : 'none', cursor: 'pointer', }}>
{r.ref}

{r.text}

)) :

No cross references for this verse yet.

} ); } // ── commentary (built-in study notes; seeded for John 1) ── function CommentarySheet({ loc, label, open, onClose }) { const C = window.TrinityData.COMMENTARY; const seeded = false; // no seeded sample commentary — a real .cmt.mybible module would populate this return (
{C.source}
{label} · Commentary
{seeded ? C.blocks.map((b, i) => (
v{b.v} {b.title}

{b.text}

)) :

No commentary module is loaded for this passage. A MySword commentary (.cmt.mybible) would appear here.

} ); } // ── note editor ── function NoteEditor({ label, open, onClose, value, onSave }) { const [text, setText] = useS(value || ''); useE(() => { setText(value || ''); }, [value, open]); return (
Note on
{label}