@wdprlib/render 0.1.5 → 1.0.0-rc.0

package/dist/index.cjs

@@ -1,8 +1,21 @@
 var import_node_module = require("node:module");
+var __create = Object.create;
+var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __toESM = (mod, isNodeMode, target) => {
+  target = mod != null ? __create(__getProtoOf(mod)) : {};
+  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
+  for (let key of __getOwnPropNames(mod))
+    if (!__hasOwnProp.call(to, key))
+      __defProp(to, key, {
+        get: () => mod[key],
+        enumerable: true
+      });
+  return to;
+};
 var __moduleCache = /* @__PURE__ */ new WeakMap;
 var __toCommonJS = (from) => {
   var entry = __moduleCache.get(from), desc;
@@ -30,7 +43,8 @@ var __export = (target, all) => {
 // packages/render/src/index.ts
 var exports_src = {};
 __export(exports_src, {
-  renderToHtml: () => renderToHtml
+  renderToHtml: () => renderToHtml,
+  DEFAULT_EMBED_ALLOWLIST: () => DEFAULT_EMBED_ALLOWLIST
 });
 module.exports = __toCommonJS(exports_src);
 
@@ -403,17 +417,43 @@ class RenderContext {
   _footnoteIndex = 0;
   _equationIndex = 0;
   _htmlBlockIndex = 0;
+  _bibciteCounter = 0;
   options;
   footnotes;
   styles;
   htmlBlocks;
   tocElements;
+  bibliographyMap;
+  bibliographyEntries;
   constructor(tree, options = {}) {
     this.options = options;
     this.footnotes = options.footnotes ?? tree.footnotes ?? [];
     this.styles = tree.styles ?? [];
     this.htmlBlocks = tree["html-blocks"] ?? [];
     this.tocElements = tree["table-of-contents"] ?? [];
+    this.bibliographyMap = new Map;
+    this.bibliographyEntries = [];
+    this.buildBibliographyMap(tree.elements);
+  }
+  buildBibliographyMap(elements) {
+    for (const el of elements) {
+      if (el.element === "bibliography-block") {
+        const data = el.data;
+        for (const entry of data.entries) {
+          if (!this.bibliographyMap.has(entry.key_string)) {
+            const index = this.bibliographyMap.size + 1;
+            this.bibliographyMap.set(entry.key_string, index);
+            this.bibliographyEntries.push(entry);
+          }
+        }
+      }
+      if ("data" in el && el.data && typeof el.data === "object") {
+        const data = el.data;
+        if ("elements" in data && Array.isArray(data.elements)) {
+          this.buildBibliographyMap(data.elements);
+        }
+      }
+    }
   }
   push(html) {
     this.chunks.push(html);
@@ -436,15 +476,24 @@ class RenderContext {
   nextHtmlBlockIndex() {
     return this._htmlBlockIndex++;
   }
+  nextBibciteCounter() {
+    return ++this._bibciteCounter;
+  }
   get page() {
     return this.options.page;
   }
   resolveImageSource(source) {
+    const pageName = this.page?.pageName;
     switch (source.type) {
-      case "url":
-        return source.data;
+      case "url": {
+        const url = source.data;
+        if (url.startsWith("/") && !url.startsWith("//")) {
+          return `/local--files${url}`;
+        }
+        return url;
+      }
       case "file1":
-        return `/local--files/${source.data.file}`;
+        return pageName ? `/local--files/${pageName}/${source.data.file}` : `/local--files/${source.data.file}`;
       case "file2":
         return `/local--files/${source.data.page}/${source.data.file}`;
       case "file3":
@@ -455,10 +504,34 @@ class RenderContext {
     if (typeof location === "string") {
       return location;
     }
+    const page = location.page;
+    if (page.startsWith("//")) {
+      return page.toLowerCase();
+    }
+    const hashIdx = page.indexOf("#");
+    if (hashIdx !== -1) {
+      let pagePart = page.slice(0, hashIdx);
+      const anchor = page.slice(hashIdx);
+      if (pagePart.endsWith("/")) {
+        pagePart = pagePart.slice(0, -1);
+      }
+      return `/${pagePart.toLowerCase()}${anchor.toLowerCase()}`;
+    }
+    const normalizedPage = this.normalizePageName(page);
+    const safePage = normalizedPage.startsWith("/") ? normalizedPage.slice(1) : normalizedPage;
     if (location.site) {
-      return `https://${location.site}.wikidot.com/${location.page}`;
+      return `https://${location.site}.wikidot.com/${safePage}`;
+    }
+    return `/${safePage}`;
+  }
+  normalizePageName(page) {
+    let normalized = page.toLowerCase();
+    normalized = normalized.replace(/:\s+/g, ":");
+    normalized = normalized.replace(/\s+/g, "-").trim();
+    if (!normalized.startsWith("/")) {
+      normalized = normalized.replace(/\//g, "-");
     }
-    return `/${location.page}`;
+    return normalized;
   }
   renderAttributes(attributes) {
     const safe = sanitizeAttributes(attributes);
@@ -553,6 +626,9 @@ function renderStringContainer(ctx, type, attributes, elements) {
       ctx.push("</span>");
       break;
     case "div":
+      if (elements.length === 0 && Object.keys(attributes).length === 0) {
+        break;
+      }
       ctx.push(`<div${renderAttrs(attributes)}>`);
       renderElements(ctx, elements);
       ctx.push("</div>");
@@ -672,7 +748,7 @@ function renderRaw(ctx, data) {
   if (data === "")
     return;
   ctx.push(`<span style="white-space: pre-wrap;">`);
-  ctx.push(escapeHtml(data));
+  ctx.push(escapeHtml(data).replace(/ /g, "&#32;"));
   ctx.push("</span>");
 }
 function renderEmail(ctx, email) {
@@ -694,6 +770,19 @@ function renderLink(ctx, data) {
     href = "#invalid-url";
   }
   const attrs = [`href="${escapeAttr(href)}"`];
+  if (data.type === "page" && typeof data.link === "object") {
+    const page = data.link.page;
+    const isSpecialPage = page.startsWith("//") || page.includes(":") || page.includes("#/");
+    if (!isSpecialPage) {
+      const hashIdx = page.indexOf("#");
+      const pageToCheck = hashIdx !== -1 ? page.slice(0, hashIdx) : page;
+      const pageExists = ctx.page?.pageExists;
+      const exists = pageExists ? pageExists(pageToCheck) : false;
+      if (!exists) {
+        attrs.push(`class="newpage"`);
+      }
+    }
+  }
   if (data.target) {
     const targetMap = {
       "new-tab": "_blank",
@@ -787,7 +876,16 @@ function renderImage(ctx, data) {
   const imgTag = `<img ${imgAttrs.join(" ")} />`;
   let output = imgTag;
   if (data.link) {
-    let href = typeof data.link === "string" ? data.link : `/${data.link.page}`;
+    let href;
+    if (typeof data.link === "string") {
+      if (!data.link.startsWith("/") && !data.link.startsWith("#") && !data.link.startsWith("http://") && !data.link.startsWith("https://")) {
+        href = `/${data.link}`;
+      } else {
+        href = data.link;
+      }
+    } else {
+      href = `/${data.link.page}`;
+    }
     if (isDangerousUrl(href)) {
       href = "#invalid-url";
     }
@@ -804,7 +902,16 @@ function renderImage(ctx, data) {
 }
 function getAlignmentClass(align, isFloat) {
   if (isFloat) {
-    return align === "left" ? "floatleft" : "floatright";
+    switch (align) {
+      case "left":
+        return "floatleft";
+      case "right":
+        return "floatright";
+      case "center":
+        return "floatcenter";
+      default:
+        return `float${align}`;
+    }
   }
   switch (align) {
     case "left":
@@ -833,7 +940,87 @@ function getFilenameFromSource(source) {
 }
 
 // packages/render/src/elements/list.ts
+function trimTextElements(elements) {
+  if (elements.length === 0)
+    return elements;
+  let start = 0;
+  let end = elements.length;
+  while (start < end) {
+    const el = elements[start];
+    if (el.element === "text" && typeof el.data === "string" && el.data.trim() === "") {
+      start++;
+    } else {
+      break;
+    }
+  }
+  while (end > start) {
+    const el = elements[end - 1];
+    if (el.element === "text" && typeof el.data === "string" && el.data.trim() === "") {
+      end--;
+    } else {
+      break;
+    }
+  }
+  return elements.slice(start, end);
+}
+function isLiCloseTextParagraph(el) {
+  if (el.element !== "container")
+    return false;
+  const data = el.data;
+  if (data.type !== "paragraph")
+    return false;
+  const texts = data.elements.filter((e) => e.element === "text").map((e) => e.data);
+  const combined = texts.join("").trim();
+  return combined === "[[/li]]";
+}
+function renderNoMarkerElements(ctx, elements) {
+  const trimmed = trimTextElements(elements);
+  if (trimmed.length === 0)
+    return;
+  const paragraphIndices = [];
+  for (let i = 0;i < trimmed.length; i++) {
+    const el = trimmed[i];
+    if (el.element === "container" && el.data.type === "paragraph") {
+      paragraphIndices.push(i);
+    }
+  }
+  if (paragraphIndices.length === 0) {
+    renderElements(ctx, trimmed);
+    return;
+  }
+  const firstParagraphIdx = paragraphIndices[0];
+  const lastParagraphIdx = paragraphIndices[paragraphIndices.length - 1];
+  for (let i = 0;i < trimmed.length; i++) {
+    const el = trimmed[i];
+    if (el.element === "container" && el.data.type === "paragraph") {
+      const data = el.data;
+      if (i === firstParagraphIdx) {
+        renderElements(ctx, data.elements);
+      } else if (i === lastParagraphIdx && isLiCloseTextParagraph(el)) {
+        renderElements(ctx, data.elements);
+      } else {
+        ctx.push("<p>");
+        renderElements(ctx, data.elements);
+        ctx.push("</p>");
+      }
+    } else {
+      renderElement(ctx, el);
+    }
+  }
+}
 function renderList(ctx, data) {
+  const hasContent = data.items.some((item) => {
+    if (item["item-type"] === "sub-list")
+      return true;
+    if (item["item-type"] === "elements") {
+      const trimmed = trimTextElements(item.elements);
+      return trimmed.length > 0;
+    }
+    return false;
+  });
+  if (!hasContent) {
+    return;
+  }
   const tag = data.type === "numbered" ? "ol" : "ul";
   ctx.push(`<${tag}${renderListAttrs(data.attributes)}>`);
   const items = data.items;
@@ -841,8 +1028,14 @@ function renderList(ctx, data) {
   while (i < items.length) {
     const item = items[i];
     if (item["item-type"] === "elements") {
-      ctx.push(`<li${renderListAttrs(item.attributes)}>`);
-      renderElements(ctx, item.elements);
+      const hasNoMarker = item.attributes._noMarker === "true";
+      const styleAttr = hasNoMarker ? ' style="list-style: none"' : "";
+      ctx.push(`<li${renderListAttrs(item.attributes)}${styleAttr}>`);
+      if (hasNoMarker) {
+        renderNoMarkerElements(ctx, item.elements);
+      } else {
+        renderElements(ctx, trimTextElements(item.elements));
+      }
       while (i + 1 < items.length && items[i + 1]["item-type"] === "sub-list") {
         i++;
         const subItem = items[i];
@@ -3760,7 +3953,7 @@ function renderTabView(ctx, tabs) {
   ctx.push(`<div class="yui-content">`);
   for (let i = 0;i < tabs.length; i++) {
     const tab = tabs[i];
-    const displayStyle = i === 0 ? "" : ` style="display: none"`;
+    const displayStyle = i === 0 ? "" : ` style="display:none"`;
     ctx.push(`<div id="wiki-tab-0-${i}"${displayStyle}>`);
     renderElements(ctx, tab.elements);
     ctx.push("</div>");
@@ -3779,8 +3972,6 @@ function renderFootnoteRef(ctx, index) {
   ctx.push("</sup>");
 }
 function renderFootnoteBlock(ctx, data) {
-  if (data.hide)
-    return;
   if (ctx.footnotes.length === 0)
     return;
   const title = data.title ?? "Footnotes";
@@ -3798,26 +3989,81 @@ function renderFootnoteBlock(ctx, data) {
 }
 
 // packages/render/src/elements/math.ts
+var import_temml = __toESM(require("temml"));
+function needsAlignedWrapper(latex) {
+  if (/\\begin\s*\{/.test(latex)) {
+    return false;
+  }
+  const withoutEscaped = latex.replace(/\\&/g, "");
+  return withoutEscaped.includes("&");
+}
+function renderLatexToMathML(latex, displayMode) {
+  try {
+    let processedLatex = latex;
+    if (displayMode && needsAlignedWrapper(latex)) {
+      processedLatex = `\\begin{aligned}
+${latex}
+\\end{aligned}`;
+    }
+    return import_temml.default.renderToString(processedLatex, {
+      displayMode,
+      throwOnError: false,
+      annotate: false
+    });
+  } catch {
+    return "";
+  }
+}
 function renderMath(ctx, data) {
   const index = ctx.nextEquationIndex() + 1;
+  const latex = data["latex-source"];
+  const mathml = renderLatexToMathML(latex, true);
+  const id = data.name ? `equation-${data.name}` : `equation-${index}`;
+  const dataName = data.name ? ` data-name="${escapeAttr(data.name)}"` : "";
+  ctx.push(`<div class="math-block" id="${escapeAttr(id)}"${dataName}>`);
   if (data.name) {
     ctx.push(`<span class="equation-number">(${index})</span>`);
   }
-  const id = data.name ? `equation-${data.name}` : `equation-${index}`;
-  ctx.push(`<div class="math-equation" id="${escapeAttr(id)}">`);
-  ctx.push(escapeHtml(data["latex-source"]));
+  ctx.push(`<code class="math-source" hidden aria-hidden="true">`);
+  ctx.push(escapeHtml(latex));
+  ctx.push(`</code>`);
+  ctx.push(`<span class="math-render">`);
+  if (mathml) {
+    ctx.push(mathml);
+  } else {
+    ctx.push(`<span class="math-error">`);
+    ctx.push(escapeHtml(latex));
+    ctx.push(`</span>`);
+  }
+  ctx.push(`</span>`);
   ctx.push("</div>");
 }
 function renderMathInline(ctx, data) {
-  ctx.push(`<span class="math-inline">$`);
-  ctx.push(escapeHtml(data["latex-source"]));
-  ctx.push("$</span>");
+  const latex = data["latex-source"];
+  const mathml = renderLatexToMathML(latex, false);
+  ctx.push(`<span class="math-inline">`);
+  ctx.push(`<code class="math-source" hidden aria-hidden="true">`);
+  ctx.push(escapeHtml(latex));
+  ctx.push(`</code>`);
+  ctx.push(`<span class="math-render">`);
+  if (mathml) {
+    ctx.push(mathml);
+  } else {
+    ctx.push(`<span class="math-error">$`);
+    ctx.push(escapeHtml(latex));
+    ctx.push(`$</span>`);
+  }
+  ctx.push(`</span>`);
+  ctx.push("</span>");
 }
 function renderEquationRef(ctx, name) {
   const id = `equation-${name}`;
-  ctx.push(`<a class="equation-ref" href="#${escapeAttr(id)}">`);
+  ctx.push(`<span class="eref" data-target="${escapeAttr(id)}">`);
+  ctx.push(`<a class="eref-link" href="#${escapeAttr(id)}">`);
   ctx.push(escapeHtml(name));
-  ctx.push("</a>");
+  ctx.push(`</a>`);
+  ctx.push(`<span class="eref-tooltip" aria-hidden="true"></span>`);
+  ctx.push("</span>");
 }
 
 // packages/render/src/elements/module/backlinks.ts
@@ -3874,7 +4120,7 @@ function renderListPages(ctx, _data) {
 function renderModule(ctx, data) {
   switch (data.module) {
     case "unknown":
-      ctx.push(`<div class="error-block">[[module <em>${data.name}</em>]] No such module, please <a href="http://www.wikidot.com/doc:modules" target="_blank">check available modules</a> and fix this page.</div>`);
+      ctx.push(`<div class="error-block">[[module <em>${data.name}</em>]] No such module, please <a href="https://www.wikidot.com/doc:modules" target="_blank" rel="noopener noreferrer">check available modules</a> and fix this page.</div>`);
       break;
     case "backlinks":
       renderBacklinks(ctx, data);
@@ -3962,8 +4208,148 @@ function renderGitlabSnippet(ctx, snippetId) {
   ctx.push(`<script src="https://gitlab.com/snippets/${escapeAttr(snippetId)}.js"></script>`);
 }
 
+// packages/render/src/elements/embed-block.ts
+var import_dompurify = __toESM(require("dompurify"));
+var import_jsdom = require("jsdom");
+var BOOLEAN_ATTRIBUTES = [
+  "allowfullscreen",
+  "async",
+  "autofocus",
+  "autoplay",
+  "checked",
+  "controls",
+  "default",
+  "defer",
+  "disabled",
+  "formnovalidate",
+  "hidden",
+  "ismap",
+  "loop",
+  "multiple",
+  "muted",
+  "novalidate",
+  "open",
+  "readonly",
+  "required",
+  "reversed",
+  "selected"
+];
+var DEFAULT_EMBED_ALLOWLIST = [
+  { host: "*.youtube.com", pathPrefix: "/embed/" },
+  { host: "*.youtube-nocookie.com", pathPrefix: "/embed/" },
+  { host: "player.vimeo.com", pathPrefix: "/video/" },
+  { host: "*.google.com", pathPrefix: "/maps/embed" },
+  { host: "calendar.google.com", pathPrefix: "/calendar/embed" },
+  { host: "open.spotify.com", pathPrefix: "/embed/" },
+  { host: "w.soundcloud.com", pathPrefix: "/player/" },
+  { host: "codepen.io" }
+];
+var window = new import_jsdom.JSDOM("").window;
+var purify = import_dompurify.default(window);
+purify.addHook("uponSanitizeAttribute", (_node, data) => {
+  if (data.attrName === "src" && data.attrValue) {
+    if (!data.attrValue.toLowerCase().startsWith("https://")) {
+      data.attrValue = "";
+      data.forceKeepAttr = false;
+    }
+  }
+});
+var DOMPURIFY_CONFIG = {
+  ALLOWED_TAGS: ["iframe"],
+  ADD_ATTR: ["allow", "allowfullscreen", "frameborder", "loading", "referrerpolicy", "sandbox"],
+  FORBID_ATTR: ["srcdoc", "onload", "onerror", "onclick"]
+};
+function matchesHostPattern(hostname, pattern) {
+  const lowerHostname = hostname.toLowerCase();
+  const lowerPattern = pattern.toLowerCase();
+  if (lowerPattern.startsWith("*.")) {
+    const base = lowerPattern.slice(2);
+    return lowerHostname === base || lowerHostname.endsWith("." + base);
+  }
+  return lowerHostname === lowerPattern;
+}
+function matchesAllowlistEntry(url, entry) {
+  if (!matchesHostPattern(url.hostname, entry.host)) {
+    return false;
+  }
+  if (entry.pathPrefix) {
+    const pathLower = url.pathname.toLowerCase();
+    const prefixLower = entry.pathPrefix.toLowerCase();
+    if (!pathLower.startsWith(prefixLower)) {
+      return false;
+    }
+    if (!prefixLower.endsWith("/")) {
+      const remainder = pathLower.slice(prefixLower.length);
+      if (remainder && !/^[/?#]/.test(remainder)) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+function validateAndSanitizeEmbed(content, allowlist) {
+  const sanitized = purify.sanitize(content.trim(), {
+    ...DOMPURIFY_CONFIG,
+    RETURN_TRUSTED_TYPE: false
+  });
+  if (!sanitized.trim()) {
+    return null;
+  }
+  const dom = new import_jsdom.JSDOM(sanitized);
+  const iframes = dom.window.document.querySelectorAll("iframe");
+  if (iframes.length !== 1) {
+    return null;
+  }
+  const iframe = iframes[0];
+  const src = iframe.getAttribute("src")?.trim();
+  if (!src) {
+    return null;
+  }
+  let url;
+  try {
+    url = new URL(src);
+  } catch {
+    return null;
+  }
+  if (url.protocol !== "https:") {
+    return null;
+  }
+  if (allowlist !== null) {
+    const matched = allowlist.some((entry) => matchesAllowlistEntry(url, entry));
+    if (!matched) {
+      return null;
+    }
+  }
+  return sanitized;
+}
+function normalizeBooleanAttributes(html) {
+  let result = html;
+  for (const attr of BOOLEAN_ATTRIBUTES) {
+    const standalonePattern = new RegExp(`\\s${attr}(?=\\s|>|/>)`, "gi");
+    result = result.replace(standalonePattern, ` ${attr}="${attr}"`);
+    const emptyValuePattern = new RegExp(`\\s${attr}=""`, "gi");
+    result = result.replace(emptyValuePattern, ` ${attr}="${attr}"`);
+  }
+  return result;
+}
+function renderEmbedBlock(ctx, data) {
+  const allowlist = ctx.options.embedAllowlist !== undefined ? ctx.options.embedAllowlist : DEFAULT_EMBED_ALLOWLIST;
+  const sanitized = validateAndSanitizeEmbed(data.contents, allowlist);
+  if (sanitized === null) {
+    ctx.push('<div class="error-block">Sorry, no match for the embedded content.</div>');
+    return;
+  }
+  const normalized = normalizeBooleanAttributes(sanitized);
+  ctx.push(normalized);
+}
+
 // packages/render/src/elements/user.ts
 function renderUser(ctx, data) {
+  const normalized = data.name.toLowerCase().trim();
+  if (normalized === "anonymous") {
+    ctx.push("Anonymous");
+    return;
+  }
   const resolved = ctx.options.resolvers?.user?.(data.name) ?? null;
   if (resolved === null) {
     ctx.push(escapeHtml(data.name));
@@ -3973,9 +4359,10 @@ function renderUser(ctx, data) {
   const hrefAttr = resolved.url ? ` href="${escapeAttr(resolved.url)}"` : "";
   const showAvatar = data["show-avatar"] && resolved.url && resolved.avatarUrl;
   if (showAvatar) {
+    const styleAttr = resolved.karmaUrl ? ` style="background-image:url(${escapeAttr(resolved.karmaUrl)})"` : "";
     ctx.push(`<span class="printuser avatarhover">`);
     ctx.push(`<a${hrefAttr}>`);
-    ctx.push(`<img class="small" src="${escapeAttr(resolved.avatarUrl)}" alt="${escapeAttr(displayName)}" />`);
+    ctx.push(`<img class="small" src="${escapeAttr(resolved.avatarUrl)}" alt="${escapeAttr(displayName)}"${styleAttr} />`);
     ctx.push("</a>");
     ctx.push(`<a${hrefAttr}>`);
     ctx.push(escapeHtml(displayName));
@@ -3991,23 +4378,43 @@ function renderUser(ctx, data) {
 }
 
 // packages/render/src/elements/bibliography.ts
+function generateIdSuffix(label, counter) {
+  let h = 2166136261;
+  const input = label + counter;
+  for (let i = 0;i < input.length; i++) {
+    h ^= input.charCodeAt(i);
+    h = Math.imul(h, 16777619);
+  }
+  return (h >>> 0).toString(16).slice(0, 6);
+}
 function renderBibliographyCite(ctx, data) {
-  if (data.brackets) {
-    ctx.push("[");
+  const number = ctx.bibliographyMap.get(data.label);
+  const counter = ctx.nextBibciteCounter();
+  if (number === undefined) {
+    ctx.push(escapeHtml(data.label));
+    return;
   }
-  ctx.push(`<a class="bibcite" href="javascript:;">`);
-  ctx.push(escapeHtml(data.label));
+  const idSuffix = generateIdSuffix(data.label, counter);
+  const id = `bibcite-${number}-${idSuffix}`;
+  const onclick = `WIKIDOT.page.utils.scrollToReference('bibitem-${number}')`;
+  ctx.push(`<a href="javascript:;" class="bibcite" id="${id}" onclick="${escapeAttr(onclick)}">`);
+  ctx.push(String(number));
   ctx.push("</a>");
-  if (data.brackets) {
-    ctx.push("]");
-  }
 }
-function renderBibliographyBlock(ctx, data) {
+function renderBibliographyBlock(ctx, data, renderElements2) {
   if (data.hide)
     return;
   const title = data.title ?? "Bibliography";
   ctx.push(`<div class="bibitems">`);
   ctx.push(`<div class="title">${escapeHtml(title)}</div>`);
+  let index = 1;
+  for (const entry of data.entries) {
+    ctx.push(`<div class="bibitem" id="bibitem-${index}">`);
+    ctx.push(`${index}. `);
+    renderElements2(ctx, entry.value);
+    ctx.push("</div>");
+    index++;
+  }
   ctx.push("</div>");
 }
 
@@ -4110,17 +4517,61 @@ function renderHtmlBlock(ctx, data) {
   const src = callbackUrl || generateDefaultUrl(pageName, data.contents);
   const sandbox = ctx.options.htmlBlockSandbox;
   const sandboxAttr = sandbox ? ` sandbox="${escapeAttr(sandbox)}"` : "";
-  ctx.push(`<iframe src="${escapeAttr(src)}"${sandboxAttr} allowtransparency="true" frameborder="0" class="html-block-iframe"></iframe>`);
+  const styleAttr = data.style ? ` style="${escapeAttr(sanitizeStyleValue(data.style))}"` : "";
+  ctx.push(`<p><iframe src="${escapeAttr(src)}"${sandboxAttr} allowtransparency="true" frameborder="0" class="html-block-iframe"${styleAttr}></iframe></p>`);
 }
 
 // packages/render/src/elements/include.ts
 function renderInclude(ctx, data) {
+  if (data.elements.length === 0) {
+    const pageName = data.location.page.toLowerCase();
+    const encodedPageName = pageName.replace(/[^a-z0-9\-_:/]/g, (c) => encodeURIComponent(c));
+    const safePath = encodedPageName.startsWith("/") ? encodedPageName.slice(1) : encodedPageName;
+    ctx.push(`<div class="error-block"><p>Included page "${escapeHtml(pageName)}" does not exist (<a href="/${escapeAttr(safePath)}/edit/true">create it now</a>)</p></div>`);
+    return;
+  }
   renderElements(ctx, data.elements);
 }
 
 // packages/render/src/elements/iftags.ts
+function evaluateIfTagsCondition(condition, pageTags) {
+  const pageTagSet = new Set(pageTags.map((t) => t.toLowerCase()));
+  const tokens = condition.split(/\s+/).filter(Boolean);
+  if (tokens.length === 0) {
+    return false;
+  }
+  const required = [];
+  const excluded = [];
+  const optional = [];
+  for (const token of tokens) {
+    if (token.startsWith("+")) {
+      required.push(token.slice(1).toLowerCase());
+    } else if (token.startsWith("-")) {
+      excluded.push(token.slice(1).toLowerCase());
+    } else {
+      optional.push(token.toLowerCase());
+    }
+  }
+  for (const tag of required) {
+    if (!pageTagSet.has(tag))
+      return false;
+  }
+  for (const tag of excluded) {
+    if (pageTagSet.has(tag))
+      return false;
+  }
+  if (optional.length > 0) {
+    const hasAnyOptional = optional.some((tag) => pageTagSet.has(tag));
+    if (!hasAnyOptional)
+      return false;
+  }
+  return true;
+}
 function renderIfTags(ctx, data) {
-  renderElements(ctx, data.elements);
+  const pageTags = ctx.page?.tags ?? [];
+  if (evaluateIfTagsCondition(data.condition, pageTags)) {
+    renderElements(ctx, data.elements);
+  }
 }
 
 // packages/render/src/elements/color.ts
@@ -4295,7 +4746,7 @@ class ExprParser {
   parse() {
     const result = this.parseOr();
     if (this.current().kind !== "EOF") {
-      throw new Error("Unexpected token");
+      throw new Error("too many values in the stack");
     }
     return result;
   }
@@ -4408,7 +4859,7 @@ class ExprParser {
     }
     if (kind === "PLUS") {
       this.advance();
-      return this.parseUnary();
+      return +this.parseUnary();
     }
     return this.parsePrimary();
   }
@@ -4531,8 +4982,11 @@ function renderIf(ctx, data) {
 }
 function renderIfExpr(ctx, data) {
   const result = evaluateExpression(data.expression);
-  const isTrue = result.success && result.value !== 0;
-  const elements = isTrue ? data.then : data.else;
+  if (!result.success) {
+    ctx.pushEscaped(`run-time error: ${result.error}`);
+    return;
+  }
+  const elements = result.value !== 0 ? data.then : data.else;
   renderBranchElements(ctx, elements);
 }
 function renderBranchElements(ctx, elements) {
@@ -4630,7 +5084,7 @@ function renderElement(ctx, element) {
       renderBibliographyCite(ctx, element.data);
       break;
     case "bibliography-block":
-      renderBibliographyBlock(ctx, element.data);
+      renderBibliographyBlock(ctx, element.data, renderElements);
       break;
     case "table-of-contents":
       renderTableOfContents(ctx, element.data);
@@ -4647,6 +5101,9 @@ function renderElement(ctx, element) {
     case "embed":
       renderEmbed(ctx, element.data);
       break;
+    case "embed-block":
+      renderEmbedBlock(ctx, element.data);
+      break;
     case "user":
       renderUser(ctx, element.data);
       break;