@bendyline/docblocks-react 2.7.1 → 2.7.3

package/dist/{chunk-G4MFB3IO.js → chunk-VG434562.js}

@@ -3,8 +3,8 @@ import { useEffect, useState } from "react";
 
 // src/components/FindButton.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-function FindButton({ active, onActiveChange, shortcutLabel: shortcutLabel2 }) {
-  const tooltip = shortcutLabel2 ? `Find in document (${shortcutLabel2})` : "Find in document";
+function FindButton({ active, onActiveChange, shortcutLabel }) {
+  const tooltip = shortcutLabel ? `Find in document (${shortcutLabel})` : "Find in document";
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -45,69 +45,6 @@ function focusFindInput(scope = document) {
   input?.select();
 }
 
-// src/DocBlocksShell/keyboard-shortcuts.ts
-var SHELL_SHORTCUTS = Object.freeze([
-  // Must work mid-sentence; that is the entire point of a save shortcut.
-  { id: "save", key: "s", accel: true, label: "Ctrl+S", whileTyping: true },
-  // Find is mostly invoked from inside the document being searched.
-  { id: "find", key: "f", accel: true, label: "Ctrl+F", whileTyping: true },
-  // Jumping elsewhere is as likely mid-sentence as from the tree.
-  { id: "quick-open", key: "p", accel: true, label: "Ctrl+P", whileTyping: true },
-  {
-    id: "workspace-search",
-    key: "f",
-    accel: true,
-    shift: true,
-    label: "Ctrl+Shift+F",
-    whileTyping: true
-  },
-  // Deliberately NOT Cmd+B — Squisq owns that for Bold. Cmd+\ is the VS Code
-  // convention for toggling the side bar.
-  { id: "toggle-sidebar", key: "\\", accel: true, label: "Ctrl+\\", whileTyping: true },
-  { id: "focus-files", key: "e", accel: true, shift: true, label: "Ctrl+Shift+E" },
-  { id: "new-document", key: "n", accel: true, label: "Ctrl+N" },
-  { id: "new-folder", key: "n", accel: true, shift: true, label: "Ctrl+Shift+N" },
-  // Ctrl+, (settings) is deliberately absent: AppMenu owns that dialog's state
-  // internally and exposes no way to open it. Binding the key without first
-  // giving AppMenu a controlled `settingsOpen` prop would ship a dead shortcut.
-  { id: "close-overlay", key: "Escape", accel: false, label: "Esc", whileTyping: true }
-]);
-function isTypingTarget(target) {
-  if (!(target instanceof HTMLElement)) return false;
-  if (target.isContentEditable) return true;
-  const tag = target.tagName;
-  if (tag === "INPUT" || tag === "TEXTAREA" || tag === "SELECT") return true;
-  return target.closest(".monaco-editor") !== null;
-}
-function matchShortcut(event, _layoutMode) {
-  return SHELL_SHORTCUTS.find((binding) => bindingMatches(binding, event))?.id ?? null;
-}
-function bindingMatches(binding, event) {
-  if (event.altKey) return false;
-  const accel = event.ctrlKey || event.metaKey;
-  const key = event.key.length === 1 ? event.key.toLowerCase() : event.key;
-  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);
-}
-function isFindShortcut(event) {
-  const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === "find");
-  return binding !== void 0 && bindingMatches(binding, event);
-}
-function findShortcutLabel() {
-  return shortcutLabel("find", isApplePlatform());
-}
-function isApplePlatform() {
-  if (typeof navigator === "undefined") return false;
-  return /Mac|iPhone|iPad|iPod/u.test(navigator.platform || navigator.userAgent);
-}
-function shortcutLabel(id, isApple) {
-  const binding = SHELL_SHORTCUTS.find((candidate) => candidate.id === id);
-  if (!binding) return "";
-  return isApple ? binding.label.replace("Ctrl+", "\u2318") : binding.label;
-}
-
 // src/editor.ts
 var PORTRAIT_FORM_FACTOR_QUERY = "(orientation: portrait)";
 function previewViewportPresetForOrientation(isPortrait) {
@@ -195,11 +132,6 @@ function pickEmptyDocumentPrompt(random = Math.random) {
 export {
   FindButton,
   focusFindInput,
-  matchShortcut,
-  isFindShortcut,
-  findShortcutLabel,
-  isApplePlatform,
-  shortcutLabel,
   PORTRAIT_FORM_FACTOR_QUERY,
   previewViewportPresetForOrientation,
   useResponsivePreviewViewportPreset,

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
+};

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

@@ -3,15 +3,15 @@ import {
 } from "./chunk-YBEYTVU2.js";
 import {
   FORMAT_LABELS,
+  exportThemeChoices,
   saveExportOptions
-} from "./chunk-X437UAF7.js";
+} from "./chunk-6MSHXQNB.js";
 import {
   Dialog
 } from "./chunk-56KO2LYN.js";
 
 // src/Export/ExportDialog.tsx
 import { useState, useCallback, useEffect, useMemo } from "react";
-import { getThemeSummaries } from "@bendyline/squisq/schemas";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var FORMATS = ["pdf", "docx", "pptx", "epub", "html", "md"];
 var FORMAT_CHIP_LABELS = {
@@ -80,6 +80,7 @@ function ChipRadioGroup({
 }
 function ExportDialog({
   initial,
+  documentThemes,
   exporting,
   error,
   destination,
@@ -97,7 +98,7 @@ function ExportDialog({
   const [includeLinkedDocs, setIncludeLinkedDocs] = useState(initial.includeLinkedDocs);
   const [entryAsIndex, setEntryAsIndex] = useState(initial.entryAsIndex);
   const [transforms, setTransforms] = useState([]);
-  const themes = getThemeSummaries();
+  const themes = useMemo(() => exportThemeChoices(documentThemes), [documentThemes]);
   const showTheme = format === "docx" || format === "pdf" || format === "pptx" || format === "epub" || format === "html";
   const showTransform = format === "pptx";
   const showPageSize = format === "pdf";