'; b.addEventListener("click", ()=>pickLesson(idx)); els.lessonList.appendChild(b); }); } function pickLesson(idx){ const list = SETS[currentSet] || SETS.core; const L = list[Math.max(0, Math.min(idx, list.length-1))]; els.prompt.textContent = L.prompt; els.mode.textContent = "Lesson"; reset(); els.typeBox.focus(); } function randomPrompt(){ const list = SETS[currentSet] || SETS.core; const L = list[Math.floor(Math.random()*list.length)]; els.prompt.textContent = L.prompt; els.mode.textContent = "Drill"; reset(); } // Set switch buttons $$("[data-vmag-set]").forEach(btn=>{ btn.addEventListener("click", ()=>{ currentSet = btn.getAttribute("data-vmag-set"); els.set.textContent = currentSet.charAt(0).toUpperCase() + currentSet.slice(1); renderLessons(); pickLesson(0); }); }); // Apply config to UI + behaviors function applyConfig(){ const brand = ADMIN.brand || {}; const typing = ADMIN.typing || {}; const ui = ADMIN.ui || {}; const policies = ADMIN.policies || {}; const upsell = ADMIN.upsell || {}; // Theme const preferredTheme = typing.defaultTheme || "dark"; let savedTheme = preferredTheme; try{ const stored = localStorage.getItem("vmag_theme"); if(stored) savedTheme = stored; }catch(e){} applyTheme(savedTheme); // Brand links const hubUrl = brand.hubUrl || "https://www.ideastoinvent.com/vmags"; const watchUrl = brand.watchUrl || hubUrl; els.hubBtn.href = hubUrl; els.watchBtn.href = watchUrl; wireRedCtas(watchUrl); // Watermark els.creatorName.textContent = (brand.creatorName || "Robert R. Motta"); els.wm.style.display = (typing.watermarkEnabled !== false) ? "flex" : "none"; // Upsell els.upgradeLink.href = upsell.upgradeUrl || hubUrl; els.upgradeLink.textContent = upsell.upgradeLabel || "Upgrade"; els.tierRow.innerHTML = ""; (Array.isArray(upsell.tiers) ? upsell.tiers : ["Starter $7/mo","Pro $19/mo","Lifetime $99"]).forEach(t=>{ const div = document.createElement("div"); div.className = "vmag-tier"; div.textContent = t; els.tierRow.appendChild(div); }); // Policies if(policies.showLinks === false){ els.policyBox.style.display = "none"; }else{ els.policyBox.style.display = "block"; els.terms.href = policies.termsUrl || hubUrl; els.privacy.href = policies.privacyUrl || hubUrl; els.cookies.href = policies.cookiesUrl || hubUrl; els.community.href = policies.communityUrl || hubUrl; } // UI toggles els.adminCard.style.display = (ui.showAdminPanel === false) ? "none" : "block"; // Collapsed modules by default const collapseByDefault = !!ui.moduleCollapsedByDefault; setCollapsed("practice", collapseByDefault); setCollapsed("lessons", collapseByDefault); // Red watch CTA in every module const showRedEvery = (ui.showRedWatchInEveryModule !== false); [els.watchBtnA, els.watchBtnB].forEach(a=>{ if(!a) return; a.style.display = showRedEvery ? "inline-flex" : "none"; a.textContent = (ui.watchButtonText || "WATCH VMAGs"); }); // Timer mode display if((typing.timerMode || "stopwatch") === "countdown"){ const cd = Number(typing.countdownSeconds || 60); els.time.textContent = formatTime(cd*1000); }else{ els.time.textContent = "00:00"; } // Lesson set currentSet = (typing.lessonSet || "core"); els.set.textContent = currentSet.charAt(0).toUpperCase() + currentSet.slice(1); renderLessons(); pickLesson(0); // Auto-start on typing (rebind safely) const autoStart = (typing.autoStartOnTyping !== false); els.typeBox.oninput = null; if(autoStart){ els.typeBox.addEventListener("input", ()=>{ if(!running && els.typeBox.value.length > 0) start(); if(running) compute(); }, { passive:true }); } } // Admin form -> sync UI function syncAdminFormFromConfig(){ const typing = ADMIN.typing || {}; const ui = ADMIN.ui || {}; const brand = ADMIN.brand || {}; const upsell = ADMIN.upsell || {}; els.admWatermark.checked = (typing.watermarkEnabled !== false); els.admAutoStart.checked = (typing.autoStartOnTyping !== false); els.admShowAdmin.checked = (ui.showAdminPanel !== false); els.admModuleCollapsed.checked = !!ui.moduleCollapsedByDefault; els.admRedWatchEvery.checked = (ui.showRedWatchInEveryModule !== false); els.admHubUrl.value = brand.hubUrl || ""; els.admWatchUrl.value = brand.watchUrl || ""; els.admUpgradeUrl.value = upsell.upgradeUrl || ""; } function applyAdminQuickToggles(){ ADMIN = deepMerge(ADMIN, { typing: { watermarkEnabled: els.admWatermark.checked, autoStartOnTyping: els.admAutoStart.checked }, ui: { showAdminPanel: els.admShowAdmin.checked, moduleCollapsedByDefault: els.admModuleCollapsed.checked, showRedWatchInEveryModule: els.admRedWatchEvery.checked }, brand: { hubUrl: els.admHubUrl.value || (ADMIN.brand?.hubUrl), watchUrl: els.admWatchUrl.value || (ADMIN.brand?.watchUrl) }, upsell: { upgradeUrl: els.admUpgradeUrl.value || (ADMIN.upsell?.upgradeUrl) } }); } // Admin buttons els.admApply.addEventListener("click", ()=>{ // 1) apply toggles/inputs applyAdminQuickToggles(); // 2) apply JSON override (optional) const raw = (els.admJson.value || "").trim(); if(raw){ try{ const obj = JSON.parse(raw); ADMIN = deepMerge(ADMIN, obj); }catch(e){ alert("Admin JSON is not valid JSON. Fix formatting and try again."); return; } } // 3) apply to UI applyConfig(); syncAdminFormFromConfig(); }); els.admReset.addEventListener("click", ()=>{ ADMIN = DEFAULTS; els.admJson.value = ""; applyConfig(); syncAdminFormFromConfig(); }); // Init admin open state setAdminOpen(false); // Init applyConfig(); syncAdminFormFromConfig(); })();

