{expiryText(expiresAt)} · {hasPasscode ? 'Needs a passcode' : 'No passcode'}
+{expiryText(expiresAt)} · {hasPasscode ? 'Needs a passcode' : 'No passcode'}{showReveal && revealAt && revealAt > Date.now() ? ` · Your notes appear ${new Date(revealAt).toLocaleString([], { dateStyle: 'medium', timeStyle: 'short' })}` : ''}
Send the passcode separately from the link. Anyone with both can read it until it expires or you turn it off.
+Send the passcode separately from the link. Anyone with both can read it until it expires or you turn it off.{showReveal ? ' Until the time you set, the group sees only the passages and discussion questions; your notes, outline and scripts stay on the server.' : ''}
A 16:9 slide for each session’s passage, each outline point (with the verse it quotes) and the discussion questions. Choose “Save as PDF” in the print dialog, then open it in any slide viewer or project it from the PDF. It isn’t a PowerPoint file.
+Allow pop-ups for this site to print the slides.
} +{share.shareError}
} @@ -64,6 +65,8 @@ export default function ExportPage() {{node.kind && {kindLabel(node.kind)}} {mins && {node.minutes} min} + {overPoint?.id === node.id && Runs past {sessionMinutes} min here} {node.ref && {node.ref}} {linked && node.chunkId !== scope && }
diff --git a/src/utils/present.js b/src/utils/present.js index c8133a1..b9af942 100644 --- a/src/utils/present.js +++ b/src/utils/present.js @@ -41,3 +41,22 @@ export const paceText = (p) => { if (Math.abs(d) < 20) return 'On pace'; return d > 0 ? `${formatClock(d)} ahead` : `${formatClock(-d)} behind`; }; + +// How the planned minutes compare with the time you have. `limit` is the session length (null/0 = not set). +// -> { state: 'unset' | 'under' | 'on' | 'over', diff (minutes, + to spare, - over), text } +export function planStatus(total, limit) { + const t = Number(total) || 0; + const l = Number(limit) || 0; + if (!l) return { state: 'unset', diff: 0, text: '' }; + const diff = l - t; + if (t === 0) return { state: 'under', diff, text: `No minutes planned yet for ${l} min` }; + if (diff === 0) return { state: 'on', diff, text: `${t} of ${l} min planned, right on time` }; + if (diff > 0) return { state: 'under', diff, text: `${t} of ${l} min planned, ${diff} min to spare` }; + return { state: 'over', diff, text: `${t} of ${l} min planned, ${-diff} min over` }; +} + +// The first point that carries the plan past the session length, or null. +export function firstOverPoint(steps, limit) { + const l = Number(limit) || 0; + return l ? steps.find((s) => s.plannedEnd > l) ?? null : null; +} diff --git a/src/utils/present.test.js b/src/utils/present.test.js index 5b8abf9..4d37f25 100644 --- a/src/utils/present.test.js +++ b/src/utils/present.test.js @@ -28,3 +28,20 @@ test('pace: ahead before a point\'s window, behind after it, on pace inside it', expect(pacing(outlineSteps([n('x', 'No minutes')]), 0, 10)).toBeNull(); expect(paceText(null)).toBe(''); }); + +import { firstOverPoint, outlineSteps as stepsOf, planStatus } from './present.js'; + +test('the plan is compared with the session length', () => { + expect(planStatus(40, null).state).toBe('unset'); + expect(planStatus(0, 45)).toMatchObject({ state: 'under' }); + expect(planStatus(42, 45)).toEqual({ state: 'under', diff: 3, text: '42 of 45 min planned, 3 min to spare' }); + expect(planStatus(45, 45).state).toBe('on'); + expect(planStatus(52, 45)).toEqual({ state: 'over', diff: -7, text: '52 of 45 min planned, 7 min over' }); +}); + +test('the first point that runs past the session length is found', () => { + const tree = [{ id: 'a', text: 'A', minutes: 20, children: [] }, { id: 'b', text: 'B', minutes: 20, children: [] }, { id: 'c', text: 'C', minutes: 10, children: [] }]; + expect(firstOverPoint(stepsOf(tree), 45).id).toBe('c'); + expect(firstOverPoint(stepsOf(tree), 60)).toBeNull(); + expect(firstOverPoint(stepsOf(tree), null)).toBeNull(); +}); diff --git a/src/utils/slides.js b/src/utils/slides.js new file mode 100644 index 0000000..adbe55c --- /dev/null +++ b/src/utils/slides.js @@ -0,0 +1,78 @@ +// Slides for a session (or the whole study): a title slide, then for each session its passage, one slide per outline +// point (with the verse the point quotes) and the discussion questions. Built as a printable 16:9 page set ("Save as +// PDF" in the print dialog) from the same sessions, outlines and questions as the lesson handout. +import { getChunkVerseEntries } from './bibleUtils.jsx'; +import { flatten } from './outline.js'; +import { compactPassages } from './passageSummary.js'; +import { buildChapterSummary } from './projectStorage.js'; +import { outlineForSession, questionsFor, sessionsFor } from './handout.js'; + +const esc = (s) => String(s ?? '').replace(/[&<>"]/g, (c) => ({ '&': '&', '<': '<', '>': '>', '"': '"' }[c])); + +// -> [{ kind: 'title' | 'section' | 'passage' | 'point' | 'questions', ... }] in the order they are shown. +// ids: the chunk ids to include, or null for every session. +export function buildSlides(project, ids = null) { + const slides = [{ kind: 'title', title: project.title ?? '', subtitle: compactPassages(buildChapterSummary(project)) }]; + for (const session of sessionsFor(project).filter((s) => !ids || ids.includes(s.chunk.id))) { + const { chunk, chapterIndex, number, reference } = session; + const name = (chunk.episodeTitle ?? '').trim(); + slides.push({ kind: 'section', title: name || reference, subtitle: name ? reference : '', number: (chunk.episodeNumber ?? '').toString().trim() || number }); + const verses = getChunkVerseEntries(project, chapterIndex, chunk); + if (verses.length) slides.push({ kind: 'passage', reference, translation: project.translation ?? 'BSB', verses: verses.map((v) => ({ number: v.number, text: v.text })) }); + for (const { node, label, depth } of flatten(outlineForSession(project, chunk))) { + slides.push({ kind: 'point', label, depth, text: node.text ?? '', ref: node.ref ?? '', quote: node.scripture?.text ? { text: node.scripture.text, ref: node.scripture.ref ?? '' } : null }); + } + const q = questionsFor(chunk); + if (q.items.length) slides.push({ kind: 'questions', title: q.kind === 'questions' ? 'Discussion' : 'Think about it', items: q.items }); + } + return slides; +} + +// Longer text gets a smaller size so it stays on the slide. +const sizeFor = (chars, steps) => steps.find(([max]) => chars <= max)?.[1] ?? steps[steps.length - 1][1]; + +function slideHtml(s) { + if (s.kind === 'title') return ``; + if (s.kind === 'section') return ``; + if (s.kind === 'passage') { + const chars = s.verses.reduce((n, v) => n + v.text.length, 0); + const size = sizeFor(chars, [[300, 34], [550, 28], [900, 23], [1400, 19], [Infinity, 16]]); + return ``; + } + if (s.kind === 'point') { + const chars = s.text.length + (s.quote?.text.length ?? 0); + const size = sizeFor(chars, [[80, 46], [160, 38], [300, 30], [Infinity, 24]]); + return ``; + } + return ``; +} + +export function buildSlidesHtml(project, ids = null, { dark = false } = {}) { + const bg = dark ? '#16130f' : '#faf7f0'; + const fg = dark ? '#f2efe8' : '#2b2620'; + return `