@bendyline/squisq-formats 2.7.1 → 2.7.2

package/dist/{chunk-BHWIHYUJ.js → chunk-52RXDH24.js}

@@ -3,11 +3,16 @@ import {
 } from "./chunk-YVCUNZB5.js";
 import {
   RelIdAllocator,
+  blipXml,
   inlineNodeToRuns,
   inlineNodesToRuns,
   sanitizeOfficeHyperlink,
   toOoxmlHex
-} from "./chunk-A6N6IN3I.js";
+} from "./chunk-XVBQB2SL.js";
+import {
+  svgImageFromBytes,
+  svgIslandImage
+} from "./chunk-VCZUXQUL.js";
 import {
   extractPlainText,
   stripHtmlTags
@@ -74,7 +79,87 @@ import {
   resolveThemeForDoc
 } from "@bendyline/squisq/doc";
 import { splitIconMarkers } from "@bendyline/squisq/icon-marker";
-import { parseVideoEmbedUrl, readFrontmatterThemeId } from "@bendyline/squisq/markdown";
+import {
+  isSvgImageSource,
+  parseVideoEmbedUrl,
+  readFrontmatterThemeId
+} from "@bendyline/squisq/markdown";
+
+// src/pptx/pictureLayers.ts
+import { svgSourceFromBytes } from "@bendyline/squisq/markdown";
+function buildImageShape(img, shapeId, left, top, maxWidth, maxHeight, hyperlinkRelId, svgRelId) {
+  const name = escapeXml(img.alt || "Picture");
+  const descr = img.alt ? ` descr="${escapeXml(img.alt)}"` : "";
+  const link = hyperlinkRelId ? `<a:hlinkClick r:id="${hyperlinkRelId}"/>` : "";
+  return `<p:pic><p:nvPicPr>` + (link ? `<p:cNvPr id="${shapeId}" name="${name}"${descr}>${link}</p:cNvPr>` : `<p:cNvPr id="${shapeId}" name="${name}"${descr}/>`) + `<p:cNvPicPr><a:picLocks noChangeAspect="1"/></p:cNvPicPr><p:nvPr/></p:nvPicPr><p:blipFill>` + blipXml(img.relId, svgRelId) + `<a:stretch><a:fillRect/></a:stretch></p:blipFill><p:spPr><a:xfrm><a:off x="${left}" y="${top}"/><a:ext cx="${maxWidth}" cy="${maxHeight}"/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></p:spPr></p:pic>`;
+}
+function fitCentered(area, width, height) {
+  const scale = Math.min(area.width / width, area.height / height);
+  const fitted = { width: Math.round(width * scale), height: Math.round(height * scale) };
+  return {
+    x: area.x + Math.round((area.width - fitted.width) / 2),
+    y: area.y + Math.round((area.height - fitted.height) / 2),
+    ...fitted
+  };
+}
+function arrayBufferOf(data) {
+  return data instanceof Uint8Array ? data.buffer.slice(data.byteOffset, data.byteOffset + data.byteLength) : data;
+}
+function usablePicture(picture) {
+  return !!picture && picture.width > 0 && picture.height > 0;
+}
+function mermaidTitle(source) {
+  return /^\s*accTitle\s*:\s*(.+?)\s*$/mu.exec(source)?.[1] ?? "Diagram";
+}
+function mermaidPictureShapes(layer, area, ctx) {
+  const picture = ctx.diagramImages?.get(layer.content.source.trim());
+  if (!usablePicture(picture)) return null;
+  const alt = mermaidTitle(layer.content.source);
+  const relId = ctx.addImage("diagram.png", arrayBufferOf(picture.data), alt);
+  const rect = fitCentered(area, picture.width, picture.height);
+  return [
+    buildImageShape({ relId, alt }, ctx.allocShapeId(), rect.x, rect.y, rect.width, rect.height)
+  ];
+}
+function svgIslandPictureShapes(layer, area, ctx) {
+  const image = svgIslandImage(layer.content.source, { color: layer.content.color });
+  if (!image) return null;
+  return svgPictureShapes(image, layer.content.source, area, ctx, layer.content.alt ?? image.alt);
+}
+function svgImagePictureShapes(layer, area, ctx) {
+  const data = ctx.images?.get(layer.content.src);
+  const image = data ? svgImageFromBytes(data) : null;
+  if (!data || !image) return null;
+  const alt = layer.content.alt || image.alt;
+  return svgPictureShapes(
+    image,
+    svgSourceFromBytes(data),
+    area,
+    ctx,
+    alt,
+    layer.content.fit === "fill"
+  );
+}
+function svgPictureShapes(image, source, area, ctx, alt, stretch = false) {
+  const hostPicture = ctx.diagramImages?.get(source.trim());
+  const fallback = usablePicture(hostPicture) ? arrayBufferOf(hostPicture.data) : ctx.svgIslandPosters?.svgIslandPosterPng(image.width / image.height)?.data;
+  if (!fallback) return null;
+  const relId = ctx.addImage("svg-island.png", fallback, alt);
+  const svgRelId = ctx.addImage("svg-island.svg", image.data, alt);
+  const rect = stretch ? area : fitCentered(area, image.width, image.height);
+  return [
+    buildImageShape(
+      { relId, alt },
+      ctx.allocShapeId(),
+      rect.x,
+      rect.y,
+      rect.width,
+      rect.height,
+      null,
+      svgRelId
+    )
+  ];
+}
 
 // src/pptx/styles.ts
 var SLIDE_WIDTH = 12192e3;
@@ -202,9 +287,12 @@ async function docToPptx(doc, options = {}) {
   if (slideBlocks.length === 0) {
     slideBlocks.push({ id: "empty-slide", startTime: 0, duration: 0, audioSegment: 0, layers: [] });
   }
-  const videoPosters = slideBlocks.some(
-    (block) => block.layers?.some((layer) => layer.type === "videoEmbed")
-  ) ? await import("./videoPoster-D7DTZC2L.js") : null;
+  const hasLayer = (type) => slideBlocks.some((b) => b.layers?.some((l) => l.type === type));
+  const videoPosters = hasLayer("videoEmbed") ? await import("./videoPoster-D7DTZC2L.js") : null;
+  const hasSvgImage = slideBlocks.some(
+    (b) => b.layers?.some((l) => l.type === "image" && isSvgImageSource(l.content.src))
+  );
+  const svgIslandPosters = hasLayer("svg") || hasSvgImage ? await import("./svgIslandPoster-RYA6PDX7.js") : null;
   const slideXmls = [];
   const slideContexts = [];
   for (let index = 0; index < slideBlocks.length; index++) {
@@ -218,6 +306,7 @@ async function docToPptx(doc, options = {}) {
     );
     ctx.diagramImages = effectiveOptions.diagramImages;
     ctx.videoPosters = videoPosters;
+    ctx.svgIslandPosters = svgIslandPosters;
     slideXmls.push(buildLayerSlideXml(slideBlocks[index], ctx));
     slideContexts.push(ctx);
   }
@@ -321,6 +410,8 @@ var SlideContext = class {
     this.relationships = [];
     /** Poster helpers for hosted videos, loaded only when the deck has one. */
     this.videoPosters = null;
+    /** Stand-in PNGs for SVG islands, loaded only when the deck has one. */
+    this.svgIslandPosters = null;
     this.embeddedImages = [];
     this.nextShapeId = 4;
     /** Font Awesome families referenced by semantic or materialized text runs. */
@@ -472,7 +563,11 @@ function convertLayerToShapes(layer, ctx, textBottom) {
     case "shape":
       return [buildLayerShape(layer, ctx.allocShapeId())];
     case "image": {
-      const data = ctx.images?.get(layer.content.src);
+      const svg = isSvgImageSource(layer.content.src);
+      const area = toEmuRect(resolveLayerRect(layer.position, 1920, 1080));
+      const picture = svg ? svgImagePictureShapes(layer, area, ctx) : null;
+      if (picture) return picture;
+      const data = svg ? void 0 : ctx.images?.get(layer.content.src);
       if (data) {
         const image = ctx.addImage(layer.content.src, data, layer.content.alt);
         const rect = toEmuRect(resolveLayerRect(layer.position, 1920, 1080));
@@ -539,7 +634,7 @@ function convertLayerToShapes(layer, ctx, textBottom) {
     }
     case "video": {
       const poster = layer.content.posterSrc;
-      const data = poster ? ctx.images?.get(poster) : void 0;
+      const data = poster && !isSvgImageSource(poster) ? ctx.images?.get(poster) : void 0;
       if (poster && data) {
         const relId = ctx.addImage(poster, data, layer.content.alt);
         const embedded = ctx.embeddedImages.find((candidate) => candidate.relId === relId);
@@ -598,45 +693,28 @@ function convertLayerToShapes(layer, ctx, textBottom) {
       ];
     }
     case "mermaid": {
-      const picture = ctx.diagramImages?.get(layer.content.source.trim());
-      if (picture && picture.width > 0 && picture.height > 0) {
-        const data = picture.data instanceof Uint8Array ? picture.data.buffer.slice(
-          picture.data.byteOffset,
-          picture.data.byteOffset + picture.data.byteLength
-        ) : picture.data;
-        const relId = ctx.addImage(
-          `diagram-${ctx.embeddedImages.length + 1}.png`,
-          data,
-          mermaidTitle(layer.content.source)
-        );
-        const embedded = ctx.embeddedImages.find((candidate) => candidate.relId === relId);
-        const area = toEmuRect(resolveLayerRect(layer.position, 1920, 1080));
-        const scale = Math.min(area.width / picture.width, area.height / picture.height);
-        const width = Math.round(picture.width * scale);
-        const height = Math.round(picture.height * scale);
-        return [
-          buildImageShape(
-            embedded,
-            ctx.allocShapeId(),
-            area.x + Math.round((area.width - width) / 2),
-            area.y + Math.round((area.height - height) / 2),
-            width,
-            height
-          )
-        ];
-      }
-      return [
+      const area = toEmuRect(resolveLayerRect(layer.position, 1920, 1080));
+      const picture = mermaidPictureShapes(layer, area, ctx);
+      return picture ?? [
         buildLayerTextShape(
           textLayerForPlaceholder(layer.position, layer.content.source, ctx),
           ctx.allocShapeId()
         )
       ];
     }
+    case "svg": {
+      const area = toEmuRect(resolveLayerRect(layer.position, 1920, 1080));
+      const picture = svgIslandPictureShapes(layer, area, ctx);
+      const label = layer.content.alt ?? "SVG illustration";
+      return picture ?? [
+        buildLayerTextShape(
+          textLayerForPlaceholder(layer.position, `[${label}]`, ctx),
+          ctx.allocShapeId()
+        )
+      ];
+    }
   }
 }
-function mermaidTitle(source) {
-  return /^\s*accTitle\s*:\s*(.+?)\s*$/mu.exec(source)?.[1] ?? "Diagram";
-}
 function resolvePositionValue(value, dimension) {
   if (typeof value === "number") return value;
   if (typeof value === "string") {
@@ -1157,12 +1235,6 @@ function buildBodyShapeCustom(bodyContent, top, height, style) {
   const defRPr = style.hasTheme ? `<a:defRPr><a:solidFill><a:srgbClr val="${style.text}"/></a:solidFill><a:latin typeface="${escapeXml(style.bodyFont)}"/></a:defRPr>` : "";
   return `<p:sp><p:nvSpPr><p:cNvPr id="3" name="Content"/><p:cNvSpPr><a:spLocks noGrp="1"/></p:cNvSpPr><p:nvPr><p:ph idx="1"/></p:nvPr></p:nvSpPr><p:spPr><a:xfrm><a:off x="${BODY_LEFT}" y="${top}"/><a:ext cx="${BODY_WIDTH}" cy="${height}"/></a:xfrm></p:spPr><p:txBody><a:bodyPr/><a:lstStyle><a:lvl1pPr>${defRPr}</a:lvl1pPr></a:lstStyle>` + bodyContent + `</p:txBody></p:sp>`;
 }
-function buildImageShape(img, shapeId, left, top, maxWidth, maxHeight, hyperlinkRelId) {
-  const name = escapeXml(img.alt || "Picture");
-  const descr = img.alt ? ` descr="${escapeXml(img.alt)}"` : "";
-  const link = hyperlinkRelId ? `<a:hlinkClick r:id="${hyperlinkRelId}"/>` : "";
-  return `<p:pic><p:nvPicPr>` + (link ? `<p:cNvPr id="${shapeId}" name="${name}"${descr}>${link}</p:cNvPr>` : `<p:cNvPr id="${shapeId}" name="${name}"${descr}/>`) + `<p:cNvPicPr><a:picLocks noChangeAspect="1"/></p:cNvPicPr><p:nvPr/></p:nvPicPr><p:blipFill><a:blip r:embed="${img.relId}"/><a:stretch><a:fillRect/></a:stretch></p:blipFill><p:spPr><a:xfrm><a:off x="${left}" y="${top}"/><a:ext cx="${maxWidth}" cy="${maxHeight}"/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></p:spPr></p:pic>`;
-}
 function convertBodyBlocks(nodes, ctx) {
   const parts = [];
   for (const node of nodes) {
@@ -1212,7 +1284,7 @@ function isImageOnlyParagraph(node) {
 function convertParagraph(node, ctx) {
   const soloImage = isImageOnlyParagraph(node);
   if (soloImage && ctx.images) {
-    const data = ctx.images.get(soloImage.url);
+    const data = isSvgImageSource(soloImage.url) ? void 0 : ctx.images.get(soloImage.url);
     if (data) {
       ctx.addImage(soloImage.url, data, soloImage.alt || "");
       return "";
@@ -1364,7 +1436,7 @@ function makeHyperlinkRun(text, rId, format) {
 }
 function convertImage(node, format, ctx) {
   if (ctx.images) {
-    const data = ctx.images.get(node.url);
+    const data = isSvgImageSource(node.url) ? void 0 : ctx.images.get(node.url);
     if (data) {
       ctx.addImage(node.url, data, node.alt || "");
       return "";

package/dist/{chunk-3NKXJF4C.js → chunk-ETK2SKVQ.js}

@@ -3,6 +3,9 @@ import {
   extractFilename,
   inferMimeType
 } from "./chunk-YVCUNZB5.js";
+import {
+  exportImageBytes
+} from "./chunk-VCZUXQUL.js";
 import {
   FootnoteIndex,
   footnoteIds
@@ -137,7 +140,8 @@ function buildInlineImageMaps(images) {
       continue;
     }
     canonicalKeyFor.set(buffer, path);
-    imageMap[path] = arrayBufferToBase64DataUrl(buffer, inferMimeType(path));
+    const bytes = exportImageBytes(path, buffer);
+    if (bytes) imageMap[path] = arrayBufferToBase64DataUrl(bytes, inferMimeType(path));
   }
   return { imageMap, imageAliases };
 }
@@ -286,7 +290,11 @@ function escapeHtml(str) {
 // src/html/plainHtml.ts
 import {
   findBlockVideoEmbed,
+  isSvgIslandLang,
+  parseSvgIsland,
   sanitizeHtmlNodes,
+  svgIslandDataUrl,
+  svgSourceFromDataUrl,
   sanitizeUrl,
   videoEmbedFromIframe,
   videoEmbedIframeAttributes,
@@ -308,7 +316,14 @@ function markdownDocToPlainHtml(doc, options = {}) {
   const resolveId = themeId ?? readFrontmatterThemeId2(doc.frontmatter);
   const theme = options.theme ?? (resolveId ? resolveThemeForDoc(doc, resolveId, options.themeRegistry) : void 0);
   const footnotes = new FootnoteIndex(doc);
-  const ctx = { images, links, htmlPolicy, footnotes, videoEmbeds };
+  const ctx = {
+    images,
+    links,
+    htmlPolicy,
+    footnotes,
+    videoEmbeds,
+    textColor: theme?.colors.text
+  };
   const body = renderTopLevel(doc.children, ctx) + renderFootnotesSection(footnotes, ctx);
   const fontsLink = theme && externalResources === "allow" ? renderFontsLink(theme) : "";
   const usesIcons = docUsesIcons(doc);
@@ -322,8 +337,10 @@ ${escapeStyleText(iconsCss)}
   const themedCss = theme ? renderThemedCss(theme) : DEFAULT_CSS;
   const videoCss = docUsesVideoEmbeds(doc, htmlPolicy) ? `
 ${VIDEO_EMBED_CSS}` : "";
+  const svgCss = docUsesSvgIslands(doc) ? `
+${SVG_ISLAND_CSS}` : "";
   const safeCss = escapeStyleText(`${themedCss}
-${FEATURE_CSS}${videoCss}`);
+${FEATURE_CSS}${videoCss}${svgCss}`);
   return `<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -372,6 +389,15 @@ function docUsesVideoEmbeds(doc, htmlPolicy) {
     (node) => node.type === "paragraph" && findBlockVideoEmbed(node) !== null || visit(node)
   );
 }
+function docUsesSvgIslands(doc) {
+  const visit = (node) => {
+    if (!node || typeof node !== "object") return false;
+    const n = node;
+    if (n.type === "code") return isSvgIslandLang(n.lang);
+    return Array.isArray(n.children) && n.children.some(visit);
+  };
+  return visit(doc);
+}
 function renderTopLevel(children, ctx) {
   const out = [];
   for (let i = 0; i < children.length; i++) {
@@ -726,6 +752,10 @@ function nodeToHtml(node, ctx) {
     case "inlineCode":
       return `<code>${escapeHtml2(node.value ?? "")}</code>`;
     case "code": {
+      if (isSvgIslandLang(node.lang)) {
+        const island = svgIslandToHtml(node.value ?? "", ctx);
+        if (island) return island;
+      }
       const lang = node.lang ? ` class="language-${escapeAttr(node.lang)}"` : "";
       return `<pre class="squisq-code-block"><code${lang}>${escapeHtml2(node.value ?? "")}</code></pre>`;
     }
@@ -748,7 +778,7 @@ function nodeToHtml(node, ctx) {
     case "image": {
       const original = node.url ?? "";
       const resolved = ctx?.images?.get(original) ?? original;
-      const safeSrc = sanitizeUrl(resolved, "media");
+      const safeSrc = sanitizeUrl(resolved, "media") ?? svgDataImageToHtmlSrc(resolved);
       if (!safeSrc) return escapeHtml2(node.alt ?? "");
       return `<img src="${escapeAttr(safeSrc)}" alt="${escapeAttr(node.alt ?? "")}" />`;
     }
@@ -896,6 +926,20 @@ var VIDEO_EMBED_CSS = `  .squisq-video-embed { display: block; max-width: 720px;
   .squisq-video-embed-play::after { content: ''; position: absolute; left: 26px; top: 12px; border-style: solid; border-width: 10px 0 10px 16px; border-color: transparent transparent transparent #fff; }
   .squisq-video-embed-provider { position: absolute; left: 12px; bottom: 10px; color: #fff; font-size: 0.8em; font-weight: 600; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8); }
   .squisq-video-embed-caption { margin-top: 0.4em; font-size: 0.875em; opacity: 0.8; }`;
+function svgDataImageToHtmlSrc(url) {
+  const source = svgSourceFromDataUrl(url);
+  const result = source === null ? null : parseSvgIsland(source);
+  return result?.ok ? svgIslandDataUrl(result.island) : null;
+}
+function svgIslandToHtml(source, ctx) {
+  const result = parseSvgIsland(source);
+  if (!result.ok) return null;
+  const { island } = result;
+  const src = svgIslandDataUrl(island, { color: ctx?.textColor });
+  return `<figure class="squisq-svg-island"><img src="${escapeAttr(src)}" alt="${escapeAttr(island.title ?? "Illustration")}" width="${island.width}" height="${island.height}"></figure>`;
+}
+var SVG_ISLAND_CSS = `  .squisq-svg-island { margin: 1.25em 0; }
+  .squisq-svg-island img { display: block; max-width: 100%; height: auto; }`;
 function escapeHtml2(s) {
   return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
 }
@@ -1069,7 +1113,8 @@ async function readImagesForDoc(mdDoc, docDir, readBinary) {
     const cleanAuthored = authored.replace(/[#?].*$/, "");
     const resolved = resolveRelative(docDir, cleanAuthored);
     if (resolved === null) continue;
-    const data = await readBinary(resolved);
+    const read = await readBinary(resolved);
+    const data = read && exportImageBytes(resolved, read);
     if (!data) continue;
     out.set(authored, { data, zipPath: resolved });
   }
@@ -1194,7 +1239,8 @@ async function markdownDocsToHtmlBundle(options) {
       const clean = authored.replace(/[#?].*$/, "");
       const resolvedImg = resolveRelative(docDir, clean);
       if (resolvedImg === null) continue;
-      const data = await readBinary(resolvedImg);
+      const read = await readBinary(resolvedImg);
+      const data = read && exportImageBytes(resolvedImg, read);
       if (!data) continue;
       const safe = sanitizeZipPath2(resolvedImg);
       if (!safe) continue;
@@ -2020,7 +2066,9 @@ async function docToHtmlZip(doc, options) {
         );
         continue;
       }
-      zip.file(zipPath, buffer);
+      const bytes = exportImageBytes(originalPath, buffer);
+      if (!bytes) continue;
+      zip.file(zipPath, bytes);
       imagePathMap[originalPath] = zipPath;
     }
   }

package/dist/{chunk-TX2HE34S.js → chunk-PKFWF4FX.js}

@@ -2,6 +2,10 @@ import {
   extractFilename,
   inferMimeType
 } from "./chunk-YVCUNZB5.js";
+import {
+  exportImageBytes,
+  svgIslandsAsImages
+} from "./chunk-VCZUXQUL.js";
 import {
   extractPlainText
 } from "./chunk-AVOZAKGP.js";
@@ -23,8 +27,11 @@ import JSZip from "jszip";
 import { resolveFontFamily } from "@bendyline/squisq/schemas";
 import { resolveThemeForDoc } from "@bendyline/squisq/doc";
 import { readFrontmatterThemeId, sanitizeUrl } from "@bendyline/squisq/markdown";
-async function markdownDocToEpub(doc, options = {}) {
+async function markdownDocToEpub(sourceDoc, options = {}) {
   options.signal?.throwIfAborted();
+  const themeId = options.themeId ?? readFrontmatterThemeId(sourceDoc.frontmatter);
+  const islandColor = themeId ? resolveThemeForDoc(sourceDoc, themeId, options.themeRegistry).colors.text : void 0;
+  const { doc, images: islandImages } = svgIslandsAsImages(sourceDoc, { color: islandColor });
   const fmTitle = doc.frontmatter?.title;
   const fmAuthor = doc.frontmatter?.author;
   const title = options.title ?? (typeof fmTitle === "string" ? fmTitle : "Untitled");
@@ -42,11 +49,12 @@ async function markdownDocToEpub(doc, options = {}) {
   const imageEntries = collectDocImages(doc.children);
   const resolvedImages = /* @__PURE__ */ new Map();
   const usedImageNames = /* @__PURE__ */ new Set();
-  if (options.images) {
+  if (options.images || islandImages.size > 0) {
     let imageIndex = 0;
     for (const src of imageEntries) {
       if ((imageIndex++ & 63) === 0) options.signal?.throwIfAborted();
-      const data = options.images.get(src);
+      const attached = options.images?.get(src);
+      const data = islandImages.get(src)?.data ?? (attached && exportImageBytes(src, attached));
       if (data) {
         const filename = uniqueFilename(safeArchiveBasename(src, "image"), usedImageNames);
         usedImageNames.add(filename);
@@ -54,12 +62,7 @@ async function markdownDocToEpub(doc, options = {}) {
       }
     }
   }
-  const css = generateStylesheet(
-    options.themeId ?? readFrontmatterThemeId(doc.frontmatter),
-    doc,
-    options.themeRegistry,
-    embeddedIconFonts
-  );
+  const css = generateStylesheet(themeId, doc, options.themeRegistry, embeddedIconFonts);
   const zip = new JSZip();
   zip.file("mimetype", "application/epub+zip", { compression: "STORE" });
   zip.file("META-INF/container.xml", CONTAINER_XML);

package/dist/chunk-VCZUXQUL.js

@@ -0,0 +1,90 @@
+// src/shared/svgIslands.ts
+import {
+  isSvgImageSource,
+  isSvgIslandLang,
+  parseSvgIsland,
+  svgIslandMarkup,
+  svgSourceFromBytes
+} from "@bendyline/squisq/markdown";
+var SVG_ISLAND_FALLBACK_ALT = "Illustration";
+function ownBuffer(encoded) {
+  const bytes = new Uint8Array(encoded.length);
+  bytes.set(encoded);
+  return bytes.buffer;
+}
+function svgIslandImage(source, options = {}) {
+  const result = parseSvgIsland(source);
+  if (!result.ok) return null;
+  const { island } = result;
+  const data = ownBuffer(
+    new TextEncoder().encode(
+      svgIslandMarkup(island, { color: options.color, replaceCurrentColor: true })
+    )
+  );
+  return {
+    data,
+    contentType: "image/svg+xml",
+    width: island.width,
+    height: island.height,
+    alt: island.title ?? SVG_ISLAND_FALLBACK_ALT
+  };
+}
+function docHasSvgIslands(doc) {
+  const visit = (node) => {
+    if (node.type === "code") return isSvgIslandLang(node.lang);
+    const nested = node.children;
+    return Array.isArray(nested) && nested.some(visit);
+  };
+  return visit(doc);
+}
+function svgIslandsAsImages(doc, options = {}) {
+  const prefix = options.prefix ?? "squisq-svg-island";
+  const images = /* @__PURE__ */ new Map();
+  const replace = (nodes) => {
+    let changed = false;
+    const next = nodes.map((node) => {
+      if (node.type === "code" && isSvgIslandLang(node.lang)) {
+        const image = svgIslandImage(node.value, options);
+        if (!image) return node;
+        const url = `${prefix}-${images.size + 1}.svg`;
+        images.set(url, image);
+        changed = true;
+        const picture = { type: "image", url, alt: image.alt, title: null };
+        const paragraph = { type: "paragraph", children: [picture] };
+        return paragraph;
+      }
+      const nested = node.children;
+      if (Array.isArray(nested)) {
+        const replaced = replace(nested);
+        if (replaced !== nested) {
+          changed = true;
+          return { ...node, children: replaced };
+        }
+      }
+      return node;
+    });
+    return changed ? next : nodes;
+  };
+  if (!docHasSvgIslands(doc)) return { doc, images };
+  const children = replace(doc.children);
+  return { doc: children === doc.children ? doc : { ...doc, children }, images };
+}
+function isSvgImageEntry(path, contentType) {
+  return isSvgImageSource(path) || /^image\/svg\+xml\b/i.test(contentType ?? "");
+}
+function svgImageFromBytes(data) {
+  return svgIslandImage(svgSourceFromBytes(data));
+}
+function exportImageBytes(path, data, contentType) {
+  if (!isSvgImageEntry(path, contentType)) return data;
+  return svgImageFromBytes(data)?.data ?? null;
+}
+
+export {
+  svgIslandImage,
+  docHasSvgIslands,
+  svgIslandsAsImages,
+  isSvgImageEntry,
+  svgImageFromBytes,
+  exportImageBytes
+};

package/dist/{chunk-A6N6IN3I.js → chunk-XVBQB2SL.js}

@@ -117,11 +117,20 @@ function inlineNodeToRuns(node, handlers, format) {
   }
 }
 
+// src/shared/officeSvgBlip.ts
+var SVG_BLIP_EXT_URI = "{96DAC541-7B7A-43D3-8B79-37D633B846F1}";
+var NS_ASVG = "http://schemas.microsoft.com/office/drawing/2016/SVG/main";
+function blipXml(rasterRelId, svgRelId) {
+  if (!svgRelId) return `<a:blip r:embed="${rasterRelId}"/>`;
+  return `<a:blip r:embed="${rasterRelId}"><a:extLst><a:ext uri="${SVG_BLIP_EXT_URI}"><asvg:svgBlip xmlns:asvg="${NS_ASVG}" r:embed="${svgRelId}"/></a:ext></a:extLst></a:blip>`;
+}
+
 export {
   RelIdAllocator,
   toOoxmlHex,
   normalizeOoxmlHex,
   sanitizeOfficeHyperlink,
+  blipXml,
   inlineNodesToRuns,
   inlineNodeToRuns
 };

package/dist/{chunk-5ACTORJI.js → chunk-YITBSNPM.js}

@@ -1,10 +1,17 @@
 import {
   RelIdAllocator,
+  blipXml,
   inlineNodeToRuns,
   inlineNodesToRuns,
   normalizeOoxmlHex,
   sanitizeOfficeHyperlink
-} from "./chunk-A6N6IN3I.js";
+} from "./chunk-XVBQB2SL.js";
+import {
+  docHasSvgIslands,
+  isSvgImageEntry,
+  svgImageFromBytes,
+  svgIslandImage
+} from "./chunk-VCZUXQUL.js";
 import {
   stripHtmlTags
 } from "./chunk-AVOZAKGP.js";
@@ -70,7 +77,9 @@ import { resolveFontFamily } from "@bendyline/squisq/schemas";
 import { docToMarkdown, resolveThemeForDoc } from "@bendyline/squisq/doc";
 import {
   findBlockVideoEmbed,
-  readFrontmatterThemeId
+  isSvgIslandLang,
+  readFrontmatterThemeId,
+  svgSourceFromBytes
 } from "@bendyline/squisq/markdown";
 
 // src/docx/videoEmbed.ts
@@ -133,6 +142,22 @@ function readWordVideo(drawing, resolveHyperlink) {
   return { embed, title };
 }
 
+// src/docx/svgIsland.ts
+var NS_A2 = "http://schemas.openxmlformats.org/drawingml/2006/main";
+var NS_PIC2 = "http://schemas.openxmlformats.org/drawingml/2006/picture";
+var EMU_PER_INCH2 = 914400;
+var MAX_WIDTH_EMU = 6 * EMU_PER_INCH2;
+var MAX_HEIGHT_EMU = 8 * EMU_PER_INCH2;
+function buildWordSvgIslandRun(parts) {
+  let cx = parts.width / 96 * EMU_PER_INCH2;
+  let cy = parts.height / 96 * EMU_PER_INCH2;
+  const scale = Math.min(1, MAX_WIDTH_EMU / cx, MAX_HEIGHT_EMU / cy);
+  cx = Math.max(1, Math.round(cx * scale));
+  cy = Math.max(1, Math.round(cy * scale));
+  const alt = escapeXml(parts.alt);
+  return `<w:r><w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0"><wp:extent cx="${cx}" cy="${cy}"/><wp:docPr id="${parts.docPrId}" name="${alt}" descr="${alt}"/><wp:cNvGraphicFramePr><a:graphicFrameLocks xmlns:a="${NS_A2}" noChangeAspect="1"/></wp:cNvGraphicFramePr><a:graphic xmlns:a="${NS_A2}"><a:graphicData uri="${NS_PIC2}"><pic:pic xmlns:pic="${NS_PIC2}"><pic:nvPicPr><pic:cNvPr id="0" name="${alt}"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill>${blipXml(parts.pngRelId, parts.svgRelId)}<a:stretch><a:fillRect/></a:stretch></pic:blipFill><pic:spPr><a:xfrm><a:off x="0" y="0"/><a:ext cx="${cx}" cy="${cy}"/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic></wp:inline></w:drawing></w:r>`;
+}
+
 // src/docx/styles.ts
 var HEADING_STYLE_MAP = {
   Heading1: 1,
@@ -196,6 +221,12 @@ async function markdownDocToDocx(doc, options = {}) {
   if ([...stories.body, ...stories.header, ...stories.footer].some(isVideoBlock)) {
     ctx.videoPosters = await import("./videoPoster-D7DTZC2L.js");
   }
+  const hasSvgImages = [...options.images ?? []].some(
+    ([url, image]) => isSvgImageEntry(url, image.contentType)
+  );
+  if (docHasSvgIslands(doc) || hasSvgImages) {
+    ctx.svgIslandPosters = await import("./svgIslandPoster-RYA6PDX7.js");
+  }
   ctx.setRelationshipSource("document");
   const bodyXml = convertBlocks(stories.body, ctx);
   ctx.setRelationshipSource("header");
@@ -254,6 +285,8 @@ var ExportContext = class {
     this.iconFamilies = /* @__PURE__ */ new Set();
     /** Poster + embed-code helpers, loaded only when the document has a video. */
     this.videoPosters = null;
+    /** Stand-in PNGs for SVG islands, loaded only when the document has one. */
+    this.svgIslandPosters = null;
     this.nextDocPrId = 1;
     let themeFont;
     let themeTitleFont;
@@ -261,6 +294,7 @@ var ExportContext = class {
     let themeBodyColor;
     let themeMutedColor;
     let themeBackgroundColor;
+    let themeTextColor;
     if (options.themeId) {
       const theme = resolveThemeForDoc(doc, options.themeId, options.themeRegistry);
       themeFont = firstFontFromStack(resolveFontFamily(theme.typography?.bodyFont, ""));
@@ -269,6 +303,7 @@ var ExportContext = class {
       themeBodyColor = normalizeOoxmlHex(theme.colors?.text);
       themeMutedColor = normalizeOoxmlHex(theme.colors?.textMuted);
       themeBackgroundColor = normalizeOoxmlHex(theme.colors?.background);
+      themeTextColor = theme.colors?.text;
     }
     this.font = options.defaultFont ?? themeFont ?? DEFAULT_FONT;
     this.headingFont = themeTitleFont ?? this.font;
@@ -278,6 +313,8 @@ var ExportContext = class {
     this.mutedColor = themeMutedColor;
     this.backgroundColor = themeBackgroundColor;
     this.resolvedImages = options.images ?? /* @__PURE__ */ new Map();
+    this.svgIslandFallbacks = options.svgIslandFallbacks;
+    this.islandColor = themeTextColor;
     this.allowRelativeHyperlinks = options.allowRelativeHyperlinks ?? false;
     this.signal = options.signal;
   }
@@ -429,7 +466,7 @@ function convertBlock(node, ctx, listDepth) {
     case "list":
       return convertList(node, ctx, listDepth);
     case "code":
-      return convertCodeBlock(node);
+      return isSvgIslandLang(node.lang) && convertSvgIsland(node, ctx) || convertCodeBlock(node);
     case "table":
       return convertTable(node, ctx);
     case "thematicBreak":
@@ -497,6 +534,27 @@ function convertListItem(item, ctx, numId, depth) {
   }
   return parts.join("");
 }
+function convertSvgIsland(node, ctx) {
+  const image = svgIslandImage(node.value, { color: ctx.islandColor });
+  const run = image ? svgPictureRun(image, node.value, ctx) : "";
+  return run ? `<w:p>${run}</w:p>` : "";
+}
+function svgPictureRun(image, source, ctx, display = {}) {
+  const host = ctx.svgIslandFallbacks?.get(source.trim());
+  const fallback = host && host.width > 0 && host.height > 0 ? host.data : ctx.svgIslandPosters?.svgIslandPosterPng(image.width / image.height)?.data;
+  if (!fallback) return "";
+  const png = ctx.addImage(fallback, "image/png", `image${ctx.images.length + 1}.png`);
+  const svg = ctx.addImage(image.data, "image/svg+xml", `image${ctx.images.length + 1}.svg`);
+  const sized = Boolean(display.width && display.height);
+  return buildWordSvgIslandRun({
+    pngRelId: png.relId,
+    svgRelId: svg.relId,
+    docPrId: png.docPrId,
+    width: sized ? display.width : image.width,
+    height: sized ? display.height : image.height,
+    alt: display.alt || image.alt
+  });
+}
 function convertCodeBlock(node) {
   const lines = node.value.split("\n");
   const parts = [];
@@ -632,34 +690,43 @@ function convertImage(node, ctx) {
     const alt = node.alt || node.url;
     return makeRun(`[Image: ${alt}]`, { italic: true });
   }
+  if (isSvgImageEntry(node.url, imageEntry.contentType)) {
+    const image = svgImageFromBytes(imageEntry.data);
+    const run = image && svgPictureRun(image, svgSourceFromBytes(imageEntry.data), ctx, {
+      width: imageEntry.width,
+      height: imageEntry.height,
+      alt: node.alt
+    });
+    return run || makeRun(`[Image: ${node.alt || node.url}]`, { italic: true });
+  }
   const { data, contentType } = imageEntry;
   const ext = contentType.split("/")[1]?.replace("jpeg", "jpg") || "png";
   const filename = `image${ctx.images.length + 1}.${ext}`;
   const { relId, docPrId } = ctx.addImage(data, contentType, filename);
   const dims = imageEntry.width && imageEntry.height ? { width: imageEntry.width, height: imageEntry.height } : readImageDimensions(data);
-  const EMU_PER_INCH2 = 914400;
-  const MAX_WIDTH_EMU = 6 * EMU_PER_INCH2;
-  const MAX_HEIGHT_EMU = 8 * EMU_PER_INCH2;
+  const EMU_PER_INCH3 = 914400;
+  const MAX_WIDTH_EMU2 = 6 * EMU_PER_INCH3;
+  const MAX_HEIGHT_EMU2 = 8 * EMU_PER_INCH3;
   let cx;
   let cy;
   if (dims) {
     const fitted = fitWithin(
-      dims.width / 96 * EMU_PER_INCH2,
-      dims.height / 96 * EMU_PER_INCH2,
-      MAX_WIDTH_EMU,
-      MAX_HEIGHT_EMU
+      dims.width / 96 * EMU_PER_INCH3,
+      dims.height / 96 * EMU_PER_INCH3,
+      MAX_WIDTH_EMU2,
+      MAX_HEIGHT_EMU2
     );
     cx = Math.round(fitted.width);
     cy = Math.round(fitted.height);
   } else {
-    cx = 5 * EMU_PER_INCH2;
-    cy = 3 * EMU_PER_INCH2;
+    cx = 5 * EMU_PER_INCH3;
+    cy = 3 * EMU_PER_INCH3;
   }
   const name = escapeXml(node.alt || filename);
   const description = node.alt ? ` descr="${escapeXml(node.alt)}"` : "";
-  const NS_A2 = "http://schemas.openxmlformats.org/drawingml/2006/main";
-  const NS_PIC2 = "http://schemas.openxmlformats.org/drawingml/2006/picture";
-  return `<w:r><w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0"><wp:extent cx="${cx}" cy="${cy}"/><wp:docPr id="${docPrId}" name="${name}"${description}/><wp:cNvGraphicFramePr><a:graphicFrameLocks xmlns:a="${NS_A2}" noChangeAspect="1"/></wp:cNvGraphicFramePr><a:graphic xmlns:a="${NS_A2}"><a:graphicData uri="${NS_PIC2}"><pic:pic xmlns:pic="${NS_PIC2}"><pic:nvPicPr><pic:cNvPr id="0" name="${name}"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill><a:blip r:embed="${relId}"/><a:stretch><a:fillRect/></a:stretch></pic:blipFill><pic:spPr><a:xfrm><a:off x="0" y="0"/><a:ext cx="${cx}" cy="${cy}"/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic></wp:inline></w:drawing></w:r>`;
+  const NS_A3 = "http://schemas.openxmlformats.org/drawingml/2006/main";
+  const NS_PIC3 = "http://schemas.openxmlformats.org/drawingml/2006/picture";
+  return `<w:r><w:drawing><wp:inline distT="0" distB="0" distL="0" distR="0"><wp:extent cx="${cx}" cy="${cy}"/><wp:docPr id="${docPrId}" name="${name}"${description}/><wp:cNvGraphicFramePr><a:graphicFrameLocks xmlns:a="${NS_A3}" noChangeAspect="1"/></wp:cNvGraphicFramePr><a:graphic xmlns:a="${NS_A3}"><a:graphicData uri="${NS_PIC3}"><pic:pic xmlns:pic="${NS_PIC3}"><pic:nvPicPr><pic:cNvPr id="0" name="${name}"/><pic:cNvPicPr/></pic:nvPicPr><pic:blipFill><a:blip r:embed="${relId}"/><a:stretch><a:fillRect/></a:stretch></pic:blipFill><pic:spPr><a:xfrm><a:off x="0" y="0"/><a:ext cx="${cx}" cy="${cy}"/></a:xfrm><a:prstGeom prst="rect"><a:avLst/></a:prstGeom></pic:spPr></pic:pic></a:graphicData></a:graphic></wp:inline></w:drawing></w:r>`;
 }
 function convertFootnoteRef(node, ctx) {
   const fnId = ctx.getFootnoteId(node.identifier);

package/dist/{chunk-ERT4EVR2.js → chunk-Z3QORA5G.js}

@@ -1,7 +1,7 @@
 import {
   convert,
   defaultRegistry
-} from "./chunk-HNGS7A5Z.js";
+} from "./chunk-XCHIYF3A.js";
 import {
   ConversionError
 } from "./chunk-KXOZMWBS.js";

package/dist/diagrams/index.d.ts

@@ -16,14 +16,20 @@ import { MarkdownDocument, MarkdownCodeBlock } from '@bendyline/squisq/markdown'
  * - ASCII-art ```diagram, ```tree, and ```timeline fences (also unlabeled or
  *   `text` fences whose content the detectors accept);
  * - heading blocks with a container template — `{[drawing]}`, `{[layout]}`,
- *   `{[diagram]}` — together with every child heading they own.
+ *   `{[diagram]}` — together with every child heading they own;
+ * - ```svg fences (SVG islands) — but only when `kinds` asks for `svg`: DOCX
+ *   and PPTX embed an island natively as vector art, so by default it is
+ *   left in place. Ask for it to picture islands for PDF, or to get the
+ *   `svg` map of PNG fallbacks the Office exporters place beside the vector.
  *
  * `docToPptx` keeps drawings, timelines and ASCII diagrams as native shapes;
  * for it, use the returned `mermaid` map as its `diagramImages` option.
  */
 
 /** What kind of diagram a picture is wanted for. */
-type ExportDiagramKind = 'mermaid' | 'diagram' | 'timeline' | 'tree' | 'container';
+type ExportDiagramKind = 'mermaid' | 'diagram' | 'timeline' | 'tree' | 'container' | 'svg';
+/** Every kind, `svg` included — for exporters with no vector picture of their own (PDF). */
+declare const EXPORT_DIAGRAM_KINDS: readonly ExportDiagramKind[];
 interface ExportDiagram {
     readonly kind: ExportDiagramKind;
     /**
@@ -49,7 +55,7 @@ interface DiagramPicture {
 type DiagramRasterizer = (diagram: ExportDiagram) => Promise<DiagramPicture | null>;
 interface RasterizeDiagramsOptions {
     signal?: AbortSignal;
-    /** Limit the kinds pictured. Default: all of them. */
+    /** The kinds to picture. Default: all of them except `svg` (see above). */
     kinds?: readonly ExportDiagramKind[];
     /** Prefix for the image URLs written into the document. Default: `diagram`. */
     urlPrefix?: string;
@@ -71,6 +77,11 @@ interface RasterizedDiagrams {
     }>;
     /** Pictures of Mermaid diagrams keyed by trimmed source, for `docToPptx`'s `diagramImages`. */
     readonly mermaid: Map<string, DiagramPicture>;
+    /**
+     * Pictures of SVG islands keyed by trimmed source: the PNG fallbacks for
+     * DOCX's `svgIslandFallbacks` and PPTX's `diagramImages`.
+     */
+    readonly svg: Map<string, DiagramPicture>;
 }
 /** The diagram kind of a fence, or null for ordinary code. */
 declare function fenceDiagramKind(node: MarkdownCodeBlock): ExportDiagramKind | null;
@@ -83,4 +94,4 @@ declare function findDiagrams(doc: MarkdownDocument): ExportDiagram[];
  */
 declare function rasterizeDiagrams(doc: MarkdownDocument, render: DiagramRasterizer, options?: RasterizeDiagramsOptions): Promise<RasterizedDiagrams>;
 
-export { type DiagramPicture, type DiagramRasterizer, type ExportDiagram, type ExportDiagramKind, type RasterizeDiagramsOptions, type RasterizedDiagrams, fenceDiagramKind, findDiagrams, rasterizeDiagrams };
+export { type DiagramPicture, type DiagramRasterizer, EXPORT_DIAGRAM_KINDS, type ExportDiagram, type ExportDiagramKind, type RasterizeDiagramsOptions, type RasterizedDiagrams, fenceDiagramKind, findDiagrams, rasterizeDiagrams };

package/dist/diagrams/index.js

@@ -1,5 +1,10 @@
 // src/diagrams/index.ts
-import { extractPlainText, stringifyMarkdown } from "@bendyline/squisq/markdown";
+import {
+  extractPlainText,
+  isSvgIslandLang,
+  parseSvgIsland,
+  stringifyMarkdown
+} from "@bendyline/squisq/markdown";
 import {
   detectAsciiDiagram,
   detectAsciiTimeline,
@@ -13,16 +18,26 @@ import {
   isExplicitTreeLang,
   resolveTemplateName
 } from "@bendyline/squisq/doc";
+var DEFAULT_KINDS = [
+  "mermaid",
+  "diagram",
+  "timeline",
+  "tree",
+  "container"
+];
+var EXPORT_DIAGRAM_KINDS = [...DEFAULT_KINDS, "svg"];
 var KIND_NAMES = {
   mermaid: "Diagram",
   diagram: "Diagram",
   timeline: "Timeline",
   tree: "Tree",
-  container: "Diagram"
+  container: "Diagram",
+  svg: "Illustration"
 };
 function fenceDiagramKind(node) {
   const lang = node.lang ?? null;
   if ((lang ?? "").trim().toLowerCase() === "mermaid") return "mermaid";
+  if (isSvgIslandLang(lang)) return parseSvgIsland(node.value).ok ? "svg" : null;
   if (isEligibleAsciiFenceLang(lang)) {
     const detection = detectAsciiDiagram(node.value, { explicit: isExplicitDiagramLang(lang) });
     if (detection.isDiagram) return "diagram";
@@ -47,6 +62,14 @@ function mermaidAlt(source) {
   const description = /^\s*accDescr\s*:\s*(.+?)\s*$/mu.exec(source)?.[1] ?? "";
   return [title, description].filter(Boolean).join(". ");
 }
+function fenceAlt(kind, source) {
+  if (kind === "mermaid") return mermaidAlt(source);
+  if (kind === "svg") {
+    const result = parseSvgIsland(source);
+    return result.ok && result.island.title || "";
+  }
+  return "";
+}
 function fenceMarkdown(node) {
   return stringifyMarkdown({ type: "document", children: [node] }).trim();
 }
@@ -66,7 +89,7 @@ function findInDocument(doc) {
               markdown: fenceMarkdown(fence),
               source: fence.value,
               template: "",
-              alt: (kind === "mermaid" ? mermaidAlt(fence.value) : "") || KIND_NAMES[kind]
+              alt: fenceAlt(kind, fence.value) || KIND_NAMES[kind]
             }
           });
         }
@@ -147,7 +170,7 @@ function replaceFences(nodes, replacements) {
   return changed ? next : nodes;
 }
 async function rasterizeDiagrams(doc, render, options = {}) {
-  const kinds = options.kinds ? new Set(options.kinds) : null;
+  const kinds = new Set(options.kinds ?? DEFAULT_KINDS);
   const prefix = options.urlPrefix ?? "diagram";
   const taken = imageUrls(doc.children, /* @__PURE__ */ new Set());
   let counter = 0;
@@ -161,11 +184,12 @@ async function rasterizeDiagrams(doc, render, options = {}) {
   };
   const images = /* @__PURE__ */ new Map();
   const mermaid = /* @__PURE__ */ new Map();
+  const svg = /* @__PURE__ */ new Map();
   const fenceReplacements = /* @__PURE__ */ new Map();
   const containerReplacements = [];
   for (const entry of findInDocument(doc)) {
     options.signal?.throwIfAborted();
-    if (kinds && !kinds.has(entry.diagram.kind)) continue;
+    if (!kinds.has(entry.diagram.kind)) continue;
     let picture = null;
     try {
       picture = await render(entry.diagram);
@@ -184,6 +208,7 @@ async function rasterizeDiagrams(doc, render, options = {}) {
       height: picture.height
     });
     if (entry.diagram.kind === "mermaid") mermaid.set(entry.diagram.source.trim(), picture);
+    if (entry.diagram.kind === "svg") svg.set(entry.diagram.source.trim(), picture);
     const paragraph = imageParagraph(url, entry.diagram.alt);
     if (entry.fence) {
       fenceReplacements.set(entry.fence, paragraph);
@@ -212,10 +237,12 @@ async function rasterizeDiagrams(doc, render, options = {}) {
   return {
     markdownDoc: children === doc.children ? doc : { ...doc, children },
     images,
-    mermaid
+    mermaid,
+    svg
   };
 }
 export {
+  EXPORT_DIAGRAM_KINDS,
   fenceDiagramKind,
   findDiagrams,
   rasterizeDiagrams

package/dist/docx/index.d.ts

@@ -65,6 +65,17 @@ interface DocxExportOptions {
     }>;
     /** Permit carefully validated relative hyperlink targets. Default: false. */
     allowRelativeHyperlinks?: boolean;
+    /**
+     * PNG renderings of SVG islands (```svg fences), keyed by the fence source
+     * as written (trimmed) — the `svg` map from `rasterizeDiagrams` with
+     * `kinds: ['svg']`. Word draws an island's SVG; the PNG is what older
+     * readers show. Without one, a generated stand-in is used.
+     */
+    svgIslandFallbacks?: Map<string, {
+        data: ArrayBuffer | Uint8Array;
+        width: number;
+        height: number;
+    }>;
 }
 /**
  * Convert a MarkdownDocument to a .docx Blob.

package/dist/docx/index.js

@@ -4,8 +4,9 @@ import {
   docxToDoc,
   docxToMarkdownDoc,
   markdownDocToDocx
-} from "../chunk-5ACTORJI.js";
-import "../chunk-A6N6IN3I.js";
+} from "../chunk-YITBSNPM.js";
+import "../chunk-XVBQB2SL.js";
+import "../chunk-VCZUXQUL.js";
 import "../chunk-AVOZAKGP.js";
 import "../chunk-ILCJ3WFD.js";
 import "../chunk-JU2RHXUB.js";

package/dist/epub/index.d.ts

@@ -66,7 +66,7 @@ interface EpubExportOptions {
  * Chapters are split at H1/H2 heading boundaries. All referenced images
  * (provided via `options.images`) are embedded in the archive.
  */
-declare function markdownDocToEpub(doc: MarkdownDocument, options?: EpubExportOptions): Promise<ArrayBuffer>;
+declare function markdownDocToEpub(sourceDoc: MarkdownDocument, options?: EpubExportOptions): Promise<ArrayBuffer>;
 /**
  * Convert a squisq Doc to an EPUB 3 file.
  *

package/dist/epub/index.js

@@ -1,8 +1,9 @@
 import {
   docToEpub,
   markdownDocToEpub
-} from "../chunk-TX2HE34S.js";
+} from "../chunk-PKFWF4FX.js";
 import "../chunk-YVCUNZB5.js";
+import "../chunk-VCZUXQUL.js";
 import "../chunk-AVOZAKGP.js";
 import "../chunk-JU2RHXUB.js";
 import "../chunk-BXWNU4T5.js";

package/dist/html/index.js

@@ -10,12 +10,13 @@ import {
   markdownDocToPlainHtml,
   markdownDocsToHtmlBundle,
   markdownDocsToPlainHtmlBundle
-} from "../chunk-3NKXJF4C.js";
+} from "../chunk-ETK2SKVQ.js";
 import {
   arrayBufferToBase64DataUrl,
   extractFilename,
   inferMimeType
 } from "../chunk-YVCUNZB5.js";
+import "../chunk-VCZUXQUL.js";
 import "../chunk-BXWNU4T5.js";
 import "../chunk-RSU3V5IQ.js";
 export {

package/dist/index.js

@@ -5,11 +5,11 @@ import {
   htmlToMarkdown,
   htmlToMarkdownDoc,
   htmlToMarkdownDocSync
-} from "./chunk-3NKXJF4C.js";
+} from "./chunk-ETK2SKVQ.js";
 import {
   docToEpub,
   markdownDocToEpub
-} from "./chunk-TX2HE34S.js";
+} from "./chunk-PKFWF4FX.js";
 import {
   BUILTIN_FORMAT_IDS
 } from "./chunk-2P5HJAQL.js";
@@ -28,7 +28,7 @@ import {
   renderOutsideInDocument,
   withOutsideInMarkdownEditing,
   withOutsideInMetadata
-} from "./chunk-ERT4EVR2.js";
+} from "./chunk-Z3QORA5G.js";
 import {
   DEFAULT_CONVERSION_LIMITS,
   convert,
@@ -37,7 +37,7 @@ import {
   defaultRegistry,
   prepareConversion,
   resolveConversionLimits
-} from "./chunk-HNGS7A5Z.js";
+} from "./chunk-XCHIYF3A.js";
 import {
   ConversionError
 } from "./chunk-KXOZMWBS.js";
@@ -52,16 +52,17 @@ import {
   docxToDoc,
   docxToMarkdownDoc,
   markdownDocToDocx
-} from "./chunk-5ACTORJI.js";
+} from "./chunk-YITBSNPM.js";
 import {
   docToPptx,
   markdownDocToPptx,
   pptxToDoc,
   pptxToMarkdownDoc
-} from "./chunk-BHWIHYUJ.js";
+} from "./chunk-52RXDH24.js";
 import "./chunk-6N2J7C2B.js";
 import "./chunk-YVCUNZB5.js";
-import "./chunk-A6N6IN3I.js";
+import "./chunk-XVBQB2SL.js";
+import "./chunk-VCZUXQUL.js";
 import {
   docToXlsx,
   markdownDocToXlsx,

package/dist/outside-in/index.js

@@ -6,8 +6,8 @@ import {
   renderOutsideInDocument,
   withOutsideInMarkdownEditing,
   withOutsideInMetadata
-} from "../chunk-ERT4EVR2.js";
-import "../chunk-HNGS7A5Z.js";
+} from "../chunk-Z3QORA5G.js";
+import "../chunk-XCHIYF3A.js";
 import "../chunk-KXOZMWBS.js";
 import {
   OUTSIDE_IN_FORMAT_IDS,

package/dist/pptx/index.js

@@ -4,13 +4,14 @@ import {
   pptxToContainer,
   pptxToDoc,
   pptxToMarkdownDoc
-} from "../chunk-BHWIHYUJ.js";
+} from "../chunk-52RXDH24.js";
 import {
   analyzePptxLayouts,
   inspectPptxLayouts
 } from "../chunk-6N2J7C2B.js";
 import "../chunk-YVCUNZB5.js";
-import "../chunk-A6N6IN3I.js";
+import "../chunk-XVBQB2SL.js";
+import "../chunk-VCZUXQUL.js";
 import "../chunk-AVOZAKGP.js";
 import "../chunk-ILCJ3WFD.js";
 import "../chunk-JU2RHXUB.js";

package/dist/registry/index.js

@@ -9,7 +9,7 @@ import {
   defaultRegistry,
   prepareConversion,
   resolveConversionLimits
-} from "../chunk-HNGS7A5Z.js";
+} from "../chunk-XCHIYF3A.js";
 import {
   ConversionError
 } from "../chunk-KXOZMWBS.js";

package/dist/svgIslandPoster-RYA6PDX7.js

@@ -0,0 +1,73 @@
+import {
+  upngEncoder
+} from "./chunk-34KECNZO.js";
+
+// src/shared/svgIslandPoster.ts
+var LONG_EDGE = 480;
+var posterCache = /* @__PURE__ */ new Map();
+function svgIslandPosterPng(aspectRatio) {
+  const ratio = Number.isFinite(aspectRatio) && aspectRatio > 0 ? aspectRatio : 4 / 3;
+  const width = Math.max(48, Math.round(ratio >= 1 ? LONG_EDGE : LONG_EDGE * ratio));
+  const height = Math.max(48, Math.round(ratio >= 1 ? LONG_EDGE / ratio : LONG_EDGE));
+  const key = `${width}x${height}`;
+  if (posterCache.has(key)) return posterCache.get(key) ?? null;
+  if (!upngEncoder) {
+    posterCache.set(key, null);
+    return null;
+  }
+  const panel = [243, 244, 246];
+  const ink = [156, 163, 175];
+  const rgba = new Uint8Array(width * height * 4);
+  for (let i = 0; i < width * height; i++) {
+    rgba[i * 4] = panel[0];
+    rgba[i * 4 + 1] = panel[1];
+    rgba[i * 4 + 2] = panel[2];
+    rgba[i * 4 + 3] = 255;
+  }
+  const size = Math.round(Math.min(width, height) * 0.28);
+  const left = (width - size) / 2;
+  const top = (height - size * 0.8) / 2;
+  const glyphH = size * 0.8;
+  const stroke = Math.max(2, size * 0.06);
+  const inFrame = (x, y) => {
+    const inside = x >= left && x <= left + size && y >= top && y <= top + glyphH;
+    const inner = x >= left + stroke && x <= left + size - stroke && y >= top + stroke && y <= top + glyphH - stroke;
+    return inside && !inner;
+  };
+  const sunX = left + size * 0.32;
+  const sunY = top + glyphH * 0.34;
+  const sunR = size * 0.09;
+  const inSun = (x, y) => (x - sunX) ** 2 + (y - sunY) ** 2 <= sunR ** 2;
+  const base = top + glyphH - stroke;
+  const inMountain = (x, y) => {
+    if (y > base || x < left + stroke || x > left + size - stroke) return false;
+    const peakX = left + size * 0.62;
+    const peakY = top + glyphH * 0.42;
+    const halfW = size * 0.38;
+    return y >= peakY + (base - peakY) * Math.abs(x - peakX) / halfW;
+  };
+  const SAMPLES = 4;
+  for (let y = Math.floor(top); y < Math.ceil(top + glyphH); y++) {
+    for (let x = Math.floor(left); x < Math.ceil(left + size); x++) {
+      let hits = 0;
+      for (let sy = 0; sy < SAMPLES; sy++) {
+        for (let sx = 0; sx < SAMPLES; sx++) {
+          const px = x + (sx + 0.5) / SAMPLES;
+          const py = y + (sy + 0.5) / SAMPLES;
+          if (inFrame(px, py) || inSun(px, py) || inMountain(px, py)) hits++;
+        }
+      }
+      if (!hits) continue;
+      const t = hits / SAMPLES ** 2;
+      const at = (y * width + x) * 4;
+      for (let c = 0; c < 3; c++) rgba[at + c] = Math.round(panel[c] + (ink[c] - panel[c]) * t);
+    }
+  }
+  const data = upngEncoder.encode([rgba.buffer], width, height, 0);
+  const poster = { data, contentType: "image/png", width, height };
+  posterCache.set(key, poster);
+  return poster;
+}
+export {
+  svgIslandPosterPng
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-formats",
-  "version": "2.7.1",
+  "version": "2.7.2",
   "description": "Document format converters — DOCX, PDF, OOXML import/export",
   "license": "MIT",
   "author": "Bendyline",
@@ -125,7 +125,7 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "@bendyline/squisq": "2.12.0",
+    "@bendyline/squisq": "2.12.2",
     "@pdf-lib/fontkit": "1.1.1",
     "@pdf-lib/upng": "1.0.1",
     "@xmldom/xmldom": "0.9.12",