npm - pf2e-spellbook - Versions diffs - 1.0.0 → 1.2.1 - Mend

pf2e-spellbook 1.0.0 → 1.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/src/template.html CHANGED Viewed

@@ -3,12 +3,24 @@
 <head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
-<meta name="theme-color" content="#2b1d12">
+<meta name="theme-color" content="#14161b">
 <meta name="apple-mobile-web-app-capable" content="yes">
 <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 <meta name="apple-mobile-web-app-title" content="Spellbook">
 <meta name="description" content="An interactive Pathfinder 2e spellbook: prepare, browse, and track your spells.">
-<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>📖</text></svg>">
+<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237b6cf0' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M12 6.5C9.5 4.7 6 4.7 3.5 6v13c2.5-1.3 6-1.3 8.5.5 2.5-1.8 6-1.8 8.5-.5V6c-2.5-1.3-6-1.3-8.5.5z'/><path d='M12 6.5v13'/></svg>">
+<!-- Set the light/dark theme before first paint (avoids a flash); the engine reconciles fully on load. -->
+<script>
+(function(){try{
+  var lib=JSON.parse(localStorage.getItem("pf2eSpellbook.v3"))||{};
+  var s=lib.settings||{}, mode=s.themeMode||"auto";
+  if(mode!=="light"&&mode!=="dark") mode=(window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches)?"dark":"light";
+  var root=document.documentElement; root.dataset.theme=mode;
+  var c=s.custom;
+  if(c){ if(c.accent)root.style.setProperty("--accent",c.accent); if(c.bg)root.style.setProperty("--bg",c.bg);
+    if(c.ink)root.style.setProperty("--ink",c.ink); if(c.surface)root.style.setProperty("--surface",c.surface); }
+}catch(e){}})();
+</script>
 <!-- PWA: present alongside index.html on the hosted (GitHub Pages) copy; harmlessly
      absent when this file is downloaded and opened on its own. -->
 <link rel="manifest" href="manifest.webmanifest">
@@ -22,8 +34,8 @@
 <header class="top hide">
   <div class="tophead">
-    <h1><span id="charIcon">📖</span> <span id="charNameHead">Spellbook</span></h1>
-    <button class="menubtn" onclick="openMenu()" title="Characters &amp; backup" aria-label="Characters menu">👤</button>
+    <h1><span id="charIcon"></span> <span id="charNameHead">Spellbook</span></h1>
+    <button class="menubtn" onclick="openMenu()" title="Characters &amp; backup" aria-label="Characters menu"><svg class="icn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="8" r="3.4"/><path d="M5.5 20a6.5 6.5 0 0 1 13 0"/></svg></button>
   </div>
   <div class="sub" id="charSub">Pathfinder 2e (Remaster)</div>
   <div class="statbar" id="statbar">
@@ -38,11 +50,14 @@
 <!-- ================= CHARACTER MENU ================= -->
 <section id="view-menu" class="wrap hide">
-  <h2>📲 Use offline</h2>
+  <h2>Appearance</h2>
+  <div id="appearancePanel"></div>
+  <h2 style="margin-top:24px">Use offline</h2>
   <p class="meta">Everything you do — your characters and prepared spells — is saved <b>on this device only</b>, in your browser. Nothing is sent anywhere. Keep a copy so it always works, even with no signal:</p>
   <div class="row">
-    <button class="btn" onclick="downloadOffline()">📥 Save offline copy</button>
-    <button class="btn secondary" id="installBtn" style="display:none" onclick="installApp()">⬇ Install app</button>
+    <button class="btn" onclick="downloadOffline()">Save offline copy</button>
+    <button class="btn secondary" id="installBtn" style="display:none" onclick="installApp()">Install app</button>
   </div>
   <p class="meta" id="offlineHint" style="font-size:.8rem">“Save offline copy” downloads this whole spellbook as a single file you can open any time — no internet needed. “Install app” adds it to your home screen like a normal app (appears when your browser supports it).</p>
