@bendyline/docblocks-react 2.6.2 → 2.7.1

package/dist/chunk-6B7G33D5.js

@@ -0,0 +1,88 @@
+import {
+  Dialog
+} from "./chunk-56KO2LYN.js";
+
+// src/components/useConfirmDialog.ts
+import React2, { useCallback as useCallback2, useEffect, useRef as useRef2, useState } from "react";
+
+// src/components/ConfirmDialog.tsx
+import { useCallback, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ConfirmDialog({ request, onSettle }) {
+  const acknowledge = request.kind === "acknowledge";
+  const destructive = request.kind === "confirm" && request.destructive === true;
+  const cancelRef = useRef(null);
+  const confirmRef = useRef(null);
+  const accept = useCallback(() => onSettle(true), [onSettle]);
+  const reject = useCallback(() => onSettle(false), [onSettle]);
+  const close = acknowledge ? accept : reject;
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      title: request.title,
+      onClose: close,
+      initialFocusRef: destructive ? cancelRef : confirmRef,
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        !acknowledge && /* @__PURE__ */ jsx("button", { ref: cancelRef, type: "button", className: "db-git-secondary-btn", onClick: reject, children: request.cancelLabel ?? "Cancel" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            ref: confirmRef,
+            type: "button",
+            className: destructive ? "db-git-primary-btn db-git-primary-btn--danger" : "db-git-primary-btn",
+            onClick: accept,
+            children: request.confirmLabel ?? "OK"
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ jsx("p", { className: "db-dialog-message", children: request.message })
+    }
+  );
+}
+
+// src/components/useConfirmDialog.ts
+function useConfirmDialog() {
+  const [pending, setPending] = useState(null);
+  const pendingRef = useRef2(null);
+  const nextIdRef = useRef2(0);
+  const settlePending = useCallback2((value) => {
+    const current = pendingRef.current;
+    if (!current) return;
+    pendingRef.current = null;
+    setPending((open2) => open2?.id === current.id ? null : open2);
+    current.settle(value);
+  }, []);
+  const open = useCallback2(
+    (request) => new Promise((resolve) => {
+      settlePending(false);
+      const next = { id: ++nextIdRef.current, request, settle: resolve };
+      pendingRef.current = next;
+      setPending(next);
+    }),
+    [settlePending]
+  );
+  const confirm = useCallback2(
+    (request) => open({ kind: "confirm", ...request }),
+    [open]
+  );
+  const acknowledge = useCallback2(
+    async (request) => {
+      await open({ kind: "acknowledge", ...request });
+    },
+    [open]
+  );
+  useEffect(() => {
+    return () => settlePending(false);
+  }, [settlePending]);
+  const confirmDialog = pending ? React2.createElement(ConfirmDialog, {
+    // Remount on a superseding request so focus re-seeds from it.
+    key: pending.id,
+    request: pending.request,
+    onSettle: settlePending
+  }) : null;
+  return { confirm, acknowledge, confirmDialog };
+}
+
+export {
+  useConfirmDialog
+};

package/dist/chunk-ARATARVJ.js

@@ -0,0 +1,40 @@
+// src/FileExplorer/file-names.ts
+var HIDDEN_EXTENSION = ".md";
+var EXTENSION = /\.(?=[A-Za-z0-9]*[A-Za-z])[A-Za-z0-9]{1,10}$/;
+function hidesExtension(name) {
+  return name.endsWith(HIDDEN_EXTENSION) && name.length > HIDDEN_EXTENSION.length;
+}
+function extensionStart(name) {
+  const match = EXTENSION.exec(name);
+  return match && match.index > 0 ? match.index : -1;
+}
+function displayFileName(name) {
+  return hidesExtension(name) ? name.slice(0, -HIDDEN_EXTENSION.length) : name;
+}
+function renameDraft(name, kind) {
+  if (kind === "file" && hidesExtension(name)) {
+    const value = displayFileName(name);
+    return { value, selectionEnd: value.length };
+  }
+  const start = kind === "file" ? extensionStart(name) : -1;
+  return { value: name, selectionEnd: start >= 0 ? start : name.length };
+}
+function renamedFileName(name, typed, kind) {
+  let next = typed.trim();
+  if (!next) return null;
+  if (kind === "file") {
+    if (hidesExtension(name)) {
+      if (!next.toLowerCase().endsWith(HIDDEN_EXTENSION)) next += HIDDEN_EXTENSION;
+    } else {
+      const start = extensionStart(name);
+      if (start >= 0 && extensionStart(next) < 0) next += name.slice(start);
+    }
+  }
+  return next === name ? null : next;
+}
+
+export {
+  displayFileName,
+  renameDraft,
+  renamedFileName
+};

package/dist/{chunk-ODYNOPC3.js → chunk-BCQZTWE5.js}

@@ -1,9 +1,22 @@
 import {
   FORMAT_EXTENSIONS
-} from "./chunk-EBWYGTN7.js";
+} from "./chunk-X437UAF7.js";
 
 // src/Export/run-export.ts
 import { parseMarkdown } from "@bendyline/squisq/markdown";
