@bendyline/docblocks-react 2.0.0 → 2.1.0

package/README.md

@@ -74,6 +74,12 @@ import {
 } from '@bendyline/docblocks-react/export';
 ```
 
+The shell overflow also offers **Share link with content embedded**. It creates
+a bounded `#shared(<base64>)` URL containing a compressed, Markdown-only copy
+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.
 
 ## Hooks

package/dist/{ExportDialog-MEUISWZX.js → ExportDialog-7LDIXJZ3.js}

@@ -1,9 +1,10 @@
 import {
   ExportDialog
-} from "./chunk-AOVTHZU7.js";
+} from "./chunk-UNYZQXWR.js";
 import "./chunk-4XXSWN3T.js";
+import "./chunk-FMGTHSTX.js";
 import "./chunk-DD4VFJQI.js";
 export {
   ExportDialog
 };
-//# sourceMappingURL=ExportDialog-MEUISWZX.js.map
+//# sourceMappingURL=ExportDialog-7LDIXJZ3.js.map

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

@@ -1,6 +1,9 @@
 import {
   loadTransformStyleSummaries
 } from "./chunk-4XXSWN3T.js";
+import {
+  Dialog
+} from "./chunk-FMGTHSTX.js";
 import {
   DEFAULT_OPTIONS,
   FORMAT_EXTENSIONS,
@@ -18,18 +21,40 @@ import {
   useRef,
   useMemo
 } from "react";
-import { useEditorContext } from "@bendyline/squisq-editor-react";
+import { useEditorContext, usePreviewSettings } from "@bendyline/squisq-editor-react";
 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-MEUISWZX.js").then((module) => ({ default: module.ExportDialog }))
+  () => import("./ExportDialog-7LDIXJZ3.js").then((module) => ({ default: module.ExportDialog }))
+);
+var ShareDialog = lazy(
+  () => import("./ShareDialog-63ENBEDZ.js").then((module) => ({ default: module.ShareDialog }))
 );
 var runExportModulePromise = null;
 function loadRunExportModule() {
   runExportModulePromise ?? (runExportModulePromise = import("./run-export-ICTZITXC.js"));
   return runExportModulePromise;
 }
+var SHARED_USE_MODES = Object.freeze({
+  slideshow: "slideshow",
+  video: "video",
+  page: "linear",
+  document: "page",
+  narrate: "narrate"
+});
+function SharedModeInitializer({ mode }) {
+  const appliedRef = useRef(false);
+  const { setActiveView } = useEditorContext();
+  const { setSelectedDisplayMode } = usePreviewSettings();
+  useEffect(() => {
+    if (appliedRef.current) return;
+    appliedRef.current = true;
+    setSelectedDisplayMode(SHARED_USE_MODES[mode]);
+    setActiveView("preview");
+  }, [mode, setActiveView, setSelectedDisplayMode]);
+  return null;
+}
 var videoExportModulesPromise = null;
 function loadVideoExportModules() {
   videoExportModulesPromise ?? (videoExportModulesPromise = Promise.all([
@@ -43,6 +68,10 @@ function loadVideoExportModules() {
   })));
   return videoExportModulesPromise;
 }
