@bendyline/docblocks-react 2.7.1 → 2.7.3

package/dist/{ExportDialog-IMBVGRYG.js → ExportDialog-JRVZCG3J.js}

@@ -1,8 +1,8 @@
 import {
   ExportDialog
-} from "./chunk-BD54Z5XP.js";
+} from "./chunk-Y5OE3HJC.js";
 import "./chunk-YBEYTVU2.js";
-import "./chunk-X437UAF7.js";
+import "./chunk-6MSHXQNB.js";
 import "./chunk-56KO2LYN.js";
 export {
   ExportDialog

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

@@ -14,7 +14,7 @@ import {
 } from "./chunk-UONFWKJ7.js";
 import {
   buildExportFilename
-} from "./chunk-UG4G7PJ4.js";
+} from "./chunk-5O5YTOXG.js";
 import {
   loadTransformStyleSummaries
 } from "./chunk-YBEYTVU2.js";
@@ -23,7 +23,7 @@ import {
   loadLastExportOptions,
   resolveExportDialogInitial,
   saveExportOptions
-} from "./chunk-X437UAF7.js";
+} from "./chunk-6MSHXQNB.js";
 import {
   Dialog
 } from "./chunk-56KO2LYN.js";
@@ -38,19 +38,23 @@ import {
   useRef,
   useMemo
 } from "react";
