@bendyline/docblocks-react 2.7.2 → 2.7.4

package/dist/{AudioExportDialog-F23QXNPB.js → AudioExportDialog-IOYIEAER.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-RP3DVNTI.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/Speech/AudioExportDialog.tsx
 import { useEffect, useId, useRef, useState } from "react";

package/dist/{DocumentConflictDialog-5LRVIGXS.js → DocumentConflictDialog-DZ2BV2IH.js}

@@ -1,6 +1,6 @@
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/DocBlocksShell/DocumentConflictDialog.tsx
 import { useEffect, useState } from "react";

package/dist/ExportDialog-LGWBXIWN.js

@@ -0,0 +1,9 @@
+import {
+  ExportDialog
+} from "./chunk-GFK4TCKN.js";
+import "./chunk-H3BK5MK6.js";
+import "./chunk-6MSHXQNB.js";
+import "./chunk-VJPGZCFS.js";
+export {
+  ExportDialog
+};

package/dist/{ExportToolbarControls-2FEIHNMW.js → ExportToolbarControls-HOV424TO.js}

@@ -16,8 +16,9 @@ import {
   buildExportFilename
 } from "./chunk-5O5YTOXG.js";
 import {
+  OpenAfterSaveCheckbox,
   loadTransformStyleSummaries
-} from "./chunk-YBEYTVU2.js";
+} from "./chunk-H3BK5MK6.js";
 import {
   FORMAT_EXTENSIONS,
   loadLastExportOptions,
@@ -26,7 +27,7 @@ import {
 } from "./chunk-6MSHXQNB.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/Export/ExportToolbarControls.tsx
 import {
@@ -45,22 +46,40 @@ import {
 } from "@bendyline/squisq-editor-react";
 import { readFrontmatterThemeId } from "@bendyline/squisq/markdown";
 import { getThemeSummaries } from "@bendyline/squisq/schemas";
+
+// src/preferences/export.ts
+var STORAGE_KEY = "docblocks:openAfterExport";
+function loadOpenAfterExport() {
+  try {
+    return localStorage.getItem(STORAGE_KEY) === "true";
+  } catch {
+    return false;
+  }
+}
+function saveOpenAfterExport(value) {
+  try {
+    localStorage.setItem(STORAGE_KEY, String(value));
+  } catch {
+  }
+}
+
+// src/Export/ExportToolbarControls.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ExportDialog = lazy(
-  () => import("./ExportDialog-JRVZCG3J.js").then((module) => ({ default: module.ExportDialog }))
+  () => import("./ExportDialog-LGWBXIWN.js").then((module) => ({ default: module.ExportDialog }))
 );
 var ShareDialog = lazy(
-  () => import("./ShareDialog-XUA2OVGI.js").then((module) => ({ default: module.ShareDialog }))
+  () => import("./ShareDialog-PF7D7ORP.js").then((module) => ({ default: module.ShareDialog }))
 );
 var runExportModulePromise = null;
 function loadRunExportModule() {
-  runExportModulePromise ?? (runExportModulePromise = import("./run-export-CS3HRNAZ.js"));
+  runExportModulePromise ?? (runExportModulePromise = import("./run-export-SPNNH32M.js"));
   return runExportModulePromise;
 }
 var ExportCancelledError = class extends Error {
 };
 var AudioExportDialog = lazy(
-  () => import("./AudioExportDialog-F23QXNPB.js").then((module) => ({
+  () => import("./AudioExportDialog-IOYIEAER.js").then((module) => ({
     default: module.AudioExportDialog
   }))
 );
@@ -159,6 +178,13 @@ function ExportToolbarControls({
   const [transformSummaries, setTransformSummaries] = useState([]);
   const [exporting, setExporting] = useState(false);
   const [exportError, setExportError] = useState(null);
+  const [openAfterSave, setOpenAfterSave] = useState(loadOpenAfterExport);
+  const [openError, setOpenError] = useState(null);
+  const handleOpenAfterSaveChange = useCallback((checked) => {
+    setOpenAfterSave(checked);
+    saveOpenAfterExport(checked);
+  }, []);
+  const [exportNotice, setExportNotice] = useState(null);
   const [destinationTarget, setDestinationTarget] = useState(null);
   const [quickDestination, setQuickDestination] = useState(null);
   const [quickDestinationPending, setQuickDestinationPending] = useState(false);
@@ -300,6 +326,7 @@ function ExportToolbarControls({
     setVideoModalOpen(false);
     setVideoDoc(null);
     setVideoLoadError(null);
+    setOpenError(null);
   }, []);
   const handleOptionsChange = useCallback(
     (options) => {
@@ -327,13 +354,28 @@ function ExportToolbarControls({
       const savedTarget = await destinationAdapter.saveBlob(blob, filename, target);
       if (!savedTarget) throw new ExportCancelledError();
       setDestinationTarget(savedTarget);
+      return savedTarget;
     },
     [destinationAdapter]
   );
+  const openSaved = useCallback(
+    async (target) => {
+      if (!openAfterSave || !destinationAdapter?.openSaved) return;
+      try {
+        await destinationAdapter.openSaved(target);
+      } catch (caught) {
+        const detail = hostErrorDetail(caught);
+        setOpenError(`The file was saved, but it couldn't be opened.${detail ? ` ${detail}` : ""}`);
+      }
+    },
+    [destinationAdapter, openAfterSave]
+  );
   const handleExport = useCallback(
     async (opts) => {
       setExporting(true);
       setExportError(null);
+      setOpenError(null);
+      setExportNotice(null);
       try {
         let exportTarget = destinationTarget;
         if (!fileShare && destinationAdapter?.pickBeforeSave) {
@@ -343,7 +385,8 @@ function ExportToolbarControls({
           setDestinationTarget(exportTarget);
         }
         const { runExport } = await loadRunExportModule();
-        await runExport(
+        let savedTarget;
+        const result = await runExport(
           markdownSource,
           selectedFile,
           opts,
@@ -351,9 +394,13 @@ function ExportToolbarControls({
           fileShare && destinationAdapter?.shareBlob ? async (blob, filename) => {
             const outcome = await destinationAdapter.shareBlob(blob, filename);
             if (outcome === "cancelled") throw new ExportCancelledError();
-          } : destinationAdapter ? (blob, filename) => saveToDestination(blob, filename, exportTarget) : saveBlob
+          } : destinationAdapter ? async (blob, filename) => {
+            savedTarget = await saveToDestination(blob, filename, exportTarget);
+          } : saveBlob
         );
         setDialogOpen(false);
+        if (result.warnings.length > 0) setExportNotice(result.warnings);
+        if (savedTarget) await openSaved(savedTarget);
       } catch (caught) {
         if (!(caught instanceof ExportCancelledError)) setExportError(exportErrorMessage(caught));
       } finally {
@@ -368,7 +415,8 @@ function ExportToolbarControls({
       destinationAdapter,
       destinationTarget,
       saveToDestination,
-      saveBlob
+      saveBlob,
+      openSaved
     ]
   );
   const handleQuickExport = useCallback(async () => {
@@ -376,6 +424,8 @@ function ExportToolbarControls({
     closeMenu(true);
     setExporting(true);
     setExportError(null);
+    setOpenError(null);
+    setExportNotice(null);
     try {
       saveExportOptions(lastOptions);
       let quickTarget = null;
@@ -390,13 +440,18 @@ function ExportToolbarControls({
         }
       }
       const { runExport } = await loadRunExportModule();
-      await runExport(
+      let savedTarget;
+      const result = await runExport(
         markdownSource,
         selectedFile,
         lastOptions,
         mediaContainer,
-        destinationAdapter ? async (blob, filename) => saveToDestination(blob, filename, quickTarget) : saveBlob
+        destinationAdapter ? async (blob, filename) => {
+          savedTarget = await saveToDestination(blob, filename, quickTarget);
+        } : saveBlob
       );
+      if (result.warnings.length > 0) setExportNotice(result.warnings);
+      if (savedTarget) await openSaved(savedTarget);
     } catch (caught) {
       if (!(caught instanceof ExportCancelledError)) setExportError(exportErrorMessage(caught));
     } finally {
@@ -411,14 +466,26 @@ function ExportToolbarControls({
     saveBlob,
     saveToDestination,
     selectedFile,
-    quickDestinationTarget
+    quickDestinationTarget,
+    openSaved
   ]);
   const handleDismissExportError = useCallback(() => {
     setExportError(null);
   }, []);
+  const handleDismissExportNotice = useCallback(() => {
+    setExportNotice(null);
+  }, []);
   const videoSaveOutput = useMemo(
-    () => destinationAdapter ? createImageSaveOutput(destinationAdapter) : void 0,
-    [destinationAdapter]
+    () => destinationAdapter ? createImageSaveOutput({
+      ...destinationAdapter,
+      saveBlob: async (blob, filename, target) => {
+        setOpenError(null);
+        const saved = await destinationAdapter.saveBlob(blob, filename, target);
+        if (saved) await openSaved(saved);
+        return saved;
+      }
+    }) : void 0,
+    [destinationAdapter, openSaved]
   );
   const LoadedVideoExportModal = videoModules?.Modal;
   const showAnimatedGifExport = showVideoExport && typeof ffmpegWasm?.coreURL === "string" && ffmpegWasm.coreURL.length > 0;
@@ -598,6 +665,7 @@ function ExportToolbarControls({
         documentThemes,
         exporting,
         error: exportError,
+        openAfterSave: !fileShare && destinationAdapter?.openSaved ? { checked: openAfterSave, onChange: handleOpenAfterSaveChange } : void 0,
         destination: destinationAdapter && destinationAdapter.showDestination !== false ? {
           value: destinationTarget?.displayPath ?? "",
           onPick: handlePickDestination,
@@ -636,6 +704,28 @@ function ExportToolbarControls({
         children: /* @__PURE__ */ jsx("p", { className: "db-export-error", role: "alert", children: exportError })
       }
     ),
+    openError && !videoModalOpen && /* @__PURE__ */ jsx(Dialog, { title: "Open saved export", onClose: () => setOpenError(null), children: /* @__PURE__ */ jsx("p", { role: "alert", children: openError }) }),
+    exportNotice && !dialogOpen && !exportError && !openError && /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        title: "Export Document",
+        onClose: handleDismissExportNotice,
+        footer: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "db-export-btn db-export-btn--secondary",
+            onClick: handleDismissExportNotice,
+            children: "Close"
+          }
+        ),
+        children: /* @__PURE__ */ jsxs("div", { role: "status", children: [
+          /* @__PURE__ */ jsx("p", { children: "The file was saved, but not everything in the document could be included." }),
+          exportNotice.map((warning) => /* @__PURE__ */ jsx("p", { children: warning }, warning)),
+          /* @__PURE__ */ jsx("p", { children: "Export to Word, HTML or EPUB to keep every character." })
+        ] })
+      }
+    ),
     shareDialogOpen && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       ShareDialog,
       {
@@ -662,6 +752,16 @@ function ExportToolbarControls({
         mediaEditRenders,
         colorScheme,
         uiPalette: videoExportPalette,
+        saveOptions: destinationAdapter?.openSaved ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            OpenAfterSaveCheckbox,
+            {
+              checked: openAfterSave,
+              onChange: handleOpenAfterSaveChange
+            }
+          ),
+          openError && /* @__PURE__ */ jsx("p", { role: "alert", children: openError })
+        ] }) : void 0,
         defaultConfig: {
           audioPolicy: "best-effort",
           ...ffmpegWasm ? { ffmpegWasm } : {},

package/dist/{GitUI-RCWUZVS6.js → GitUI-F3CNBURE.js}

@@ -14,7 +14,7 @@ import {
 } from "./chunk-GMA4KGGO.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/Git/GitStatusBar.tsx
 import { useCallback, useEffect, useRef, useState } from "react";

package/dist/{KeyboardShortcutsDialog-NOD4P25G.js → KeyboardShortcutsDialog-HVKDFP5Z.js}

@@ -1,10 +1,10 @@
 import {
   SHELL_SHORTCUTS,
   isApplePlatform
-} from "./chunk-K7XJDJUJ.js";
+} from "./chunk-ACQF63SB.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/DocBlocksShell/KeyboardShortcutsDialog.tsx
 import { Fragment, useId, useMemo } from "react";

package/dist/{PresentationMaker-ITNP5SDO.js → PresentationMaker-MUMFAXEI.js}

@@ -1,9 +1,9 @@
 import {
   PresentationMaker
-} from "./chunk-SSB43524.js";
-import "./chunk-NAH52736.js";
+} from "./chunk-PNZFIIWW.js";
+import "./chunk-7V34VUK6.js";
 import "./chunk-K4I3NJFL.js";
-import "./chunk-56KO2LYN.js";
+import "./chunk-VJPGZCFS.js";
 export {
   PresentationMaker
 };

package/dist/{QuickOpenDialog-2KK4SEBU.js → QuickOpenDialog-ENVFGIHS.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-ARATARVJ.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/QuickOpen/QuickOpenDialog.tsx
 import { useEffect, useId, useMemo, useRef, useState } from "react";

package/dist/{Settings-RDYvDDI0.d.ts → Settings-CfhY489G.d.ts}

@@ -14,8 +14,7 @@ type AccentColor = (typeof ACCENT_COLORS)[number];
  * face: the Hanken Grotesk variable binary every surface already ships for
  * documents set in it, and the sans docblocks.com uses. The app and the site
  * then read as one product, and the interface renders identically on every
- * OS — which is also what lets the visual-regression suite compare one set of
- * baselines across platforms at all.
+ * OS.
  *
  * `system` resolves `system-ui`, for anyone who would rather DocBlocks looked
  * native on each platform; the chrome then fetches no font.
@@ -35,7 +34,7 @@ declare function saveInterfaceFont(value: InterfaceFontPreference): void;
  * (the wire/persisted contract) and the `docblocks.writeCanvasFontScheme` enum
  * in the VS Code `package.json`; a guard test keeps the three in sync.
  */
-type WriteCanvasFontScheme = 'theme' | 'serif-sans' | 'sans-sans' | 'serif-serif' | 'pt-serif' | 'hanken' | 'playfair-pt-serif' | 'hanken-lora' | 'dm-serif-dm-sans' | 'inter';
+type WriteCanvasFontScheme = 'theme' | 'serif-sans' | 'sans-sans' | 'serif-serif' | 'pt-serif' | 'hanken' | 'playfair-pt-serif' | 'hanken-lora' | 'dm-serif-dm-sans' | 'inter' | 'inconsolata';
 type WriteCanvasFontSchemeGroup = 'theme' | 'system' | 'curated';
 interface WriteCanvasFontSchemeOption {
     id: WriteCanvasFontScheme;
@@ -116,8 +115,7 @@ interface InterfaceFontSettingsProps {
  * The default follows the operating system, which is what almost everyone
  * should keep. The bundled option exists for two reasons worth stating in the
  * UI: identical typography across machines, and a rendering that is the same
- * everywhere — which is what lets the visual-regression suite compare one set
- * of baselines across operating systems at all.
+ * on every operating system.
  */
 declare function InterfaceFontSettings({ value, onChange, name, }: InterfaceFontSettingsProps): react_jsx_runtime.JSX.Element;
 interface AccentColorSettingsProps {

package/dist/{ShareDialog-XUA2OVGI.js → ShareDialog-PF7D7ORP.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-SPUPWCSI.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/Export/ShareDialog.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/{SpeechToolbarControl-CLU7RB2G.js → SpeechToolbarControl-KNI2C4JJ.js}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-GMA4KGGO.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/Speech/SpeechToolbarControl.tsx
 import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";

package/dist/{TextFromNarration-NITJQ4IB.js → TextFromNarration-EYOMW2IW.js}

@@ -10,7 +10,7 @@ import {
 } from "./chunk-K4I3NJFL.js";
 import {
   Dialog
-} from "./chunk-56KO2LYN.js";
+} from "./chunk-VJPGZCFS.js";
 
 // src/Speech/TextFromNarration.tsx
 import { useEffect as useEffect3, useMemo, useRef as useRef3, useState as useState3 } from "react";

package/dist/{chunk-HRWEGPTY.js → chunk-7CSBRAMT.js}

@@ -4,24 +4,53 @@ import {
 
 // src/Export/run-export.ts
 import {
+  isSvgImageSource,
   parseFrontmatter,
   parseMarkdown,
   readFrontmatterThemeId,
-  splitFrontmatterBlock
+  splitFrontmatterBlock,
+  svgSourceFromBytes
 } from "@bendyline/squisq/markdown";
+async function diagramRendererFor(overrides) {
+  if (overrides.diagramRenderer) return overrides.diagramRenderer;
+  const module = await import("@bendyline/squisq-react/diagram-pictures");
+  return module.createDiagramPictureRenderer();
+}
 async function pictureDiagrams(doc, overrides, kinds) {
   try {
-    const [{ rasterizeDiagrams }, render] = await Promise.all([
+    const [{ rasterizeDiagrams, EXPORT_DIAGRAM_KINDS }, render] = await Promise.all([
       import("@bendyline/squisq-formats/diagrams"),
-      overrides.diagramRenderer ?? import("@bendyline/squisq-react/diagram-pictures").then(
-        (module) => module.createDiagramPictureRenderer()
-      )
+      diagramRendererFor(overrides)
     ]);
-    return await rasterizeDiagrams(doc, render, { kinds, urlPrefix: "docblocks-diagram" });
+    return await rasterizeDiagrams(doc, render, {
+      kinds: kinds === "all" ? EXPORT_DIAGRAM_KINDS : kinds,
+      urlPrefix: "docblocks-diagram"
+    });
   } catch {
-    return { markdownDoc: doc, images: /* @__PURE__ */ new Map(), mermaid: /* @__PURE__ */ new Map() };
+    return { markdownDoc: doc, images: /* @__PURE__ */ new Map(), mermaid: /* @__PURE__ */ new Map(), svg: /* @__PURE__ */ new Map() };
   }
 }
+async function pictureSvgAttachments(attachments, overrides) {
+  const pictures = /* @__PURE__ */ new Map();
+  const sources = /* @__PURE__ */ new Set();
+  for (const [url, data] of attachments) {
+    if (isSvgImageSource(url)) sources.add(svgSourceFromBytes(data).trim());
+  }
+  if (sources.size === 0) return pictures;
+  try {
+    const render = await diagramRendererFor(overrides);
+    for (const source of sources) {
+      const diagram = { kind: "svg", markdown: "", source, template: "", alt: "" };
+      const picture = await render(diagram).catch(() => null);
+      if (picture && picture.width > 0 && picture.height > 0) pictures.set(source, picture);
+    }
+  } catch {
+  }
+  return pictures;
+}
+function imageBytes(images) {
+  return [...images].map(([url, image]) => [url, image.data]);
+}
 var MIME_TYPES = {
   docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
   pdf: "application/pdf",
@@ -58,6 +87,19 @@ function buildFilename(selectedFile, format) {
   return base + FORMAT_EXTENSIONS[format];
 }
 async function runExport(markdown, selectedFile, options, mediaContainer, saveBlob, converterOverrides = {}) {
+  const warnings = [];
+  await exportDocument(
+    markdown,
+    selectedFile,
+    options,
+    mediaContainer,
+    saveBlob,
+    converterOverrides,
+    warnings
+  );
+  return { warnings };
+}
+async function exportDocument(markdown, selectedFile, options, mediaContainer, saveBlob, converterOverrides, warnings) {
   const filename = buildFilename(selectedFile, options.format);
   const themeId = exporterThemeId(markdown, options.themeId);
   if (options.format === "md") {
@@ -72,26 +114,36 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
   if (options.format === "docx") {
     const { markdownDocToDocx } = await import("@bendyline/squisq-formats/docx");
     const pictured = await pictureDiagrams(doc, converterOverrides);
-    const images = new Map([
-      ...mediaContainer ? await resolveImages(doc, mediaContainer) : [],
-      ...pictured.images
-    ]);
-    const buf = await markdownDocToDocx(pictured.markdownDoc, { themeId, images });
+    const { svg } = await pictureDiagrams(doc, converterOverrides, ["svg"]);
+    const attachments = await resolveImages(doc, mediaContainer);
+    const svgAttachments = await pictureSvgAttachments(imageBytes(attachments), converterOverrides);
+    const images = new Map([...attachments, ...pictured.images]);
+    const buf = await markdownDocToDocx(pictured.markdownDoc, {
+      themeId,
+      images,
+      svgIslandFallbacks: new Map([...svg, ...svgAttachments])
+    });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.docx }), filename, saveBlob);
     return;
   }
   if (options.format === "pdf") {
     const { markdownDocToPdf } = await import("@bendyline/squisq-formats/pdf");
-    const pictured = await pictureDiagrams(doc, converterOverrides);
-    const images = new Map([
-      ...mediaContainer ? await resolveImages(doc, mediaContainer) : [],
-      ...pictured.images
-    ]);
+    const pictured = await pictureDiagrams(doc, converterOverrides, "all");
+    const attachments = await resolveImages(doc, mediaContainer);
+    const svgPictures = await pictureSvgAttachments(imageBytes(attachments), converterOverrides);
+    const images = new Map([...withSvgPictures(attachments, svgPictures), ...pictured.images]);
     const buf = await markdownDocToPdf(pictured.markdownDoc, {
       themeId,
       pageSize: options.pageSize,
-      images
+      images,
+      // Check fidelity before any download or destination write occurs.
+      onWarning: (message) => warnings.push(message)
     });
+    if (warnings.length > 0) {
+      throw new Error(
+        "PDF was not saved because its fonts cannot preserve all of this document\u2019s text. Export as Word, HTML, or EPUB to keep every character. " + warnings.join(" ")
+      );
+    }
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pdf }), filename, saveBlob);
     return;
   }
@@ -110,21 +162,37 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
   }
   if (options.format === "pptx") {
     const pptxModule = converterOverrides.docToPptx ? Promise.resolve({ docToPptx: converterOverrides.docToPptx }) : import("@bendyline/squisq-formats/pptx");
-    const [{ markdownToDoc }, { applyTransform }, { buildPreviewDoc }, { docToPptx }] = await Promise.all([
+    const [
+      { markdownToDoc },
+      { applyTransform, PRESENTATION_KEY },
+      { buildPreviewDoc },
+      { docToPptx }
+    ] = await Promise.all([
       import("@bendyline/squisq/doc"),
       import("@bendyline/squisq/transform"),
       import("@bendyline/squisq-editor-react"),
       pptxModule
     ]);
     const baseDoc = markdownToDoc(doc);
-    const transformed = applyTransform(baseDoc, options.transformStyle);
-    const enrichedDoc = buildPreviewDoc(transformed.doc);
+    if (!options.transformStyle) {
+      baseDoc.frontmatter = { ...baseDoc.frontmatter };
+      delete baseDoc.frontmatter["squisq-transform"];
+      delete baseDoc.frontmatter["transform-style"];
+      delete baseDoc.frontmatter[PRESENTATION_KEY];
+    }
+    const contentDoc = options.transformStyle ? applyTransform(baseDoc, options.transformStyle).doc : baseDoc;
+    const enrichedDoc = buildPreviewDoc(contentDoc);
     if (themeId) {
       enrichedDoc.themeId = themeId;
     }
     const images = mediaContainer ? await resolveImageData(doc, mediaContainer) : void 0;
-    const { mermaid } = await pictureDiagrams(doc, converterOverrides, ["mermaid"]);
-    const buf = await docToPptx(enrichedDoc, { themeId, images, diagramImages: mermaid });
+    const { mermaid, svg } = await pictureDiagrams(doc, converterOverrides, ["mermaid", "svg"]);
+    const svgAttachments = await pictureSvgAttachments(images ?? [], converterOverrides);
+    const buf = await docToPptx(enrichedDoc, {
+      themeId,
+      images,
+      diagramImages: new Map([...mermaid, ...svg, ...svgAttachments])
+    });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pptx }), filename, saveBlob);
     return;
   }
@@ -288,8 +356,9 @@ function collectMarkdownImageUrls(doc) {
   return Array.from(new Set(urls));
 }
 async function resolveImages(doc, container) {
-  const urls = collectMarkdownImageUrls(doc);
   const map = /* @__PURE__ */ new Map();
+  if (!container) return map;
+  const urls = collectMarkdownImageUrls(doc);
   for (const url of urls) {
     if (map.has(url)) continue;
     if (isExternalUrl(url)) continue;
@@ -301,6 +370,22 @@ async function resolveImages(doc, container) {
   }
   return map;
 }
+function withSvgPictures(images, pictures) {
+  const result = /* @__PURE__ */ new Map();
+  for (const [url, image] of images) {
+    const picture = isSvgImageSource(url) ? pictures.get(svgSourceFromBytes(image.data).trim()) : void 0;
+    result.set(
+      url,
+      picture ? {
+        data: picture.data,
+        contentType: "image/png",
+        width: picture.width,
+        height: picture.height
+      } : image
+    );
+  }
+  return result;
+}
 async function resolveImageData(doc, container) {
   const urls = collectMarkdownImageUrls(doc);
   const map = /* @__PURE__ */ new Map();