+async function pictureDiagrams(doc, overrides, kinds) {
+  try {
+    const [{ rasterizeDiagrams }, render] = await Promise.all([
+      import("@bendyline/squisq-formats/diagrams"),
+      overrides.diagramRenderer ?? import("@bendyline/squisq-react/diagram-pictures").then(
+        (module) => module.createDiagramPictureRenderer()
+      )
+    ]);
+    return await rasterizeDiagrams(doc, render, { kinds, urlPrefix: "docblocks-diagram" });
+  } catch {
+    return { markdownDoc: doc, images: /* @__PURE__ */ new Map(), mermaid: /* @__PURE__ */ new Map() };
+  }
+}
 var MIME_TYPES = {
   docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
   pdf: "application/pdf",
@@ -45,24 +58,40 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
   const doc = parseMarkdown(markdown);
   if (options.format === "docx") {
     const { markdownDocToDocx } = await import("@bendyline/squisq-formats/docx");
-    const images = mediaContainer ? await resolveImages(doc, mediaContainer) : void 0;
-    const buf = await markdownDocToDocx(doc, { themeId, images });
+    const pictured = await pictureDiagrams(doc, converterOverrides);
+    const images = new Map([
+      ...mediaContainer ? await resolveImages(doc, mediaContainer) : [],
+      ...pictured.images
+    ]);
+    const buf = await markdownDocToDocx(pictured.markdownDoc, { themeId, images });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.docx }), filename, saveBlob);
     return;
   }
   if (options.format === "pdf") {
     const { markdownDocToPdf } = await import("@bendyline/squisq-formats/pdf");
-    const buf = await markdownDocToPdf(doc, {
+    const pictured = await pictureDiagrams(doc, converterOverrides);
+    const images = new Map([
+      ...mediaContainer ? await resolveImages(doc, mediaContainer) : [],
+      ...pictured.images
+    ]);
+    const buf = await markdownDocToPdf(pictured.markdownDoc, {
       themeId,
-      pageSize: options.pageSize
+      pageSize: options.pageSize,
+      images
     });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pdf }), filename, saveBlob);
     return;
   }
   if (options.format === "epub") {
     const { markdownDocToEpub } = await import("@bendyline/squisq-formats/epub");
-    const images = mediaContainer ? await resolveImageData(doc, mediaContainer) : void 0;
-    const buf = await markdownDocToEpub(doc, { themeId, images });
+    const pictured = await pictureDiagrams(doc, converterOverrides);
+    const images = new Map([
+      ...mediaContainer ? await resolveImageData(doc, mediaContainer) : [],
+      ...[...pictured.images].map(
+        ([url, picture]) => [url, picture.data.slice().buffer]
+      )
+    ]);
+    const buf = await markdownDocToEpub(pictured.markdownDoc, { themeId, images });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.epub }), filename, saveBlob);
     return;
   }
