@bendyline/docblocks-react 2.7.2 → 2.7.3

package/dist/{chunk-HRWEGPTY.js → chunk-6PA7QBZT.js}

@@ -4,23 +4,52 @@ import {
 
 // src/Export/run-export.ts
 import {
+  isSvgImageSource,
   parseFrontmatter,
   parseMarkdown,
   readFrontmatterThemeId,
-  splitFrontmatterBlock
+  splitFrontmatterBlock,
+  svgSourceFromBytes
 } from "@bendyline/squisq/markdown";
+async function diagramRendererFor(overrides) {
+  if (overrides.diagramRenderer) return overrides.diagramRenderer;
+  const module = await import("@bendyline/squisq-react/diagram-pictures");
+  return module.createDiagramPictureRenderer();
+}
 async function pictureDiagrams(doc, overrides, kinds) {
   try {
-    const [{ rasterizeDiagrams }, render] = await Promise.all([
+    const [{ rasterizeDiagrams, EXPORT_DIAGRAM_KINDS }, render] = await Promise.all([
       import("@bendyline/squisq-formats/diagrams"),
-      overrides.diagramRenderer ?? import("@bendyline/squisq-react/diagram-pictures").then(
-        (module) => module.createDiagramPictureRenderer()
-      )
+      diagramRendererFor(overrides)
     ]);
-    return await rasterizeDiagrams(doc, render, { kinds, urlPrefix: "docblocks-diagram" });
+    return await rasterizeDiagrams(doc, render, {
+      kinds: kinds === "all" ? EXPORT_DIAGRAM_KINDS : kinds,
+      urlPrefix: "docblocks-diagram"
+    });
+  } catch {
+    return { markdownDoc: doc, images: /* @__PURE__ */ new Map(), mermaid: /* @__PURE__ */ new Map(), svg: /* @__PURE__ */ new Map() };
+  }
+}
+async function pictureSvgAttachments(attachments, overrides) {
+  const pictures = /* @__PURE__ */ new Map();
+  const sources = /* @__PURE__ */ new Set();
+  for (const [url, data] of attachments) {
+    if (isSvgImageSource(url)) sources.add(svgSourceFromBytes(data).trim());
+  }
+  if (sources.size === 0) return pictures;
+  try {
+    const render = await diagramRendererFor(overrides);
+    for (const source of sources) {
+      const diagram = { kind: "svg", markdown: "", source, template: "", alt: "" };
+      const picture = await render(diagram).catch(() => null);
+      if (picture && picture.width > 0 && picture.height > 0) pictures.set(source, picture);
+    }
   } catch {
-    return { markdownDoc: doc, images: /* @__PURE__ */ new Map(), mermaid: /* @__PURE__ */ new Map() };
   }
+  return pictures;
+}
+function imageBytes(images) {
+  return [...images].map(([url, image]) => [url, image.data]);
 }
 var MIME_TYPES = {
   docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
@@ -58,6 +87,19 @@ function buildFilename(selectedFile, format) {
   return base + FORMAT_EXTENSIONS[format];
 }
 async function runExport(markdown, selectedFile, options, mediaContainer, saveBlob, converterOverrides = {}) {
+  const warnings = [];
+  await exportDocument(
+    markdown,
+    selectedFile,
+    options,
+    mediaContainer,
+    saveBlob,
+    converterOverrides,
+    warnings
+  );
+  return { warnings };
+}
+async function exportDocument(markdown, selectedFile, options, mediaContainer, saveBlob, converterOverrides, warnings) {
   const filename = buildFilename(selectedFile, options.format);
   const themeId = exporterThemeId(markdown, options.themeId);
   if (options.format === "md") {
@@ -72,25 +114,30 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
   if (options.format === "docx") {
     const { markdownDocToDocx } = await import("@bendyline/squisq-formats/docx");
     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 });
+    const { svg } = await pictureDiagrams(doc, converterOverrides, ["svg"]);
+    const attachments = await resolveImages(doc, mediaContainer);
+    const svgAttachments = await pictureSvgAttachments(imageBytes(attachments), converterOverrides);
+    const images = new Map([...attachments, ...pictured.images]);
+    const buf = await markdownDocToDocx(pictured.markdownDoc, {
+      themeId,
+      images,
+      svgIslandFallbacks: new Map([...svg, ...svgAttachments])
+    });
     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 pictured = await pictureDiagrams(doc, converterOverrides);
-    const images = new Map([
-      ...mediaContainer ? await resolveImages(doc, mediaContainer) : [],
-      ...pictured.images
-    ]);
+    const pictured = await pictureDiagrams(doc, converterOverrides, "all");
+    const attachments = await resolveImages(doc, mediaContainer);
+    const svgPictures = await pictureSvgAttachments(imageBytes(attachments), converterOverrides);
+    const images = new Map([...withSvgPictures(attachments, svgPictures), ...pictured.images]);
     const buf = await markdownDocToPdf(pictured.markdownDoc, {
       themeId,
       pageSize: options.pageSize,
-      images
+      images,
+      // Replaced characters are reported to the user, not just the console.
+      onWarning: (message) => warnings.push(message)
     });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pdf }), filename, saveBlob);
     return;
@@ -123,8 +170,13 @@ async function runExport(markdown, selectedFile, options, mediaContainer, saveBl
       enrichedDoc.themeId = themeId;
     }
     const images = mediaContainer ? await resolveImageData(doc, mediaContainer) : void 0;
-    const { mermaid } = await pictureDiagrams(doc, converterOverrides, ["mermaid"]);
-    const buf = await docToPptx(enrichedDoc, { themeId, images, diagramImages: mermaid });
+    const { mermaid, svg } = await pictureDiagrams(doc, converterOverrides, ["mermaid", "svg"]);
+    const svgAttachments = await pictureSvgAttachments(images ?? [], converterOverrides);
+    const buf = await docToPptx(enrichedDoc, {
+      themeId,
+      images,
+      diagramImages: new Map([...mermaid, ...svg, ...svgAttachments])
+    });
     await saveExportBlob(new Blob([buf], { type: MIME_TYPES.pptx }), filename, saveBlob);
     return;
   }
@@ -288,8 +340,9 @@ function collectMarkdownImageUrls(doc) {
   return Array.from(new Set(urls));
 }
 async function resolveImages(doc, container) {
-  const urls = collectMarkdownImageUrls(doc);
   const map = /* @__PURE__ */ new Map();
+  if (!container) return map;
+  const urls = collectMarkdownImageUrls(doc);
   for (const url of urls) {
     if (map.has(url)) continue;
     if (isExternalUrl(url)) continue;
@@ -301,6 +354,22 @@ async function resolveImages(doc, container) {
   }
   return map;
 }
+function withSvgPictures(images, pictures) {
+  const result = /* @__PURE__ */ new Map();
+  for (const [url, image] of images) {
+    const picture = isSvgImageSource(url) ? pictures.get(svgSourceFromBytes(image.data).trim()) : void 0;
+    result.set(
+      url,
+      picture ? {
+        data: picture.data,
+        contentType: "image/png",
+        width: picture.width,
+        height: picture.height
+      } : image
+    );
+  }
+  return result;
+}
 async function resolveImageData(doc, container) {
   const urls = collectMarkdownImageUrls(doc);
   const map = /* @__PURE__ */ new Map();

package/dist/{chunk-K7XJDJUJ.js → chunk-ACQF63SB.js}

@@ -39,19 +39,25 @@ var SHELL_SHORTCUTS = Object.freeze([
     whileTyping: true,
     action: "Show or hide the file pane"
   },
+  // Leaving a text field for the files is the point of this key — the search
+  // box included, which Ctrl+Shift+F has just focused. It only moves focus.
   {
     id: "focus-files",
     key: "e",
     accel: true,
     shift: true,
     label: "Ctrl+Shift+E",
+    whileTyping: true,
     action: "Move focus to the files"
   },
+  // Starting another document is most often done from inside one. A dialog's
+  // own name box keeps these keys, so a second prompt can't stack.
   {
     id: "new-document",
     key: "n",
     accel: true,
     label: "Ctrl+N",
+    whileEditing: true,
     action: "New document",
     browserReserved: true
   },
@@ -61,6 +67,7 @@ var SHELL_SHORTCUTS = Object.freeze([
     accel: true,
     shift: true,
     label: "Ctrl+Shift+N",
+    whileEditing: true,
     action: "New folder",
     browserReserved: true
   },
@@ -82,10 +89,12 @@ var SHELL_SHORTCUTS = Object.freeze([
 ]);
 function isTypingTarget(target) {
   if (!(target instanceof HTMLElement)) return false;
-  if (target.isContentEditable) return true;
+  if (isDocumentEditorTarget(target)) return true;
   const tag = target.tagName;
-  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
-  return target.closest(".monaco-editor") !== null;
+  return tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT";
+}
+function isDocumentEditorTarget(target) {
+  return target.isContentEditable || target.closest(".monaco-editor") !== null;
 }
 function matchShortcut(event, _layoutMode) {
   return SHELL_SHORTCUTS.find((binding) => bindingMatches(binding, event))?.id ?? null;
@@ -97,7 +106,8 @@ function bindingMatches(binding, event) {
   if (binding.accel !== accel) return false;
   if ((binding.shift ?? false) !== event.shiftKey) return false;
   if (binding.key !== key) return false;
-  return binding.whileTyping === true || !isTypingTarget(event.target);
+  if (binding.whileTyping === true || !isTypingTarget(event.target)) return true;
+  return binding.whileEditing === true && event.target instanceof HTMLElement && isDocumentEditorTarget(event.target);
 }
 function isFindShortcut(event) {
   const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === "find");

package/dist/{chunk-SSB43524.js → chunk-EOU2JWAQ.js}

@@ -1,6 +1,7 @@
 import {
+  AiReportButton,
   chatOnce
-} from "./chunk-NAH52736.js";
+} from "./chunk-YPIVCCTB.js";
 import {
   unavailableSentence,
   useAiStatus
@@ -164,6 +165,19 @@ function PresentationMaker({
 }) {
   return createPortal(/* @__PURE__ */ jsx(PresentationDialog, { ai, onClose }), document.body);
 }
+function AiSuggestionReport({ ai, hints }) {
+  const status = useAiStatus(ai);
+  const suggestions = hints.blocks.flatMap((block) => block.ai ?? []);
+  if (suggestions.length === 0) return null;
+  return /* @__PURE__ */ jsx(
+    AiReportButton,
+    {
+      feature: "Suggest slides",
+      getOutput: () => suggestions.map((entry) => [entry.headline, ...entry.points.map((point) => `- ${point}`)].join("\n")).join("\n\n"),
+      model: status?.kind === "ready" ? status.model?.label ?? null : null
+    }
+  );
+}
 function AiRefineButton({
   ai,
   disabled,
@@ -455,7 +469,13 @@ function PresentationDialog({ ai, onClose }) {
         ] }),
         /* @__PURE__ */ jsx("p", { role: "status", "aria-live": "polite", children: plan && projection?.doc ? `${plan.beats.length} slides \xB7 ${projection.doc.duration.toFixed(1)} seconds \xB7 ${doc?.presentationNarration ? "Follows narration" : "Estimated pacing \u2014 add narration to synchronize"}` : "Preparing dynamic slides\u2026" }),
         (error || generated?.error || projection?.error) && /* @__PURE__ */ jsx("p", { role: "alert", children: error ?? generated?.error ?? projection?.error }),
-        notice && /* @__PURE__ */ jsx("p", { role: "status", children: notice }),
+        notice && /* @__PURE__ */ jsxs("p", { role: "status", children: [
+          notice,
+          ai && !running && /* @__PURE__ */ jsxs(Fragment, { children: [
+            " ",
+            /* @__PURE__ */ jsx(AiSuggestionReport, { ai, hints })
+          ] })
+        ] }),
         plan && beat && section && /* @__PURE__ */ jsxs("div", { className: "db-presentation-workspace", children: [
           /* @__PURE__ */ jsx("nav", { className: "db-presentation-beats", "aria-label": "Presentation slides", children: plan.beats.map((item, index) => {
             const owner = sectionAt(sections, item.sourceStart);

package/dist/chunk-XNT66JC2.js

@@ -0,0 +1,168 @@
+// src/Ai/AiGenerationStatus.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var LABELS = {
+  starting: "Waiting for model\u2026",
+  queued: "Waiting for an available model\u2026",
+  loading_model: "Loading model\u2026",
+  prefill: "Processing input (prefill)\u2026",
+  reasoning: "Thinking\u2026",
+  generating: "Writing\u2026"
+};
+function duration(milliseconds) {
+  const seconds = Math.max(0, Math.floor(milliseconds / 1e3));
+  return seconds < 60 ? `${seconds}s` : `${Math.floor(seconds / 60)}m ${String(seconds % 60).padStart(2, "0")}s`;
+}
+function AiGenerationStatus({
+  state,
+  characters
+}) {
+  const [now, setNow] = useState(Date.now);
+  useEffect(() => {
+    const timer = setInterval(() => setNow(Date.now()), 1e3);
+    return () => clearInterval(timer);
+  }, []);
+  const progress = state.progress;
+  const label = progress ? LABELS[progress.phase] : "Waiting for response\u2026";
+  const percent = progress?.phase === "prefill" ? progress.percent : null;
+  const details = [`${duration(now - state.startedAt)} elapsed`];
+  if (progress?.outputTokens != null) {
+    details.push(`${progress.outputTokens.toLocaleString()} tokens generated`);
+  } else if (characters > 0) {
+    details.push(`${characters.toLocaleString()} characters received`);
+  }
+  if (progress?.tokensPerSecond != null) {
+    details.push(`${progress.tokensPerSecond.toFixed(1)} tokens/s`);
+  }
+  if (now - state.lastActivityAt >= 15e3) {
+    details.push(
+      progress || characters > 0 ? `Last update ${duration(now - state.lastActivityAt)} ago` : "No progress updates received"
+    );
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "db-ai-generation-status", children: [
+    /* @__PURE__ */ jsxs("p", { className: "db-ai-progress", role: "status", children: [
+      /* @__PURE__ */ jsx("span", { className: "db-ai-spinner", "aria-hidden": "true" }),
+      label,
+      percent != null ? ` ${Math.floor(percent)}%` : ""
+    ] }),
+    percent != null && /* @__PURE__ */ jsx("progress", { "aria-label": label.replace("\u2026", ""), max: 100, value: percent }),
+    /* @__PURE__ */ jsx("p", { className: "db-ai-note", "aria-live": "off", children: details.join(" \xB7 ") })
+  ] });
+}
+
+// src/Ai/study-aids.ts
+import {
+  parseFrontmatter,
+  setFrontmatterValues,
+  splitFrontmatterBlock
+} from "@bendyline/squisq/markdown";
+var STUDY_AID_KINDS = ["summary", "quiz", "flashcards"];
+var STUDY_AID_LABELS = {
+  summary: {
+    menu: "Summarize document\u2026",
+    dialogTitle: "Summarize with AI",
+    title: "Summary",
+    noun: "summary",
+    feature: "Summarize document"
+  },
+  quiz: {
+    menu: "Create quiz\u2026",
+    dialogTitle: "Create a quiz with AI",
+    title: "Quiz",
+    noun: "quiz",
+    feature: "Create quiz"
+  },
+  flashcards: {
+    menu: "Create flashcards\u2026",
+    dialogTitle: "Create flashcards with AI",
+    title: "Flashcards",
+    noun: "flashcards",
+    feature: "Create flashcards"
+  }
+};
+var STUDY_AID_FOLDER = "ai";
+function studyAidPath(kind) {
+  return `${STUDY_AID_FOLDER}/${kind}.md`;
+}
+var KEY_KIND = "docblocks-generated";
+var KEY_SOURCE = "docblocks-source";
+var KEY_SOURCE_SHA256 = "docblocks-source-sha256";
+var KEY_GENERATED_AT = "docblocks-generated-at";
+var KEY_MODEL = "docblocks-model";
+function isStudyAidKind(value) {
+  return value === "summary" || value === "quiz" || value === "flashcards";
+}
+function withStudyAidFrontmatter(body, title, provenance) {
+  return setFrontmatterValues(`
+${body.replace(/^\n+/u, "")}`, {
+    title,
+    // Squisq opens a document carrying this hint in its Study view.
+    "display-mode": provenance.kind === "summary" ? null : "flashcards",
+    [KEY_KIND]: provenance.kind,
+    [KEY_SOURCE]: provenance.source,
+    [KEY_SOURCE_SHA256]: provenance.sourceSha256,
+    [KEY_GENERATED_AT]: provenance.generatedAt,
+    [KEY_MODEL]: provenance.model
+  });
+}
+function readStudyAidProvenance(markdown) {
+  const { frontmatter } = splitFrontmatterBlock(markdown);
+  if (frontmatter === null) return null;
+  const yaml = frontmatter.replace(/^---\r?\n/u, "").replace(/\r?\n---\s*$/u, "");
+  const values = parseFrontmatter(yaml);
+  if (!values) return null;
+  const kind = values[KEY_KIND];
+  const generatedAt = values[KEY_GENERATED_AT];
+  if (!isStudyAidKind(kind) || typeof generatedAt !== "string") return null;
+  const text = (value) => typeof value === "string" && value.trim() ? value : null;
+  return {
+    kind,
+    source: text(values[KEY_SOURCE]) ?? "",
+    sourceSha256: text(values[KEY_SOURCE_SHA256]),
+    generatedAt,
+    model: text(values[KEY_MODEL])
+  };
+}
+function studyAidBody(markdown) {
+  return splitFrontmatterBlock(markdown).body.replace(/^\s+/u, "");
+}
+function sourceBody(markdown) {
+  return splitFrontmatterBlock(markdown).body.replace(/\r\n?/gu, "\n").replace(/[ \t]+$/gmu, "").trim();
+}
+async function studySourceDigest(markdown) {
+  const subtle = globalThis.crypto?.subtle;
+  if (!subtle) return null;
+  const digest = await subtle.digest("SHA-256", new TextEncoder().encode(sourceBody(markdown)));
+  return [...new Uint8Array(digest)].map((byte) => byte.toString(16).padStart(2, "0")).join("");
+}
+async function studyAidIsStale(provenance, markdown) {
+  if (!provenance?.sourceSha256) return null;
+  const digest = await studySourceDigest(markdown);
+  return digest === null ? null : digest !== provenance.sourceSha256;
+}
+async function readStudyAid(container, kind) {
+  const data = await container.readFile(studyAidPath(kind));
+  if (data === null) return null;
+  const markdown = new TextDecoder().decode(data);
+  return { markdown, provenance: readStudyAidProvenance(markdown) };
+}
+async function writeStudyAid(container, kind, markdown) {
+  await container.writeFile(
+    studyAidPath(kind),
+    new TextEncoder().encode(markdown),
+    "text/markdown"
+  );
+}
+
+export {
+  AiGenerationStatus,
+  STUDY_AID_KINDS,
+  STUDY_AID_LABELS,
+  withStudyAidFrontmatter,
+  readStudyAidProvenance,
+  studyAidBody,
+  studySourceDigest,
+  studyAidIsStale,
+  readStudyAid,
+  writeStudyAid
+};