@bendyline/docblocks-react 2.1.0 → 2.1.2

package/README.md

@@ -38,11 +38,19 @@ export default defineConfig({ worker: { format: 'es' } });
 The canonical DocBlocks experience in one component — file explorer, workspace picker, app menu, the Squisq editor with its Editor / Markdown / Play views, and the export pipeline.
 
 ```tsx
-<DocBlocksShell theme="auto" logoUrl="/logo.png" />
+<DocBlocksShell
+  theme="auto"
+  logoUrl="/logo.png"
+  ffmpegWasm={{
+    coreURL: '/ffmpeg-core/ffmpeg-core.js',
+    wasmURL: '/ffmpeg-core/ffmpeg-core.wasm',
+  }}
+/>
 ```
 
 - `theme` — `'light' | 'dark' | 'auto'` (auto follows `prefers-color-scheme`)
 - `logoUrl` — brand mark for the app menu button
+- `ffmpegWasm` — optional same-origin ffmpeg core URLs; supplying them enables the built-in Animated GIF flow on cross-origin-isolated hosts
 
 Storage is abstracted behind the byte-authoritative `FileSystemProviderV2` contract from `@bendyline/docblocks/filesystem`: browser-local (IndexedDB), native folders (File System Access API), transient memory workspaces, or the Electron host. Built-in compatibility facades expose it as `provider.v2`; first-party shell and file-tree operations are v2-first.
 
@@ -80,7 +88,7 @@ and an optional initial Use mode. Opening the URL creates a session-only
 workspace; generated links warn after 4,096 characters and are capped at
 32,768 characters.
 
-The export flow: quick re-export of the last configuration plus the full dialog — format (PDF, Word, PowerPoint, HTML, Markdown), visual theme, and page size.
+The export flow: quick re-export of the last configuration plus the full dialog — format (PDF, Word, PowerPoint, EPUB, HTML, Markdown), visual theme, and page size. Hosts that supply `ffmpegWasm` also expose Animated GIF with timing, orientation, captions, looping, and color controls.
 
 ## Hooks
 
