@bendyline/squisq-formats 2.7.1 → 2.7.3

package/README.md

@@ -87,7 +87,7 @@ const imported = await pdfToMarkdownDoc(pdfBuffer);
 const container = await pdfToContainer(pdfBuffer);
 ```
 
-**Fidelity:** export uses pdf-lib's standard 14 fonts (`themeId` affects colors only). Pages stay white for printing. Theme text, heading, and link colors are retained when they meet 4.5:1 contrast against both white paper and the shaded table header; otherwise the exporter uses its default dark ink for that role. This also applies to inherited and custom themes. Pass `images` (keyed by the markdown URL, as for DOCX) to draw PNG and JPEG images that stand alone in a paragraph; other images print as an `[Image: alt]` note. PDF has no semantic structure, so import is heuristic and best-effort: headings are detected by font size, and tables / code blocks / blockquotes / links via the `detectTables` / `detectCodeBlocks` / `detectBlockquotes` / `detectLinks` options (all default true). `pdfToMarkdownDoc` is text-only; `pdfToContainer` also extracts embedded XObject and inline raster images in browsers and Node, placed **by page** — each image is inserted after the last content block from its page (image-only pages fall back to the nearest preceding page with content, else the document end). Placement is page-level only; masks, vector artwork, and images that PDF.js cannot expose as decoded pixels are not emitted.
+**Fidelity:** export uses pdf-lib's standard 14 fonts (`themeId` affects colors only). Text they cannot encode — Greek, Cyrillic, Vietnamese, arrows, math, box drawing, symbols — is drawn with an embedded Unicode font: the bundled DejaVu Sans faces, loaded and subset only for a document that needs them (`unicodeFonts` supplies your own faces, or `false` turns this off). CJK and emoji are still replaced, and reported once through `onWarning`. Pages stay white for printing. Theme text, heading, and link colors are retained when they meet 4.5:1 contrast against both white paper and the shaded table header; otherwise the exporter uses its default dark ink for that role. This also applies to inherited and custom themes. Pass `images` (keyed by the markdown URL, as for DOCX) to draw PNG and JPEG images that stand alone in a paragraph; other images print as an `[Image: alt]` note. PDF has no semantic structure, so import is heuristic and best-effort: headings are detected by font size, and tables / code blocks / blockquotes / links via the `detectTables` / `detectCodeBlocks` / `detectBlockquotes` / `detectLinks` options (all default true). `pdfToMarkdownDoc` is text-only; `pdfToContainer` also extracts embedded XObject and inline raster images in browsers and Node, placed **by page** — each image is inserted after the last content block from its page (image-only pages fall back to the nearest preceding page with content, else the document end). Placement is page-level only; masks, vector artwork, and images that PDF.js cannot expose as decoded pixels are not emitted.
 
 ### Diagrams as pictures
 

package/THIRD_PARTY_LICENSES.txt

@@ -6,6 +6,7 @@ repository license, the pinned upstream copy is vendored and identified below.
 
 COMPONENTS
 - @fortawesome/fontawesome-free@7.3.1 ((CC-BY-4.0 AND OFL-1.1 AND MIT)); files: LICENSE.txt
+- dejavu-fonts-ttf@2.37.3 (SEE LICENSE IN README.md AND LICENSE); files: LICENSE
 
 ==============================================================================
 @fortawesome/fontawesome-free@7.3.1 - LICENSE.txt
@@ -176,3 +177,194 @@ trademarks does not indicate endorsement of the trademark holder by Font
 Awesome, nor vice versa. **Please do not use brand logos for any purpose except
 to represent the company, product, or service to which they refer.**
 
+==============================================================================
+dejavu-fonts-ttf@2.37.3 - LICENSE
+==============================================================================
+Fonts are (c) Bitstream (see below). DejaVu changes are in public domain.
+Glyphs imported from Arev fonts are (c) Tavmjong Bah (see below)
+
+
+Bitstream Vera Fonts Copyright
+------------------------------
+
+Copyright (c) 2003 by Bitstream, Inc. All Rights Reserved. Bitstream Vera is
+a trademark of Bitstream, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of the fonts accompanying this license ("Fonts") and associated
+documentation files (the "Font Software"), to reproduce and distribute the
+Font Software, including without limitation the rights to use, copy, merge,
+publish, distribute, and/or sell copies of the Font Software, and to permit
+persons to whom the Font Software is furnished to do so, subject to the
+following conditions:
+
+The above copyright and trademark notices and this permission notice shall
+be included in all copies of one or more of the Font Software typefaces.
+
+The Font Software may be modified, altered, or added to, and in particular
+the designs of glyphs or characters in the Fonts may be modified and
+additional glyphs or characters may be added to the Fonts, only if the fonts
+are renamed to names not containing either the words "Bitstream" or the word
+"Vera".
+
+This License becomes null and void to the extent applicable to Fonts or Font
+Software that has been modified and is distributed under the "Bitstream
+Vera" names.
+
+The Font Software may be sold as part of a larger software package but no
+copy of one or more of the Font Software typefaces may be sold by itself.
+
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS
+OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT,
+TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL BITSTREAM OR THE GNOME
+FOUNDATION BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING
+ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF
+THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE
+FONT SOFTWARE.
+
+Except as contained in this notice, the names of Gnome, the Gnome
+Foundation, and Bitstream Inc., shall not be used in advertising or
+otherwise to promote the sale, use or other dealings in this Font Software
+without prior written authorization from the Gnome Foundation or Bitstream
+Inc., respectively. For further information, contact: fonts at gnome dot
+org.
+
+Arev Fonts Copyright
+------------------------------
+
+Copyright (c) 2006 by Tavmjong Bah. All Rights Reserved.
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the fonts accompanying this license ("Fonts") and
+associated documentation files (the "Font Software"), to reproduce
+and distribute the modifications to the Bitstream Vera Font Software,
+including without limitation the rights to use, copy, merge, publish,
+distribute, and/or sell copies of the Font Software, and to permit
+persons to whom the Font Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright and trademark notices and this permission notice
+shall be included in all copies of one or more of the Font Software
+typefaces.
+
+The Font Software may be modified, altered, or added to, and in
+particular the designs of glyphs or characters in the Fonts may be
+modified and additional glyphs or characters may be added to the
+Fonts, only if the fonts are renamed to names not containing either
+the words "Tavmjong Bah" or the word "Arev".
+
+This License becomes null and void to the extent applicable to Fonts
+or Font Software that has been modified and is distributed under the 
+"Tavmjong Bah Arev" names.
+
+The Font Software may be sold as part of a larger software package but
+no copy of one or more of the Font Software typefaces may be sold by
+itself.
+
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL
+TAVMJONG BAH BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.
+
+Except as contained in this notice, the name of Tavmjong Bah shall not
+be used in advertising or otherwise to promote the sale, use or other
+dealings in this Font Software without prior written authorization
+from Tavmjong Bah. For further information, contact: tavmjong @ free
+. fr.
+
+TeX Gyre DJV Math
+-----------------
+Fonts are (c) Bitstream (see below). DejaVu changes are in public domain.
+
+Math extensions done by B. Jackowski, P. Strzelczyk and P. Pianowski
+(on behalf of TeX users groups) are in public domain.
+
+Letters imported from Euler Fraktur from AMSfonts are (c) American
+Mathematical Society (see below).
+Bitstream Vera Fonts Copyright
+Copyright (c) 2003 by Bitstream, Inc. All Rights Reserved. Bitstream Vera
+is a trademark of Bitstream, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of the fonts accompanying this license (“Fonts”) and associated
+documentation
+files (the “Font Software”), to reproduce and distribute the Font Software,
+including without limitation the rights to use, copy, merge, publish,
+distribute,
+and/or sell copies of the Font Software, and to permit persons  to whom
+the Font Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright and trademark notices and this permission notice
+shall be
+included in all copies of one or more of the Font Software typefaces.
+
+The Font Software may be modified, altered, or added to, and in particular
+the designs of glyphs or characters in the Fonts may be modified and
+additional
+glyphs or characters may be added to the Fonts, only if the fonts are
+renamed
+to names not containing either the words “Bitstream” or the word “Vera”.
+
+This License becomes null and void to the extent applicable to Fonts or
+Font Software
+that has been modified and is distributed under the “Bitstream Vera”
+names.
+
+The Font Software may be sold as part of a larger software package but
+no copy
+of one or more of the Font Software typefaces may be sold by itself.
+
+THE FONT SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS
+OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT,
+TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL BITSTREAM OR THE GNOME
+FOUNDATION
+BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL,
+SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN
+ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR
+INABILITY TO USE
+THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
+Except as contained in this notice, the names of GNOME, the GNOME
+Foundation,
+and Bitstream Inc., shall not be used in advertising or otherwise to promote
+the sale, use or other dealings in this Font Software without prior written
+authorization from the GNOME Foundation or Bitstream Inc., respectively.
+For further information, contact: fonts at gnome dot org.
+
+AMSFonts (v. 2.2) copyright
+
+The PostScript Type 1 implementation of the AMSFonts produced by and
+previously distributed by Blue Sky Research and Y&Y, Inc. are now freely
+available for general use. This has been accomplished through the
+cooperation
+of a consortium of scientific publishers with Blue Sky Research and Y&Y.
+Members of this consortium include:
+
+Elsevier Science IBM Corporation Society for Industrial and Applied
+Mathematics (SIAM) Springer-Verlag American Mathematical Society (AMS)
+
+In order to assure the authenticity of these fonts, copyright will be
+held by
+the American Mathematical Society. This is not meant to restrict in any way
+the legitimate use of the fonts, such as (but not limited to) electronic
+distribution of documents containing these fonts, inclusion of these fonts
+into other public domain or commercial font collections or computer
+applications, use of the outline data to create derivative fonts and/or
+faces, etc. However, the AMS does require that the AMS copyright notice be
+removed from any derivative versions of the fonts which have been altered in
+any way. In addition, to ensure the fidelity of TeX documents using Computer
+Modern fonts, Professor Donald Knuth, creator of the Computer Modern faces,
+has requested that any alterations which yield different font metrics be
+given a different name.
+
+$Id$
+

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-ERT4EVR2.js → chunk-GHHIYBUT.js}

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