'; b.addEventListener("click", ()=>pickLesson(idx)); els.lessonList.appendChild(b); }); } function pickLesson(idx){ const list = SETS[currentSet] || SETS.core; const L = list[Math.max(0, Math.min(idx, list.length-1))]; els.prompt.textContent = L.prompt; els.mode.textContent = "Lesson"; reset(); els.typeBox.focus(); } function randomPrompt(){ const list = SETS[currentSet] || SETS.core; const L = list[Math.floor(Math.random()*list.length)]; els.prompt.textContent = L.prompt; els.mode.textContent = "Drill"; reset(); } // ---- Timer + stats let running = false; let startTime = 0; let timer = null; const timerMode = (typingCfg.timerMode || "stopwatch"); const countdownSeconds = Number(typingCfg.countdownSeconds || 60); function formatTime(ms){ const s = Math.max(0, Math.floor(ms/1000)); const m = Math.floor(s/60); const r = s % 60; return String(m).padStart(2,'0') + ":" + String(r).padStart(2,'0'); } function setStatClass(el, val, good, warn){ el.classList.remove("v-good","v-warn","v-bad"); el.classList.add(val >= good ? "v-good" : (val >= warn ? "v-warn" : "v-bad")); } function compute(){ const now = Date.now(); const elapsed = now - startTime; let shownMs = elapsed; let done = false; if(timerMode === "countdown"){ const leftMs = Math.max(0, (countdownSeconds*1000) - elapsed); shownMs = leftMs; done = leftMs <= 0; } const typed = els.typeBox.value; const target = els.prompt.textContent; const minutes = Math.max(1/60, elapsed/60000); // wpm based on actual elapsed const wpm = Math.round((typed.length/5)/minutes); const n = Math.min(typed.length, target.length); let correct = 0; for(let i=0;i{ if(!running && els.typeBox.value.length > 0) start(); if(running) compute(); }); } // Initialize setSet(currentSet); if(timerMode === "countdown"){ els.time.textContent = formatTime(countdownSeconds*1000); } })();

'; b.addEventListener("click", ()=>{ setPrompt(L.prompt); modeVal.textContent = "Lesson"; goalVal.textContent = L.title; reset(); typeBox.focus(); }); lessonList.appendChild(b); }); } // Watermark modal function openModal(){ modalBackdrop.style.display = "flex"; } function close(){ modalBackdrop.style.display = "none"; } wmBtn.addEventListener("click", openModal); closeModal.addEventListener("click", close); modalBackdrop.addEventListener("click", (e)=>{ if(e.target === modalBackdrop) close(); }); hideWmTemporarily.addEventListener("click", ()=>{ wmBadge.style.display = "none"; close(); setTimeout(()=>{ wmBadge.style.display = "flex"; }, 15000); }); startBtn.addEventListener("click", start); resetBtn.addEventListener("click", reset); newPromptBtn.addEventListener("click", ()=>{ pickPrompt(); reset(); }); // Optional: auto-start on typing (feel free to remove) typeBox.addEventListener("input", ()=>{ if(!running && typeBox.value.length > 0) start(); if(running) calcStats(); }); // init renderLessons(); pickPrompt(); })();