@pretextbook/pretext-html 0.6.0 → 0.7.0

package/dist/index.browser.js

@@ -1,95 +1,224 @@
-import { fromXml as E } from "xast-util-from-xml";
+import { fromXml as x } from "xast-util-from-xml";
 import { toXml as $ } from "xast-util-to-xml";
-const D = "/";
-function ve(e) {
+const M = "/";
+function ge(e) {
   if (!e)
     return ".";
-  const t = e.startsWith("/"), n = e.length > 1 && e.endsWith("/"), r = [];
-  for (const o of e.split("/"))
-    if (!(!o || o === ".")) {
-      if (o === "..") {
-        const s = r[r.length - 1];
-        r.length > 0 && s !== ".." ? r.pop() : t || r.push("..");
+  const n = e.startsWith("/"), t = e.length > 1 && e.endsWith("/"), r = [];
+  for (const s of e.split("/"))
+    if (!(!s || s === ".")) {
+      if (s === "..") {
+        const o = r[r.length - 1];
+        r.length > 0 && o !== ".." ? r.pop() : n || r.push("..");
         continue;
       }
-      r.push(o);
+      r.push(s);
     }
   let i = r.join("/");
-  return t && (i = `/${i}`), i ? (n && !i.endsWith("/") && (i += "/"), i) : t ? "/" : ".";
+  return n && (i = `/${i}`), i ? (t && !i.endsWith("/") && (i += "/"), i) : n ? "/" : ".";
 }
-function h(...e) {
-  let t = "";
+function p(...e) {
+  let n = "";
   for (let r = e.length - 1; r >= 0; r--) {
     const i = e[r];
-    if (i && (t = t ? `${i}/${t}` : i, i.startsWith("/")))
+    if (i && (n = n ? `${i}/${n}` : i, i.startsWith("/")))
       break;
   }
-  t.startsWith("/") || (t = `/${t}`);
-  const n = ve(t);
-  return n.length > 1 && n.endsWith("/") ? n.slice(0, -1) : n;
+  n.startsWith("/") || (n = `/${n}`);
+  const t = ge(n);
+  return t.length > 1 && t.endsWith("/") ? t.slice(0, -1) : t;
 }
-function b(e) {
-  const t = e.replace(/\/+$/, "");
-  if (!t)
+function g(e) {
+  const n = e.replace(/\/+$/, "");
+  if (!n)
     return e.startsWith("/") ? "/" : ".";
-  const n = t.lastIndexOf("/");
-  return n < 0 ? "." : n === 0 ? "/" : t.slice(0, n);
+  const t = n.lastIndexOf("/");
+  return t < 0 ? "." : t === 0 ? "/" : n.slice(0, t);
 }
-function I(e, t) {
-  const n = h(e).split("/").filter(Boolean), r = h(t).split("/").filter(Boolean);
+function I(e, n) {
+  const t = p(e).split("/").filter(Boolean), r = p(n).split("/").filter(Boolean);
   let i = 0;
-  for (; i < n.length && i < r.length && n[i] === r[i]; )
+  for (; i < t.length && i < r.length && t[i] === r[i]; )
     i += 1;
-  return [...new Array(n.length - i).fill(".."), ...r.slice(i)].join("/");
+  return [...new Array(t.length - i).fill(".."), ...r.slice(i)].join("/");
 }
-const be = "https://cdn.jsdelivr.net/npm/@pretextbook/pretext-html@0.6.0/assets";
-let Q;
-function St(e) {
-  Q = e.replace(/\/+$/, "");
+const ye = "ptxPreviewBannerDismissed", xe = "About live preview";
+function X(e) {
+  return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
+}
+function Ee(e) {
+  return [
+    '<div id="ptx-preview-banner" class="ptx-preview-banner" role="note">',
+    `  <span class="ptx-preview-banner-text">${X(e)}</span>`,
+    '  <button type="button" class="ptx-preview-banner-dismiss" aria-label="Dismiss">&times;</button>',
+    "</div>",
+    `<button type="button" id="ptx-preview-banner-restore" class="ptx-preview-banner-restore" hidden>${X(xe)}</button>`
+  ].join(`
+`);
+}
+function Te() {
+  return [
+    "<style>",
+    ".ptx-preview-banner {",
+    "  display: flex;",
+    "  align-items: center;",
+    "  gap: 0.75em;",
+    "  padding: 0.5em 1em;",
+    "  font-size: 0.9em;",
+    "  background: #fff8e1;",
+    "  color: #6b5300;",
+    "  border-bottom: 1px solid #f0c36d;",
+    "}",
+    // The [hidden] content attribute only hides an element via the
+    // user-agent stylesheet's `[hidden] { display: none }` rule, and a
+    // normal-priority *author* rule always wins over a normal-priority UA
+    // rule regardless of selector specificity — so the unconditional
+    // `display: flex` above would otherwise keep the banner visible even
+    // after previewBannerScript sets `banner.hidden = true`.
+    ".ptx-preview-banner[hidden] {",
+    "  display: none;",
+    "}",
+    ".ptx-preview-banner-text {",
+    "  flex: 1 1 auto;",
+    "}",
+    ".ptx-preview-banner-dismiss {",
+    "  flex: 0 0 auto;",
+    "  background: transparent;",
+    "  border: none;",
+    "  font-size: 1.2em;",
+    "  line-height: 1;",
+    "  cursor: pointer;",
+    "  color: inherit;",
+    "  padding: 0 0.25em;",
+    "}",
+    "html.dark-mode .ptx-preview-banner {",
+    "  background: #3a2f00;",
+    "  color: #f2d27a;",
+    "  border-bottom-color: #6b5300;",
+    "}",
+    ".ptx-preview-banner-restore {",
+    "  position: fixed;",
+    "  right: 0.5em;",
+    "  bottom: 0.5em;",
+    "  z-index: 1000;",
+    "  background: transparent;",
+    "  border: none;",
+    "  padding: 0.15em 0.4em;",
+    "  font-size: 0.75em;",
+    "  color: inherit;",
+    "  opacity: 0.45;",
+    "  text-decoration: underline;",
+    "  cursor: pointer;",
+    "}",
+    ".ptx-preview-banner-restore:hover {",
+    "  opacity: 0.85;",
+    "}",
+    "</style>"
+  ].join(`
+`);
+}
+function $e() {
+  return [
+    "<script>",
+    "(function () {",
+    "  var KEY = " + JSON.stringify(ye) + ";",
+    '  var banner = document.getElementById("ptx-preview-banner");',
+    '  var restore = document.getElementById("ptx-preview-banner-restore");',
+    "  if (!banner || !restore) { return; }",
+    // localStorage can throw (disabled cookies/storage, sandboxed iframe);
+    // fall back to always showing the banner rather than crashing the page.
+    "  function isDismissed() {",
+    "    try { return window.localStorage.getItem(KEY) === '1'; }",
+    "    catch (e) { return false; }",
+    "  }",
+    "  function setDismissed(value) {",
+    "    try {",
+    "      if (value) { window.localStorage.setItem(KEY, '1'); }",
+    "      else { window.localStorage.removeItem(KEY); }",
+    "    } catch (e) {}",
+    "  }",
+    "  function apply(dismissed) {",
+    "    banner.hidden = dismissed;",
+    "    restore.hidden = !dismissed;",
+    "  }",
+    "  apply(isDismissed());",
+    '  var dismissBtn = banner.querySelector(".ptx-preview-banner-dismiss");',
+    "  if (dismissBtn) {",
+    "    dismissBtn.addEventListener('click', function () {",
+    "      setDismissed(true);",
+    "      apply(true);",
+    "    });",
+    "  }",
+    "  restore.addEventListener('click', function () {",
+    "    setDismissed(false);",
+    "    apply(false);",
+    "  });",
+    "})();",
+    "<\/script>"
+  ].join(`
+`);
+}
+const Se = "<!--ptx-preview-banner-->", _e = "<!--/ptx-preview-banner-->", ke = /\n?<!--ptx-preview-banner-->[\s\S]*?<!--\/ptx-preview-banner-->/;
+function Ie(e, n) {
+  const t = ke.exec(e), r = t ? e.slice(0, t.index) + e.slice(t.index + t[0].length) : e;
+  if (!/<body[^>]*>/i.test(r))
+    return r;
+  const i = `
+${Se}
+${Te()}
+${Ee(n.message)}
+${$e()}
+${_e}`;
+  return r.replace(/<body([^>]*)>/i, `<body$1>${i}`);
+}
+const De = "https://cdn.jsdelivr.net/npm/@pretextbook/pretext-html@0.7.0/assets";
+let ee;
+function Ct(e) {
+  ee = e.replace(/\/+$/, "");
 }
 function S() {
-  return Q ?? be;
+  return ee ?? De;
 }
-function ee(e, t) {
-  return `${e.replace(/\/+$/, "")}/${t.replace(/^\/+/, "")}`;
+function te(e, n) {
+  return `${e.replace(/\/+$/, "")}/${n.replace(/^\/+/, "")}`;
 }
 const U = /* @__PURE__ */ new Map();
-function ye(e) {
+function Re(e) {
   return `${e.replace(/\/+$/, "")}-bundle.json`;
 }
-function Ee(e) {
-  let t = U.get(e);
-  return t || (t = (async () => {
+function Me(e) {
+  let n = U.get(e);
+  return n || (n = (async () => {
     try {
-      const n = await fetch(ye(e));
-      if (!n.ok)
+      const t = await fetch(Re(e));
+      if (!t.ok)
         return /* @__PURE__ */ new Map();
-      const r = await n.json();
+      const r = await t.json();
       return new Map(Object.entries(r));
     } catch {
       return /* @__PURE__ */ new Map();
     }
-  })(), U.set(e, t)), t;
+  })(), U.set(e, n)), n;
 }
-function xe(e) {
-  return e === ee(S(), "xsl");
+function Le(e) {
+  return e === te(S(), "xsl");
 }
-async function te(e, t) {
-  if (xe(e)) {
-    const o = (await Ee(e)).get(t.replace(/^\/+/, ""));
-    if (o !== void 0)
-      return new TextEncoder().encode(o);
+async function ne(e, n) {
+  if (Le(e)) {
+    const s = (await Me(e)).get(n.replace(/^\/+/, ""));
+    if (s !== void 0)
+      return new TextEncoder().encode(s);
   }
-  const n = `${e.replace(/\/+$/, "")}/`;
+  const t = `${e.replace(/\/+$/, "")}/`;
   let r;
   try {
-    r = new URL(t.replace(/^\/+/, ""), n);
+    r = new URL(n.replace(/^\/+/, ""), t);
   } catch {
     return;
   }
-  if (!r.href.startsWith(n)) {
+  if (!r.href.startsWith(t)) {
     console.error(
-      `pretext-html: refusing to serve ${t} from outside ${e}`
+      `pretext-html: refusing to serve ${n} from outside ${e}`
     );
     return;
   }
@@ -100,76 +229,76 @@ async function te(e, t) {
     return;
   }
 }
-async function P(e) {
+async function B(e) {
   if (/^[a-z][a-z0-9+.-]*:\/\//i.test(e))
     try {
-      const t = await fetch(e);
-      return t.ok ? await t.text() : void 0;
+      const n = await fetch(e);
+      return n.ok ? await n.text() : void 0;
     } catch {
       return;
     }
 }
-const Te = "born-hidden-knowl", $e = /<details\b([^>]*)>(\s*)(?:<summary\b([^>]*)>)?/g;
-function Se(e) {
-  const t = /\bclass="([^"]*)"/.exec(e);
-  return t ? t[1].trim().split(/\s+/) : [];
+const Ae = "born-hidden-knowl", Be = /<details\b([^>]*)>(\s*)(?:<summary\b([^>]*)>)?/g;
+function Ce(e) {
+  const n = /\bclass="([^"]*)"/.exec(e);
+  return n ? n[1].trim().split(/\s+/) : [];
 }
-function _e(e) {
+function Pe(e) {
   return /(^|\s)open(\s|=|$)/.test(e);
 }
-function N(e) {
-  return _e(e) ? e : ` open${e}`;
+function V(e) {
+  return Pe(e) ? e : ` open${e}`;
 }
-function ke(e) {
+function je(e) {
   return e.replace(
-    $e,
-    (t, n, r, i) => {
-      if (!Se(n).includes(Te))
-        return t;
-      const o = `<details${N(n)}>`;
-      return i === void 0 ? `${o}${r}` : `${o}${r}<summary${N(i)}>`;
+    Be,
+    (n, t, r, i) => {
+      if (!Ce(t).includes(Ae))
+        return n;
+      const s = `<details${V(t)}>`;
+      return i === void 0 ? `${s}${r}` : `${s}${r}<summary${V(i)}>`;
     }
   );
 }
-const C = /* @__PURE__ */ new Map(), ne = /* @__PURE__ */ new Map();
-let L, Ie = 0, re = te;
-function _t(e) {
-  re = e;
+const C = /* @__PURE__ */ new Map(), re = /* @__PURE__ */ new Map();
+let L, Oe = 0, ie = ne;
+function Pt(e) {
+  ie = e;
 }
-function Re(e, t) {
-  const n = typeof e == "string" ? e : e instanceof URL ? e.href : e.url, r = ne.get(n);
+function We(e, n) {
+  const t = typeof e == "string" ? e : e instanceof URL ? e.href : e.url, r = re.get(t);
   if (r !== void 0)
     return Promise.resolve(new Response(r, { status: 200 }));
   let i;
   try {
-    i = new URL(n).host;
+    i = new URL(t).host;
   } catch {
     i = "";
   }
-  const o = C.get(i);
-  return o !== void 0 ? De(o, n) : L(e, t);
+  const s = C.get(i);
+  return s !== void 0 ? Ne(s, t) : L(e, n);
 }
-const Me = '<?xml version="1.0"?><pretext-preview-missing-file/>';
-async function De(e, t) {
-  const n = decodeURIComponent(new URL(t).pathname), r = await re(e, n);
+const Fe = '<?xml version="1.0"?><pretext-preview-missing-file/>';
+async function Ne(e, n) {
+  const t = decodeURIComponent(new URL(n).pathname), r = await ie(e, t);
   if (r === void 0)
-    return new Response(Me, { status: 200 });
+    return new Response(Fe, { status: 200 });
   const i = typeof r == "string" ? r : new Uint8Array(r);
   return new Response(i, { status: 200 });
 }
-function ie() {
-  L || (L = globalThis.fetch, globalThis.fetch = Re);
+function se() {
+  L || (L = globalThis.fetch, globalThis.fetch = We);
 }
 function oe(e) {
-  ie();
-  const t = `mnt${++Ie}.ptx.invalid`;
-  return C.set(t, e), `http://${t}`;
+  se();
+  const n = `mnt${++Oe}.ptx.invalid`;
+  return C.set(n, e), `http://${n}`;
 }
-function Le(e) {
+function He(e) {
   C.delete(new URL(e).host);
 }
-function Ae(e, t) {
-  ie(), ne.set(e, t);
+function Xe(e, n) {
+  se(), re.set(e, n);
 }
 const A = `<?xml version="1.0" encoding="UTF-8"?>
 <publication>
@@ -180,82 +309,82 @@ const A = `<?xml version="1.0" encoding="UTF-8"?>
     <platform portable="yes"/>
   </html>
 </publication>
-`, Pe = ["theme", "style", "shell"];
-function w(e, t) {
-  for (const n of e.children)
-    if (n.type === "element" && n.name === t)
-      return n;
-}
-function g(e, t) {
-  let n = w(e, t);
-  return n || (n = { type: "element", name: t, attributes: {}, children: [] }, e.children.push(n)), n;
-}
-function Ce(e, t) {
-  const n = w(e, "css");
-  if (n && Pe.some((i) => n.attributes?.[i]))
+`, Ue = ["theme", "style", "shell"];
+function w(e, n) {
+  for (const t of e.children)
+    if (t.type === "element" && t.name === n)
+      return t;
+}
+function v(e, n) {
+  let t = w(e, n);
+  return t || (t = { type: "element", name: n, attributes: {}, children: [] }, e.children.push(t)), t;
+}
+function Ve(e, n) {
+  const t = w(e, "css");
+  if (t && Ue.some((i) => t.attributes?.[i]))
     return;
-  const r = n ?? g(e, "css");
-  r.attributes = { ...r.attributes, theme: t };
+  const r = t ?? v(e, "css");
+  r.attributes = { ...r.attributes, theme: n };
 }
-function je(e, t) {
-  const n = w(e, "appearance");
-  if (n?.attributes?.theme)
+function ze(e, n) {
+  const t = w(e, "appearance");
+  if (t?.attributes?.theme)
     return;
-  const r = n ?? g(e, "appearance");
-  r.attributes = { ...r.attributes, theme: t };
+  const r = t ?? v(e, "appearance");
+  r.attributes = { ...r.attributes, theme: n };
 }
-function Fe(e) {
-  const t = g(e, "resources");
-  t.attributes = {
-    ...t.attributes,
+function Je(e) {
+  const n = v(e, "resources");
+  n.attributes = {
+    ...n.attributes,
     host: "cdn",
     math: "online"
   };
 }
-function Oe(e, t = {}) {
-  const n = t.cssTheme?.trim(), r = t.revealTheme?.trim(), i = t.target === "slides";
-  if (!e && !n && !i)
+function Ke(e, n = {}) {
+  const t = n.cssTheme?.trim(), r = n.revealTheme?.trim(), i = n.target === "slides";
+  if (!e && !t && !i)
     return A;
-  const o = E(e ?? A), s = w(o, "publication");
-  if (!s)
+  const s = x(e ?? A), o = w(s, "publication");
+  if (!o)
     throw new Error(
       "Invalid publication file: no root <publication> element found"
     );
-  const a = g(s, "html"), u = g(a, "platform");
-  if (u.attributes = { ...u.attributes, portable: "yes" }, n && Ce(a, n), i) {
-    const l = g(s, "revealjs");
-    Fe(l), r && je(l, r);
+  const a = v(o, "html"), d = v(a, "platform");
+  if (d.attributes = { ...d.attributes, portable: "yes" }, t && Ve(a, t), i) {
+    const l = v(o, "revealjs");
+    Je(l), r && ze(l, r);
   }
-  return $(o);
+  return $(s);
 }
-function V(e) {
+function z(e) {
   if (!(e === void 0 || e === "" || e.startsWith("/")))
     return e.endsWith("/") ? e : `${e}/`;
 }
-function We(e) {
-  const t = E(e ?? A), n = w(t, "publication"), r = n && w(n, "source"), i = r && w(r, "directories"), o = V(
+function Ye(e) {
+  const n = x(e ?? A), t = w(n, "publication"), r = t && w(t, "source"), i = r && w(r, "directories"), s = z(
     i?.attributes?.external ?? void 0
-  ), s = V(
+  ), o = z(
     i?.attributes?.generated ?? void 0
   );
   return {
-    external: o,
-    generated: s,
-    managed: o !== void 0 && s !== void 0
+    external: s,
+    generated: o,
+    managed: s !== void 0 && o !== void 0
   };
 }
-function kt(e) {
+function jt(e) {
   return e === "slides" || e === "scroll";
 }
-const se = 960, ae = 700, Be = 1, Xe = 0.04;
-function He(e) {
-  const t = typeof e == "number" && isFinite(e) ? e : Be, n = Math.min(1, Math.max(0.25, t));
+const ae = 960, ce = 700, Ge = 1, qe = 0.04;
+function Ze(e) {
+  const n = typeof e == "number" && isFinite(e) ? e : Ge, t = Math.min(1, Math.max(0.25, n));
   return {
-    width: Math.round(se / n),
-    height: Math.round(ae / n)
+    width: Math.round(ae / t),
+    height: Math.round(ce / t)
   };
 }
-function Ue(e) {
+function Qe(e) {
   return {
     view: "scroll",
     scrollLayout: "compact",
@@ -265,11 +394,11 @@ function Ue(e) {
     controls: !1,
     controlsTutorial: !1,
     hash: !1,
-    ...He(e.zoom),
-    margin: Xe
+    ...Ze(e.zoom),
+    margin: qe
   };
 }
-function Ne() {
+function et() {
   return {
     // Explicitly null rather than absent: the same page may have been
     // delivered in scroll view a moment ago, and an embedder that re-injects
@@ -281,11 +410,11 @@ function Ne() {
     // size with a percentage width renders its text far larger, relative to
     // the slide, than the same deck will on a projector. No zoom margin
     // though — presenting means filling whatever it is shown in.
-    width: se,
-    height: ae
+    width: ae,
+    height: ce
   };
 }
-const Ve = [
+const tt = [
   "<style>",
   ".reveal-viewport.reveal-scroll .scroll-page section {",
   "  box-shadow: inset 0 0 0 calc(1px / var(--slide-scale, 1))",
@@ -293,18 +422,18 @@ const Ve = [
   "}",
   "</style>"
 ].join(`
-`), ze = [
+`), nt = [
   "    var paused = document.querySelectorAll('.reveal .fragment');",
   "    for (var i = 0; i < paused.length; i++) {",
   "      paused[i].classList.remove('fragment');",
   "    }"
 ];
-function Je(e, t = {}) {
-  const n = e === "scroll" ? Ue(t) : Ne();
+function rt(e, n = {}) {
+  const t = e === "scroll" ? Qe(n) : et();
   return [
     "<script>",
     "(function () {",
-    "  var OVERRIDES = " + JSON.stringify(n) + ";",
+    "  var OVERRIDES = " + JSON.stringify(t) + ";",
     // Nothing to wrap if reveal.js failed to load (offline, CDN blocked). The
     // deck is broken either way, but throwing here would replace the browser's
     // useful network error with a confusing one from an injected script.
@@ -328,7 +457,7 @@ function Je(e, t = {}) {
     // Inside the wrapper rather than at top level: this script sits in <head>,
     // where the slides have not been parsed yet, but the deck calls initialize
     // from the end of the document, by which time they have.
-    ...e === "scroll" ? ze : [],
+    ...e === "scroll" ? nt : [],
     "    return initialize(merged);",
     "  };",
     "})();",
@@ -336,107 +465,107 @@ function Je(e, t = {}) {
   ].join(`
 `);
 }
-const Ge = /<script\b[^>]*\bsrc=["'][^"']*\breveal\.js["'][^>]*>\s*<\/script>/i, Ke = "<!--ptx-reveal-view-->", Ye = "<!--/ptx-reveal-view-->", qe = /\n?<!--ptx-reveal-view-->[\s\S]*?<!--\/ptx-reveal-view-->/;
-function Ze(e, t, n = {}) {
-  const r = qe.exec(e), i = r ? e.slice(0, r.index) + e.slice(r.index + r[0].length) : e, o = Ge.exec(i);
-  if (!o)
+const it = /<script\b[^>]*\bsrc=["'][^"']*\breveal\.js["'][^>]*>\s*<\/script>/i, st = "<!--ptx-reveal-view-->", ot = "<!--/ptx-reveal-view-->", at = /\n?<!--ptx-reveal-view-->[\s\S]*?<!--\/ptx-reveal-view-->/;
+function ct(e, n, t = {}) {
+  const r = at.exec(e), i = r ? e.slice(0, r.index) + e.slice(r.index + r[0].length) : e, s = it.exec(i);
+  if (!s)
     return i;
-  const s = o.index + o[0].length, a = `
-${Ke}
-${Ve}
-${Je(t, n)}
-${Ye}`;
-  return i.slice(0, s) + a + i.slice(s);
-}
-const ce = "http://www.w3.org/2001/XInclude", z = 64;
-async function Qe(e, t, n) {
-  return e.includes("include") ? (await le(e, t, n)).content : e;
-}
-async function le(e, t, n) {
-  const r = E(e), i = {
-    projectDir: h(n),
-    stack: [h(t)]
-  }, o = await y(
+  const o = s.index + s[0].length, a = `
+${st}
+${tt}
+${rt(n, t)}
+${ot}`;
+  return i.slice(0, o) + a + i.slice(o);
+}
+const le = "http://www.w3.org/2001/XInclude", J = 64;
+async function lt(e, n, t) {
+  return e.includes("include") ? (await de(e, n, t)).content : e;
+}
+async function de(e, n, t) {
+  const r = x(e), i = {
+    projectDir: p(t),
+    stack: [p(n)]
+  }, s = await y(
     r,
-    b(h(t)),
+    g(p(n)),
     { "": "" },
     i
   );
-  return { tree: r, content: o ? $(r) : e };
+  return { tree: r, content: s ? $(r) : e };
 }
-function et(e) {
+function dt(e) {
   return e.data?.ptxIncludedFile;
 }
-function tt(e, t) {
-  const n = e.data ?? (e.data = {});
-  n.ptxIncludedFile = t;
+function ut(e, n) {
+  const t = e.data ?? (e.data = {});
+  t.ptxIncludedFile = n;
 }
-function _(e, t) {
-  let n = e;
-  for (const [r, i] of Object.entries(t.attributes))
-    (r === "xmlns" || r.startsWith("xmlns:")) && (n === e && (n = { ...e }), n[r === "xmlns" ? "" : r.slice(6)] = i ?? "");
-  return n;
+function _(e, n) {
+  let t = e;
+  for (const [r, i] of Object.entries(n.attributes))
+    (r === "xmlns" || r.startsWith("xmlns:")) && (t === e && (t = { ...e }), t[r === "xmlns" ? "" : r.slice(6)] = i ?? "");
+  return t;
 }
-function ue(e, t) {
-  const n = e.name.indexOf(":"), r = n === -1 ? "" : e.name.slice(0, n);
-  return (n === -1 ? e.name : e.name.slice(n + 1)) === "include" && t[r] === ce;
+function ue(e, n) {
+  const t = e.name.indexOf(":"), r = t === -1 ? "" : e.name.slice(0, t);
+  return (t === -1 ? e.name : e.name.slice(t + 1)) === "include" && n[r] === le;
 }
-async function y(e, t, n, r) {
+async function y(e, n, t, r) {
   let i = !1;
-  for (let o = 0; o < e.children.length; o++) {
-    const s = e.children[o];
-    if (s.type !== "element")
+  for (let s = 0; s < e.children.length; s++) {
+    const o = e.children[s];
+    if (o.type !== "element")
       continue;
-    const a = _(n, s);
-    if (ue(s, a)) {
-      const u = await de(
-        s,
-        t,
+    const a = _(t, o);
+    if (ue(o, a)) {
+      const d = await fe(
+        o,
+        n,
         a,
         r
       );
-      e.children.splice(o, 1, ...u), o += u.length - 1, i = !0;
-    } else await y(s, t, a, r) && (i = !0);
+      e.children.splice(s, 1, ...d), s += d.length - 1, i = !0;
+    } else await y(o, n, a, r) && (i = !0);
   }
   return i;
 }
-async function de(e, t, n, r) {
+async function fe(e, n, t, r) {
   const i = r.stack[r.stack.length - 1];
   if (e.attributes.xpointer)
     throw new Error(
       `xi:include with xpointer is not supported by the JS preview build (in ${i})`
     );
-  const o = e.attributes.href;
-  if (!o)
+  const s = e.attributes.href;
+  if (!s)
     throw new Error(`xi:include without href (in ${i})`);
-  let s = o;
+  let o = s;
   try {
-    s = decodeURIComponent(o);
+    o = decodeURIComponent(s);
   } catch {
   }
-  const a = h(t, s);
-  if (a !== r.projectDir && !a.startsWith(r.projectDir + D))
+  const a = p(n, o);
+  if (a !== r.projectDir && !a.startsWith(r.projectDir + M))
     throw new Error(
-      `xi:include escapes the project directory: ${o} (in ${i})`
+      `xi:include escapes the project directory: ${s} (in ${i})`
     );
   if (r.stack.includes(a))
     throw new Error(
       `Circular xi:include: ${[...r.stack, a].join(" -> ")}`
     );
-  if (r.stack.length >= z)
-    throw new Error(`xi:include nesting exceeds ${z} levels`);
-  const u = await P(a);
-  if (u === void 0) {
-    const f = rt(e, n);
+  if (r.stack.length >= J)
+    throw new Error(`xi:include nesting exceeds ${J} levels`);
+  const d = await B(a);
+  if (d === void 0) {
+    const f = pt(e, t);
     if (f)
-      return await y(f, t, n, r), f.children;
-    throw new Error(`xi:include target not found: ${o} (in ${i})`);
+      return await y(f, n, t, r), f.children;
+    throw new Error(`xi:include target not found: ${s} (in ${i})`);
   }
   if (e.attributes.parse === "text")
-    return [{ type: "text", value: u }];
+    return [{ type: "text", value: d }];
   let l;
   try {
-    l = E(u);
+    l = x(d);
   } catch (f) {
     throw new Error(
       `Could not parse xi:include target ${a} as XML: ${f instanceof Error ? f.message : f}. (Included files must be well-formed, with a single root element.)`
@@ -444,48 +573,48 @@ async function de(e, t, n, r) {
   }
   r.stack.push(a);
   try {
-    await y(l, b(a), { "": "" }, r);
+    await y(l, g(a), { "": "" }, r);
   } finally {
     r.stack.pop();
   }
-  const d = l.children.filter(
+  const u = l.children.filter(
     (f) => f.type === "element"
   );
-  for (const f of d)
-    tt(f, a);
-  return d;
+  for (const f of u)
+    ut(f, a);
+  return u;
 }
-function J(e) {
+function K(e) {
   return e.name === "docinfo";
 }
-async function nt(e, t, n) {
+async function ft(e, n, t) {
   try {
-    const i = E(e).children.find(
+    const i = x(e).children.find(
       (l) => l.type === "element"
     );
     if (!i)
       return;
-    const o = h(t), s = b(o), a = {
-      projectDir: h(n),
-      stack: [o]
-    }, u = _({ "": "" }, i);
+    const s = p(n), o = g(s), a = {
+      projectDir: p(t),
+      stack: [s]
+    }, d = _({ "": "" }, i);
     for (const l of i.children) {
       if (l.type !== "element")
         continue;
-      const d = _(u, l);
-      if (J(l))
-        return await y(l, s, d, a), $(l);
-      if (ue(l, d)) {
-        const p = (await de(
+      const u = _(d, l);
+      if (K(l))
+        return await y(l, o, u, a), $(l);
+      if (ue(l, u)) {
+        const h = (await fe(
           l,
-          s,
-          d,
+          o,
+          u,
           a
         )).find(
-          (m) => m.type === "element" && J(m)
+          (m) => m.type === "element" && K(m)
         );
-        if (p)
-          return $(p);
+        if (h)
+          return $(h);
         continue;
       }
       break;
@@ -495,78 +624,78 @@ async function nt(e, t, n) {
     return;
   }
 }
-function rt(e, t) {
-  for (const n of e.children) {
-    if (n.type !== "element")
+function pt(e, n) {
+  for (const t of e.children) {
+    if (t.type !== "element")
       continue;
-    const r = _(t, n), i = n.name.indexOf(":"), o = i === -1 ? "" : n.name.slice(0, i);
-    if ((i === -1 ? n.name : n.name.slice(i + 1)) === "fallback" && r[o] === ce)
-      return n;
+    const r = _(n, t), i = t.name.indexOf(":"), s = i === -1 ? "" : t.name.slice(0, i);
+    if ((i === -1 ? t.name : t.name.slice(i + 1)) === "fallback" && r[s] === le)
+      return t;
   }
 }
-function fe(e) {
+function pe(e) {
   return typeof e == "object" && e !== null && e.type === "element";
 }
-function it(e) {
+function ht(e) {
   return /^(pf|xhtml):/.test(e.name);
 }
-function ot(e, t, n) {
-  const r = [], i = e.children.find(fe);
+function mt(e, n, t) {
+  const r = [], i = e.children.find(pe);
   if (i) {
-    const o = n?.parentId ?? "root";
-    he(i, o, n?.position ?? 1, t, o, r);
+    const s = t?.parentId ?? "root";
+    he(i, s, t?.position ?? 1, n, s, r);
   }
   return r;
 }
-function he(e, t, n, r, i, o) {
-  const s = et(e) ?? r;
-  let a, u;
-  if (it(e))
-    u = "root";
+function he(e, n, t, r, i, s) {
+  const o = dt(e) ?? r;
+  let a, d;
+  if (ht(e))
+    d = "root";
   else {
-    const d = e.attributes.label ?? e.attributes["xml:id"];
-    a = d ?? `${t}-${n}`, o.push({
+    const u = e.attributes.label ?? e.attributes["xml:id"];
+    a = u ?? `${n}-${t}`, s.push({
       id: a,
-      file: s,
+      file: o,
       line: e.position?.start.line ?? 1,
       column: e.position?.start.column ?? 1,
       endLine: e.position?.end.line ?? e.position?.start.line ?? 1,
       parent: i
-    }), u = a;
+    }), d = a;
   }
   let l = 0;
-  for (const d of e.children)
-    fe(d) && (l += 1, he(
-      d,
+  for (const u of e.children)
+    pe(u) && (l += 1, he(
       u,
+      d,
       l,
-      s,
+      o,
       a ?? i,
-      o
+      s
     ));
 }
-function It(e, t) {
-  let n;
+function Ot(e, n) {
+  let t;
   for (const r of e)
-    r.line <= t && (n = r);
-  return n ?? e[0];
+    r.line <= n && (t = r);
+  return t ?? e[0];
 }
-function st(e) {
-  const t = e.replace(/<!--[\s\S]*?-->/g, " ").replace(/<!\[CDATA\[[\s\S]*?\]\]>/g, " ");
-  return /<\s*slide(?:show)?[\s/>]/.test(t) ? "slides" : "html";
+function wt(e) {
+  const n = e.replace(/<!--[\s\S]*?-->/g, " ").replace(/<!\[CDATA\[[\s\S]*?\]\]>/g, " ");
+  return /<\s*slide(?:show)?[\s/>]/.test(n) ? "slides" : "html";
 }
-const pe = "pretext-html:set-theme";
-function Rt(e) {
+const me = "pretext-html:set-theme";
+function Wt(e) {
   return e === "dark" || e === "light" || e === "system";
 }
-function Mt(e) {
-  return { type: pe, theme: e };
+function Ft(e) {
+  return { type: me, theme: e };
 }
-function at(e) {
+function vt(e) {
   return [
     "<script>",
     "(function () {",
-    "  var CFG = " + JSON.stringify({ msg: pe, initial: e }) + ";",
+    "  var CFG = " + JSON.stringify({ msg: me, initial: e }) + ";",
     // Where the last requested theme is remembered so it survives an in-place
     // document rewrite (same Window) and outranks the baked initial value.
     "  var KEY = '__ptxPreviewTheme';",
@@ -636,181 +765,181 @@ function at(e) {
   ].join(`
 `);
 }
-function ct(e, t) {
-  const n = at(t);
+function bt(e, n) {
+  const t = vt(n);
   return /<head[^>]*>/i.test(e) ? e.replace(/<head([^>]*)>/i, `<head$1>
-${n}`) : e;
+${t}`) : e;
 }
-function lt() {
-  return ee(S(), "xsl");
+function gt() {
+  return te(S(), "xsl");
 }
-function ut() {
+function yt() {
   return "Suspending" in WebAssembly;
 }
-function dt() {
-  if (!ut())
+function xt() {
+  if (!yt())
     throw new Error(
       "WebAssembly JSPI is not enabled. Run Node with --experimental-wasm-jspi (or use the pretext-html CLI, which re-launches itself with the flag)."
     );
 }
-function G(e) {
-  return e.includes("'") ? e.includes('"') ? `concat(${e.split("'").map((n) => `'${n}'`).join(`, "'", `)})` : `"${e}"` : `'${e}'`;
+function Y(e) {
+  return e.includes("'") ? e.includes('"') ? `concat(${e.split("'").map((t) => `'${t}'`).join(`, "'", `)})` : `"${e}"` : `'${e}'`;
 }
-function ft(e) {
+function Et(e) {
   return e.replace(
     /from '\.\/(https:\/\/[^']+)'/g,
-    (t, n) => `from '${n}'`
+    (n, t) => `from '${t}'`
   );
 }
-const ht = "https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@latest/dist/";
-function pt(e) {
+const Tt = "https://cdn.jsdelivr.net/gh/PreTeXtBook/html-static@latest/dist/";
+function $t(e) {
   return e.replace(
     /(<link\b[^>]*\bhref=["'])_static\//gi,
-    `$1${ht}_static/`
+    `$1${Tt}_static/`
   );
 }
-function mt(e) {
+function St(e) {
   return e.slice(0, 65536).replace(/<\?[\s\S]*?\?>/g, " ").replace(/<!--[\s\S]*?-->/g, " ").replace(/<!DOCTYPE[^>]*>/gi, " ").match(/<\s*([A-Za-z][\w:-]*)/)?.[1];
 }
-async function K(e) {
-  const t = await P(e);
-  if (t === void 0)
+async function G(e) {
+  const n = await B(e);
+  if (n === void 0)
     throw new Error(
       `Could not read ${e}. (In the browser build only absolute URLs are readable — pass sourceContent instead of relying on sourcePath.)`
     );
-  return t;
+  return n;
 }
-async function wt(e, t) {
-  const n = h(e), r = await P(n);
+async function _t(e, n) {
+  const t = p(e), r = await B(t);
   if (r !== void 0)
-    return nt(r, n, t);
+    return ft(r, t, n);
 }
-function gt(e, t, n, r) {
-  const i = e.replace(/^\uFEFF/, "").replace(/<\?xml[\s\S]*?\?>/, "").replace(/<!DOCTYPE[^>]*>/i, ""), o = n === "slides" ? "slideshow" : t === "chapter" || t === "part" ? "book" : "article";
+function kt(e, n, t, r) {
+  const i = e.replace(/^\uFEFF/, "").replace(/<\?xml[\s\S]*?\?>/, "").replace(/<!DOCTYPE[^>]*>/i, ""), s = t === "slides" ? "slideshow" : n === "chapter" || n === "part" ? "book" : "article";
   return `<pretext>
 ${r?.trim() ? `${r.trim()}
-` : ""}<${o}>
+` : ""}<${s}>
 <title/>
 ${i}
-</${o}>
+</${s}>
 </pretext>
 `;
 }
-let me = !1;
-function vt(e) {
+let we = !1;
+function It(e) {
   return e instanceof Error && /\bAborted\(/.test(e.message);
 }
-function bt(e) {
+function Dt(e) {
   return e instanceof Error && /memory access|out of bounds/i.test(e.message);
 }
-function yt() {
-  if (me)
+function Rt() {
+  if (we)
     throw new Error(
       "The WebAssembly renderer aborted earlier in this process and cannot be reused. Restart the process (or reload the page) to render again."
     );
 }
-function Y(e) {
-  if (vt(e))
-    throw me = !0, new Error(
+function q(e) {
+  if (It(e))
+    throw we = !0, new Error(
       "The WebAssembly renderer aborted and cannot be reused. Restart the process (or reload the page) to render again.",
       { cause: e }
     );
-  if (bt(e))
+  if (Dt(e))
     throw new Error(
       "The WebAssembly renderer hit a memory fault. Most often the document is too large for this build's stack — whole-book builds are a known limitation, so try a smaller document, or see the README about rebuilding libxslt-wasm with a larger stack. The same fault also results from running two renders concurrently against the shared libxslt state.",
       { cause: e }
     );
 }
-let R;
-async function we() {
-  return R || (R = (async () => {
-    const [e, t] = await Promise.all([
+let D;
+async function ve() {
+  return D || (D = (async () => {
+    const [e, n] = await Promise.all([
       import("@pretextbook/libxslt-wasm"),
       import("@pretextbook/libxslt-wasm/exslt")
     ]);
-    return t.registerAll(), e;
-  })()), R;
+    return n.registerAll(), e;
+  })()), D;
 }
-const M = /* @__PURE__ */ new Map(), Et = {
+const R = /* @__PURE__ */ new Map(), Mt = {
   html: "preview-html.xsl",
   slides: "preview-revealjs.xsl"
 };
-async function xt(e, t) {
-  const n = Et[t], r = `${t}\0${e}`;
-  let i = M.get(r);
+async function Lt(e, n) {
+  const t = Mt[n], r = `${n}\0${e}`;
+  let i = R.get(r);
   return i || (i = (async () => {
-    const { XmlDocument: o, XsltStylesheet: s } = await we(), a = oe(e), u = await te(S(), `/${n}`);
-    if (u === void 0)
+    const { XmlDocument: s, XsltStylesheet: o } = await ve(), a = oe(e), d = await ne(S(), `/${t}`);
+    if (d === void 0)
       throw new Error(
-        `Could not read ${n} from ${S()}. Check the assets location (PRETEXT_HTML_ASSETS under Node, setAssetsBase() in the browser).`
+        `Could not read ${t} from ${S()}. Check the assets location (PRETEXT_HTML_ASSETS under Node, setAssetsBase() in the browser).`
       );
-    const l = new TextDecoder().decode(u), d = await o.fromString(l, {
-      url: `${a}/${n}`,
+    const l = new TextDecoder().decode(d), u = await s.fromString(l, {
+      url: `${a}/${t}`,
       options: { noEnt: !0, dtdLoad: !0, huge: !0 }
     });
-    return s.fromXmlDocument(d);
-  })(), M.set(r, i), i.catch(() => M.delete(r))), i;
-}
-let q = Promise.resolve();
-function Dt(e) {
-  const t = q.then(
-    () => Z(e),
-    () => Z(e)
+    return o.fromXmlDocument(u);
+  })(), R.set(r, i), i.catch(() => R.delete(r))), i;
+}
+let Z = Promise.resolve();
+function Nt(e) {
+  const n = Z.then(
+    () => Q(e),
+    () => Q(e)
   );
-  return q = t.catch(() => {
-  }), t;
-}
-async function Z(e) {
-  dt(), yt();
-  const { XmlDocument: t } = await we(), n = h(e.sourcePath), r = h(
-    e.projectDir ?? b(n)
-  ), i = e.sourceContent ?? await K(n), o = I(r, n);
-  if (o.startsWith(".."))
+  return Z = n.catch(() => {
+  }), n;
+}
+async function Q(e) {
+  xt(), Rt();
+  const { XmlDocument: n } = await ve(), t = p(e.sourcePath), r = p(
+    e.projectDir ?? g(t)
+  ), i = e.sourceContent ?? await G(t), s = I(r, t);
+  if (s.startsWith(".."))
     throw new Error(
-      `sourcePath (${n}) must live inside projectDir (${r})`
+      `sourcePath (${t}) must live inside projectDir (${r})`
     );
-  const s = I(
+  const o = I(
     r,
-    h(e.mainSourcePath ?? n)
-  ), a = s.startsWith("..") ? o : s, u = oe(r);
+    p(e.mainSourcePath ?? t)
+  ), a = o.startsWith("..") ? s : o, d = oe(r);
   try {
-    let l, d = `${u}/__pretext-preview-publication.xml`;
+    let l, u = `${d}/__pretext-preview-publication.xml`;
     if (e.publicationPath) {
-      const c = h(e.publicationPath);
-      l = await K(c);
-      const v = I(r, c);
-      v.startsWith("..") || (d = `${u}/${v.split(D).join("/")}`);
+      const c = p(e.publicationPath);
+      l = await G(c);
+      const b = I(r, c);
+      b.startsWith("..") || (u = `${d}/${b.split(M).join("/")}`);
     }
-    let f, p;
+    let f, h;
     if (e.sourceMap) {
-      const c = await le(
+      const c = await de(
         i,
-        n,
+        t,
         r
       );
-      f = c.tree, p = c.content;
+      f = c.tree, h = c.content;
     } else
-      p = await Qe(
+      h = await lt(
         i,
-        n,
+        t,
         r
       );
-    const m = e.target ?? st(p), ge = await xt(e.xslDir ?? lt(), m), j = Oe(l, {
+    const m = e.target ?? wt(h), be = await Lt(e.xslDir ?? gt(), m), P = Ke(l, {
       cssTheme: e.cssTheme,
       revealTheme: e.revealTheme,
       target: m
     });
-    Ae(d, j);
-    const x = We(j), F = b(h(r, a)), O = x.external !== void 0 && x.generated !== void 0 ? {
-      external: h(F, x.external),
-      generated: h(F, x.generated)
-    } : void 0, T = mt(p);
+    Xe(u, P);
+    const E = Ye(P), j = g(p(r, a)), O = E.external !== void 0 && E.generated !== void 0 ? {
+      external: p(j, E.external),
+      generated: p(j, E.generated)
+    } : void 0, T = St(h);
     let W = { parentId: "root", position: 1 };
     if (T !== "pretext" && T !== "mathbook")
       if (e.fragment) {
-        const c = e.docinfo ?? (e.docinfoSourcePath ? await wt(e.docinfoSourcePath, r) : void 0);
-        p = gt(
-          p,
+        const c = e.docinfo ?? (e.docinfoSourcePath ? await _t(e.docinfoSourcePath, r) : void 0);
+        h = kt(
+          h,
           T,
           m,
           c
@@ -819,61 +948,64 @@ async function Z(e) {
         throw new Error(
           `The document root is <${T ?? "?"}>, not <pretext> — this looks like an xi:included fragment. Render the project's main source file instead, or pass the fragment option.`
         );
-    const B = f ? ot(f, n, W) : void 0, X = await t.fromString(p, {
-      url: `${u}/${a.split(D).join("/")}`,
+    const F = f ? mt(f, t, W) : void 0, N = await n.fromString(h, {
+      url: `${d}/${a.split(M).join("/")}`,
       options: { noEnt: !0, dtdLoad: !0, huge: !0 }
     }), H = {
-      publisher: G(d)
+      publisher: Y(u)
     };
-    for (const [c, v] of Object.entries(e.stringParams ?? {}))
-      H[c] = G(v);
+    for (const [c, b] of Object.entries(e.stringParams ?? {}))
+      H[c] = Y(b);
     let k;
     try {
-      k = await ge.apply(X, H);
+      k = await be.apply(N, H);
     } catch (c) {
-      throw Y(c), new Error(
+      throw q(c), new Error(
         "PreTeXt XSLT transform failed; see the PTX:ERROR/PTX:FATAL messages on stderr for details.",
         { cause: c }
       );
     } finally {
-      X.delete();
+      N.delete();
     }
     try {
-      let c = ft(k.toHtmlString());
-      return (e.openKnowls ?? !0) && (c = ke(c)), m === "slides" ? (c = pt(c), c = Ze(c, e.revealView ?? "scroll", {
+      let c = Et(k.toHtmlString());
+      return (e.openKnowls ?? !0) && (c = je(c)), m === "slides" ? (c = $t(c), c = ct(c, e.revealView ?? "scroll", {
         zoom: e.revealZoom
-      })) : e.theme && (c = ct(c, e.theme)), {
+      })) : e.theme && (c = bt(c, e.theme)), e.previewBanner && (c = Ie(c, e.previewBanner)), {
         html: c,
         target: m,
-        ...B ? { sourceMap: B } : {},
+        ...F ? { sourceMap: F } : {},
         ...O ? { assetDirs: O } : {}
       };
     } catch (c) {
-      throw Y(c), c;
+      throw q(c), c;
     } finally {
       k.delete();
     }
   } finally {
-    Le(u);
+    He(d);
   }
 }
 export {
-  pe as PREVIEW_THEME_MESSAGE,
-  lt as defaultXslDir,
-  st as detectRenderTarget,
-  It as findSourceMapEntry,
-  Oe as forcePortablePublication,
-  Ze as injectRevealBridge,
-  ct as injectThemeBridge,
-  ut as isJspiAvailable,
-  Rt as isPreviewTheme,
-  kt as isRevealView,
-  ke as openBornHiddenKnowls,
-  Mt as previewThemeMessage,
-  Dt as renderHtml,
-  Je as revealBridgeScript,
-  St as setAssetsBase,
-  _t as setMountReader,
-  at as themeBridgeScript,
-  G as xpathStringLiteral
+  ye as PREVIEW_BANNER_STORAGE_KEY,
+  me as PREVIEW_THEME_MESSAGE,
+  gt as defaultXslDir,
+  wt as detectRenderTarget,
+  Ot as findSourceMapEntry,
+  Ke as forcePortablePublication,
+  Ie as injectPreviewBanner,
+  ct as injectRevealBridge,
+  bt as injectThemeBridge,
+  yt as isJspiAvailable,
+  Wt as isPreviewTheme,
+  jt as isRevealView,
+  je as openBornHiddenKnowls,
+  $e as previewBannerScript,
+  Ft as previewThemeMessage,
+  Nt as renderHtml,
+  rt as revealBridgeScript,
+  Ct as setAssetsBase,
+  Pt as setMountReader,
+  vt as themeBridgeScript,
+  Y as xpathStringLiteral
 };