@bendyline/docblocks-react 2.6.1 → 2.7.0

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

@@ -1,3 +1,6 @@
+import {
+  buildVideoExportDoc
+} from "./chunk-RP3DVNTI.js";
 import {
   browserSaveMode,
   saveActionLabel
@@ -5,21 +8,25 @@ import {
 import {
   useMenuKeyboard
 } from "./chunk-MRUK56JS.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-L6FG6W3H.js").then((module) => ({ default: module.ExportDialog }))
 );
 var ShareDialog = lazy(
-  () => import("./ShareDialog-4OX3UPJ4.js").then((module) => ({ default: module.ShareDialog }))
+  () => import("./ShareDialog-N7GPM4SB.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,6 +242,7 @@ function ExportToolbarControls({
     [destinationAdapter, selectedFile]
   );
   const handleOpenDialog = useCallback(() => {
+    setFileShare(false);
     setMenuOpen(false);
     setExportError(null);
     setDialogOpen(true);
@@ -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]
+    [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,
@@ -392,13 +408,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;
@@ -478,6 +489,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);
+                  setMenuOpen(false);
+                  setExportError(null);
+                  setDialogOpen(true);
+                },
+                children: "Share file..."
+              }
+            ),
             /* @__PURE__ */ jsx(
               "button",
               {
@@ -502,6 +529,20 @@ function ExportToolbarControls({
                   children: "Export video..."
                 }
               ),
+              speech && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  tabIndex: -1,
+                  className: "db-toolbar-menu-item",
+                  onClick: () => {
+                    setMenuOpen(false);
+                    setAudioDialogOpen(true);
+                  },
+                  children: "Export audio..."
+                }
+              ),
               showAnimatedGifExport && /* @__PURE__ */ jsx(
                 "button",
                 {
@@ -518,6 +559,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 +597,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 +649,7 @@ function ExportToolbarControls({
         doc: videoDoc,
         playerScript: videoModules.playerScript,
         ...mediaProvider ? { mediaProvider } : {},
+        mediaEditRenders,
         colorScheme,
         uiPalette: videoExportPalette,
         defaultConfig: {
@@ -591,8 +657,8 @@ function ExportToolbarControls({
           ...ffmpegWasm ? { ffmpegWasm } : {},
           outputFormat: videoOutputFormat
         },
-        ...destinationAdapter ? {
-          saveOutput: handleVideoSave,
+        ...videoSaveOutput ? {
+          saveOutput: videoSaveOutput,
           saveActionLabel: (format) => saveActionLabel(format, "save-as")
         } : {},
         onClose: handleCloseVideoModal

package/dist/{GitUI-L5T3XHZG.js → GitUI-LZW3IUXO.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-MRUK56JS.js";
 import {
   Dialog
-} from "./chunk-LG6HAWCK.js";
+} from "./chunk-56KO2LYN.js";
 
 // src/Git/GitStatusBar.tsx
 import { useCallback, useEffect, useRef, useState } from "react";
@@ -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-622NHMIN.js

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