@@ -54,10 +69,15 @@
   <h2 style="margin-top:24px">Share &amp; back up</h2>
   <p class="meta">Export your <b>active</b> character to a code you can save or send to a friend. To load one, paste a code below and tap Import — it's added as a new character.</p>
   <div class="row">
-    <button class="btn secondary" onclick="exportCharacter()">⬆ Export active</button>
-    <button class="btn secondary" onclick="importCharacter()">⬇ Import code</button>
+    <button class="btn secondary" onclick="exportCharacter()">Export active</button>
+    <button class="btn secondary" onclick="importCharacter()">Import code</button>
   </div>
   <textarea id="menuIO" rows="3" placeholder="Character code appears here on Export — or paste one here, then tap Import."></textarea>
+  <h2 style="margin-top:24px">Support</h2>
+  <p class="meta">This spellbook is a free fan project. If it has earned a place at your table, you can help keep it going:</p>
+  <a class="btn secondary kofi" href="https://ko-fi.com/whytevoyd" target="_blank" rel="noopener"><svg class="icn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3.5 8h13v6.5a4 4 0 0 1-4 4h-5a4 4 0 0 1-4-4z"/><path d="M16.5 9h1.75a2.75 2.75 0 1 1 0 5.5H16.5"/><path d="M10 15.2c-1.8-1.1-2.7-2.2-2.7-3.2 0-.9.7-1.6 1.6-1.6.5 0 .9.2 1.1.5.2-.3.6-.5 1.1-.5.9 0 1.6.7 1.6 1.6 0 1-.9 2.1-2.7 3.2z" fill="currentColor" stroke-width="0"/></svg> Support on Ko-fi</a>
   <button class="btn secondary" onclick="closeMenu()">← Back</button>
   <p class="meta" style="text-align:center;margin-top:18px;font-size:.8rem">Spell data: Paizo (OGL/ORC) via the Foundry VTT pf2e project · unofficial fan tool<br><span id="dataStamp"></span></p>
 </section>
@@ -75,7 +95,7 @@
 <!-- ================= PREPARE / REPERTOIRE ================= -->
 <section id="view-prepare" class="wrap hide">
   <p class="meta" id="prepClassLine"></p>
-  <div class="banner hide" id="prepPreviewBanner">ℹ️ Spell slots, cantrips, and focus spells are fully tracked. A few subclass extras (blood magic, oracular curse, companions/familiars) stay on your character sheet — noted below where relevant.</div>
+  <div class="banner hide" id="prepPreviewBanner">Spell slots, cantrips, and focus spells are fully tracked. A few subclass extras (blood magic, oracular curse, companions/familiars) stay on your character sheet — noted below where relevant.</div>
   <h2>① Your character</h2>
   <p class="meta">Copy these from your character sheet.</p>
@@ -112,9 +132,9 @@
 <!-- ================= BROWSE ================= -->
 <section id="view-browse" class="wrap hide">
   <h2 id="browseTitle">All spells</h2>
-  <input type="text" id="search" placeholder="🔍 Search spells…" oninput="renderBrowse()">
+  <input type="text" id="search" placeholder="Search spells…" oninput="renderBrowse()">
   <div class="filterbar" id="rankChips"></div>
-  <button class="chip" id="filterToggle" onclick="toggleBrowseFilters()" aria-expanded="false">⚙ Filters</button>
+  <button class="chip" id="filterToggle" onclick="toggleBrowseFilters()" aria-expanded="false"><svg class="icn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 7h16M4 12h16M4 17h16"/><circle cx="9" cy="7" r="2"/><circle cx="15" cy="12" r="2"/><circle cx="8" cy="17" r="2"/></svg> Filters</button>
   <div id="browseFilters" class="hide"></div>
   <div id="browseList"></div>
 </section>
@@ -129,10 +149,10 @@
 <div class="toast" id="toast"></div>
 <nav class="bottom hide">
