@bendyline/docblocks-react 2.6.2 → 2.7.1

package/dist/{ExportToolbarControls-QYLBRWM7.js → ExportToolbarControls-MUM6HM3K.js}

@@ -1,25 +1,32 @@
+import {
+  buildVideoExportDoc
+} from "./chunk-RP3DVNTI.js";
 import {
   browserSaveMode,
   saveActionLabel
 } from "./chunk-UMEDHMT7.js";
 import {
   useMenuKeyboard
-} from "./chunk-MRUK56JS.js";
+} from "./chunk-GMA4KGGO.js";
+import {
+  createImageSaveOutput,
+  hostErrorDetail
+} from "./chunk-UONFWKJ7.js";
 import {
   buildExportFilename
-} from "./chunk-M5Y5WO7Z.js";
+} from "./chunk-UG4G7PJ4.js";
 import {
   loadTransformStyleSummaries
 } from "./chunk-YBEYTVU2.js";
 import {
-  DEFAULT_OPTIONS,
   FORMAT_EXTENSIONS,
   loadLastExportOptions,
+  resolveExportDialogInitial,
   saveExportOptions
-} from "./chunk-EBWYGTN7.js";
+} from "./chunk-X437UAF7.js";
 import {
   Dialog
-} from "./chunk-LG6HAWCK.js";
+} from "./chunk-56KO2LYN.js";
 
 // src/Export/ExportToolbarControls.tsx
 import {
@@ -32,22 +39,27 @@ import {
   useMemo
 } from "react";
 import { useEditorContext, usePreviewSettings } from "@bendyline/squisq-editor-react";
+import { readFrontmatterThemeId } from "@bendyline/squisq/markdown";
 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-Q4VWI43H.js").then((module) => ({ default: module.ExportDialog }))
+  () => import("./ExportDialog-IMBVGRYG.js").then((module) => ({ default: module.ExportDialog }))
 );
 var ShareDialog = lazy(
-  () => import("./ShareDialog-4OX3UPJ4.js").then((module) => ({ default: module.ShareDialog }))
+  () => import("./ShareDialog-XUA2OVGI.js").then((module) => ({ default: module.ShareDialog }))
 );
 var runExportModulePromise = null;
 function loadRunExportModule() {
-  runExportModulePromise ?? (runExportModulePromise = import("./run-export-I2XOVGG4.js"));
+  runExportModulePromise ?? (runExportModulePromise = import("./run-export-47X5FTYZ.js"));
   return runExportModulePromise;
 }
 var ExportCancelledError = class extends Error {
 };