@@ -100,7 +108,8 @@ File tree state management over any v2-capable provider — returns the tree, se
 import '@bendyline/docblocks-react/styles';
 ```
 
-One stylesheet (`docblocks.css`) covers all components in both themes. The package also bundles the self-hosted woff2 fonts used by document themes (see `NOTICE.md` at the repo root for licenses).
+One explicit stylesheet import covers the Squisq editor and all DocBlocks components in both
+themes. Theme fonts are supplied by the host application; this package does not bundle fonts.
 
 ## Where new UI belongs
 

package/dist/ExportDialog-VYATD5UC.js

@@ -0,0 +1,9 @@
+import {
+  ExportDialog
+} from "./chunk-3CZ27FOA.js";
+import "./chunk-YBEYTVU2.js";
+import "./chunk-LG6HAWCK.js";
+import "./chunk-EBWYGTN7.js";
+export {
+  ExportDialog
+};

package/dist/{ExportToolbarControls-GHAOJMH6.js → ExportToolbarControls-C46GMPKC.js}

@@ -1,15 +1,15 @@
 import {
   loadTransformStyleSummaries
-} from "./chunk-4XXSWN3T.js";
+} from "./chunk-YBEYTVU2.js";
 import {
   Dialog
-} from "./chunk-FMGTHSTX.js";
+} from "./chunk-LG6HAWCK.js";
 import {
   DEFAULT_OPTIONS,
   FORMAT_EXTENSIONS,
   loadLastExportOptions,
   saveExportOptions
-} from "./chunk-DD4VFJQI.js";
+} from "./chunk-EBWYGTN7.js";
 
 // src/Export/ExportToolbarControls.tsx
 import {
@@ -26,14 +26,14 @@ import { getThemeSummaries } from "@bendyline/squisq/schemas";
 import { parseMarkdown } from "@bendyline/squisq/markdown";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ExportDialog = lazy(
-  () => import("./ExportDialog-7LDIXJZ3.js").then((module) => ({ default: module.ExportDialog }))
+  () => import("./ExportDialog-VYATD5UC.js").then((module) => ({ default: module.ExportDialog }))
 );
 var ShareDialog = lazy(
-  () => import("./ShareDialog-63ENBEDZ.js").then((module) => ({ default: module.ShareDialog }))
+  () => import("./ShareDialog-PAMOQQFB.js").then((module) => ({ default: module.ShareDialog }))
 );
 var runExportModulePromise = null;
 function loadRunExportModule() {
-  runExportModulePromise ?? (runExportModulePromise = import("./run-export-ICTZITXC.js"));
+  runExportModulePromise ?? (runExportModulePromise = import("./run-export-Z5BVFLIR.js"));
   return runExportModulePromise;
 }
 var SHARED_USE_MODES = Object.freeze({
@@ -103,6 +103,7 @@ function ExportToolbarControls({
   destinationAdapter,
   trigger = "menu",
   showVideoExport = true,
+  ffmpegWasm,
   colorScheme = "light",
   videoExportPalette,
   shareBaseUrl,
@@ -113,6 +114,7 @@ function ExportToolbarControls({
   const [dialogOpen, setDialogOpen] = useState(false);
   const [shareDialogOpen, setShareDialogOpen] = useState(false);
   const [videoModalOpen, setVideoModalOpen] = useState(false);
+  const [videoOutputFormat, setVideoOutputFormat] = useState("mp4");
   const [videoLoading, setVideoLoading] = useState(false);
   const [videoLoadError, setVideoLoadError] = useState(null);
   const [videoModules, setVideoModules] = useState(null);
@@ -197,21 +199,36 @@ function ExportToolbarControls({
   const handleCloseShareDialog = useCallback(() => {
     setShareDialogOpen(false);
   }, []);
-  const handleOpenVideoModal = useCallback(async () => {
-    setMenuOpen(false);
-    setVideoModalOpen(true);
-    setVideoLoading(true);
-    setVideoLoadError(null);
-    try {
-      const modules = videoModules ?? await loadVideoExportModules();
-      setVideoModules(modules);
-      setVideoDoc(modules.markdownToDoc(parseMarkdown(markdownSource)));
-    } catch {
-      setVideoLoadError("Video export could not be loaded.");
-    } finally {
-      setVideoLoading(false);
-    }
-  }, [markdownSource, videoModules]);
+  const handleOpenVideoModal = useCallback(
+    async (outputFormat) => {
+      setMenuOpen(false);
+      setVideoOutputFormat(outputFormat);
+      setVideoModalOpen(true);
+      setVideoLoadError(null);
+      if (outputFormat === "gif" && typeof SharedArrayBuffer === "undefined") {
+        setVideoLoading(false);
+        setVideoLoadError(
+          "Animated GIF export needs cross-origin isolation. If this app just finished installing for offline use, reload it once and try again."
+        );
+        return;
+      }
+      setVideoLoading(true);
+      try {
+        const modules = videoModules ?? await loadVideoExportModules();
+        setVideoModules(modules);
+        setVideoDoc(modules.markdownToDoc(parseMarkdown(markdownSource)));
+      } catch {
+        setVideoLoadError("Video export could not be loaded.");
+      } finally {
+        setVideoLoading(false);
+      }
+    },
+    [markdownSource, videoModules]
+  );
+  const handleOpenAnimatedGifFromDialog = useCallback(() => {
+    setDialogOpen(false);
+    void handleOpenVideoModal("gif");
+  }, [handleOpenVideoModal]);
   const handleCloseVideoModal = useCallback(() => {
     setVideoModalOpen(false);
     setVideoDoc(null);
@@ -320,6 +337,7 @@ function ExportToolbarControls({
     setExportError(null);
   }, []);
   const LoadedVideoExportModal = videoModules?.Modal;
+  const showAnimatedGifExport = showVideoExport && typeof ffmpegWasm?.coreURL === "string" && ffmpegWasm.coreURL.length > 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     initialSharedMode && /* @__PURE__ */ jsx(SharedModeInitializer, { mode: initialSharedMode }),
     trigger === "button" ? /* @__PURE__ */ jsx(
@@ -334,7 +352,7 @@ function ExportToolbarControls({
         children: /* @__PURE__ */ jsx(ExportGlyph, {})
       }
     ) : /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu", ref: menuRef, children: [
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(
         "button",
         {
           type: "button",
@@ -344,7 +362,10 @@ function ExportToolbarControls({
           "aria-haspopup": "menu",
           "aria-expanded": menuOpen,
           title: "Export and share",
-          children: /* @__PURE__ */ jsx(ShareGlyph, {})
+          children: [
+            /* @__PURE__ */ jsx(ShareGlyph, {}),
+            /* @__PURE__ */ jsx("span", { className: "db-toolbar-menu-trigger-label", children: "Export" })
+          ]
         }
       ),
       menuOpen && /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu-dropdown", role: "menu", children: [
@@ -387,8 +408,18 @@ function ExportToolbarControls({
               type: "button",
               role: "menuitem",
               className: "db-toolbar-menu-item",
-              onClick: handleOpenVideoModal,
-              children: "Export Video..."
+              onClick: () => void handleOpenVideoModal("mp4"),
+              children: "Export video..."
+            }
+          ),
+          showAnimatedGifExport && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: "db-toolbar-menu-item",
+              onClick: () => void handleOpenVideoModal("gif"),
+              children: "Export animated gif..."
             }
           )
         ] })
@@ -407,6 +438,7 @@ function ExportToolbarControls({
         } : void 0,
         onExport: handleExport,
         onOptionsChange: destinationAdapter ? handleOptionsChange : void 0,
+        onAnimatedGifExport: showAnimatedGifExport ? handleOpenAnimatedGifFromDialog : void 0,
         onClose: handleCloseDialog
       }
     ) }),
@@ -436,21 +468,14 @@ function ExportToolbarControls({
         onClose: handleCloseShareDialog
       }
     ) }),
-    videoModalOpen && (videoLoading || videoLoadError) && /* @__PURE__ */ jsx("div", { className: "db-dialog-overlay", children: /* @__PURE__ */ jsxs("div", { className: "db-dialog", children: [
-      /* @__PURE__ */ jsxs("div", { className: "db-dialog-header", children: [
-        /* @__PURE__ */ jsx("h2", { className: "db-dialog-title", children: "Export Video" }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            className: "db-dialog-close",
-            onClick: handleCloseVideoModal,
-            "aria-label": "Close",
-            children: "\xD7"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: "db-dialog-body", children: /* @__PURE__ */ jsx("p", { className: "db-export-hint", children: videoLoadError ?? "Loading..." }) })
-    ] }) }),
+    videoModalOpen && (videoLoading || videoLoadError) && /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        title: videoOutputFormat === "gif" ? "Export Animated GIF" : "Export Video",
+        onClose: handleCloseVideoModal,
+        children: /* @__PURE__ */ jsx("p", { className: "db-export-hint", role: videoLoadError ? "alert" : void 0, children: videoLoadError ?? "Loading..." })
+      }
+    ),
     videoModalOpen && videoModules && LoadedVideoExportModal && videoDoc && !videoLoading && !videoLoadError && /* @__PURE__ */ jsx(
       LoadedVideoExportModal,
       {
@@ -458,6 +483,11 @@ function ExportToolbarControls({
         playerScript: videoModules.playerScript,
         colorScheme,
         uiPalette: videoExportPalette,
+        defaultConfig: {
+          audioPolicy: "best-effort",
+          ...ffmpegWasm ? { ffmpegWasm } : {},
+          outputFormat: videoOutputFormat
+        },
         onClose: handleCloseVideoModal
       }
     )
@@ -505,4 +535,3 @@ function ShareGlyph() {
 export {
   ExportToolbarControls
 };
-//# sourceMappingURL=ExportToolbarControls-GHAOJMH6.js.map

package/dist/{GitToolbarControl-GNMRVKWQ.js → GitToolbarControl-FW3BZFXV.js}

@@ -1,10 +1,10 @@
 import {
   useMenuKeyboard
-} from "./chunk-57ZJJOC5.js";
+} from "./chunk-TFMO7EVO.js";
 import {
   isFileDirty,
   useGitContext
-} from "./chunk-5A4KEWKT.js";
+} from "./chunk-HFYPTTCH.js";
 
 // src/Git/GitToolbarControl.tsx
 import { useEffect, useRef, useState } from "react";
@@ -133,4 +133,3 @@ function BranchGlyph() {
 export {
   GitToolbarControl
 };
-//# sourceMappingURL=GitToolbarControl-GNMRVKWQ.js.map

package/dist/{GitUI-VHOBQY43.js → GitUI-GMH3PAYL.js}

@@ -1,6 +1,6 @@
 import {
   useMenuKeyboard
-} from "./chunk-57ZJJOC5.js";
+} from "./chunk-TFMO7EVO.js";
 import {
   BADGE_GLYPHS,
   BADGE_LABELS,
@@ -8,10 +8,10 @@ import {
   formatAheadBehind,
   summarizeDirty,
   useGitContext
-} from "./chunk-5A4KEWKT.js";
+} from "./chunk-HFYPTTCH.js";
 import {
   Dialog
-} from "./chunk-FMGTHSTX.js";
+} from "./chunk-LG6HAWCK.js";
 
 // src/Git/GitStatusBar.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -1130,4 +1130,3 @@ function GitUI({ onOpenFile, onWorkspaceCloned }) {
 export {
   GitUI
 };
-//# sourceMappingURL=GitUI-VHOBQY43.js.map

package/dist/LazyEditorShell-LU4QFPDX.js

@@ -0,0 +1,5 @@
+// src/DocBlocksShell/LazyEditorShell.ts
+import { EditorShell } from "@bendyline/squisq-editor-react/shell";
+export {
+  EditorShell as default
+};

package/dist/{ShareDialog-63ENBEDZ.js → ShareDialog-PAMOQQFB.js}

@@ -210,4 +210,3 @@ function ShareDialog({ markdown, selectedFile, baseUrl, onClose }) {
 export {
   ShareDialog
 };
-//# sourceMappingURL=ShareDialog-63ENBEDZ.js.map

package/dist/{chunk-UNYZQXWR.js → chunk-3CZ27FOA.js}

@@ -1,23 +1,24 @@
 import {
   loadTransformStyleSummaries
-} from "./chunk-4XXSWN3T.js";
+} from "./chunk-YBEYTVU2.js";
 import {
   Dialog
-} from "./chunk-FMGTHSTX.js";
+} from "./chunk-LG6HAWCK.js";
 import {
   FORMAT_LABELS,
   saveExportOptions
-} from "./chunk-DD4VFJQI.js";
+} from "./chunk-EBWYGTN7.js";
 
 // src/Export/ExportDialog.tsx
 import { useState, useCallback, useEffect, useMemo } from "react";
 import { getThemeSummaries } from "@bendyline/squisq/schemas";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var FORMATS = ["pdf", "docx", "pptx", "html", "md"];
+var FORMATS = ["pdf", "docx", "pptx", "epub", "html", "md"];
 var FORMAT_CHIP_LABELS = {
   pdf: "PDF",
   docx: "Word",
   pptx: "PowerPoint",
+  epub: "EPUB",
   html: "HTML",
   md: "Markdown"
 };
@@ -75,6 +76,7 @@ function ExportDialog({
   destination,
   onExport,
   onOptionsChange,
+  onAnimatedGifExport,
   onClose
 }) {
   const [format, setFormat] = useState(initial.format);
@@ -87,7 +89,7 @@ function ExportDialog({
   const [entryAsIndex, setEntryAsIndex] = useState(initial.entryAsIndex);
   const [transforms, setTransforms] = useState([]);
   const themes = getThemeSummaries();
-  const showTheme = format === "docx" || format === "pdf" || format === "pptx" || format === "html";
+  const showTheme = format === "docx" || format === "pdf" || format === "pptx" || format === "epub" || format === "html";
   const showTransform = format === "pptx";
   const showPageSize = format === "pdf";
   const showHtmlOptions = format === "html";
@@ -134,9 +136,10 @@ function ExportDialog({
     onOptionsChange?.(currentOptions);
   }, [currentOptions, onOptionsChange]);
   const handleExport = useCallback(() => {
+    if (destination?.error) return;
     saveExportOptions(currentOptions);
     onExport(currentOptions);
-  }, [currentOptions, onExport]);
+  }, [currentOptions, destination?.error, onExport]);
   return /* @__PURE__ */ jsxs(
     Dialog,
     {
@@ -160,7 +163,7 @@ function ExportDialog({
             type: "button",
             className: "db-export-btn db-export-btn--primary",
             onClick: handleExport,
-            disabled: exporting,
+            disabled: exporting || Boolean(destination?.error),
             children: exporting ? "Exporting..." : "Export"
           }
         )
@@ -191,10 +194,13 @@ function ExportDialog({
                 id: "db-export-path",
                 className: "db-export-path-input",
                 value: destination.value,
-                readOnly: true,
+                onChange: destination.onChange ? (event) => destination.onChange?.(event.target.value, currentOptions) : void 0,
+                readOnly: !destination.onChange,
                 disabled: exporting,
                 spellCheck: false,
-                autoComplete: "off"
+                autoComplete: "off",
+                "aria-invalid": Boolean(destination.error),
+                "aria-describedby": destination.error ? "db-export-path-error" : void 0
               }
             ),
             /* @__PURE__ */ jsx(
@@ -210,6 +216,15 @@ function ExportDialog({
               }
             )
           ] }),
+          destination.error && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: "db-export-path-error",
+              className: "db-export-hint db-export-hint--error",
+              role: "alert",
+              children: destination.error
+            }
+          ),
           destination.hint && /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: destination.hint })
         ] }),
         showHtmlOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -312,6 +327,27 @@ function ExportDialog({
             }
           )
         ] }),
+        onAnimatedGifExport && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsx("span", { className: "db-export-label", children: "Animated media" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "db-export-btn db-export-btn--secondary",
+              onClick: onAnimatedGifExport,
+              children: "Animated GIF..."
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: "Opens timing, orientation, captions, looping, and color controls." })
+        ] }),
+        /* @__PURE__ */ jsxs("p", { className: "db-export-more-formats", children: [
+          "Need spreadsheets, ",
+          onAnimatedGifExport ? "" : "animated media, ",
+          "portable bundles, or automation?",
+          " ",
+          /* @__PURE__ */ jsx("a", { href: "https://docblocks.com/cli/", target: "_blank", rel: "noopener noreferrer", children: "More formats with the DocBlocks CLI" }),
+          "."
+        ] }),
         error && /* @__PURE__ */ jsx("p", { className: "db-export-error", role: "alert", children: error })
       ]
     }
@@ -321,4 +357,3 @@ function ExportDialog({
 export {
   ExportDialog
 };
-//# sourceMappingURL=chunk-UNYZQXWR.js.map

package/dist/{chunk-FEWQUQML.js → chunk-3QSZY74C.js}

@@ -1,6 +1,6 @@
 import {
   Dialog
-} from "./chunk-FMGTHSTX.js";
+} from "./chunk-LG6HAWCK.js";
 
 // src/preferences/theme.ts
 var ACCENT_COLORS = [
@@ -253,4 +253,3 @@ export {
   AccentColorSettings,
   WriteCanvasSettingsControls
 };
-//# sourceMappingURL=chunk-FEWQUQML.js.map

package/dist/chunk-BI7NVU6T.js

@@ -0,0 +1,31 @@
+// src/Export/export-destination.ts
+function updateExportTargetExtension(targetPath, suggestedFilename) {
+  const nextExtension = extensionOf(suggestedFilename);
+  if (!nextExtension) return targetPath;
+  if (!targetPath.trim()) return suggestedFilename;
+  const suffixIndex = firstSuffixIndex(targetPath);
+  const pathPart = suffixIndex === -1 ? targetPath : targetPath.slice(0, suffixIndex);
+  const suffix = suffixIndex === -1 ? "" : targetPath.slice(suffixIndex);
+  const separatorIndex = Math.max(pathPart.lastIndexOf("/"), pathPart.lastIndexOf("\\"));
+  const dotIndex = pathPart.lastIndexOf(".");
+  const stem = dotIndex > separatorIndex ? pathPart.slice(0, dotIndex) : pathPart;
+  return `${stem}${nextExtension}${suffix}`;
+}
+function extensionOf(value) {
+  const suffixIndex = firstSuffixIndex(value);
+  const pathPart = suffixIndex === -1 ? value : value.slice(0, suffixIndex);
+  const separatorIndex = Math.max(pathPart.lastIndexOf("/"), pathPart.lastIndexOf("\\"));
+  const dotIndex = pathPart.lastIndexOf(".");
+  return dotIndex > separatorIndex ? pathPart.slice(dotIndex) : "";
+}
+function firstSuffixIndex(value) {
+  const query = value.indexOf("?");
+  const fragment = value.indexOf("#");
+  if (query === -1) return fragment;
+  if (fragment === -1) return query;
+  return Math.min(query, fragment);
+}
+
+export {
+  updateExportTargetExtension
+};

package/dist/{chunk-VHDP4IPL.js → chunk-BPGEBGAN.js}

@@ -67,4 +67,3 @@ export {
   EMPTY_DOCUMENT_PROMPTS,
   pickEmptyDocumentPrompt
 };
-//# sourceMappingURL=chunk-VHDP4IPL.js.map

package/dist/{chunk-DD4VFJQI.js → chunk-EBWYGTN7.js}

@@ -3,6 +3,7 @@ var FORMAT_LABELS = {
   docx: "Word Document (.docx)",
   pdf: "PDF (.pdf)",
   pptx: "PowerPoint (.pptx)",
+  epub: "EPUB e-book (.epub)",
   md: "Markdown (.md)",
   html: "HTML (.html)"
 };
@@ -10,6 +11,7 @@ var FORMAT_EXTENSIONS = {
   docx: ".docx",
   pdf: ".pdf",
   pptx: ".pptx",
+  epub: ".epub",
   md: ".md",
   html: ".html"
 };
@@ -48,4 +50,3 @@ export {
   loadLastExportOptions,
   saveExportOptions
 };
-//# sourceMappingURL=chunk-DD4VFJQI.js.map

package/dist/{chunk-ZI56BNB7.js → chunk-GHQ4X7KM.js}

@@ -1,6 +1,6 @@
 import {
   FORMAT_EXTENSIONS
-} from "./chunk-DD4VFJQI.js";
+} from "./chunk-EBWYGTN7.js";
 
 // src/Export/run-export.ts
 import { parseMarkdown } from "@bendyline/squisq/markdown";
@@ -8,6 +8,7 @@ var MIME_TYPES = {
   docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
   pdf: "application/pdf",
   pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  epub: "application/epub+zip",
   md: "text/markdown",
   html: "text/html"
 };
@@ -38,7 +39,7 @@ function buildExportFilename(selectedFile, options) {
   }
   return base + FORMAT_EXTENSIONS[options.format];
 }
-async function runExport(markdown, selectedFile, options, mediaContainer, saveBlob) {
+async function runExport(markdown, selectedFile, options, mediaContainer, saveBlob, converterOverrides = {}) {
   const filename = buildFilename(selectedFile, options.format);
   const themeId = options.themeId !== "standard" ? options.themeId : void 0;
   if (options.format === "md") {
@@ -66,19 +67,29 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pdf }), filename, saveBlob);
     return;
   }
+  if (options.format === "epub") {
+    const { markdownDocToEpub } = await import("@bendyline/squisq-formats/epub");
+    const images = mediaContainer ? await resolveImageData(doc, mediaContainer) : void 0;
+    const buf = await markdownDocToEpub(doc, { themeId, images });
+    await saveExportBlob(new Blob([buf], { type: MIME_TYPES.epub }), filename, saveBlob);
+    return;
+  }
   if (options.format === "pptx") {
-    const [{ markdownToDoc }, { applyTransform }, { docToPptx }] = await Promise.all([
+    const pptxModule = converterOverrides.docToPptx ? Promise.resolve({ docToPptx: converterOverrides.docToPptx }) : import("@bendyline/squisq-formats/pptx");
+    const [{ markdownToDoc }, { applyTransform }, { buildPreviewDoc }, { docToPptx }] = await Promise.all([
       import("@bendyline/squisq/doc"),
       import("@bendyline/squisq/transform"),
-      import("@bendyline/squisq-formats/pptx")
+      import("@bendyline/squisq-editor-react"),
+      pptxModule
     ]);
     const baseDoc = markdownToDoc(doc);
     const transformed = applyTransform(baseDoc, options.transformStyle);
-    const enrichedDoc = transformed.doc;
+    const enrichedDoc = buildPreviewDoc(transformed.doc);
     if (themeId) {
       enrichedDoc.themeId = themeId;
     }
-    const buf = await docToPptx(enrichedDoc, { themeId });
+    const images = mediaContainer ? await resolveImageData(doc, mediaContainer) : void 0;
+    const buf = await docToPptx(enrichedDoc, { themeId, images });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pptx }), filename, saveBlob);
     return;
   }
@@ -242,6 +253,16 @@ async function resolveImages(doc, container) {
   }
   return map;
 }
+async function resolveImageData(doc, container) {
+  const urls = collectMarkdownImageUrls(doc);
+  const map = /* @__PURE__ */ new Map();
+  for (const url of urls) {
+    if (map.has(url) || isExternalUrl(url)) continue;
+    const data = await container.readFile(url);
+    if (data) map.set(url, data);
+  }
+  return map;
+}
 function basenameForBundle(selectedFile) {
   const clean = selectedFile.replace(/^\/+/, "");
   const idx = clean.lastIndexOf("/");
@@ -267,4 +288,3 @@ export {
   buildExportFilename,
   runExport
 };
-//# sourceMappingURL=chunk-ZI56BNB7.js.map

package/dist/{chunk-5A4KEWKT.js → chunk-HFYPTTCH.js}

@@ -94,4 +94,3 @@ export {
   conflictedPaths,
   summarizeDirty
 };
-//# sourceMappingURL=chunk-5A4KEWKT.js.map

package/dist/{chunk-FMGTHSTX.js → chunk-LG6HAWCK.js}

@@ -107,4 +107,3 @@ var FOCUSABLE_SELECTOR = [
 export {
   Dialog
 };
-//# sourceMappingURL=chunk-FMGTHSTX.js.map

package/dist/{chunk-57ZJJOC5.js → chunk-TFMO7EVO.js}

@@ -86,4 +86,3 @@ function useMenuKeyboard(open, setOpen) {
 export {
   useMenuKeyboard
 };
-//# sourceMappingURL=chunk-57ZJJOC5.js.map

package/dist/{chunk-4XXSWN3T.js → chunk-YBEYTVU2.js}

@@ -10,4 +10,3 @@ function loadTransformStyleSummaries() {
 export {
   loadTransformStyleSummaries
 };
-//# sourceMappingURL=chunk-4XXSWN3T.js.map

package/dist/editor.js

@@ -1,9 +1,8 @@
 import {
   EMPTY_DOCUMENT_PROMPTS,
   pickEmptyDocumentPrompt
-} from "./chunk-VHDP4IPL.js";
+} from "./chunk-BPGEBGAN.js";
 export {
   EMPTY_DOCUMENT_PROMPTS,
   pickEmptyDocumentPrompt
 };
-//# sourceMappingURL=editor.js.map