-  <button id="nav-today" class="on" onclick="go('today')"><span class="ic">📜</span>Cast Today</button>
-  <button id="nav-prepare" onclick="go('prepare')"><span class="ic">🌅</span>Prepare</button>
-  <button id="nav-browse" onclick="go('browse')"><span class="ic">📖</span>All Spells</button>
-  <button id="nav-help" onclick="go('help')"><span class="ic">❓</span>Help</button>
+  <button id="nav-today" class="on" onclick="go('today')"><span class="ic"><svg class="icn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="7" y="3.5" width="12.5" height="17" rx="2"/><path d="M4.5 7v11.5a2 2 0 0 0 2 2h9.5"/></svg></span>Cast Today</button>
+  <button id="nav-prepare" onclick="go('prepare')"><span class="ic"><svg class="icn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 18.5h18"/><path d="M6.5 18.5a5.5 5.5 0 0 1 11 0"/><path d="M12 3v3M4.2 8.7l1.7 1.7M19.8 8.7l-1.7 1.7"/></svg></span>Prepare</button>
+  <button id="nav-browse" onclick="go('browse')"><span class="ic"><svg class="icn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M4 5.2A2 2 0 0 1 6 3.2h5.2v15.6H6a2 2 0 0 0-2 2z"/><path d="M20 5.2a2 2 0 0 0-2-2h-5.2v15.6H18a2 2 0 0 1 2 2z"/></svg></span>All Spells</button>
+  <button id="nav-help" onclick="go('help')"><span class="ic"><svg class="icn" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="9"/><path d="M9.4 9.4a2.6 2.6 0 1 1 3.6 2.4c-.9.5-1.1 1-1.1 1.9"/><path d="M12 16.7v.01"/></svg></span>Help</button>
 </nav>
 <script>

package/tools/test.mjs CHANGED Viewed

@@ -210,7 +210,9 @@ ok(ev("state.cast['focuspool']") === 1, "casting a focus spell spends a point");
 w.castFocus(2); w.castFocus(2);
 ok(ev("state.cast['focuspool']") === 2, "focus points cap at pool size");
 w.refocus();
-ok(ev("state.cast['focuspool']") === 0, "refocus restores all focus points");
+ok(ev("state.cast['focuspool']") === 1, "refocus recovers 1 focus point (RAW), not the whole pool");
+w.refocus();
+ok(ev("state.cast['focuspool']") === 0, "a second refocus recovers the next point");
 console.log("\n# FOCUS CANTRIP: Bard composition is at-will");
 w.chooseClass("bard");
