/* educator-seed-decks.jsx — seeds a sample courseware deck per course so the embedded Presentation Studio is immediately usable (rebuild-to-HTML, styling, live learner preview, gamified assignments). Idempotent per course. */ (function () { function esc(s) { return String(s).replace(/&/g, "&").replace(//g, ">"); } function wrap(text, max) { const words = String(text).split(/\s+/); const lines = []; let cur = ""; words.forEach((w) => { if ((cur + " " + w).trim().length > max) { if (cur) lines.push(cur); cur = w; } else cur = (cur + " " + w).trim(); }); if (cur) lines.push(cur); return lines; } function tspans(lines, x, y, lh) { return lines.map((l, i) => `${esc(l)}`).join(""); } function dataURL(svg) { return "data:image/svg+xml;charset=utf-8," + encodeURIComponent(svg); } function hexmark(x, y, s, color) { return ``; } function titleSlide(course, color, total) { return dataURL(``); } function contentSlide(eyebrow, title, bullets, course, color, page, total) { return dataURL(``); } /* ── HTML-native versions of the same slides ────────────────────────── The actual courseware: every seeded slide ships as a real, self-contained HTML document (stored in deck.enhance[i].html) so the study IS HTML — crisp at any size, restylable per slide, and ready for gamification. The SVG images above remain only as thumbnails / fallback. */ function htmlTitle(course, color, total) { return `

VAN HAREN · COURSEWARE

${esc(course)}

Foundation certification programme · sample deck

01 / ${total}

`; } function htmlContent(eyebrow, title, bullets, course, color, page, total) { return `

${esc(eyebrow)}

${esc(title)}

${esc(b)}

${esc(course)}${String(page).padStart(2, "0")} / ${total}

`; } function buildDeck(course, color) { const T = 5; const mods = [ ["Module 1 · Foundations", "Learning objectives", [ "Understand the purpose, principles and core vocabulary of " + course.replace(/®/g, "") + ".", "Recognise the key roles and how responsibilities are divided.", "Apply the framework to a realistic delivery scenario.", "Prepare confidently for the certification exam."]], ["Module 2 · Framework", "The core framework", [ "Principles — the guiding ideas that shape every decision.", "Themes — the aspects that must be addressed continuously.", "Processes — the structured steps from start-up to closure.", "Tailoring — adapting the method to the project's context."]], ["Module 3 · People", "Roles & responsibilities", [ "Sponsor / Executive — owns the business case and justification.", "Manager — plans, monitors and controls day-to-day delivery.", "Team — produces the specialist products to agreed quality.", "Assurance — independent check that the work stays on track."]], ["Checkpoint", "Quick knowledge check", [ "Which document carries the ongoing justification for the project?", "Ready to make this interactive? Use Build study to add a quiz.", "Style any slide, rebuild it in HTML, or preview as a learner."]] ]; const slides = [ titleSlide(course, color, T), ...mods.map((m, i) => contentSlide(m[0], m[1], m[2], course, color, i + 2, T)) ]; /* HTML-native courseware: each slide carries its HTML twin from the start */ const enhance = { 0: { html: htmlTitle(course, color, T), accent: color } }; mods.forEach((m, i) => { enhance[i + 1] = { html: htmlContent(m[0], m[1], m[2], course, color, i + 2, T), accent: color }; }); return { id: "deck_seed_" + course.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/(^-|-$)/g, ""), title: course + " — Courseware", slides: slides, ratio: 16 / 9, created: Date.now(), gamified: false, course: course, source: "Sample courseware deck", htmlNative: true, enhance: enhance }; } async function ensureForCourse(course, color) { if (!course || !window.DeckStore) return false; const flag = "vh_seeded_deck_v2::" + course; try { if (localStorage.getItem(flag)) return false; const existing = await window.DeckStore.list(); const mine = (existing || []).filter((d) => (d.course || null) === course); const fresh = buildDeck(course, color || "#1281c4"); const seeded = mine.find((d) => String(d.id).indexOf("deck_seed_") === 0); if (seeded) { /* v2 upgrade: make the existing seeded deck HTML-native in place, keeping any styling / gamification the educator already added. */ const enhance = { ...(fresh.enhance || {}) }; Object.keys(seeded.enhance || {}).forEach((k) => { enhance[k] = { ...(enhance[k] || {}), ...(seeded.enhance[k] || {}) }; }); await window.DeckStore.save({ ...seeded, slides: fresh.slides, enhance: enhance, htmlNative: true }); localStorage.setItem(flag, "1"); return true; } if (mine.length) { localStorage.setItem(flag, "1"); return false; } await window.DeckStore.save(fresh); localStorage.setItem(flag, "1"); return true; } catch (e) { return false; } } window.SeedDecks = { ensureForCourse, buildDeck }; })();