-import { useEditorContext, usePreviewSettings } from "@bendyline/squisq-editor-react";
+import {
+  useEditorContext,
+  usePreviewSettings,
+  usePreviewSettingsOptional
+} from "@bendyline/squisq-editor-react";
 import { readFrontmatterThemeId } from "@bendyline/squisq/markdown";
 import { getThemeSummaries } from "@bendyline/squisq/schemas";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var ExportDialog = lazy(
-  () => import("./ExportDialog-IMBVGRYG.js").then((module) => ({ default: module.ExportDialog }))
+  () => import("./ExportDialog-JRVZCG3J.js").then((module) => ({ default: module.ExportDialog }))
 );
 var ShareDialog = lazy(
   () => import("./ShareDialog-XUA2OVGI.js").then((module) => ({ default: module.ShareDialog }))
 );
 var runExportModulePromise = null;
 function loadRunExportModule() {
-  runExportModulePromise ?? (runExportModulePromise = import("./run-export-47X5FTYZ.js"));
+  runExportModulePromise ?? (runExportModulePromise = import("./run-export-OHRNT2TP.js"));
   return runExportModulePromise;
 }
 var ExportCancelledError = class extends Error {
@@ -155,6 +159,7 @@ function ExportToolbarControls({
   const [transformSummaries, setTransformSummaries] = useState([]);
   const [exporting, setExporting] = useState(false);
   const [exportError, setExportError] = useState(null);
+  const [exportNotice, setExportNotice] = useState(null);
   const [destinationTarget, setDestinationTarget] = useState(null);
   const [quickDestination, setQuickDestination] = useState(null);
   const [quickDestinationPending, setQuickDestinationPending] = useState(false);
@@ -168,9 +173,12 @@ function ExportToolbarControls({
     () => readFrontmatterThemeId(markdownDoc?.frontmatter),
     [markdownDoc]
   );
+  const previewSettings = usePreviewSettingsOptional();
+  const previewThemeId = previewSettings?.activeThemeId;
+  const documentThemes = previewSettings?.customThemes;
   const dialogInitial = useMemo(
-    () => resolveExportDialogInitial(lastOptions, docThemeId, defaultThemeId),
-    [lastOptions, docThemeId, defaultThemeId]
+    () => resolveExportDialogInitial(lastOptions, previewThemeId ?? docThemeId, defaultThemeId),
+    [lastOptions, previewThemeId, docThemeId, defaultThemeId]
   );
   useEffect(() => {
     if (!menuOpen) return;
@@ -327,6 +335,7 @@ function ExportToolbarControls({
     async (opts) => {
       setExporting(true);
       setExportError(null);
+      setExportNotice(null);
       try {
         let exportTarget = destinationTarget;
         if (!fileShare && destinationAdapter?.pickBeforeSave) {
@@ -336,7 +345,7 @@ function ExportToolbarControls({
           setDestinationTarget(exportTarget);
         }
         const { runExport } = await loadRunExportModule();
-        await runExport(
+        const result = await runExport(
           markdownSource,
           selectedFile,
           opts,
@@ -347,6 +356,7 @@ function ExportToolbarControls({
           } : destinationAdapter ? (blob, filename) => saveToDestination(blob, filename, exportTarget) : saveBlob
         );
         setDialogOpen(false);
+        if (result.warnings.length > 0) setExportNotice(result.warnings);
       } catch (caught) {
         if (!(caught instanceof ExportCancelledError)) setExportError(exportErrorMessage(caught));
       } finally {
@@ -369,6 +379,7 @@ function ExportToolbarControls({
     closeMenu(true);
     setExporting(true);
     setExportError(null);
+    setExportNotice(null);
     try {
       saveExportOptions(lastOptions);
       let quickTarget = null;
@@ -383,13 +394,14 @@ function ExportToolbarControls({
         }
       }
       const { runExport } = await loadRunExportModule();
-      await runExport(
+      const result = await runExport(
         markdownSource,
         selectedFile,
         lastOptions,
         mediaContainer,
         destinationAdapter ? async (blob, filename) => saveToDestination(blob, filename, quickTarget) : saveBlob
       );
+      if (result.warnings.length > 0) setExportNotice(result.warnings);
     } catch (caught) {
       if (!(caught instanceof ExportCancelledError)) setExportError(exportErrorMessage(caught));
     } finally {
@@ -409,6 +421,9 @@ function ExportToolbarControls({
   const handleDismissExportError = useCallback(() => {
     setExportError(null);
   }, []);
+  const handleDismissExportNotice = useCallback(() => {
+    setExportNotice(null);
+  }, []);
   const videoSaveOutput = useMemo(
     () => destinationAdapter ? createImageSaveOutput(destinationAdapter) : void 0,
     [destinationAdapter]
@@ -588,6 +603,7 @@ function ExportToolbarControls({
       ExportDialog,
       {
         initial: dialogInitial,
+        documentThemes,
         exporting,
         error: exportError,
         destination: destinationAdapter && destinationAdapter.showDestination !== false ? {
@@ -628,6 +644,27 @@ function ExportToolbarControls({
         children: /* @__PURE__ */ jsx("p", { className: "db-export-error", role: "alert", children: exportError })
       }
     ),
+    exportNotice && !dialogOpen && !exportError && /* @__PURE__ */ jsx(
+      Dialog,
+      {
+        title: "Export Document",
+        onClose: handleDismissExportNotice,
+        footer: /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "db-export-btn db-export-btn--secondary",
+            onClick: handleDismissExportNotice,
+            children: "Close"
+          }
+        ),
+        children: /* @__PURE__ */ jsxs("div", { role: "status", children: [
+          /* @__PURE__ */ jsx("p", { children: "The file was saved, but not everything in the document could be included." }),
+          exportNotice.map((warning) => /* @__PURE__ */ jsx("p", { children: warning }, warning)),
+          /* @__PURE__ */ jsx("p", { children: "Export to Word, HTML or EPUB to keep every character." })
+        ] })
+      }
+    ),
     shareDialogOpen && /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(
       ShareDialog,
       {

package/dist/KeyboardShortcutsDialog-G5OBDTNR.js

@@ -0,0 +1,145 @@
+import {
+  SHELL_SHORTCUTS,
+  isApplePlatform
+} from "./chunk-ACQF63SB.js";
+import {
+  Dialog
+} from "./chunk-56KO2LYN.js";
+
+// src/DocBlocksShell/KeyboardShortcutsDialog.tsx
+import { Fragment, useId, useMemo } from "react";
+import { getHostEnvironment } from "@bendyline/docblocks/host";
+
+// src/DocBlocksShell/shortcut-sheet.ts
+var VIEW_KEYS = {
+  title: "Views",
+  entries: [
+    { action: "Write", chords: [["Mod", "Shift", "1"]] },
+    { action: "Source", chords: [["Mod", "Shift", "2"]] },
+    { action: "Use (preview, slideshow, video)", chords: [["Mod", "Shift", "3"]] }
+  ]
+};
+var EDITING_KEYS = {
+  title: "Formatting in Write",
+  entries: [
+    { action: "Bold", chords: [["Mod", "B"]] },
+    { action: "Italic", chords: [["Mod", "I"]] },
+    { action: "Strikethrough", chords: [["Mod", "Shift", "S"]] },
+    { action: "Inline code", chords: [["Mod", "E"]] },
+    { action: "Link", chords: [["Mod", "K"]] },
+    { action: "Heading 1\u20136", chords: [["Mod", "Alt", "1\u20136"]] },
+    { action: "Bulleted list", chords: [["Mod", "Shift", "8"]] },
+    { action: "Numbered list", chords: [["Mod", "Shift", "7"]] },
+    { action: "Quote", chords: [["Mod", "Shift", "B"]] },
+    { action: "Superscript", chords: [["Mod", "."]] },
+    { action: "Subscript", chords: [["Mod", ","]] },
+    { action: "Line break", chords: [["Shift", "Enter"]] },
+    { action: "Undo", chords: [["Mod", "Z"]] },
+    { action: "Redo", chords: [["Mod", "Shift", "Z"]] }
+  ]
+};
+var PRESENTING_KEYS = {
+  title: "Slideshow",
+  entries: [
+    { action: "Next slide or step", chords: [["\u2192"], ["Space"]] },
+    { action: "Previous slide or step", chords: [["\u2190"]] },
+    { action: "First or last slide", chords: [["Home"], ["End"]] },
+    { action: "Pick a slide", chords: [["\u2191"]] },
+    { action: "Leave the presentation", chords: [["Esc"]] }
+  ]
+};
+function labelKeys(label) {
+  return label.split("+").map((key) => key === "Ctrl" ? "Mod" : key);
+}
+function shellEntries({ nativeHost }) {
+  const entries = /* @__PURE__ */ new Map();
+  for (const binding of SHELL_SHORTCUTS) {
+    if (binding.browserReserved && !nativeHost) continue;
+    const entry = entries.get(binding.id) ?? { chords: [] };
+    entry.action ?? (entry.action = binding.action);
+    entry.chords.push(labelKeys(binding.label));
+    entries.set(binding.id, entry);
+  }
+  return [...entries.values()].flatMap(
+    (entry) => entry.action ? [{ action: entry.action, chords: entry.chords }] : []
+  );
+}
+function shortcutSheet(options) {
+  return [
+    { title: "Documents and files", entries: shellEntries(options) },
+    VIEW_KEYS,
+    EDITING_KEYS,
+    PRESENTING_KEYS
+  ];
+}
+var APPLE_MODIFIERS = {
+  Mod: "\u2318",
+  Alt: "\u2325",
+  Shift: "\u21E7"
+};
+var APPLE_ORDER = ["Alt", "Shift", "Mod"];
+function displayKeys(chord, apple) {
+  if (!apple) return chord.map((key) => key === "Mod" ? "Ctrl" : key);
+  const modifiers = APPLE_ORDER.filter((key) => chord.includes(key));
+  const rest = chord.filter((key) => !(key in APPLE_MODIFIERS));
+  return [...modifiers.map((key) => APPLE_MODIFIERS[key]), ...rest];
+}
+var SPOKEN_KEYS = {
+  "\u2192": "Right arrow",
+  "\u2190": "Left arrow",
+  "\u2191": "Up arrow",
+  "?": "Question mark",
+  "\\": "Backslash",
+  ".": "Period",
+  ",": "Comma",
+  "1\u20136": "1 to 6"
+};
+function spokenChord(chord, apple) {
+  return chord.map(
+    (key) => key === "Mod" ? apple ? "Command" : "Control" : key === "Alt" && apple ? "Option" : key
+  ).map((key) => SPOKEN_KEYS[key] ?? key).join(" ");
+}
+
+// src/DocBlocksShell/KeyboardShortcutsDialog.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function KeyboardShortcutsDialog({ onClose }) {
+  const idPrefix = useId();
+  const apple = isApplePlatform();
+  const sections = useMemo(() => shortcutSheet({ nativeHost: getHostEnvironment() !== null }), []);
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      title: "Keyboard shortcuts",
+      onClose,
+      size: "wide",
+      className: "db-shortcuts-dialog",
+      children: /* @__PURE__ */ jsx("div", { className: "db-shortcuts", role: "region", "aria-label": "Shortcut list", tabIndex: 0, children: sections.map((section, sectionIndex) => {
+        const headingId = `${idPrefix}-${sectionIndex}`;
+        return /* @__PURE__ */ jsxs(
+          "section",
+          {
+            className: "db-shortcuts-section",
+            "aria-labelledby": headingId,
+            children: [
+              /* @__PURE__ */ jsx("h3", { id: headingId, className: "db-shortcuts-heading", children: section.title }),
+              /* @__PURE__ */ jsx("dl", { className: "db-shortcuts-list", children: section.entries.map((entry) => /* @__PURE__ */ jsxs("div", { className: "db-shortcuts-row", children: [
+                /* @__PURE__ */ jsx("dt", { className: "db-shortcuts-action", children: entry.action }),
+                /* @__PURE__ */ jsx("dd", { className: "db-shortcuts-keys", children: entry.chords.map((chord, chordIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [
+                  chordIndex > 0 && /* @__PURE__ */ jsx("span", { className: "db-shortcuts-or", children: "or" }),
+                  /* @__PURE__ */ jsxs("span", { className: "db-shortcuts-chord", children: [
+                    /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: displayKeys(chord, apple).map((key) => /* @__PURE__ */ jsx("kbd", { children: key }, key)) }),
+                    /* @__PURE__ */ jsx("span", { className: "db-visually-hidden", children: spokenChord(chord, apple) })
+                  ] })
+                ] }, chord.join("+"))) })
+              ] }, entry.action)) })
+            ]
+          },
+          section.title
+        );
+      }) })
+    }
+  );
+}
+export {
+  KeyboardShortcutsDialog
+};

package/dist/{PresentationMaker-W2JIBHRN.js → PresentationMaker-P2JP6UUX.js}

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

package/dist/{Settings-DuXk6baH.d.ts → Settings-ByNImjk5.d.ts}

@@ -5,22 +5,23 @@ import { WriteCanvasSettings } from '@bendyline/squisq-editor-react';
 
 /** Appearance preferences shared by the shell and settings UI. */
 type ThemePreference = 'auto' | 'light' | 'dark';
-declare const ACCENT_COLORS: readonly ["brown", "green", "blue", "purple", "maroon", "orange", "gray"];
+declare const ACCENT_COLORS: readonly ["rust", "green", "blue", "purple", "maroon", "orange", "gray"];
 type AccentColor = (typeof ACCENT_COLORS)[number];
 /**
  * Which typeface the shell chrome uses.
  *
- * `system` resolves `system-ui`, so DocBlocks looks native on each platform —
- * the right default, and what almost everyone should keep. `fixed` pins the
- * chrome to the bundled `DocBlocks Fixed UI` face (the Roboto variable binary
- * already shipped for the document theme of that name) so the interface renders
- * identically everywhere.
+ * `fixed` — the default — pins the chrome to the bundled `DocBlocks Fixed UI`
+ * face: the Hanken Grotesk variable binary every surface already ships for
+ * documents set in it, and the sans docblocks.com uses. The app and the site
+ * then read as one product, and the interface renders identically on every
+ * OS.
  *
- * Two things want that. A user working across machines gets typography that
- * does not shift between them. And the visual-regression suite gets a rendering
- * it can compare across operating systems at all: under `system` the same
- * screenshot differs on every platform, which is why those baselines are
- * otherwise captured on one OS and compared only there.
+ * `system` resolves `system-ui`, for anyone who would rather DocBlocks looked
+ * native on each platform; the chrome then fetches no font.
+ *
+ * The stored values kept their names when the default changed, so a saved
+ * `system` still opts out. A saved `fixed` now gets Hanken Grotesk; it used to
+ * get Roboto.
  */
 type InterfaceFontPreference = 'system' | 'fixed';
 declare const DEFAULT_INTERFACE_FONT: InterfaceFontPreference;
@@ -114,8 +115,7 @@ interface InterfaceFontSettingsProps {
  * The default follows the operating system, which is what almost everyone
  * should keep. The bundled option exists for two reasons worth stating in the
  * UI: identical typography across machines, and a rendering that is the same
- * everywhere — which is what lets the visual-regression suite compare one set
- * of baselines across operating systems at all.
+ * on every operating system.
  */
 declare function InterfaceFontSettings({ value, onChange, name, }: InterfaceFontSettingsProps): react_jsx_runtime.JSX.Element;
 interface AccentColorSettingsProps {

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

@@ -1,6 +1,6 @@
 import {
   useSpeechStatus
-} from "./chunk-VO2JYYQZ.js";
+} from "./chunk-6JJOGV6M.js";
 import {
   hasDocumentNarration,
   planSpeech,

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

@@ -1,6 +1,6 @@
 import {
   useSpeechStatus
-} from "./chunk-VO2JYYQZ.js";
+} from "./chunk-6JJOGV6M.js";
 import {
   createSpeechInputProvider
 } from "./chunk-KBDZDFPU.js";

package/dist/{WorkspaceSearchPanel-BKZJRPMY.js → WorkspaceSearchPanel-J6BKEZQJ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-TBLZBNQF.js";
 import {
   FilesIcon
-} from "./chunk-EA4BO6E4.js";
+} from "./chunk-DICE7VBJ.js";
 
 // src/WorkspaceSearch/WorkspaceSearchPanel.tsx
 import { useEffect as useEffect2, useMemo, useRef as useRef2, useState as useState2 } from "react";