@bendyline/squisq-formats 1.2.3 → 1.3.0

package/dist/chunk-33YRFXZZ.js

@@ -0,0 +1,1187 @@
+import {
+  arrayBufferToBase64DataUrl,
+  extractFilename,
+  inferMimeType
+} from "./chunk-A3FHLTY5.js";
+
+// src/html/index.ts
+import JSZip3 from "jszip";
+
+// src/html/htmlTemplate.ts
+function collectImagePaths(doc) {
+  const paths = /* @__PURE__ */ new Set();
+  function addIfRelative(src) {
+    if (!src || src.startsWith("data:") || src.startsWith("blob:") || src.startsWith("http://") || src.startsWith("https://")) {
+      return;
+    }
+    paths.add(src);
+  }
+  function scanLayers(layers) {
+    if (!layers) return;
+    for (const layer of layers) {
+      if (layer.type === "image") addIfRelative(layer.content.src);
+      if (layer.type === "video") {
+        addIfRelative(layer.content.src);
+        addIfRelative(layer.content.posterSrc);
+      }
+      if (layer.type === "map") addIfRelative(layer.content.staticSrc);
+    }
+  }
+  function scanBlock(block) {
+    scanLayers(block.layers);
+    if (block.contents) scanMarkdownNodes(block.contents, addIfRelative);
+    if (block.children) block.children.forEach(scanBlock);
+  }
+  doc.blocks.forEach(scanBlock);
+  if (doc.startBlock?.heroSrc) addIfRelative(doc.startBlock.heroSrc);
+  if (doc.persistentLayers) {
+    for (const pl of doc.persistentLayers.bottomLayers ?? []) {
+      if ("src" in pl && typeof pl.src === "string") addIfRelative(pl.src);
+    }
+    for (const pl of doc.persistentLayers.topLayers ?? []) {
+      if ("src" in pl && typeof pl.src === "string") addIfRelative(pl.src);
+    }
+  }
+  for (const block of doc.blocks) {
+    scanTemplateImageFields(block, paths);
+  }
+  return paths;
+}
+function scanMarkdownNodes(nodes, visit) {
+  for (const node of nodes) {
+    if (!node || typeof node !== "object") continue;
+    const n = node;
+    if (n.type === "image" && typeof n.url === "string") {
+      visit(n.url);
+    }
+    if ((n.type === "htmlBlock" || n.type === "htmlInline") && Array.isArray(n.htmlChildren)) {
+      scanHtmlNodes(n.htmlChildren, visit);
+    }
+    if (Array.isArray(n.children)) {
+      scanMarkdownNodes(n.children, visit);
+    }
+  }
+}
+function scanHtmlNodes(nodes, visit) {
+  for (const node of nodes) {
+    if (!node || typeof node !== "object") continue;
+    const n = node;
+    if (n.type !== "htmlElement") continue;
+    if (n.tagName === "img") {
+      const attrs = n.attributes;
+      if (attrs && typeof attrs.src === "string") visit(attrs.src);
+    }
+    if (Array.isArray(n.children)) {
+      scanHtmlNodes(n.children, visit);
+    }
+  }
+}
+function scanTemplateImageFields(obj, paths) {
+  if (!obj || typeof obj !== "object") return;
+  const imageFieldNames = [
+    "imageSrc",
+    "src",
+    "heroSrc",
+    "backgroundImage",
+    "posterSrc",
+    "staticSrc",
+    "videoSrc",
+    "thumbnailSrc"
+  ];
+  for (const key of imageFieldNames) {
+    const val = obj[key];
+    if (typeof val === "string" && val && !val.startsWith("data:") && !val.startsWith("http")) {
+      paths.add(val);
+    }
+    if (val && typeof val === "object" && !Array.isArray(val)) {
+      scanTemplateImageFields(val, paths);
+    }
+  }
+  if (Array.isArray(obj)) {
+    for (const item of obj) {
+      if (item && typeof item === "object") {
+        scanTemplateImageFields(item, paths);
+      }
+    }
+  }
+  for (const key of ["images", "accentImage", "backgroundVideo", "children", "blocks"]) {
+    const val = obj[key];
+    if (Array.isArray(val)) {
+      for (const item of val) {
+        if (item && typeof item === "object") {
+          scanTemplateImageFields(item, paths);
+        }
+      }
+    } else if (val && typeof val === "object") {
+      scanTemplateImageFields(val, paths);
+    }
+  }
+}
+function escapeForScript(str) {
+  return str.replace(/<\/(script)/gi, "<\\/$1");
+}
+function generateInlineHtml(doc, options) {
+  const {
+    playerScript,
+    images,
+    mode = "slideshow",
+    title = "Squisq Document",
+    autoPlay = false,
+    themeId
+  } = options;
+  if (themeId) {
+    doc = { ...doc, themeId };
+  }
+  const imageMap = {};
+  if (images) {
+    for (const [path, buffer] of images.entries()) {
+      const mimeType = inferMimeType(path);
+      imageMap[path] = arrayBufferToBase64DataUrl(buffer, mimeType);
+    }
+  }
+  const docJson = escapeForScript(JSON.stringify(doc));
+  const imageMapJson = escapeForScript(JSON.stringify(imageMap));
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>${escapeHtml(title)}</title>
+<style>
+*,*::before,*::after{box-sizing:border-box}
+html,body{margin:0;padding:0;height:100%;background:#1a1a2e;color:#e0e0e0;font-family:system-ui,-apple-system,sans-serif}
+#squisq-root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
+${mode === "static" ? "#squisq-root{align-items:flex-start;overflow-y:auto;background:#fff;color:#1f2937}" : ""}
+</style>
+</head>
+<body>
+<div id="squisq-root"></div>
+<script>${escapeForScript(playerScript)}</script>
+<script>
+(function(){
+  var doc = JSON.parse(${JSON.stringify(docJson)});
+  var images = JSON.parse(${JSON.stringify(imageMapJson)});
+  SquisqPlayer.mount(document.getElementById("squisq-root"), doc, {
+    mode: ${JSON.stringify(mode)},
+    images: images,
+    autoPlay: ${JSON.stringify(autoPlay)},
+    basePath: "."
+  });
+})();
+</script>
+</body>
+</html>`;
+}
+function generateExternalHtml(doc, options) {
+  const {
+    playerScriptPath,
+    imagePathMap,
+    audioPathMap,
+    mode = "slideshow",
+    title = "Squisq Document",
+    autoPlay = false
+  } = options;
+  const docJson = escapeForScript(JSON.stringify(doc));
+  const imageMapJson = imagePathMap ? escapeForScript(JSON.stringify(imagePathMap)) : "{}";
+  const audioMapJson = audioPathMap ? escapeForScript(JSON.stringify(audioPathMap)) : "null";
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>${escapeHtml(title)}</title>
+<style>
+*,*::before,*::after{box-sizing:border-box}
+html,body{margin:0;padding:0;height:100%;background:#1a1a2e;color:#e0e0e0;font-family:system-ui,-apple-system,sans-serif}
+#squisq-root{width:100%;height:100%;display:flex;align-items:center;justify-content:center}
+${mode === "static" ? "#squisq-root{align-items:flex-start;overflow-y:auto;background:#fff;color:#1f2937}" : ""}
+</style>
+</head>
+<body>
+<div id="squisq-root"></div>
+<script src="${escapeHtml(playerScriptPath)}"></script>
+<script>
+(function(){
+  var doc = JSON.parse(${JSON.stringify(docJson)});
+  var images = JSON.parse(${JSON.stringify(imageMapJson)});
+  var audio = ${audioMapJson};
+  SquisqPlayer.mount(document.getElementById("squisq-root"), doc, {
+    mode: ${JSON.stringify(mode)},
+    images: images,
+    audio: audio,
+    autoPlay: ${JSON.stringify(autoPlay)},
+    basePath: "."
+  });
+})();
+</script>
+</body>
+</html>`;
+}
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+}
+
+// src/html/plainHtml.ts
+import { resolveFontFamily, buildGoogleFontsUrl, resolveTheme } from "@bendyline/squisq/schemas";
+function markdownDocToPlainHtml(doc, options = {}) {
+  const { title = "Document", images, links, themeId, iconsCss } = options;
+  const theme = options.theme ?? (themeId ? resolveTheme(themeId) : void 0) ?? (typeof doc.frontmatter?.themeId === "string" ? resolveTheme(doc.frontmatter.themeId) : void 0);
+  const ctx = { images, links };
+  const body = renderTopLevel(doc.children, ctx);
+  const fontsLink = theme ? renderFontsLink(theme) : "";
+  const usesIcons = docUsesIcons(doc);
+  let iconsLink = "";
+  if (usesIcons) {
+    iconsLink = iconsCss ? `<style data-fa-inline>
+${iconsCss}
+</style>
+` : FONT_AWESOME_LINK;
+  }
+  const themedCss = theme ? renderThemedCss(theme) : DEFAULT_CSS;
+  return `<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>${escapeHtml2(title)}</title>
+${fontsLink}${iconsLink}<style>
+${themedCss}
+${FEATURE_CSS}
+</style>
+</head>
+<body>
+${body}
+</body>
+</html>`;
+}
+var FONT_AWESOME_LINK = `<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer">
+`;
+function docUsesIcons(doc) {
+  function visit(node) {
+    if (!node || typeof node !== "object") return false;
+    const n = node;
+    if (n.type === "inlineIcon") return true;
+    if (Array.isArray(n.children)) {
+      for (const child of n.children) if (visit(child)) return true;
+    }
+    return false;
+  }
+  return visit(doc);
+}
+function renderTopLevel(children, ctx) {
+  const out = [];
+  for (let i = 0; i < children.length; i++) {
+    const node = children[i];
+    if (node && node.type === "heading") {
+      const heading = node;
+      const tpl = heading.templateAnnotation?.template;
+      if (tpl === "leftFeature" || tpl === "rightFeature") {
+        const end = findSectionEnd(children, i);
+        const sectionBody = children.slice(i + 1, end);
+        out.push(renderFeatureSection(heading, sectionBody, tpl, ctx));
+        i = end - 1;
+        continue;
+      }
+    }
+    out.push(nodeToHtml(node, ctx));
+  }
+  return out.join("\n");
+}
+function findSectionEnd(nodes, from) {
+  for (let i = from + 1; i < nodes.length; i++) {
+    const n = nodes[i];
+    if (n && n.type === "heading") return i;
+  }
+  return nodes.length;
+}
+function renderFeatureSection(heading, bodyNodes, side, ctx) {
+  const headingTag = `h${Math.min(Math.max(heading.depth ?? 2, 1), 6)}`;
+  const headingHtml = `<${headingTag}>${childrenToHtml({ children: heading.children }, ctx)}</${headingTag}>`;
+  const featured = takeFirstImage(bodyNodes);
+  const media = featured.image ? renderFeatureImage(featured.image, ctx) : '<div class="squisq-feature__media squisq-feature__media--empty"></div>';
+  const textHtml = [headingHtml, ...featured.remaining.map((n) => nodeToHtml(n, ctx))].filter((s) => s.length > 0).join("\n");
+  const sideClass = side === "leftFeature" ? "squisq-feature--left" : "squisq-feature--right";
+  return `<section class="squisq-feature ${sideClass}">
+${media}
+<div class="squisq-feature__body">
+${textHtml}
+</div>
+</section>`;
+}
+function renderFeatureImage(img, ctx) {
+  const resolved = ctx?.images?.get(img.src) ?? img.src;
+  const attrs = [`src="${escapeAttr(resolved)}"`, `alt="${escapeAttr(img.alt)}"`];
+  if (typeof img.width === "number") attrs.push(`width="${img.width}"`);
+  if (typeof img.height === "number") attrs.push(`height="${img.height}"`);
+  const sizedClass = typeof img.width === "number" || typeof img.height === "number" ? " squisq-feature__media--sized" : "";
+  return `<div class="squisq-feature__media${sizedClass}"><img ${attrs.join(" ")} /></div>`;
+}
+function takeFirstImage(nodes) {
+  for (let i = 0; i < nodes.length; i++) {
+    const found = extractFirstImageFromBlock(nodes[i]);
+    if (!found) continue;
+    const remaining = [...nodes];
+    if (found.replacement === null) {
+      remaining.splice(i, 1);
+    } else {
+      remaining[i] = found.replacement;
+    }
+    return { image: found.image, remaining };
+  }
+  return { image: null, remaining: nodes };
+}
+function extractFirstImageFromBlock(block) {
+  if (!block || typeof block !== "object") return null;
+  const b = block;
+  if (b.type === "paragraph" && Array.isArray(b.children)) {
+    const kids = b.children;
+    const imgIdx = kids.findIndex(
+      (k) => k.type === "image" && typeof k.url === "string"
+    );
+    if (imgIdx >= 0) {
+      const img = kids[imgIdx];
+      const remainingKids = [...kids.slice(0, imgIdx), ...kids.slice(imgIdx + 1)].filter(
+        (k) => !isBlankInline(k)
+      );
+      const replacement = remainingKids.length === 0 ? null : { ...b, children: remainingKids };
+      return {
+        image: { src: img.url, alt: img.alt ?? "" },
+        replacement
+      };
+    }
+  }
+  if (b.type === "htmlBlock" && Array.isArray(b.htmlChildren)) {
+    const hit = findHtmlImg(b.htmlChildren);
+    if (hit) return { image: hit, replacement: null };
+  }
+  return null;
+}
+function isBlankInline(node) {
+  if (!node || typeof node !== "object") return false;
+  const n = node;
+  return n.type === "text" && typeof n.value === "string" && n.value.trim().length === 0;
+}
+function findHtmlImg(nodes) {
+  for (const n of nodes) {
+    if (n.type !== "htmlElement") continue;
+    if (n.tagName.toLowerCase() === "img") {
+      const src = n.attributes.src;
+      if (typeof src === "string" && src) {
+        return {
+          src,
+          alt: typeof n.attributes.alt === "string" ? n.attributes.alt : "",
+          width: parseHtmlDim(n.attributes.width),
+          height: parseHtmlDim(n.attributes.height)
+        };
+      }
+    }
+    const nested = findHtmlImg(n.children);
+    if (nested) return nested;
+  }
+  return null;
+}
+function parseHtmlDim(raw) {
+  if (raw === void 0) return void 0;
+  const n = parseFloat(raw);
+  return Number.isFinite(n) && n > 0 ? n : void 0;
+}
+var FEATURE_CSS = `  .squisq-feature {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 1.5em;
+    align-items: center;
+    margin: 1.75em 0;
+  }
+  .squisq-feature--right { flex-direction: row-reverse; }
+  .squisq-feature__media {
+    flex: 0 0 42%;
+    min-width: 0;
+  }
+  .squisq-feature__media--empty { display: none; }
+  /* Default: image fills the media column. */
+  .squisq-feature__media img {
+    width: 100%;
+    height: auto;
+    display: block;
+    border-radius: 6px;
+  }
+  /* "Sized" media: the image carried explicit width/height attrs (the
+     WYSIWYG editor wrote them after a resize). Honor the attribute
+     values and center the image inside the media column with padding. */
+  .squisq-feature__media--sized {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 1em;
+    box-sizing: border-box;
+  }
+  /* Leave width and height untouched here -- the HTML attributes set
+     the intrinsic dimensions, and CSS overrides would silently discard
+     the author's sizing. max-width: 100% still keeps the image from
+     overflowing the column on narrow viewports; HTML5 derives the
+     aspect ratio from the width/height pair so the scale stays right. */
+  .squisq-feature__media--sized img {
+    max-width: 100%;
+    display: block;
+    border-radius: 6px;
+  }
+  .squisq-feature__body {
+    flex: 1 1 0;
+    min-width: 0;
+  }
+  .squisq-feature__body > :first-child { margin-top: 0; }
+  .squisq-feature__body > :last-child { margin-bottom: 0; }
+  @media (max-width: 600px) {
+    .squisq-feature, .squisq-feature--right { flex-direction: column; }
+    .squisq-feature__media { flex-basis: auto; width: 100%; }
+  }`;
+var DEFAULT_CSS = `  body { font-family: system-ui, -apple-system, sans-serif; max-width: 800px; margin: 2em auto; padding: 0 1em; line-height: 1.6; color: #1f2937; }
+  h1, h2, h3, h4, h5, h6 { margin-top: 1.5em; margin-bottom: 0.5em; }
+  pre { background: #f3f4f6; padding: 1em; border-radius: 4px; overflow-x: auto; }
+  code { background: #f3f4f6; padding: 0.15em 0.3em; border-radius: 3px; font-size: 0.9em; }
+  pre code { background: none; padding: 0; }
+  blockquote { border-left: 3px solid #d1d5db; margin-left: 0; padding-left: 1em; color: #6b7280; }
+  /* Images: cap at the container width so nothing overflows, but only
+     force aspect-ratio height when the author didn't set explicit
+     dimensions on the <img> tag. The WYSIWYG editor writes width/height
+     attributes after a resize \u2014 overriding them here would silently
+     ignore the user's sizing. */
+  img { max-width: 100%; }
+  img:not([width]):not([height]) { height: auto; }
+  a { color: #3b82f6; }
+  table { border-collapse: collapse; width: 100%; margin: 1em 0; }
+  th, td { border: 1px solid #d1d5db; padding: 6px 10px; text-align: left; }
+  th { background: #f3f4f6; font-weight: 600; }
+  hr { border: none; border-top: 1px solid #d1d5db; margin: 1.5em 0; }`;
+function renderThemedCss(theme) {
+  const bodyFamily = resolveFontFamily(theme.typography.bodyFont, "system-ui, sans-serif");
+  const titleFamily = resolveFontFamily(theme.typography.titleFont, "Georgia, serif");
+  const monoFamily = resolveFontFamily(theme.typography.monoFont, "Consolas, monospace");
+  const lineHeight = theme.typography.lineHeight ?? 1.6;
+  const titleLineHeight = theme.typography.titleLineHeight ?? 1.25;
+  const titleWeight = theme.typography.titleWeight === "normal" ? 400 : 700;
+  const c = theme.colors;
+  return `  :root {
+    --plain-bg: ${c.background};
+    --plain-text: ${c.text};
+    --plain-muted: ${c.textMuted};
+    --plain-primary: ${c.primary};
+    --plain-secondary: ${c.secondary};
+    --plain-accent: ${c.highlight};
+    --plain-bg-light: ${c.backgroundLight};
+    --plain-body-font: ${bodyFamily};
+    --plain-title-font: ${titleFamily};
+    --plain-mono-font: ${monoFamily};
+  }
+  body {
+    font-family: var(--plain-body-font);
+    max-width: 800px;
+    margin: 2em auto;
+    padding: 0 1em;
+    line-height: ${lineHeight};
+    color: var(--plain-text);
+    background: var(--plain-bg);
+  }
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--plain-title-font);
+    color: var(--plain-text);
+    margin-top: 1.5em;
+    margin-bottom: 0.5em;
+    line-height: ${titleLineHeight};
+    font-weight: ${titleWeight};
+  }
+  p { margin: 0.75em 0; }
+  pre {
+    background: var(--plain-bg-light);
+    padding: 1em;
+    border-radius: 4px;
+    overflow-x: auto;
+    font-family: var(--plain-mono-font);
+  }
+  code {
+    background: var(--plain-bg-light);
+    padding: 0.15em 0.3em;
+    border-radius: 3px;
+    font-size: 0.9em;
+    font-family: var(--plain-mono-font);
+  }
+  pre code { background: none; padding: 0; }
+  blockquote {
+    border-left: 3px solid var(--plain-primary);
+    margin-left: 0;
+    padding-left: 1em;
+    color: var(--plain-muted);
+  }
+  /* See DEFAULT_CSS comment: only auto-scale height when the author
+     didn't set explicit width/height attributes. */
+  img { max-width: 100%; }
+  img:not([width]):not([height]) { height: auto; }
+  /* Blend the theme primary toward the body text color so links stay
+     theme-flavored but read clearly on every theme's background \u2014 some
+     themes (e.g. Gezellig) pick a mid-tone primary that's almost
+     invisible on a dark page when used neat. Underline makes the link
+     unambiguous independent of the color contrast. */
+  a {
+    color: color-mix(in srgb, var(--plain-primary) 65%, var(--plain-text));
+    text-decoration: underline;
+    text-decoration-thickness: 1px;
+    text-underline-offset: 2px;
+  }
+  a:hover { color: var(--plain-accent); }
+  table { border-collapse: collapse; width: 100%; margin: 1em 0; }
+  th, td {
+    border: 1px solid color-mix(in srgb, var(--plain-muted) 30%, transparent);
+    padding: 6px 10px;
+    text-align: left;
+  }
+  th {
+    background: var(--plain-bg-light);
+    color: var(--plain-text);
+    font-family: var(--plain-title-font);
+    font-weight: 600;
+  }
+  hr {
+    border: none;
+    border-top: 1px solid color-mix(in srgb, var(--plain-muted) 40%, transparent);
+    margin: 1.5em 0;
+  }`;
+}
+function renderFontsLink(theme) {
+  const url = buildGoogleFontsUrl([
+    theme.typography.bodyFont,
+    theme.typography.titleFont,
+    theme.typography.monoFont
+  ]);
+  if (!url) return "";
+  return `<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link rel="stylesheet" href="${escapeAttr(url)}">
+`;
+}
+function nodeToHtml(node, ctx) {
+  if (!node) return "";
+  switch (node.type) {
+    case "heading": {
+      const depth = Math.min(Math.max(node.depth ?? 1, 1), 6);
+      return `<h${depth}>${childrenToHtml(node, ctx)}</h${depth}>`;
+    }
+    case "paragraph":
+      return `<p>${childrenToHtml(node, ctx)}</p>`;
+    case "text":
+      return escapeHtml2(node.value ?? "");
+    case "strong":
+      return `<strong>${childrenToHtml(node, ctx)}</strong>`;
+    case "emphasis":
+      return `<em>${childrenToHtml(node, ctx)}</em>`;
+    case "delete":
+      return `<del>${childrenToHtml(node, ctx)}</del>`;
+    case "inlineCode":
+      return `<code>${escapeHtml2(node.value ?? "")}</code>`;
+    case "code": {
+      const lang = node.lang ? ` class="language-${escapeAttr(node.lang)}"` : "";
+      return `<pre><code${lang}>${escapeHtml2(node.value ?? "")}</code></pre>`;
+    }
+    case "blockquote":
+      return `<blockquote>${childrenToHtml(node, ctx)}</blockquote>`;
+    case "list": {
+      const tag = node.ordered ? "ol" : "ul";
+      const start = node.ordered && typeof node.start === "number" && node.start !== 1 ? ` start="${node.start}"` : "";
+      return `<${tag}${start}>${childrenToHtml(node, ctx)}</${tag}>`;
+    }
+    case "listItem":
+      return `<li>${childrenToHtml(node, ctx)}</li>`;
+    case "link": {
+      const original = node.url ?? "";
+      const rewritten = ctx?.links?.get(original) ?? original;
+      return `<a href="${escapeAttr(rewritten)}">${childrenToHtml(node, ctx)}</a>`;
+    }
+    case "image": {
+      const original = node.url ?? "";
+      const resolved = ctx?.images?.get(original) ?? original;
+      return `<img src="${escapeAttr(resolved)}" alt="${escapeAttr(node.alt ?? "")}" />`;
+    }
+    case "thematicBreak":
+      return "<hr />";
+    case "table":
+      return tableToHtml(node, ctx);
+    case "inlineIcon": {
+      const family = escapeAttr(node.family ?? "solid");
+      const name = escapeAttr(node.name ?? "");
+      const token = escapeAttr(node.token ?? `${node.family}:${node.name}`);
+      return `<i class="fa-${family} fa-${name}" data-icon="${token}" aria-hidden="true"></i>`;
+    }
+    case "htmlBlock":
+    case "htmlInline":
+      return htmlChildrenToHtml(node.htmlChildren, ctx);
+    default: {
+      const withChildren = node;
+      if (Array.isArray(withChildren.children)) {
+        return childrenToHtml(node, ctx);
+      }
+      if (typeof withChildren.value === "string") {
+        return escapeHtml2(withChildren.value);
+      }
+      return "";
+    }
+  }
+}
+function childrenToHtml(node, ctx) {
+  if (!node.children) return node.value ? escapeHtml2(node.value) : "";
+  return node.children.map((child) => nodeToHtml(child, ctx)).join("");
+}
+function tableToHtml(node, ctx) {
+  const [headerRow, ...bodyRows] = node.children;
+  const parts = ["<table>"];
+  if (headerRow) {
+    parts.push("<thead><tr>");
+    for (const cell of headerRow.children) {
+      parts.push(`<th>${childrenToHtml(cell, ctx)}</th>`);
+    }
+    parts.push("</tr></thead>");
+  }
+  if (bodyRows.length > 0) {
+    parts.push("<tbody>");
+    for (const row of bodyRows) {
+      parts.push("<tr>");
+      for (const cell of row.children) {
+        parts.push(`<td>${childrenToHtml(cell, ctx)}</td>`);
+      }
+      parts.push("</tr>");
+    }
+    parts.push("</tbody>");
+  }
+  parts.push("</table>");
+  return parts.join("");
+}
+function htmlChildrenToHtml(nodes, ctx) {
+  if (!nodes || nodes.length === 0) return "";
+  const out = [];
+  for (const node of nodes) {
+    if (node.type === "htmlText") {
+      out.push(node.value);
+      continue;
+    }
+    if (node.type === "htmlComment") {
+      out.push(`<!--${node.value}-->`);
+      continue;
+    }
+    const tag = node.tagName.toLowerCase();
+    const attrs = { ...node.attributes };
+    if ((tag === "img" || tag === "video" || tag === "audio" || tag === "source") && typeof attrs.src === "string") {
+      attrs.src = ctx?.images?.get(attrs.src) ?? attrs.src;
+    }
+    if ((tag === "video" || tag === "audio") && typeof attrs.poster === "string") {
+      attrs.poster = ctx?.images?.get(attrs.poster) ?? attrs.poster;
+    }
+    const attrStr = Object.entries(attrs).map(([k, v]) => ` ${k}="${escapeAttr(v)}"`).join("");
+    if (node.selfClosing) {
+      out.push(`<${tag}${attrStr} />`);
+    } else {
+      out.push(`<${tag}${attrStr}>${htmlChildrenToHtml(node.children, ctx)}</${tag}>`);
+    }
+  }
+  return out.join("");
+}
+function escapeHtml2(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+function escapeAttr(s) {
+  return escapeHtml2(s).replace(/"/g, "&quot;");
+}
+
+// src/html/plainHtmlBundle.ts
+import JSZip from "jszip";
+import { parseMarkdown, inferDocumentTitle } from "@bendyline/squisq/markdown";
+import { resolveTheme as resolveTheme2 } from "@bendyline/squisq/schemas";
+async function markdownDocsToPlainHtmlBundle(options) {
+  const {
+    entryPath,
+    readDocument,
+    readBinary,
+    title,
+    theme,
+    themeId,
+    maxDepth = Infinity,
+    entryAsIndex = false
+  } = options;
+  const resolvedTheme = theme ?? (themeId ? resolveTheme2(themeId) : void 0);
+  const entry = normalizePath(entryPath);
+  if (!entry) {
+    throw new Error("markdownDocsToPlainHtmlBundle: entryPath is required");
+  }
+  const scopeRoot = posixDirname(entry);
+  const entryHtmlPath = entryAsIndex ? scopeRoot ? `${scopeRoot}/index.html` : "index.html" : entry.slice(0, -3) + ".html";
+  const htmlPathFor = (mdPath) => mdPath === entry ? entryHtmlPath : mdPath.slice(0, -3) + ".html";
+  const zip = new JSZip();
+  const visited = /* @__PURE__ */ new Set();
+  const queue = [{ path: entry, depth: 0 }];
+  while (queue.length > 0) {
+    const { path, depth } = queue.shift();
+    if (visited.has(path)) continue;
+    visited.add(path);
+    const source = await readDocument(path);
+    if (source === null) {
+      throw new Error(`markdownDocsToPlainHtmlBundle: failed to read "${path}"`);
+    }
+    const mdDoc = parseMarkdown(source);
+    const docDir = posixDirname(path);
+    const linkMap = /* @__PURE__ */ new Map();
+    for (const raw of collectLinkRefs(mdDoc)) {
+      const parsed = parseLinkRef(raw);
+      if (!parsed) continue;
+      const resolved = resolveRelative(docDir, parsed.path);
+      if (resolved === null) continue;
+      if (!isInScope(resolved, scopeRoot)) continue;
+      if (!resolved.toLowerCase().endsWith(".md")) continue;
+      const htmlTarget = htmlPathFor(resolved);
+      const relHref = relativeFrom(docDir, htmlTarget) + parsed.fragment;
+      linkMap.set(raw, relHref);
+      if (depth + 1 <= maxDepth && !visited.has(resolved)) {
+        queue.push({ path: resolved, depth: depth + 1 });
+      }
+    }
+    const images = await readImagesForDoc(mdDoc, docDir, readBinary);
+    for (const [, { data, zipPath }] of images) {
+      const safe = sanitizeZipPath(zipPath);
+      if (!safe) continue;
+      zip.file(safe, data);
+    }
+    const imageRewriteMap = /* @__PURE__ */ new Map();
+    for (const [authored, { zipPath }] of images) {
+      imageRewriteMap.set(authored, relativeFrom(docDir, zipPath));
+    }
+    const docTitle = depth === 0 ? title : void 0;
+    const html = markdownDocToPlainHtml(mdDoc, {
+      title: docTitle ?? titleForFilename(path, mdDoc),
+      images: imageRewriteMap,
+      links: linkMap,
+      theme: resolvedTheme
+    });
+    const htmlPath = htmlPathFor(path);
+    zip.file(htmlPath, html);
+  }
+  return zip.generateAsync({
+    type: "blob",
+    compression: "DEFLATE",
+    compressionOptions: { level: 6 }
+  });
+}
+function collectLinkRefs(doc) {
+  const refs = /* @__PURE__ */ new Set();
+  function visitHtml(nodes) {
+    for (const n of nodes) {
+      if (n.type !== "htmlElement") continue;
+      if (n.tagName.toLowerCase() === "a") {
+        const href = n.attributes.href;
+        if (typeof href === "string" && href) refs.add(href);
+      }
+      visitHtml(n.children);
+    }
+  }
+  function visit(node) {
+    if (!node || typeof node !== "object") return;
+    const n = node;
+    if (n.type === "link" && typeof n.url === "string" && n.url) {
+      refs.add(n.url);
+    }
+    if ((n.type === "htmlBlock" || n.type === "htmlInline") && Array.isArray(n.htmlChildren)) {
+      visitHtml(n.htmlChildren);
+    }
+    if (Array.isArray(n.children)) {
+      for (const child of n.children) visit(child);
+    }
+  }
+  for (const child of doc.children) visit(child);
+  return refs;
+}
+function collectImageRefs(doc) {
+  const refs = /* @__PURE__ */ new Set();
+  function visitHtml(nodes) {
+    for (const n of nodes) {
+      if (n.type !== "htmlElement") continue;
+      const tag = n.tagName.toLowerCase();
+      if (tag === "img" || tag === "video" || tag === "audio" || tag === "source") {
+        const src = n.attributes.src;
+        if (typeof src === "string" && src) refs.add(src);
+      }
+      if (tag === "video" || tag === "audio") {
+        const poster = n.attributes.poster;
+        if (typeof poster === "string" && poster) refs.add(poster);
+      }
+      visitHtml(n.children);
+    }
+  }
+  function visit(node) {
+    if (!node || typeof node !== "object") return;
+    const n = node;
+    if (n.type === "image" && typeof n.url === "string" && n.url) refs.add(n.url);
+    if ((n.type === "htmlBlock" || n.type === "htmlInline") && Array.isArray(n.htmlChildren)) {
+      visitHtml(n.htmlChildren);
+    }
+    if (Array.isArray(n.children)) for (const c of n.children) visit(c);
+  }
+  for (const child of doc.children) visit(child);
+  return refs;
+}
+function parseLinkRef(url) {
+  if (!url) return null;
+  if (url.startsWith("#")) return null;
+  if (/^[a-z][a-z0-9+.-]*:/.test(url) || // http:, https:, mailto:, ftp:, …
+  url.startsWith("//") || url.startsWith("/")) {
+    return null;
+  }
+  const hashIdx = url.indexOf("#");
+  const queryIdx = url.indexOf("?");
+  const cut = hashIdx >= 0 && queryIdx >= 0 ? Math.min(hashIdx, queryIdx) : hashIdx >= 0 ? hashIdx : queryIdx;
+  const path = cut >= 0 ? url.slice(0, cut) : url;
+  const fragment = hashIdx >= 0 ? url.slice(hashIdx) : "";
+  return { path, fragment };
+}
+async function readImagesForDoc(mdDoc, docDir, readBinary) {
+  const out = /* @__PURE__ */ new Map();
+  for (const authored of collectImageRefs(mdDoc)) {
+    if (/^[a-z][a-z0-9+.-]*:/.test(authored) || authored.startsWith("//")) continue;
+    const cleanAuthored = authored.replace(/[#?].*$/, "");
+    const resolved = resolveRelative(docDir, cleanAuthored);
+    if (resolved === null) continue;
+    const data = await readBinary(resolved);
+    if (!data) continue;
+    out.set(authored, { data, zipPath: resolved });
+  }
+  return out;
+}
+function posixDirname(p) {
+  const idx = p.lastIndexOf("/");
+  return idx < 0 ? "" : p.slice(0, idx);
+}
+function normalizePath(p) {
+  const parts = p.split("/");
+  const out = [];
+  for (const segment of parts) {
+    if (segment === "" || segment === ".") continue;
+    if (segment === "..") {
+      if (out.length === 0) return null;
+      out.pop();
+      continue;
+    }
+    out.push(segment);
+  }
+  return out.join("/");
+}
+function resolveRelative(baseDir, rel) {
+  if (rel.startsWith("/")) return null;
+  const joined = baseDir ? `${baseDir}/${rel}` : rel;
+  return normalizePath(joined);
+}
+function isInScope(target, root) {
+  if (!root) return true;
+  return target === root || target.startsWith(root + "/");
+}
+function relativeFrom(fromDir, toPath) {
+  const fromParts = fromDir ? fromDir.split("/") : [];
+  const toParts = toPath.split("/");
+  let common = 0;
+  while (common < fromParts.length && common < toParts.length - 1 && fromParts[common] === toParts[common]) {
+    common++;
+  }
+  const up = fromParts.length - common;
+  const down = toParts.slice(common);
+  const prefix = Array(up).fill("..").join("/");
+  if (!prefix) return down.join("/");
+  return `${prefix}/${down.join("/")}`;
+}
+function sanitizeZipPath(path) {
+  const normalized = path.replace(/\\/g, "/").replace(/^\/+/, "");
+  if (!normalized) return null;
+  if (normalized.split("/").some((seg) => seg === "..")) return null;
+  return normalized;
+}
+function titleForFilename(path, mdDoc) {
+  const inferred = inferDocumentTitle(mdDoc);
+  if (inferred) return inferred;
+  const base = path.split("/").pop() ?? path;
+  return base.replace(/\.md$/i, "");
+}
+
+// src/html/docsHtmlBundle.ts
+import JSZip2 from "jszip";
+import { parseMarkdown as parseMarkdown2, inferDocumentTitle as inferDocumentTitle2 } from "@bendyline/squisq/markdown";
+import { markdownToDoc } from "@bendyline/squisq/doc";
+async function markdownDocsToHtmlBundle(options) {
+  const {
+    entryPath,
+    readDocument,
+    readBinary,
+    playerScript,
+    title,
+    themeId,
+    mode = "static",
+    maxDepth = Infinity,
+    entryAsIndex = false
+  } = options;
+  const entry = normalizePath(entryPath);
+  if (!entry) {
+    throw new Error("markdownDocsToHtmlBundle: entryPath is required");
+  }
+  const scopeRoot = posixDirname(entry);
+  const entryHtmlPath = entryAsIndex ? scopeRoot ? `${scopeRoot}/index.html` : "index.html" : entry.slice(0, -3) + ".html";
+  const htmlPathFor = (mdPath) => mdPath === entry ? entryHtmlPath : mdPath.slice(0, -3) + ".html";
+  const zip = new JSZip2();
+  zip.file("squisq-player.js", playerScript);
+  const visited = /* @__PURE__ */ new Set();
+  const queue = [{ path: entry, depth: 0 }];
+  while (queue.length > 0) {
+    const { path, depth } = queue.shift();
+    if (visited.has(path)) continue;
+    visited.add(path);
+    const source = await readDocument(path);
+    if (source === null) {
+      throw new Error(`markdownDocsToHtmlBundle: failed to read "${path}"`);
+    }
+    const mdDoc = parseMarkdown2(source);
+    const docDir = posixDirname(path);
+    const linkMap = /* @__PURE__ */ new Map();
+    for (const raw of collectLinkRefs(mdDoc)) {
+      const parsed = parseInternalRef(raw);
+      if (!parsed) continue;
+      const resolved = resolveRelative(docDir, parsed.path);
+      if (resolved === null) continue;
+      if (!isInScope(resolved, scopeRoot)) continue;
+      if (!resolved.toLowerCase().endsWith(".md")) continue;
+      const htmlTarget = htmlPathFor(resolved);
+      const relHref = relativeFrom(docDir, htmlTarget) + parsed.fragment;
+      linkMap.set(raw, relHref);
+      if (depth + 1 <= maxDepth && !visited.has(resolved)) {
+        queue.push({ path: resolved, depth: depth + 1 });
+      }
+    }
+    const imageRewriteMap = /* @__PURE__ */ new Map();
+    for (const authored of collectImageRefs2(mdDoc)) {
+      if (/^[a-z][a-z0-9+.-]*:/i.test(authored) || authored.startsWith("//")) continue;
+      const clean = authored.replace(/[#?].*$/, "");
+      const resolvedImg = resolveRelative(docDir, clean);
+      if (resolvedImg === null) continue;
+      const data = await readBinary(resolvedImg);
+      if (!data) continue;
+      const safe = sanitizeZipPath2(resolvedImg);
+      if (!safe) continue;
+      zip.file(safe, data);
+      imageRewriteMap.set(authored, relativeFrom(docDir, resolvedImg));
+    }
+    let doc = markdownToDoc(mdDoc);
+    if (themeId) doc = { ...doc, themeId };
+    if (linkMap.size > 0) {
+      doc = rewriteDocLinks(doc, linkMap);
+    }
+    const pageTitle = depth === 0 ? title ?? titleForDoc(path, mdDoc) : titleForDoc(path, mdDoc);
+    const htmlPath = htmlPathFor(path);
+    const playerScriptPath = relativeFrom(docDir, "squisq-player.js");
+    const html = generateExternalHtml(doc, {
+      playerScriptPath,
+      // Convert Map → plain record for the template (which expects a
+      // record). The renderer reads this map at runtime to swap image
+      // sources before rendering each block.
+      imagePathMap: imageRewriteMap.size > 0 ? Object.fromEntries(imageRewriteMap.entries()) : void 0,
+      mode,
+      title: pageTitle
+    });
+    zip.file(htmlPath, html);
+  }
+  return zip.generateAsync({
+    type: "blob",
+    compression: "DEFLATE",
+    compressionOptions: { level: 6 }
+  });
+}
+function rewriteDocLinks(doc, linkMap) {
+  if (linkMap.size === 0) return doc;
+  function rewriteHtmlNodes(nodes) {
+    return nodes.map((n) => {
+      if (n.type !== "htmlElement") return n;
+      const tag = n.tagName.toLowerCase();
+      const nextAttrs = tag === "a" && typeof n.attributes.href === "string" && linkMap.has(n.attributes.href) ? { ...n.attributes, href: linkMap.get(n.attributes.href) } : n.attributes;
+      return {
+        ...n,
+        attributes: nextAttrs,
+        children: rewriteHtmlNodes(n.children)
+      };
+    });
+  }
+  function rewriteInline(node) {
+    if (node.type === "link") {
+      const nextUrl = linkMap.get(node.url) ?? node.url;
+      return {
+        ...node,
+        url: nextUrl,
+        children: node.children.map(rewriteInline)
+      };
+    }
+    if (node.type === "htmlInline") {
+      const withChildren = node;
+      if (Array.isArray(withChildren.htmlChildren)) {
+        return {
+          ...node,
+          htmlChildren: rewriteHtmlNodes(withChildren.htmlChildren)
+        };
+      }
+      return node;
+    }
+    if ("children" in node && Array.isArray(node.children)) {
+      const children = node.children.map(rewriteInline);
+      return { ...node, children };
+    }
+    return node;
+  }
+  function rewriteBlockNode(node) {
+    if (node.type === "htmlBlock") {
+      const withChildren = node;
+      if (Array.isArray(withChildren.htmlChildren)) {
+        return {
+          ...node,
+          htmlChildren: rewriteHtmlNodes(withChildren.htmlChildren)
+        };
+      }
+      return node;
+    }
+    if ("children" in node && Array.isArray(node.children)) {
+      const rewritten = node.children.map((c) => {
+        const child = c;
+        if (child && typeof child === "object" && "type" in child) {
+          if (isBlockNodeType(child.type)) {
+            return rewriteBlockNode(c);
+          }
+          return rewriteInline(c);
+        }
+        return c;
+      });
+      return { ...node, children: rewritten };
+    }
+    return node;
+  }
+  function rewriteBlock(block) {
+    const next = { ...block };
+    if (Array.isArray(block.contents)) {
+      next.contents = block.contents.map(rewriteBlockNode);
+    }
+    if (Array.isArray(block.children)) {
+      next.children = block.children.map(rewriteBlock);
+    }
+    return next;
+  }
+  return {
+    ...doc,
+    blocks: doc.blocks.map(rewriteBlock)
+  };
+}
+function isBlockNodeType(t) {
+  return t === "paragraph" || t === "heading" || t === "list" || t === "listItem" || t === "blockquote" || t === "code" || t === "thematicBreak" || t === "table" || t === "tableRow" || t === "tableCell" || t === "htmlBlock";
+}
+function parseInternalRef(url) {
+  if (!url) return null;
+  if (url.startsWith("#")) return null;
+  if (/^[a-z][a-z0-9+.-]*:/i.test(url) || url.startsWith("//") || url.startsWith("/")) {
+    return null;
+  }
+  const hashIdx = url.indexOf("#");
+  const queryIdx = url.indexOf("?");
+  const cut = hashIdx >= 0 && queryIdx >= 0 ? Math.min(hashIdx, queryIdx) : hashIdx >= 0 ? hashIdx : queryIdx;
+  const path = cut >= 0 ? url.slice(0, cut) : url;
+  const fragment = hashIdx >= 0 ? url.slice(hashIdx) : "";
+  return { path, fragment };
+}
+function collectImageRefs2(doc) {
+  const refs = /* @__PURE__ */ new Set();
+  function visitHtml(nodes) {
+    for (const n of nodes) {
+      if (n.type !== "htmlElement") continue;
+      if (n.tagName.toLowerCase() === "img") {
+        const src = n.attributes.src;
+        if (typeof src === "string" && src) refs.add(src);
+      }
+      visitHtml(n.children);
+    }
+  }
+  function visit(node) {
+    if (!node || typeof node !== "object") return;
+    const n = node;
+    if (n.type === "image" && typeof n.url === "string" && n.url) refs.add(n.url);
+    if ((n.type === "htmlBlock" || n.type === "htmlInline") && Array.isArray(n.htmlChildren)) {
+      visitHtml(n.htmlChildren);
+    }
+    if (Array.isArray(n.children)) for (const c of n.children) visit(c);
+  }
+  for (const child of doc.children) visit(child);
+  return refs;
+}
+function sanitizeZipPath2(path) {
+  const normalized = path.replace(/\\/g, "/").replace(/^\/+/, "");
+  if (!normalized) return null;
+  if (normalized.split("/").some((seg) => seg === "..")) return null;
+  return normalized;
+}
+function titleForDoc(path, mdDoc) {
+  const inferred = inferDocumentTitle2(mdDoc);
+  if (inferred) return inferred;
+  const base = path.split("/").pop() ?? path;
+  return base.replace(/\.md$/i, "");
+}
+
+// src/html/index.ts
+function sanitizeZipPath3(path) {
+  const normalized = path.replace(/\\/g, "/").replace(/^\/+/, "");
+  if (!normalized) return null;
+  if (normalized.split("/").some((seg) => seg === "..")) return null;
+  return normalized;
+}
+function docToHtml(doc, options) {
+  return generateInlineHtml(doc, options);
+}
+async function docToHtmlZip(doc, options) {
+  const { playerScript, images, audio, mode = "slideshow", title, autoPlay } = options;
+  const zip = new JSZip3();
+  zip.file("squisq-player.js", playerScript);
+  const imagePathMap = {};
+  if (images) {
+    for (const [originalPath, buffer] of images.entries()) {
+      const zipPath = sanitizeZipPath3(originalPath);
+      if (!zipPath) continue;
+      zip.file(zipPath, buffer);
+      imagePathMap[originalPath] = zipPath;
+    }
+  }
+  const audioPathMap = {};
+  if (audio) {
+    for (const [segmentKey, buffer] of audio.entries()) {
+      const filename = extractFilename(segmentKey);
+      const finalName = filename.includes(".") ? filename : `${filename}.mp3`;
+      const zipPath = `audio/${finalName}`;
+      zip.file(zipPath, buffer);
+      audioPathMap[segmentKey] = zipPath;
+    }
+  }
+  const html = generateExternalHtml(doc, {
+    playerScriptPath: "squisq-player.js",
+    imagePathMap: Object.keys(imagePathMap).length > 0 ? imagePathMap : void 0,
+    audioPathMap: Object.keys(audioPathMap).length > 0 ? audioPathMap : void 0,
+    mode,
+    title,
+    autoPlay
+  });
+  zip.file("index.html", html);
+  return zip.generateAsync({
+    type: "blob",
+    compression: "DEFLATE",
+    compressionOptions: { level: 6 }
+  });
+}
+
+export {
+  collectImagePaths,
+  markdownDocToPlainHtml,
+  markdownDocsToPlainHtmlBundle,
+  collectLinkRefs,
+  markdownDocsToHtmlBundle,
+  docToHtml,
+  docToHtmlZip
+};
+//# sourceMappingURL=chunk-33YRFXZZ.js.map