+function exportErrorMessage(caught) {
+  const detail = caught instanceof Error ? caught.message.trim() : "";
+  return detail ? `Export failed: ${detail}` : "Export failed. The document could not be exported.";
+}
 function quickLabel(opts, transformSummaries) {
   const baseExt = FORMAT_EXTENSIONS[opts.format].toUpperCase().replace(".", "");
   const isRecursiveHtml = opts.format === "html" && opts.includeLinkedDocs;
@@ -73,11 +102,16 @@ function ExportToolbarControls({
   saveBlob,
   destinationAdapter,
   trigger = "menu",
-  showVideoExport = true
+  showVideoExport = true,
+  colorScheme = "light",
+  videoExportPalette,
+  shareBaseUrl,
+  initialSharedMode = null
 }) {
   const { markdownSource, markdownDoc } = useEditorContext();
   const [menuOpen, setMenuOpen] = useState(false);
   const [dialogOpen, setDialogOpen] = useState(false);
+  const [shareDialogOpen, setShareDialogOpen] = useState(false);
   const [videoModalOpen, setVideoModalOpen] = useState(false);
   const [videoLoading, setVideoLoading] = useState(false);
   const [videoLoadError, setVideoLoadError] = useState(null);
@@ -85,6 +119,7 @@ function ExportToolbarControls({
   const [videoDoc, setVideoDoc] = useState(null);
   const [transformSummaries, setTransformSummaries] = useState([]);
   const [exporting, setExporting] = useState(false);
+  const [exportError, setExportError] = useState(null);
   const [destinationTarget, setDestinationTarget] = useState(null);
   const destinationRequestRef = useRef(0);
   const menuRef = useRef(null);
@@ -147,11 +182,20 @@ function ExportToolbarControls({
   );
   const handleOpenDialog = useCallback(() => {
     setMenuOpen(false);
+    setExportError(null);
     setDialogOpen(true);
     void refreshDestination(dialogInitial);
   }, [dialogInitial, refreshDestination]);
   const handleCloseDialog = useCallback(() => {
     setDialogOpen(false);
+    setExportError(null);
+  }, []);
+  const handleOpenShareDialog = useCallback(() => {
+    setMenuOpen(false);
+    setShareDialogOpen(true);
+  }, []);
+  const handleCloseShareDialog = useCallback(() => {
+    setShareDialogOpen(false);
   }, []);
   const handleOpenVideoModal = useCallback(async () => {
     setMenuOpen(false);
@@ -210,6 +254,7 @@ function ExportToolbarControls({
   const handleExport = useCallback(
     async (opts) => {
       setExporting(true);
+      setExportError(null);
       try {
         const { runExport } = await loadRunExportModule();
         await runExport(
@@ -219,9 +264,11 @@ function ExportToolbarControls({
           mediaContainer,
           destinationAdapter ? handleDestinationSaveBlob : saveBlob
         );
+        setDialogOpen(false);
+      } catch (caught) {
+        setExportError(exportErrorMessage(caught));
       } finally {
         setExporting(false);
-        setDialogOpen(false);
       }
     },
     [
@@ -237,6 +284,7 @@ function ExportToolbarControls({
     if (!lastOptions) return;
     setMenuOpen(false);
     setExporting(true);
+    setExportError(null);
     try {
       saveExportOptions(lastOptions);
       const { runExport } = await loadRunExportModule();
@@ -254,6 +302,8 @@ function ExportToolbarControls({
         mediaContainer,
         destinationAdapter ? async (blob, filename) => saveToDestination(blob, filename, quickTarget) : saveBlob
       );
+    } catch (caught) {
+      setExportError(exportErrorMessage(caught));
     } finally {
       setExporting(false);
     }
@@ -266,8 +316,12 @@ function ExportToolbarControls({
     saveToDestination,
     selectedFile
   ]);
+  const handleDismissExportError = useCallback(() => {
+    setExportError(null);
+  }, []);
   const LoadedVideoExportModal = videoModules?.Modal;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
+    initialSharedMode && /* @__PURE__ */ jsx(SharedModeInitializer, { mode: initialSharedMode }),
     trigger === "button" ? /* @__PURE__ */ jsx(
       "button",
       {
@@ -283,27 +337,60 @@ function ExportToolbarControls({
       /* @__PURE__ */ jsx(
         "button",
         {
+          type: "button",
           className: "db-toolbar-menu-trigger",
           onClick: handleToggleMenu,
-          "aria-label": "More actions",
-          title: "More actions",
-          children: "\xB7\xB7\xB7"
+          "aria-label": "Export and share",
+          "aria-haspopup": "menu",
+          "aria-expanded": menuOpen,
+          title: "Export and share",
+          children: /* @__PURE__ */ jsx(ShareGlyph, {})
         }
       ),
-      menuOpen && /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu-dropdown", children: [
+      menuOpen && /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu-dropdown", role: "menu", children: [
         lastOptions && /* @__PURE__ */ jsx(
           "button",
           {
+            type: "button",
+            role: "menuitem",
             className: "db-toolbar-menu-item",
             onClick: handleQuickExport,
             disabled: exporting,
             children: quickLabel(lastOptions, transformSummaries)
           }
         ),
-        /* @__PURE__ */ jsx("button", { className: "db-toolbar-menu-item", onClick: handleOpenDialog, children: "Export..." }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            className: "db-toolbar-menu-item",
+            onClick: handleOpenDialog,
+            children: "Export..."
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            role: "menuitem",
+            className: "db-toolbar-menu-item",
+            onClick: handleOpenShareDialog,
+            children: "Share link with content embedded..."
+          }
+        ),
         showVideoExport && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("div", { className: "db-toolbar-menu-divider" }),
-          /* @__PURE__ */ jsx("button", { className: "db-toolbar-menu-item", onClick: handleOpenVideoModal, children: "Export Video..." })
+          /* @__PURE__ */ jsx("div", { className: "db-toolbar-menu-divider", role: "separator" }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              className: "db-toolbar-menu-item",
+              onClick: handleOpenVideoModal,
+              children: "Export Video..."
+            }
+          )
         ] })
       ] })
     ] }),
@@ -312,6 +399,7 @@ function ExportToolbarControls({
       {
         initial: dialogInitial,
         exporting,
+        error: exportError,
         destination: destinationAdapter ? {
           value: destinationTarget?.displayPath ?? "",
           onPick: handlePickDestination,
@@ -322,6 +410,32 @@ function ExportToolbarControls({
         onClose: handleCloseDialog
       }
     ) }),
+    exportError && !dialogOpen && /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        title: "Export Document",
+        onClose: handleDismissExportError,
+        footer: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "db-export-btn db-export-btn--secondary",
+            onClick: handleDismissExportError,
+            children: "Close"
+          }
+        ),
+        children: /* @__PURE__ */ jsx("p", { className: "db-export-error", role: "alert", children: exportError })
+      }
+    ),
+    shareDialogOpen && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
+      ShareDialog,
+      {
+        markdown: markdownSource,
+        selectedFile,
+        baseUrl: shareBaseUrl ?? (typeof window === "undefined" ? "https://bendyline.github.io/docblocks/" : window.location.href),
+        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" }),
@@ -342,6 +456,8 @@ function ExportToolbarControls({
       {
         doc: videoDoc,
         playerScript: videoModules.playerScript,
+        colorScheme,
+        uiPalette: videoExportPalette,
         onClose: handleCloseVideoModal
       }
     )
@@ -367,7 +483,26 @@ function ExportGlyph() {
     }
   );
 }
+function ShareGlyph() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M8 10.5V1.75" }),
+        /* @__PURE__ */ jsx("path", { d: "M5.25 4.5 8 1.75l2.75 2.75" }),
+        /* @__PURE__ */ jsx("path", { d: "M4.25 6.75h-1a1.5 1.5 0 0 0-1.5 1.5v4.5a1.5 1.5 0 0 0 1.5 1.5h9.5a1.5 1.5 0 0 0 1.5-1.5v-4.5a1.5 1.5 0 0 0-1.5-1.5h-1" })
+      ]
+    }
+  );
+}
 export {
   ExportToolbarControls
 };
-//# sourceMappingURL=ExportToolbarControls-D2YDWOXW.js.map
+//# sourceMappingURL=ExportToolbarControls-GHAOJMH6.js.map

package/dist/ExportToolbarControls-GHAOJMH6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Export/ExportToolbarControls.tsx"],"sourcesContent":["/**\n * ExportToolbarControls — toolbar-right slot content.\n *\n * Renders an export/share menu on the right side of the toolbar containing\n * document export, sharing, and video export actions.\n *\n * Must be rendered inside <EditorProvider> so useEditorContext() works.\n */\n\nimport {\n  lazy,\n  Suspense,\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n  useMemo,\n  type ComponentType,\n} from 'react';\nimport { useEditorContext, usePreviewSettings } from '@bendyline/squisq-editor-react';\nimport type { SharedDocumentMode } from '@bendyline/docblocks/share';\nimport { getThemeSummaries } from '@bendyline/squisq/schemas';\nimport { parseMarkdown } from '@bendyline/squisq/markdown';\nimport type { ContentContainer } from '@bendyline/squisq/storage';\nimport type { DisplayMode } from '@bendyline/squisq-react';\nimport type { VideoExportModalProps } from '@bendyline/squisq-video-react';\nimport type { ExportOptions } from './export-options.js';\nimport {\n  DEFAULT_OPTIONS,\n  FORMAT_EXTENSIONS,\n  loadLastExportOptions,\n  saveExportOptions,\n} from './export-options.js';\nimport type { ExportBlobSaver } from './run-export.js';\nimport { loadTransformStyleSummaries, type ExportSummaryOption } from './transform-summaries.js';\nimport { Dialog } from '../components/Dialog.js';\n\nconst ExportDialog = lazy(() =>\n  import('./ExportDialog.js').then((module) => ({ default: module.ExportDialog })),\n);\nconst ShareDialog = lazy(() =>\n  import('./ShareDialog.js').then((module) => ({ default: module.ShareDialog })),\n);\n\nlet runExportModulePromise: Promise<typeof import('./run-export.js')> | null = null;\n\nfunction loadRunExportModule(): Promise<typeof import('./run-export.js')> {\n  runExportModulePromise ??= import('./run-export.js');\n  return runExportModulePromise;\n}\n\nexport interface ExportToolbarControlsProps {\n  /** Currently selected file path — used to derive the download filename. */\n  selectedFile: string | null;\n  /** Media container for resolving images during export. */\n  mediaContainer?: ContentContainer | null;\n  /** Override the default browser download behavior for host-provided save flows. */\n  saveBlob?: ExportBlobSaver;\n  /** Optional host adapter for displaying, picking, and saving to a native target path. */\n  destinationAdapter?: ExportDestinationAdapter;\n  /** Render the trigger as a direct Export button instead of the overflow menu. */\n  trigger?: 'menu' | 'button';\n  /** Whether to show video export in the overflow menu. */\n  showVideoExport?: boolean;\n  /** Resolved host color scheme for the video export dialog. */\n  colorScheme?: 'light' | 'dark';\n  /** Host palette overrides for the video export dialog and progress UI. */\n  videoExportPalette?: VideoExportModalProps['uiPalette'];\n  /** HTTP(S) DocBlocks page used as the base of generated shared links. */\n  shareBaseUrl?: string;\n  /** One-time Use mode supplied by an opened shared document link. */\n  initialSharedMode?: SharedDocumentMode | null;\n}\n\n/** Host-specific operations behind the shared export destination control. */\nexport interface ExportDestinationTarget {\n  grantId: string | null;\n  displayPath: string;\n}\n\nexport interface ExportDestinationAdapter {\n  resolveTarget: (filename: string) => Promise<ExportDestinationTarget>;\n  pickTarget: (\n    filename: string,\n    currentTarget?: ExportDestinationTarget | null,\n  ) => Promise<ExportDestinationTarget | null>;\n  saveBlob: (\n    blob: Blob,\n    filename: string,\n    target?: ExportDestinationTarget | null,\n  ) => Promise<ExportDestinationTarget | null>;\n  hint?: string;\n}\n\ntype ParsedMarkdown = ReturnType<typeof parseMarkdown>;\n\ninterface VideoExportModules {\n  Modal: ComponentType<VideoExportModalProps>;\n  markdownToDoc: (doc: ParsedMarkdown) => VideoExportModalProps['doc'];\n  playerScript: string;\n}\n\nconst SHARED_USE_MODES: Readonly<Record<SharedDocumentMode, DisplayMode>> = Object.freeze({\n  slideshow: 'slideshow',\n  video: 'video',\n  page: 'linear',\n  document: 'page',\n  narrate: 'narrate',\n});\n\nfunction SharedModeInitializer({ mode }: { mode: SharedDocumentMode }) {\n  const appliedRef = useRef(false);\n  const { setActiveView } = useEditorContext();\n  const { setSelectedDisplayMode } = usePreviewSettings();\n\n  useEffect(() => {\n    if (appliedRef.current) return;\n    appliedRef.current = true;\n    setSelectedDisplayMode(SHARED_USE_MODES[mode]);\n    setActiveView('preview');\n  }, [mode, setActiveView, setSelectedDisplayMode]);\n\n  return null;\n}\n\nlet videoExportModulesPromise: Promise<VideoExportModules> | null = null;\n\nfunction loadVideoExportModules(): Promise<VideoExportModules> {\n  videoExportModulesPromise ??= Promise.all([\n    import('@bendyline/squisq/doc'),\n    import('@bendyline/squisq-video-react'),\n    import('@bendyline/squisq-react/standalone-source'),\n  ]).then(([docModule, videoModule, playerModule]) => ({\n    Modal: videoModule.VideoExportModal,\n    markdownToDoc: docModule.markdownToDoc,\n    playerScript: playerModule.PLAYER_BUNDLE,\n  }));\n  return videoExportModulesPromise;\n}\n\n/**\n * Turn whatever `runExport` rejected with into something a user can act on.\n * The pipeline throws real `Error`s (unreadable image, converter failure,\n * destination write refused) whose messages are already user-facing.\n */\nfunction exportErrorMessage(caught: unknown): string {\n  const detail = caught instanceof Error ? caught.message.trim() : '';\n  return detail ? `Export failed: ${detail}` : 'Export failed. The document could not be exported.';\n}\n\n/** Build the quick-export label from saved options. */\nfunction quickLabel(opts: ExportOptions, transformSummaries: ExportSummaryOption[]): string {\n  const baseExt = FORMAT_EXTENSIONS[opts.format].toUpperCase().replace('.', '');\n  // Recursive HTML always emits a ZIP (multi-doc tree), regardless of\n  // the saved `htmlBundle` value. Applies to both plain and rendered\n  // styles since both now ship recursive bundle helpers.\n  const isRecursiveHtml = opts.format === 'html' && opts.includeLinkedDocs;\n  const ext =\n    opts.format === 'html' && (opts.htmlBundle === 'zip' || isRecursiveHtml) ? 'ZIP' : baseExt;\n  const parts: string[] = [];\n\n  if (opts.format === 'html' && opts.htmlStyle === 'rendered') {\n    parts.push('rendered');\n  }\n  if (isRecursiveHtml) {\n    parts.push('linked docs');\n  }\n  // Plain HTML also applies themes now (squisq's `markdownDocToPlainHtml`\n  // emits theme-driven CSS), so include the theme name in the quick-\n  // export label for every HTML style — not just rendered.\n  if (opts.themeId !== 'standard') {\n    const theme = getThemeSummaries().find((t) => t.id === opts.themeId);\n    if (theme) parts.push(theme.name);\n  }\n  if (opts.format === 'pptx' && opts.transformStyle) {\n    const transform = transformSummaries.find((t) => t.id === opts.transformStyle);\n    if (transform) parts.push(transform.name);\n  }\n\n  if (parts.length > 0) {\n    return `Export ${ext} with ${parts.join(' + ')}`;\n  }\n  return `Export ${ext}`;\n}\n\nexport function ExportToolbarControls({\n  selectedFile,\n  mediaContainer,\n  saveBlob,\n  destinationAdapter,\n  trigger = 'menu',\n  showVideoExport = true,\n  colorScheme = 'light',\n  videoExportPalette,\n  shareBaseUrl,\n  initialSharedMode = null,\n}: ExportToolbarControlsProps) {\n  const { markdownSource, markdownDoc } = useEditorContext();\n  const [menuOpen, setMenuOpen] = useState(false);\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [shareDialogOpen, setShareDialogOpen] = useState(false);\n  const [videoModalOpen, setVideoModalOpen] = useState(false);\n  const [videoLoading, setVideoLoading] = useState(false);\n  const [videoLoadError, setVideoLoadError] = useState<string | null>(null);\n  const [videoModules, setVideoModules] = useState<VideoExportModules | null>(null);\n  const [videoDoc, setVideoDoc] = useState<VideoExportModalProps['doc'] | null>(null);\n  const [transformSummaries, setTransformSummaries] = useState<ExportSummaryOption[]>([]);\n  const [exporting, setExporting] = useState(false);\n  const [exportError, setExportError] = useState<string | null>(null);\n  const [destinationTarget, setDestinationTarget] = useState<ExportDestinationTarget | null>(null);\n  const destinationRequestRef = useRef(0);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  const lastOptions = loadLastExportOptions();\n\n  /** Doc's currently-set squisq theme, pulled from the markdown\n   *  frontmatter. The Document Settings dialog and Theme Customizer\n   *  write the theme under `squisq-theme` (canonical) or `theme`\n   *  (legacy); some older docs persist it as `themeId`. We honor all\n   *  three so an author who set their theme anywhere upstream sees it\n   *  pre-selected in the export dialog. */\n  const docThemeId = useMemo(() => {\n    const fm = markdownDoc?.frontmatter as Record<string, unknown> | undefined;\n    if (!fm) return null;\n    const candidates = [fm['squisq-theme'], fm['theme'], fm['themeId']];\n    for (const v of candidates) {\n      if (typeof v === 'string' && v.trim()) return v.trim();\n    }\n    return null;\n  }, [markdownDoc]);\n\n  /** Options used to populate the export dialog. Layered: built-in\n   *  defaults → user's last-chosen export options (if any) → doc's\n   *  current frontmatter theme (wins). The frontmatter override\n   *  guarantees that \"set theme in the editor, then export\" pre-selects\n   *  the right theme instead of resurrecting whatever the user picked\n   *  for some unrelated previous doc. */\n  const dialogInitial = useMemo(() => {\n    const base = lastOptions ?? DEFAULT_OPTIONS;\n    return docThemeId ? { ...base, themeId: docThemeId } : base;\n  }, [lastOptions, docThemeId]);\n\n  // Close menu on outside click\n  useEffect(() => {\n    if (!menuOpen) return;\n    const onPointerDown = (e: PointerEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setMenuOpen(false);\n      }\n    };\n    document.addEventListener('pointerdown', onPointerDown);\n    return () => document.removeEventListener('pointerdown', onPointerDown);\n  }, [menuOpen]);\n\n  useEffect(() => {\n    if (\n      !menuOpen ||\n      lastOptions?.format !== 'pptx' ||\n      !lastOptions.transformStyle ||\n      transformSummaries.length > 0\n    ) {\n      return;\n    }\n\n    let cancelled = false;\n    loadTransformStyleSummaries()\n      .then((nextSummaries) => {\n        if (!cancelled) setTransformSummaries(nextSummaries);\n      })\n      .catch(() => {\n        if (!cancelled) setTransformSummaries([]);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [lastOptions?.format, lastOptions?.transformStyle, menuOpen, transformSummaries.length]);\n\n  const handleToggleMenu = useCallback(() => {\n    setMenuOpen((prev) => !prev);\n  }, []);\n\n  const refreshDestination = useCallback(\n    async (options: ExportOptions) => {\n      if (!destinationAdapter) return;\n\n      const requestId = destinationRequestRef.current + 1;\n      destinationRequestRef.current = requestId;\n\n      try {\n        const { buildExportFilename } = await loadRunExportModule();\n        const filename = buildExportFilename(selectedFile, options);\n        const target = await destinationAdapter.resolveTarget(filename);\n        if (destinationRequestRef.current === requestId) setDestinationTarget(target);\n      } catch {\n        if (destinationRequestRef.current === requestId) setDestinationTarget(null);\n      }\n    },\n    [destinationAdapter, selectedFile],\n  );\n\n  const handleOpenDialog = useCallback(() => {\n    setMenuOpen(false);\n    setExportError(null);\n    setDialogOpen(true);\n    void refreshDestination(dialogInitial);\n  }, [dialogInitial, refreshDestination]);\n\n  const handleCloseDialog = useCallback(() => {\n    setDialogOpen(false);\n    setExportError(null);\n  }, []);\n\n  const handleOpenShareDialog = useCallback(() => {\n    setMenuOpen(false);\n    setShareDialogOpen(true);\n  }, []);\n\n  const handleCloseShareDialog = useCallback(() => {\n    setShareDialogOpen(false);\n  }, []);\n\n  const handleOpenVideoModal = useCallback(async () => {\n    setMenuOpen(false);\n    setVideoModalOpen(true);\n    setVideoLoading(true);\n    setVideoLoadError(null);\n\n    try {\n      const modules = videoModules ?? (await loadVideoExportModules());\n      setVideoModules(modules);\n      setVideoDoc(modules.markdownToDoc(parseMarkdown(markdownSource)));\n    } catch {\n      setVideoLoadError('Video export could not be loaded.');\n    } finally {\n      setVideoLoading(false);\n    }\n  }, [markdownSource, videoModules]);\n\n  const handleCloseVideoModal = useCallback(() => {\n    setVideoModalOpen(false);\n    setVideoDoc(null);\n    setVideoLoadError(null);\n  }, []);\n\n  const handleOptionsChange = useCallback(\n    (options: ExportOptions) => {\n      void refreshDestination(options);\n    },\n    [refreshDestination],\n  );\n\n  const handlePickDestination = useCallback(\n    async (options: ExportOptions) => {\n      if (!destinationAdapter) return;\n      try {\n        const { buildExportFilename } = await loadRunExportModule();\n        const filename = buildExportFilename(selectedFile, options);\n        const pickedTarget = await destinationAdapter.pickTarget(filename, destinationTarget);\n        if (pickedTarget === null) return;\n        setDestinationTarget(pickedTarget);\n      } catch {\n        // Native hosts surface picker failures through their own UI channel.\n      }\n    },\n    [destinationAdapter, destinationTarget, selectedFile],\n  );\n\n  const saveToDestination = useCallback(\n    async (blob: Blob, filename: string, target: ExportDestinationTarget | null) => {\n      if (!destinationAdapter) return;\n      const savedTarget = await destinationAdapter.saveBlob(blob, filename, target);\n      if (savedTarget) setDestinationTarget(savedTarget);\n    },\n    [destinationAdapter],\n  );\n\n  const handleDestinationSaveBlob = useCallback(\n    async (blob: Blob, filename: string) => {\n      await saveToDestination(blob, filename, destinationTarget);\n    },\n    [destinationTarget, saveToDestination],\n  );\n\n  const handleExport = useCallback(\n    async (opts: ExportOptions) => {\n      setExporting(true);\n      setExportError(null);\n      try {\n        const { runExport } = await loadRunExportModule();\n        await runExport(\n          markdownSource,\n          selectedFile,\n          opts,\n          mediaContainer,\n          destinationAdapter ? handleDestinationSaveBlob : saveBlob,\n        );\n        // Only a completed export dismisses the dialog. Closing in a\n        // `finally` used to make a failure look exactly like a success.\n        setDialogOpen(false);\n      } catch (caught: unknown) {\n        setExportError(exportErrorMessage(caught));\n      } finally {\n        setExporting(false);\n      }\n    },\n    [\n      markdownSource,\n      selectedFile,\n      mediaContainer,\n      destinationAdapter,\n      handleDestinationSaveBlob,\n      saveBlob,\n    ],\n  );\n\n  const handleQuickExport = useCallback(async () => {\n    if (!lastOptions) return;\n    setMenuOpen(false);\n    setExporting(true);\n    setExportError(null);\n    try {\n      saveExportOptions(lastOptions);\n      const { runExport } = await loadRunExportModule();\n      let quickTarget: ExportDestinationTarget | null = null;\n      if (destinationAdapter) {\n        const { buildExportFilename } = await loadRunExportModule();\n        quickTarget = await destinationAdapter.resolveTarget(\n          buildExportFilename(selectedFile, lastOptions),\n        );\n      }\n      await runExport(\n        markdownSource,\n        selectedFile,\n        lastOptions,\n        mediaContainer,\n        destinationAdapter\n          ? async (blob, filename) => saveToDestination(blob, filename, quickTarget)\n          : saveBlob,\n      );\n    } catch (caught: unknown) {\n      // No dialog is open on this path, so the failure gets its own —\n      // same shape as the video-export load failure below.\n      setExportError(exportErrorMessage(caught));\n    } finally {\n      setExporting(false);\n    }\n  }, [\n    destinationAdapter,\n    lastOptions,\n    markdownSource,\n    mediaContainer,\n    saveBlob,\n    saveToDestination,\n    selectedFile,\n  ]);\n\n  const handleDismissExportError = useCallback(() => {\n    setExportError(null);\n  }, []);\n\n  const LoadedVideoExportModal = videoModules?.Modal;\n\n  return (\n    <>\n      {initialSharedMode && <SharedModeInitializer mode={initialSharedMode} />}\n      {trigger === 'button' ? (\n        <button\n          type=\"button\"\n          className=\"squisq-toolbar-button db-toolbar-export-trigger\"\n          onClick={handleOpenDialog}\n          disabled={exporting}\n          aria-label=\"Export document\"\n          data-tooltip={exporting ? 'Exporting...' : 'Export document'}\n        >\n          <ExportGlyph />\n        </button>\n      ) : (\n        <div className=\"db-toolbar-menu\" ref={menuRef}>\n          <button\n            type=\"button\"\n            className=\"db-toolbar-menu-trigger\"\n            onClick={handleToggleMenu}\n            aria-label=\"Export and share\"\n            aria-haspopup=\"menu\"\n            aria-expanded={menuOpen}\n            title=\"Export and share\"\n          >\n            <ShareGlyph />\n          </button>\n\n          {menuOpen && (\n            <div className=\"db-toolbar-menu-dropdown\" role=\"menu\">\n              {lastOptions && (\n                <button\n                  type=\"button\"\n                  role=\"menuitem\"\n                  className=\"db-toolbar-menu-item\"\n                  onClick={handleQuickExport}\n                  disabled={exporting}\n                >\n                  {quickLabel(lastOptions, transformSummaries)}\n                </button>\n              )}\n              <button\n                type=\"button\"\n                role=\"menuitem\"\n                className=\"db-toolbar-menu-item\"\n                onClick={handleOpenDialog}\n              >\n                Export...\n              </button>\n              <button\n                type=\"button\"\n                role=\"menuitem\"\n                className=\"db-toolbar-menu-item\"\n                onClick={handleOpenShareDialog}\n              >\n                Share link with content embedded...\n              </button>\n              {showVideoExport && (\n                <>\n                  <div className=\"db-toolbar-menu-divider\" role=\"separator\" />\n                  <button\n                    type=\"button\"\n                    role=\"menuitem\"\n                    className=\"db-toolbar-menu-item\"\n                    onClick={handleOpenVideoModal}\n                  >\n                    Export Video...\n                  </button>\n                </>\n              )}\n            </div>\n          )}\n        </div>\n      )}\n\n      {dialogOpen && (\n        <Suspense fallback={null}>\n          <ExportDialog\n            initial={dialogInitial}\n            exporting={exporting}\n            error={exportError}\n            destination={\n              destinationAdapter\n                ? {\n                    value: destinationTarget?.displayPath ?? '',\n                    onPick: handlePickDestination,\n                    hint: destinationAdapter.hint,\n                  }\n                : undefined\n            }\n            onExport={handleExport}\n            onOptionsChange={destinationAdapter ? handleOptionsChange : undefined}\n            onClose={handleCloseDialog}\n          />\n        </Suspense>\n      )}\n\n      {/* Quick export fails with no dialog open — give the failure its own,\n          mirroring the video-export load-failure surface below. */}\n      {exportError && !dialogOpen && (\n        <Dialog\n          title=\"Export Document\"\n          onClose={handleDismissExportError}\n          footer={\n            <button\n              type=\"button\"\n              className=\"db-export-btn db-export-btn--secondary\"\n              onClick={handleDismissExportError}\n            >\n              Close\n            </button>\n          }\n        >\n          <p className=\"db-export-error\" role=\"alert\">\n            {exportError}\n          </p>\n        </Dialog>\n      )}\n\n      {shareDialogOpen && (\n        <Suspense fallback={null}>\n          <ShareDialog\n            markdown={markdownSource}\n            selectedFile={selectedFile}\n            baseUrl={\n              shareBaseUrl ??\n              (typeof window === 'undefined'\n                ? 'https://bendyline.github.io/docblocks/'\n                : window.location.href)\n            }\n            onClose={handleCloseShareDialog}\n          />\n        </Suspense>\n      )}\n\n      {videoModalOpen && (videoLoading || videoLoadError) && (\n        <div className=\"db-dialog-overlay\">\n          <div className=\"db-dialog\">\n            <div className=\"db-dialog-header\">\n              <h2 className=\"db-dialog-title\">Export Video</h2>\n              <button\n                className=\"db-dialog-close\"\n                onClick={handleCloseVideoModal}\n                aria-label=\"Close\"\n              >\n                &times;\n              </button>\n            </div>\n            <div className=\"db-dialog-body\">\n              <p className=\"db-export-hint\">{videoLoadError ?? 'Loading...'}</p>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {videoModalOpen &&\n        videoModules &&\n        LoadedVideoExportModal &&\n        videoDoc &&\n        !videoLoading &&\n        !videoLoadError && (\n          <LoadedVideoExportModal\n            doc={videoDoc}\n            playerScript={videoModules.playerScript}\n            colorScheme={colorScheme}\n            uiPalette={videoExportPalette}\n            onClose={handleCloseVideoModal}\n          />\n        )}\n    </>\n  );\n}\n\nfunction ExportGlyph() {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M4.5 1.75h4.25L12 5v7.25a1.5 1.5 0 0 1-1.5 1.5h-6A1.5 1.5 0 0 1 3 12.25v-9a1.5 1.5 0 0 1 1.5-1.5z\" />\n      <path d=\"M8.75 1.75V5h3.25\" />\n      <path d=\"M6 8.75h4.5\" />\n      <path d=\"M8.75 7 10.5 8.75 8.75 10.5\" />\n    </svg>\n  );\n}\n\nfunction ShareGlyph() {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M8 10.5V1.75\" />\n      <path d=\"M5.25 4.5 8 1.75l2.75 2.75\" />\n      <path d=\"M4.25 6.75h-1a1.5 1.5 0 0 0-1.5 1.5v4.5a1.5 1.5 0 0 0 1.5 1.5h9.5a1.5 1.5 0 0 0 1.5-1.5v-4.5a1.5 1.5 0 0 0-1.5-1.5h-1\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":[]}

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

@@ -1,3 +1,6 @@
+import {
+  useMenuKeyboard
+} from "./chunk-57ZJJOC5.js";
 import {
   isFileDirty,
   useGitContext
@@ -9,11 +12,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 function GitToolbarControl({ selectedFile }) {
   const git = useGitContext();
   const [menuOpen, setMenuOpen] = useState(false);
-  const menuRef = useRef(null);
+  const rootRef = useRef(null);
+  const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } = useMenuKeyboard(menuOpen, setMenuOpen);
   useEffect(() => {
     if (!menuOpen) return;
     const onPointerDown = (e) => {
-      if (menuRef.current && !menuRef.current.contains(e.target)) {
+      if (rootRef.current && !rootRef.current.contains(e.target)) {
         setMenuOpen(false);
       }
     };
@@ -24,24 +28,26 @@ function GitToolbarControl({ selectedFile }) {
   const dirty = isFileDirty(git.status, selectedFile);
   const label = dirty ? "Git actions (file modified)" : "Git actions";
   const openDiff = () => {
-    setMenuOpen(false);
+    closeMenu(false);
     git.openDialog({ kind: "diff", path: selectedFile });
   };
   const openHistory = () => {
-    setMenuOpen(false);
+    closeMenu(false);
     git.openDialog({ kind: "history", path: selectedFile });
   };
   const openOnRemote = () => {
-    setMenuOpen(false);
+    closeMenu(false);
     git.openOnRemote(selectedFile);
   };
-  return /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu", ref: menuRef, children: [
+  return /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu", ref: rootRef, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
+        ref: triggerRef,
         type: "button",
         className: "squisq-toolbar-button db-git-toolbar-trigger",
         onClick: () => setMenuOpen((prev) => !prev),
+        onKeyDown: handleTriggerKeyDown,
         "aria-label": label,
         "aria-haspopup": "menu",
         "aria-expanded": menuOpen,
@@ -52,42 +58,55 @@ function GitToolbarControl({ selectedFile }) {
         ]
       }
     ),
-    menuOpen && /* @__PURE__ */ jsxs("div", { className: "db-toolbar-menu-dropdown", role: "menu", children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "menuitem",
-          className: "db-toolbar-menu-item",
-          disabled: !dirty,
-          onClick: openDiff,
-          children: "View changes"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "menuitem",
-          className: "db-toolbar-menu-item",
-          onClick: openHistory,
-          children: "File history\u2026"
-        }
-      ),
-      git.remoteWeb && /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          role: "menuitem",
-          className: "db-toolbar-menu-item",
-          onClick: openOnRemote,
-          children: [
-            "Open on ",
-            git.remoteWeb.host
-          ]
-        }
-      )
-    ] })
+    menuOpen && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: menuRef,
+        className: "db-toolbar-menu-dropdown",
+        role: "menu",
+        "aria-label": label,
+        onKeyDown: handleMenuKeyDown,
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              tabIndex: -1,
+              className: "db-toolbar-menu-item",
+              disabled: !dirty,
+              onClick: openDiff,
+              children: "View changes"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              tabIndex: -1,
+              className: "db-toolbar-menu-item",
+              onClick: openHistory,
+              children: "File history\u2026"
+            }
+          ),
+          git.remoteWeb && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "menuitem",
+              tabIndex: -1,
+              className: "db-toolbar-menu-item",
+              onClick: openOnRemote,
+              children: [
+                "Open on ",
+                git.remoteWeb.host
+              ]
+            }
+          )
+        ]
+      }
+    )
   ] });
 }
 function BranchGlyph() {
@@ -114,4 +133,4 @@ function BranchGlyph() {
 export {
   GitToolbarControl
 };
-//# sourceMappingURL=GitToolbarControl-LMIR4R7I.js.map
+//# sourceMappingURL=GitToolbarControl-GNMRVKWQ.js.map

package/dist/GitToolbarControl-GNMRVKWQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Git/GitToolbarControl.tsx"],"sourcesContent":["/**\n * GitToolbarControl — per-file git actions in the editor toolbar.\n *\n * A single branch-glyph button (styled like the export trigger) opening a\n * small dropdown: view working-tree changes, per-file history, and \"Open\n * on <host>\" when a web remote is known. A dot overlay marks the selected\n * file as modified. Null-renders without a git context, a repository, or a\n * selected file. Deliberately has no editor dependency.\n */\n\nimport { useEffect, useRef, useState } from 'react';\nimport { useGitContext } from './GitContext.js';\nimport { isFileDirty } from './git-status.js';\nimport { useMenuKeyboard } from './useMenuKeyboard.js';\n\nexport interface GitToolbarControlProps {\n  /** Currently selected file path (slash-prefixed), or null. */\n  selectedFile: string | null;\n}\n\nexport function GitToolbarControl({ selectedFile }: GitToolbarControlProps) {\n  const git = useGitContext();\n  const [menuOpen, setMenuOpen] = useState(false);\n  /** Wraps trigger + menu — the outside-click hit test, not the menu itself. */\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { menuRef, triggerRef, handleMenuKeyDown, handleTriggerKeyDown, closeMenu } =\n    useMenuKeyboard(menuOpen, setMenuOpen);\n\n  // Close on outside click (same pointerdown pattern as ExportToolbarControls).\n  useEffect(() => {\n    if (!menuOpen) return;\n    const onPointerDown = (e: PointerEvent) => {\n      if (rootRef.current && !rootRef.current.contains(e.target as Node)) {\n        setMenuOpen(false);\n      }\n    };\n    document.addEventListener('pointerdown', onPointerDown);\n    return () => document.removeEventListener('pointerdown', onPointerDown);\n  }, [menuOpen]);\n\n  if (!git || !git.repo || !selectedFile) return null;\n\n  const dirty = isFileDirty(git.status, selectedFile);\n  const label = dirty ? 'Git actions (file modified)' : 'Git actions';\n\n  // Each of these replaces the menu with a dialog, so focus belongs there,\n  // not back on the trigger.\n  const openDiff = () => {\n    closeMenu(false);\n    git.openDialog({ kind: 'diff', path: selectedFile });\n  };\n  const openHistory = () => {\n    closeMenu(false);\n    git.openDialog({ kind: 'history', path: selectedFile });\n  };\n  const openOnRemote = () => {\n    closeMenu(false);\n    git.openOnRemote(selectedFile);\n  };\n\n  return (\n    <div className=\"db-toolbar-menu\" ref={rootRef}>\n      <button\n        ref={triggerRef}\n        type=\"button\"\n        className=\"squisq-toolbar-button db-git-toolbar-trigger\"\n        onClick={() => setMenuOpen((prev) => !prev)}\n        onKeyDown={handleTriggerKeyDown}\n        aria-label={label}\n        aria-haspopup=\"menu\"\n        aria-expanded={menuOpen}\n        data-tooltip={label}\n      >\n        <BranchGlyph />\n        {dirty && <span className=\"db-git-toolbar-dot\" aria-hidden=\"true\" />}\n      </button>\n\n      {menuOpen && (\n        <div\n          ref={menuRef}\n          className=\"db-toolbar-menu-dropdown\"\n          role=\"menu\"\n          aria-label={label}\n          onKeyDown={handleMenuKeyDown}\n        >\n          <button\n            type=\"button\"\n            role=\"menuitem\"\n            tabIndex={-1}\n            className=\"db-toolbar-menu-item\"\n            disabled={!dirty}\n            onClick={openDiff}\n          >\n            View changes\n          </button>\n          <button\n            type=\"button\"\n            role=\"menuitem\"\n            tabIndex={-1}\n            className=\"db-toolbar-menu-item\"\n            onClick={openHistory}\n          >\n            File history…\n          </button>\n          {git.remoteWeb && (\n            <button\n              type=\"button\"\n              role=\"menuitem\"\n              tabIndex={-1}\n              className=\"db-toolbar-menu-item\"\n              onClick={openOnRemote}\n            >\n              Open on {git.remoteWeb.host}\n            </button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction BranchGlyph() {\n  return (\n    <svg\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      height=\"16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"4.5\" cy=\"12\" r=\"2\" />\n      <circle cx=\"11.5\" cy=\"4\" r=\"2\" />\n      <path d=\"M4.5 10V7.5A2.5 2.5 0 0 1 7 5h2.5\" />\n    </svg>\n  );\n}\n"],"mappings":"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","names":[]}