+var AudioExportDialog = lazy(
+  () => import("./AudioExportDialog-F23QXNPB.js").then((module) => ({
+    default: module.AudioExportDialog
+  }))
+);
 var SHARED_USE_MODES = Object.freeze({
   slideshow: "slideshow",
   video: "video",
@@ -70,19 +82,16 @@ function SharedModeInitializer({ mode }) {
 var videoExportModulesPromise = null;
 function loadVideoExportModules() {
   videoExportModulesPromise ?? (videoExportModulesPromise = Promise.all([
-    import("@bendyline/squisq/doc"),
     import("@bendyline/squisq-video-react"),
     import("@bendyline/squisq-react/standalone-source")
-  ]).then(([docModule, videoModule, playerModule]) => ({
+  ]).then(([videoModule, playerModule]) => ({
     Modal: videoModule.VideoExportModal,
-    markdownToDoc: docModule.markdownToDoc,
-    resolveAudioMapping: docModule.resolveAudioMapping,
     playerScript: playerModule.PLAYER_BUNDLE
   })));
   return videoExportModulesPromise;
 }
 function exportErrorMessage(caught) {
-  const detail = caught instanceof Error ? caught.message.replace(/^Error invoking remote method '[^']+': Error:\s*/, "").trim() : "";
+  const detail = hostErrorDetail(caught);
   return detail ? `Export failed: ${detail}` : "Export failed. The document could not be exported.";
 }
 function quickLabel(opts, transformSummaries, saveMode, destinationPath) {
@@ -118,6 +127,7 @@ function ExportToolbarControls({
   mediaContainer,
   workspaceContainer,
   mediaProvider,
+  mediaEditRenders = null,
   saveBlob,
   destinationAdapter,
   trigger = "menu",
@@ -126,13 +136,17 @@ function ExportToolbarControls({
   colorScheme = "light",
   videoExportPalette,
   shareBaseUrl,
-  initialSharedMode = null
+  initialSharedMode = null,
+  speech,
+  defaultThemeId
 }) {
   const { markdownSource, markdownDoc } = useEditorContext();
   const [menuOpen, setMenuOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
+  const [fileShare, setFileShare] = useState(false);
   const [shareDialogOpen, setShareDialogOpen] = useState(false);
   const [videoModalOpen, setVideoModalOpen] = useState(false);
+  const [audioDialogOpen, setAudioDialogOpen] = useState(false);
   const [videoOutputFormat, setVideoOutputFormat] = useState("mp4");
   const [videoLoading, setVideoLoading] = useState(false);
   const [videoLoadError, setVideoLoadError] = useState(null);
@@ -150,19 +164,14 @@ function ExportToolbarControls({
   const lastOptions = loadLastExportOptions();
   const quickDestinationKey = lastOptions ? JSON.stringify([selectedFile, lastOptions]) : null;
   const quickDestinationTarget = quickDestination?.key === quickDestinationKey ? quickDestination.target : null;
-  const docThemeId = useMemo(() => {
-    const fm = markdownDoc?.frontmatter;
-    if (!fm) return null;
-    const candidates = [fm["squisq-theme"], fm["theme"], fm["themeId"]];
-    for (const v of candidates) {
-      if (typeof v === "string" && v.trim()) return v.trim();
-    }
-    return null;
-  }, [markdownDoc]);
-  const dialogInitial = useMemo(() => {
-    const base = lastOptions ?? DEFAULT_OPTIONS;
-    return docThemeId ? { ...base, themeId: docThemeId } : base;
-  }, [lastOptions, docThemeId]);
+  const docThemeId = useMemo(
+    () => readFrontmatterThemeId(markdownDoc?.frontmatter),
+    [markdownDoc]
+  );
+  const dialogInitial = useMemo(
+    () => resolveExportDialogInitial(lastOptions, docThemeId, defaultThemeId),
+    [lastOptions, docThemeId, defaultThemeId]
+  );
   useEffect(() => {
     if (!menuOpen) return;
     const onPointerDown = (e) => {
@@ -233,25 +242,26 @@ function ExportToolbarControls({
     [destinationAdapter, selectedFile]
   );
   const handleOpenDialog = useCallback(() => {
-    setMenuOpen(false);
+    setFileShare(false);
+    closeMenu(true);
     setExportError(null);
     setDialogOpen(true);
     void refreshDestination(dialogInitial);
-  }, [dialogInitial, refreshDestination]);
+  }, [closeMenu, dialogInitial, refreshDestination]);
   const handleCloseDialog = useCallback(() => {
     setDialogOpen(false);
     setExportError(null);
   }, []);
   const handleOpenShareDialog = useCallback(() => {
-    setMenuOpen(false);
+    closeMenu(true);
     setShareDialogOpen(true);
-  }, []);
+  }, [closeMenu]);
   const handleCloseShareDialog = useCallback(() => {
     setShareDialogOpen(false);
   }, []);
   const handleOpenVideoModal = useCallback(
     async (outputFormat) => {
-      setMenuOpen(false);
+      closeMenu(true);
       setVideoOutputFormat(outputFormat);
       setVideoModalOpen(true);
       setVideoLoadError(null);
@@ -264,10 +274,12 @@ function ExportToolbarControls({
       }
       setVideoLoading(true);
       try {
-        const modules = videoModules ?? await loadVideoExportModules();
+        const [modules, exportDoc] = await Promise.all([
+          videoModules ?? loadVideoExportModules(),
+          // The same projection the Video preview plays, so the MP4 matches it.
+          buildVideoExportDoc(markdownSource, { fileName: selectedFile, workspaceContainer })
+        ]);
         setVideoModules(modules);
-        const parsedDoc = modules.markdownToDoc(parseMarkdown(markdownSource));
-        const exportDoc = workspaceContainer ? await modules.resolveAudioMapping(parsedDoc, workspaceContainer) : parsedDoc;
         setVideoDoc(exportDoc);
       } catch {
         setVideoLoadError("Video export could not be loaded.");
@@ -275,7 +287,7 @@ function ExportToolbarControls({
         setVideoLoading(false);
       }
     },
-    [markdownSource, videoModules, workspaceContainer]
+    [closeMenu, markdownSource, selectedFile, videoModules, workspaceContainer]
   );
   const handleCloseVideoModal = useCallback(() => {
     setVideoModalOpen(false);
@@ -317,7 +329,7 @@ function ExportToolbarControls({
       setExportError(null);
       try {
         let exportTarget = destinationTarget;
-        if (destinationAdapter?.pickBeforeSave) {
+        if (!fileShare && destinationAdapter?.pickBeforeSave) {
           const filename = buildExportFilename(selectedFile, opts);
           exportTarget = await destinationAdapter.pickTarget(filename, destinationTarget);
           if (!exportTarget) return;
@@ -329,7 +341,10 @@ function ExportToolbarControls({
           selectedFile,
           opts,
           mediaContainer,
-          destinationAdapter ? (blob, filename) => saveToDestination(blob, filename, exportTarget) : saveBlob
+          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
         );
         setDialogOpen(false);
       } catch (caught) {
@@ -339,6 +354,7 @@ function ExportToolbarControls({
       }
     },
     [
+      fileShare,
       markdownSource,
       selectedFile,
       mediaContainer,
@@ -350,7 +366,7 @@ function ExportToolbarControls({
   );
   const handleQuickExport = useCallback(async () => {
     if (!lastOptions) return;
-    setMenuOpen(false);
+    closeMenu(true);
     setExporting(true);
     setExportError(null);
     try {
@@ -380,6 +396,7 @@ function ExportToolbarControls({
       setExporting(false);
     }
   }, [
+    closeMenu,
     destinationAdapter,
     lastOptions,
     markdownSource,
@@ -392,13 +409,8 @@ function ExportToolbarControls({
   const handleDismissExportError = useCallback(() => {
     setExportError(null);
   }, []);
-  const handleVideoSave = useCallback(
-    async (blob, filename) => {
-      if (!destinationAdapter) return false;
-      const target = await destinationAdapter.pickTarget(filename, null);
-      if (!target) return false;
-      return await destinationAdapter.saveBlob(blob, filename, target) !== null;
-    },
+  const videoSaveOutput = useMemo(
+    () => destinationAdapter ? createImageSaveOutput(destinationAdapter) : void 0,
     [destinationAdapter]
   );
   const LoadedVideoExportModal = videoModules?.Modal;
@@ -409,6 +421,7 @@ function ExportToolbarControls({
     trigger === "button" ? /* @__PURE__ */ jsx(
       "button",
       {
+        ref: triggerRef,
         type: "button",
         className: "squisq-toolbar-button db-toolbar-export-trigger",
         onClick: handleOpenDialog,
@@ -478,6 +491,22 @@ function ExportToolbarControls({
                 children: "Export document..."
               }
             ),
+            destinationAdapter?.shareBlob && /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                tabIndex: -1,
+                className: "db-toolbar-menu-item",
+                onClick: () => {
+                  setFileShare(true);
+                  closeMenu(true);
+                  setExportError(null);
+                  setDialogOpen(true);
+                },
+                children: "Share file..."
+              }
+            ),
             /* @__PURE__ */ jsx(
               "button",
               {
@@ -502,6 +531,20 @@ function ExportToolbarControls({
                   children: "Export video..."
                 }
               ),
+              speech && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  tabIndex: -1,
+                  className: "db-toolbar-menu-item",
+                  onClick: () => {
+                    closeMenu(true);
+                    setAudioDialogOpen(true);
+                  },
+                  children: "Export audio..."
+                }
+              ),
               showAnimatedGifExport && /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -518,6 +561,29 @@ function ExportToolbarControls({
         }
       )
     ] }),
+    audioDialogOpen && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      AudioExportDialog,
+      {
+        speech,
+        selectedFile,
+        workspaceContainer: workspaceContainer ?? null,
+        onSave: async (blob, filename) => {
+          try {
+            if (destinationAdapter) {
+              const target = await destinationAdapter.resolveTarget(filename).catch(() => null);
+              await saveToDestination(blob, filename, target);
+            } else if (saveBlob) {
+              await saveBlob(blob, filename);
+            }
+            return true;
+          } catch (caught) {
+            if (caught instanceof ExportCancelledError) return false;
+            throw caught;
+          }
+        },
+        onClose: () => setAudioDialogOpen(false)
+      }
+    ) }),
     dialogOpen && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       ExportDialog,
       {
@@ -533,6 +599,7 @@ function ExportToolbarControls({
         onOptionsChange: destinationAdapter ? handleOptionsChange : void 0,
         actionLabel: (options) => {
           const extension = options.format === "html" && (options.includeLinkedDocs || options.htmlBundle === "zip") ? "ZIP" : FORMAT_EXTENSIONS[options.format].slice(1);
+          if (fileShare) return `Share ${extension.toUpperCase()}`;
           if (destinationAdapter && !destinationAdapter.pickBeforeSave) {
             return `Save ${extension.toUpperCase()}`;
           }
@@ -584,6 +651,7 @@ function ExportToolbarControls({
         doc: videoDoc,
         playerScript: videoModules.playerScript,
         ...mediaProvider ? { mediaProvider } : {},
+        mediaEditRenders,
         colorScheme,
         uiPalette: videoExportPalette,
         defaultConfig: {
@@ -591,8 +659,8 @@ function ExportToolbarControls({
           ...ffmpegWasm ? { ffmpegWasm } : {},
           outputFormat: videoOutputFormat
         },
-        ...destinationAdapter ? {
-          saveOutput: handleVideoSave,
+        ...videoSaveOutput ? {
+          saveOutput: videoSaveOutput,
           saveActionLabel: (format) => saveActionLabel(format, "save-as")
         } : {},
         onClose: handleCloseVideoModal

package/dist/{GitToolbarControl-O5AXBC6T.js → GitToolbarControl-B7KG4MFP.js}

@@ -2,12 +2,12 @@ import "./chunk-APC4KI4B.js";
 import {
   isFileDirty
 } from "./chunk-V2ENBGUA.js";
-import {
-  useMenuKeyboard
-} from "./chunk-MRUK56JS.js";
 import {
   useGitContext
 } from "./chunk-6E635KCJ.js";
+import {
+  useMenuKeyboard
+} from "./chunk-GMA4KGGO.js";
 
 // src/Git/GitToolbarControl.tsx
 import { useEffect, useRef, useState } from "react";
@@ -31,15 +31,15 @@ function GitToolbarControl({ selectedFile }) {
   const dirty = isFileDirty(git.status, selectedFile);
   const label = dirty ? "Git actions (file modified)" : "Git actions";
   const openDiff = () => {
-    closeMenu(false);
+    closeMenu(true);
     git.openDialog({ kind: "diff", path: selectedFile });
   };
   const openHistory = () => {
-    closeMenu(false);
+    closeMenu(true);
     git.openDialog({ kind: "history", path: selectedFile });
   };
   const openOnRemote = () => {
-    closeMenu(false);
+    closeMenu(true);
     git.openOnRemote(selectedFile);
   };
   return /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu", ref: rootRef, children: [

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

@@ -6,15 +6,15 @@ import {
   formatAheadBehind,
   summarizeDirty
 } from "./chunk-V2ENBGUA.js";
-import {
-  useMenuKeyboard
-} from "./chunk-MRUK56JS.js";
 import {
   useGitContext
 } from "./chunk-6E635KCJ.js";
+import {
+  useMenuKeyboard
+} from "./chunk-GMA4KGGO.js";
 import {
   Dialog
-} from "./chunk-LG6HAWCK.js";
+} from "./chunk-56KO2LYN.js";
 
 // src/Git/GitStatusBar.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -36,7 +36,7 @@ function GitStatusBar() {
   }, [menuOpen]);
   const runItem = useCallback(
     (action) => {
-      closeMenu(false);
+      closeMenu(true);
       action();
     },
     [closeMenu]
@@ -867,7 +867,7 @@ function GitAuthGuidanceDialog({
           {
             type: "button",
             className: "db-git-secondary-btn",
-            onClick: () => void maybeGetDocBlocksHost()?.shell.openExternal(LEARN_MORE_URL),
+            onClick: () => void maybeGetDocBlocksHost()?.shell?.openExternal(LEARN_MORE_URL),
             children: "Learn more"
           }
         ),

package/dist/PresentationMaker-W2JIBHRN.js

@@ -0,0 +1,9 @@
+import {
+  PresentationMaker
+} from "./chunk-EPOLZNFD.js";
+import "./chunk-NAH52736.js";
+import "./chunk-K4I3NJFL.js";
+import "./chunk-56KO2LYN.js";
+export {
+  PresentationMaker
+};