@@ -81,11 +110,21 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
       enrichedDoc.themeId = themeId;
     }
     const images = mediaContainer ? await resolveImageData(doc, mediaContainer) : void 0;
-    const buf = await docToPptx(enrichedDoc, { themeId, images });
+    const { mermaid } = await pictureDiagrams(doc, converterOverrides, ["mermaid"]);
+    const buf = await docToPptx(enrichedDoc, { themeId, images, diagramImages: mermaid });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pptx }), filename, saveBlob);
     return;
   }
 }
+var MERMAID_FENCE = /^ {0,3}(?:```|~~~)[ \t]*mermaid\b/imu;
+async function playerScriptFor(markdown) {
+  if (MERMAID_FENCE.test(markdown)) {
+    const { PLAYER_BUNDLE_FULL } = await import("@bendyline/squisq-react/standalone-source/full");
+    return PLAYER_BUNDLE_FULL;
+  }
+  const { PLAYER_BUNDLE } = await import("@bendyline/squisq-react/standalone-source");
+  return PLAYER_BUNDLE;
+}
 async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, selectedFile, saveBlob) {
   const baseName = htmlFilename.replace(/\.html$/, "");
   const zipName = `${baseName}.zip`;
@@ -93,16 +132,17 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
   const themeId = options.themeId !== "standard" ? options.themeId : void 0;
   if (options.includeLinkedDocs && mediaContainer && selectedFile) {
     const entryPath = basenameForBundle(selectedFile);
+    const readDocument = (path) => path === entryPath ? Promise.resolve(markdown) : readDocumentFromContainer(mediaContainer, path);
     if (options.htmlStyle === "rendered") {
-      const [{ markdownDocsToHtmlBundle }, { PLAYER_BUNDLE }] = await Promise.all([
+      const [{ markdownDocsToHtmlBundle }, playerScript] = await Promise.all([
         import("@bendyline/squisq-formats/html"),
-        import("@bendyline/squisq-react/standalone-source")
+        playerScriptFor(markdown)
       ]);
       const blob2 = await markdownDocsToHtmlBundle({
         entryPath,
-        readDocument: (path) => readDocumentFromContainer(mediaContainer, path),
+        readDocument,
         readBinary: (path) => mediaContainer.readFile(path),
-        playerScript: PLAYER_BUNDLE,
+        playerScript,
         title: baseName,
         themeId,
         mode: "static",
@@ -115,7 +155,7 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
     const { markdownDocsToPlainHtmlBundle } = await import("@bendyline/squisq-formats/html");
     const blob = await markdownDocsToPlainHtmlBundle({
       entryPath,
-      readDocument: (path) => readDocumentFromContainer(mediaContainer, path),
+      readDocument,
       readBinary: (path) => mediaContainer.readFile(path),
       title: baseName,
       themeId,
@@ -125,10 +165,10 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
     return;
   }
   if (options.htmlStyle === "rendered") {
-    const [{ markdownToDoc }, { docToHtml, docToHtmlZip, collectImagePaths }, { PLAYER_BUNDLE }] = await Promise.all([
+    const [{ markdownToDoc }, { docToHtml, docToHtmlZip, collectImagePaths }, playerScript] = await Promise.all([
       import("@bendyline/squisq/doc"),
       import("@bendyline/squisq-formats/html"),
-      import("@bendyline/squisq-react/standalone-source")
+      playerScriptFor(markdown)
     ]);
     const mdDoc2 = parseMarkdown(markdown);
     const baseDoc = markdownToDoc(mdDoc2);
@@ -136,7 +176,7 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
     const images = mediaContainer ? await resolveDocImages(baseDoc, mediaContainer, collectImagePaths) : void 0;
     if (options.htmlBundle === "zip") {
       const blob = await docToHtmlZip(baseDoc, {
-        playerScript: PLAYER_BUNDLE,
+        playerScript,
         images,
         mode: "static",
         title: baseName,
@@ -146,7 +186,7 @@ async function runHtmlExport(markdown, htmlFilename, options, mediaContainer, se
       return;
     }
     const html2 = docToHtml(baseDoc, {
-      playerScript: PLAYER_BUNDLE,
+      playerScript,
       images,
       mode: "static",
       title: baseName,

package/dist/{chunk-FMDLZ4ZG.js → chunk-BD54Z5XP.js}

@@ -4,10 +4,10 @@ import {
 import {
   FORMAT_LABELS,
   saveExportOptions
-} from "./chunk-EBWYGTN7.js";
+} from "./chunk-X437UAF7.js";
 import {
   Dialog
-} from "./chunk-LG6HAWCK.js";
+} from "./chunk-56KO2LYN.js";
 
 // src/Export/ExportDialog.tsx
 import { useState, useCallback, useEffect, useMemo } from "react";
@@ -52,7 +52,7 @@ function ChipRadioGroup({
   options,
   onChange
 }) {
-  return /* @__PURE__ */ jsx("div", { className: "db-export-chips", role: "radiogroup", "aria-label": name, children: options.map((opt) => {
+  return /* @__PURE__ */ jsx("div", { className: "db-export-chips", role: "radiogroup", "aria-label": name, children: options.map((opt, index) => {
     const active = opt.key === value;
     return /* @__PURE__ */ jsx(
       "button",
@@ -60,8 +60,17 @@ function ChipRadioGroup({
         type: "button",
         role: "radio",
         "aria-checked": active,
+        tabIndex: active ? 0 : -1,
         className: `db-export-chip${active ? " db-export-chip--active" : ""}`,
         onClick: () => onChange(opt.key),
+        onKeyDown: (event) => {
+          const delta = event.key === "ArrowRight" || event.key === "ArrowDown" ? 1 : event.key === "ArrowLeft" || event.key === "ArrowUp" ? -1 : 0;
+          if (!delta) return;
+          event.preventDefault();
+          const next = (index + delta + options.length) % options.length;
+          onChange(options[next].key);
+          event.currentTarget.parentElement?.querySelectorAll('[role="radio"]')[next]?.focus();
+        },
         title: opt.title,
         children: opt.label
       },

package/dist/chunk-EA4BO6E4.js

@@ -0,0 +1,73 @@
+// src/icons.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+function FontAwesomeIcon({ icon }) {
+  return /* @__PURE__ */ jsx("i", { className: icon, "aria-hidden": "true" });
+}
+function NewFileIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-file-circle-plus" });
+}
+function NewFolderIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-folder-plus" });
+}
+function OpenFolderIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-folder-open" });
+}
+function SortByNameIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-arrow-down-a-z" });
+}
+function SortByLastModifiedIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-clock" });
+}
+function FolderIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-folder" });
+}
+function MoreIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-ellipsis" });
+}
+function PinIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-thumbtack" });
+}
+function WorkspaceIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-gear" });
+}
+function SplitViewIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx("rect", { x: "1.5", y: "2.5", width: "13", height: "11", rx: "1" }),
+        /* @__PURE__ */ jsx("line", { x1: "6", y1: "2.5", x2: "6", y2: "13.5" })
+      ]
+    }
+  );
+}
+function SearchIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-magnifying-glass" });
+}
+function FilesIcon() {
+  return /* @__PURE__ */ jsx(FontAwesomeIcon, { icon: "fa-solid fa-folder-tree" });
+}
+
+export {
+  NewFileIcon,
+  NewFolderIcon,
+  OpenFolderIcon,
+  SortByNameIcon,
+  SortByLastModifiedIcon,
+  FolderIcon,
+  MoreIcon,
+  PinIcon,
+  WorkspaceIcon,
+  SplitViewIcon,
+  SearchIcon,
+  FilesIcon
+};