@@ -308,6 +310,7 @@ ok(sumRepGroups.every(g => +g.dataset.reprank >= 3), "summoner L7 repertoire has
 console.log("\n# PSYCHIC (occult spontaneous, 2 slots/rank, full prof)");
 w.chooseClass("psychic");
 ok(w.activeTradition() === "occult" && w.isSpontaneous(), "psychic = occult spontaneous");
+ok(w.activeClass().cantrips === 3, "psychic knows 3 regular cantrips (the 3 psi cantrips live in the Focus section)");
 const psySlots = { 1:"{\"1\":1}", 4:"{\"1\":2,\"2\":2}", 5:"{\"1\":2,\"2\":2,\"3\":1}" };
 for (const [lvl, exp] of Object.entries(psySlots)) {
   ok(JSON.stringify(w.classSlots(+lvl)) === exp, `psychic slots L${lvl} = ${exp} (got ${JSON.stringify(w.classSlots(+lvl))})`);
@@ -323,14 +326,75 @@ w.chooseClass("animist");
 ok(!w.isSpontaneous() && w.activeClass().keyAbility === "Wisdom", "animist = prepared, Wisdom");
 ok(w.activeTradition() === "divine", "animist casts the divine tradition");
 ok(w.classSlots(1)[1] === 2 && w.classSlots(19)[10] === 1, "animist uses the full-caster slot table (2× rank 1 at L1; 10th rank at L19)");
+ok(w.activeClass().cantrips === 4, "animist prepares 4 cantrips (2 chosen + 2 from apparitions)");
 ev("state.level=19; state.keyMod=5;");
 ok(w.spellDC() === 42, `animist L19 DC = 42 (legendary full caster; got ${w.spellDC()})`);
 ok(w.hasFocus() && w.classFocusSpells().length > 0, `animist surfaces vessel/apparition focus spells (${w.classFocusSpells().length})`);
 ev("state.level=5"); w.go("prepare");
 ok(d.querySelectorAll(".slotSel").length > 0 && d.querySelectorAll(".repSel").length === 0, "animist prepares into slots, not a repertoire");
+console.log("\n# PSYCHIC: Amp psi cantrips + Unleash Psyche + refocus recharge");
+w.chooseClass("psychic"); ev("state.level=5; state.keyMod=4;");
+w.go("prepare");
+[...d.querySelectorAll(".cantripSel")].forEach(s=>{ const o=[...s.options].find(o=>o.value); if(o)s.value=o.value; });
+[...d.querySelectorAll('[data-reprank]')].forEach(group=>{ const r=+group.dataset.reprank; const sel=group.querySelector(".repSel"); const o=[...sel.options].find(o=>o.value&&w.findSpell(o.value).rank<=r); if(o)sel.value=o.value; });
+w.setFocusPool(2);
+const psiChk = d.querySelector('.focusChk[value="imaginary-weapon"]');
+ok(!!psiChk, "psi cantrip (Imaginary Weapon) available in the focus checklist");
+psiChk.checked = true;
+w.savePrep();
+const pToday = d.getElementById("todayContent").innerHTML;
+ok(/at will/.test(pToday) && /Amp \(1 pt\)/.test(pToday), "psi cantrip is at-will with an Amp (1 pt) button");
+ok(/Unleash Psyche/.test(pToday), "Unleash Psyche resource shown on Cast Today");
+w.castFocus(2);
+ok(ev("state.cast['focuspool']") === 1, "Amping a psi cantrip spends a focus point");
+w.doCast("resource:unleash", 1);
+ok(ev("state.cast['resource:unleash']") === 1, "Unleash Psyche marks its daily use");
+w.refocus();
+ok(ev("state.cast['focuspool']") === 0, "refocus recovers the spent focus point");
+ok((ev("state.cast['resource:unleash']")||0) === 0, "refocus also recharges Unleash Psyche (recharge:'refocus')");
+console.log("\n# ORACLE: cursebound stage tracker");
+w.chooseClass("oracle"); ev("state.level=5; state.keyMod=4;");
+w.go("prepare");
+[...d.querySelectorAll(".cantripSel")].forEach(s=>{ const o=[...s.options].find(o=>o.value); if(o)s.value=o.value; });
+[...d.querySelectorAll('[data-reprank]')].forEach(group=>{ const r=+group.dataset.reprank; const sel=group.querySelector(".repSel"); const o=[...sel.options].find(o=>o.value&&w.findSpell(o.value).rank<=r); if(o)sel.value=o.value; });
+w.savePrep();
+ok(/Oracular curse/.test(d.getElementById("todayContent").innerHTML), "oracle Today shows the curse stage tracker");
+w.stageUp("curse"); w.stageUp("curse");
+ok(ev("state.cast['stage:curse']") === 2, "curse stage increments");
+w.stageDown("curse");
+ok(ev("state.cast['stage:curse']") === 1, "curse stage decrements");
+w.stageUp("curse"); w.stageUp("curse"); w.stageUp("curse"); w.stageUp("curse");
+ok(ev("state.cast['stage:curse']") === 4, "curse stage caps at its max (4)");
+w.newDay();
+ok((ev("state.cast['stage:curse']")||0) === 0, "resting clears the curse stage");
+console.log("\n# MAGUS: Studious Spells (restricted utility slots, L7+)");
+w.chooseClass("magus"); ev("state.level=5; state.keyMod=4;");
+w.go("prepare");
+ok(d.querySelectorAll(".studiousSel").length === 0, "no studious slots before level 7");
+ev("state.level=7"); w.go("prepare");
+const studSel = [...d.querySelectorAll(".studiousSel")];
+ok(studSel.length === 2, "two studious slots at level 7");
+const studOpts = [...studSel[0].options].filter(o=>o.value).map(o=>o.value).sort();
+ok(JSON.stringify(studOpts) === JSON.stringify(["gecko-grip","sure-strike","water-breathing"]), "studious slots restricted to the utility list");
+[...d.querySelectorAll(".cantripSel")].forEach(s=>{ const o=[...s.options].find(o=>o.value); if(o)s.value=o.value; });
+[...d.querySelectorAll(".slotSel")].forEach(sel=>{ const r=+sel.dataset.rank; const o=[...sel.options].find(o=>o.value&&w.findSpell(o.value).rank<=r); if(o)sel.value=o.value; });
+studSel[0].value="sure-strike"; studSel[1].value="water-breathing";
+w.savePrep();
+ok(JSON.stringify(ev("state.prepared.studious.studious")) === JSON.stringify(["sure-strike","water-breathing"]), "studious selections saved");
+ok(/Studious spells/.test(d.getElementById("todayContent").innerHTML), "studious slots appear on Cast Today");
 console.log("\n# class picker now lists all 11");
 ok(ev("CLASS_ORDER.length") === 11, "class picker offers all 11 classes");
+ok(ev("CLASS_ORDER.every(id => !CLASSES[id].preview)"), "no class remains in preview mode (all fully released)");
+w.showClassPicker();
+ok(!/previewtag">preview/.test(d.getElementById("view-classpick").innerHTML), "class picker renders no 'preview' tags");
+{
+  w.chooseClass("magus"); w.go("prepare");
+  ok(d.getElementById("prepPreviewBanner").classList.contains("hide"), "Prepare view hides the preview banner for a released class");
+}
 console.log("\n# LEGACY / REMASTER compatibility");
 // every spell has a legacy array; aliases resolve to real spells
@@ -359,7 +423,7 @@ ok(w.actionLabel("2") === "◆◆ 2 actions", "single action glyph");
 ok(w.actionLabel("1 to 3").startsWith("◆–◆◆◆"), "1-to-3 action range glyph");
 ok(w.actionLabel("1 or 2").startsWith("◆–◆◆"), "'1 or 2' renders as a glyph range");
 ok(w.actionLabel("reaction") === "⤳ Reaction", "reaction glyph");
-ok(w.actionLabel("10 minutes") === "🕑 10 minutes", "long casts show a clock");
+ok(w.actionLabel("10 minutes") === "10 minutes", "long casts show the plain time");
 console.log("\n# in-app data integrity guard");
 ok(ev("new Set(SPELLS.map(s=>s.slug)).size === SPELLS.length"), "all spell slugs unique (no findSpell collisions)");
@@ -388,7 +452,7 @@ w.chooseClass("cleric"); ev("state.level=3"); w.go("prepare");
 [...d.querySelectorAll(".slotSel")].forEach(sel=>{ if(sel.dataset.rank==="2"){ sel.value="heal"; } else { const o=[...sel.options].find(o=>o.value); if(o) sel.value=o.value; } });
 [...d.querySelectorAll(".cantripSel")].forEach(s=>{ const o=[...s.options].find(o=>o.value); if(o) s.value=o.value; });
 w.savePrep();
-ok(/✚ 2d8/.test(d.getElementById("todayContent").innerHTML), "Heal slotted at rank 2 shows ✚ 2d8 on Cast Today");
+ok(/dmgchip heal[^>]*>\s*2d8/.test(d.getElementById("todayContent").innerHTML), "Heal slotted at rank 2 shows a 2d8 healing chip on Cast Today");
 console.log("\n# SUSTAINED TRACKER (#2)");
@@ -399,7 +463,7 @@ w.go("prepare");
 [...d.querySelectorAll(".slotSel")].forEach(sel=>{ const r=+sel.dataset.rank; if(r===sus.rank){ sel.value=sus.slug; } else { const o=[...sel.options].find(o=>o.value); if(o) sel.value=o.value; } });
 [...d.querySelectorAll(".cantripSel")].forEach(x=>{ const o=[...x.options].find(o=>o.value); if(o) x.value=o.value; });
 w.savePrep();
-ok(/⏳ Sustain/.test(d.getElementById("todayContent").innerHTML), "sustained spell shows a Sustain button on Cast Today");
+ok(/susbtn[^>]*>Sustain</.test(d.getElementById("todayContent").innerHTML), "sustained spell shows a Sustain button on Cast Today");
 w.startSustain(sus.slug);
 ok((ev("state.sustaining")||[]).includes(sus.slug), "startSustain adds the spell to the tracker");
 ok(/Sustaining now/.test(d.getElementById("todayContent").innerHTML), "Sustaining-now bar appears");
@@ -480,7 +544,7 @@ ok([...d.querySelectorAll("#focusChecklist .fcheck")].every(el=>!el.classList.co
 console.log("\n# RITUALS BROWSER + INSTALL (#10)");
 w.chooseClass("wizard"); w.go("browse");
-ok(/📜 Rituals/.test(d.getElementById("rankChips").innerHTML), "Rituals chip present in Browse");
+ok(/Rituals/.test(d.getElementById("rankChips").innerHTML), "Rituals chip present in Browse");
 w.setBrowseRank("rituals");
 d.getElementById("search").value=""; w.setBrowseSave("all"); w.setBrowseAction("all"); w.setBrowseTrait(""); w.renderBrowse();
 ok(d.getElementById("browseTitle").textContent.includes("Ritual"), "browse titled Rituals");
@@ -532,5 +596,38 @@ ok(/on this device only/i.test(d.getElementById("view-menu").innerHTML), "menu r
   ok(alerted, "installApp() explains manual install when no prompt is available");
 }
+console.log("\n# THEME (light/dark + per-class accent + custom palette)");
+ok(typeof w.applyTheme === "function", "applyTheme() present");
+w.chooseClass("druid");
+const root = d.documentElement;
+ok(root.dataset.theme === "light" || root.dataset.theme === "dark", "a data-theme mode is set");
+const druidAccent = root.style.getPropertyValue("--accent").trim().toLowerCase();
+ok(druidAccent === ev("CLASSES.druid.color").toLowerCase(), `accent matches the class colour (druid ${druidAccent})`);
+w.setThemeMode("light");
+ok(root.dataset.theme === "light", "setThemeMode('light') switches to light");
+w.setThemeMode("dark");
+ok(root.dataset.theme === "dark", "setThemeMode('dark') switches to dark");
+w.setThemeMode("auto");
+w.setCustomColor("accent", "#123456");
+ok(root.style.getPropertyValue("--accent").trim() === "#123456", "custom accent overrides the class colour");
+ok(ev("library.settings.custom.accent") === "#123456", "custom colour saved to settings");
+{
+  const saved = JSON.parse(w.localStorage.getItem("pf2eSpellbook.v3"));
+  ok(saved.settings && saved.settings.custom && saved.settings.custom.accent === "#123456", "settings persist to localStorage");
+}
+w.resetTheme();
+ok(ev("library.settings.custom") === null, "resetTheme clears the custom palette");
+ok(root.style.getPropertyValue("--accent").trim().toLowerCase() === ev("CLASSES.druid.color").toLowerCase(), "reset restores the class default accent");
+w.openMenu();
+const ap = d.getElementById("appearancePanel");
+ok(!!ap && /Reset to class default/.test(ap.innerHTML), "Appearance panel renders in the menu");
+ok(ap.querySelectorAll('input[type="color"]').length === 4, "four custom-colour pickers present");
+console.log("\n# NO EMOJI (class/nav/section markers are SVG or text)");
+const EMOJI = /\p{Emoji_Presentation}/u;
+ok(!EMOJI.test(html), "built index.html contains no emoji");
+ok(/class="icn"/.test(html), "inline SVG line icons are used");
+ok(ev('typeof iconSvg') === "function" && /<svg/.test(w.iconSvg("cleric")), "iconSvg() renders an inline SVG");
 console.log(`\n# RESULT: ${pass} passed, ${fail} failed`);
 process.exit(fail ? 1 : 0);