@bendyline/docblocks-react 2.6.2 → 2.7.0

package/dist/AudioExportDialog-F23QXNPB.js

@@ -0,0 +1,253 @@
+import {
+  hasDocumentNarration,
+  planSpeech
+} from "./chunk-I44HKDQX.js";
+import {
+  buildVideoExportDoc
+} from "./chunk-RP3DVNTI.js";
+import {
+  Dialog
+} from "./chunk-56KO2LYN.js";
+
+// src/Speech/AudioExportDialog.tsx
+import { useEffect, useId, useRef, useState } from "react";
+import { useEditorContext } from "@bendyline/squisq-editor-react";
+
+// src/Speech/export-audio.ts
+var AUDIO_FORMAT_LABELS = {
+  m4a: "M4A (AAC)",
+  "opus-webm": "WebM (Opus)",
+  wav: "WAV (uncompressed)"
+};
+var LONG_DOCUMENT_SECONDS = 10 * 60;
+var APPEND_SECONDS = 2;
+function audioExportFilename(selectedFile, extension) {
+  const base = (selectedFile ?? "document").split("/").pop() ?? "document";
+  return `${base.replace(/\.[^.]+$/u, "") || "document"}.${extension}`;
+}
+async function encoderFor(format, sampleRate, channels) {
+  const { createAudioFileEncoder } = await import("@bendyline/squisq-video-react/encoder");
+  return createAudioFileEncoder({ format, sampleRate, channels });
+}
+async function finishOrCancel(encoder, signal) {
+  if (signal?.aborted) {
+    await encoder.cancel().catch(() => void 0);
+    throw new DOMException("Audio export cancelled.", "AbortError");
+  }
+  return encoder.finish();
+}
+async function exportNarrationAudio(input) {
+  const [{ renderDocumentAudio }, doc] = await Promise.all([
+    import("@bendyline/squisq-video-react/encoder"),
+    buildVideoExportDoc(input.markdown, {
+      fileName: input.fileName ?? void 0,
+      workspaceContainer: input.workspaceContainer
+    })
+  ]);
+  const rendered = await renderDocumentAudio(doc, {
+    sampleRate: (doc.duration ?? 0) > LONG_DOCUMENT_SECONDS ? 24e3 : 48e3,
+    ...input.processedAudio ? { processedAudio: input.processedAudio } : {},
+    async readMedia(src) {
+      const url = await input.mediaProvider.resolveUrl(src);
+      const response = await fetch(url);
+      return response.ok ? response.arrayBuffer() : null;
+    },
+    ...input.signal ? { signal: input.signal } : {}
+  });
+  if (!rendered) return null;
+  const channels = rendered.numberOfChannels > 1 ? 2 : 1;
+  const encoder = await encoderFor(input.format, rendered.sampleRate, channels);
+  try {
+    const step = Math.round(rendered.sampleRate * APPEND_SECONDS);
+    for (let offset = 0; offset < rendered.length; offset += step) {
+      if (input.signal?.aborted) break;
+      const end = Math.min(rendered.length, offset + step);
+      const planar = Array.from(
+        { length: channels },
+        (_, channel) => rendered.getChannelData(channel).slice(offset, end)
+      );
+      await encoder.append(planar);
+    }
+    return { blob: await finishOrCancel(encoder, input.signal), extension: encoder.extension };
+  } catch (error) {
+    await encoder.cancel().catch(() => void 0);
+    throw error;
+  }
+}
+async function exportSpokenAudio(input) {
+  const synthesize = input.speech.synthesize;
+  if (!synthesize) throw new Error("Narration is not available.");
+  const plan = await planSpeech(input.markdown);
+  if (plan.segments.length === 0) throw new Error("There is nothing to read aloud.");
+  const encoder = await encoderFor(input.format, 24e3, 1);
+  try {
+    let appending = Promise.resolve();
+    for (const [index, segment] of plan.segments.entries()) {
+      if (input.signal?.aborted) break;
+      input.onProgress?.(index, plan.segments.length);
+      const handle = synthesize({ text: segment.text }, (event) => {
+        if (event.kind !== "chunk") return;
+        const samples = new Float32Array(event.chunk.pcm);
+        appending = appending.then(() => encoder.append([samples]));
+      });
+      const onAbort = () => handle.cancel();
+      input.signal?.addEventListener("abort", onAbort, { once: true });
+      const result = await handle.done;
+      input.signal?.removeEventListener("abort", onAbort);
+      if (!result.ok) {
+        if (result.error.code === "cancelled") break;
+        throw new Error(result.error.message);
+      }
+    }
+    await appending;
+    input.onProgress?.(plan.segments.length, plan.segments.length);
+    return { blob: await finishOrCancel(encoder, input.signal), extension: encoder.extension };
+  } catch (error) {
+    await encoder.cancel().catch(() => void 0);
+    throw error;
+  }
+}
+
+// src/Speech/AudioExportDialog.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function AudioExportDialog({
+  speech,
+  selectedFile,
+  workspaceContainer,
+  onSave,
+  onClose
+}) {
+  const { markdownSource, mediaProvider, mediaEditRenders } = useEditorContext();
+  const [formats, setFormats] = useState([]);
+  const [format, setFormat] = useState("wav");
+  const [state, setState] = useState({ phase: "idle" });
+  const abort = useRef(null);
+  const formatId = useId();
+  const narrated = hasDocumentNarration(markdownSource);
+  const canSpeak = Boolean(speech?.synthesize);
+  useEffect(() => {
+    let live = true;
+    void import("@bendyline/squisq-video-react/encoder").then(({ supportedAudioFileFormats }) => supportedAudioFileFormats()).then((supported) => {
+      if (!live) return;
+      setFormats(supported);
+      setFormat(supported.includes("m4a") ? "m4a" : supported[0] ?? "wav");
+    });
+    return () => {
+      live = false;
+      abort.current?.abort();
+    };
+  }, []);
+  const busy = state.phase === "working";
+  const run = async () => {
+    const controller = new AbortController();
+    abort.current = controller;
+    try {
+      let result;
+      if (narrated && mediaProvider) {
+        setState({ phase: "working", message: "Mixing the narration\u2026", progress: null });
+        result = await exportNarrationAudio({
+          markdown: markdownSource,
+          fileName: selectedFile,
+          workspaceContainer,
+          mediaProvider,
+          ...mediaEditRenders ? { processedAudio: (clip) => mediaEditRenders.processedAudio(clip) } : {},
+          format,
+          signal: controller.signal
+        });
+        if (!result) throw new Error("This document has no audio to export.");
+      } else {
+        if (!speech) throw new Error("Narration is not available.");
+        result = await exportSpokenAudio({
+          markdown: markdownSource,
+          speech,
+          format,
+          signal: controller.signal,
+          onProgress: (done, total) => setState({
+            phase: "working",
+            message: `Reading part ${Math.min(done + 1, total)} of ${total}\u2026`,
+            progress: total > 0 ? done / total : null
+          })
+        });
+      }
+      if (controller.signal.aborted) return;
+      const filename = audioExportFilename(selectedFile, result.extension);
+      setState({ phase: "working", message: "Saving\u2026", progress: null });
+      if (!await onSave(result.blob, filename)) {
+        setState({ phase: "idle" });
+        return;
+      }
+      setState({ phase: "done", filename });
+    } catch (error) {
+      if (controller.signal.aborted) {
+        setState({ phase: "idle" });
+        return;
+      }
+      setState({
+        phase: "error",
+        message: error instanceof Error ? error.message : "Audio export failed."
+      });
+    } finally {
+      if (abort.current === controller) abort.current = null;
+    }
+  };
+  const close = () => {
+    abort.current?.abort();
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      title: "Export audio",
+      onClose: close,
+      closeOnBackdrop: !busy,
+      footer: state.phase === "done" ? /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, children: "Done" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("button", { type: "button", onClick: close, children: busy ? "Stop" : "Cancel" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: busy || formats.length === 0 || !narrated && !canSpeak,
+            onClick: () => void run(),
+            children: "Export"
+          }
+        )
+      ] }),
+      children: state.phase === "done" ? /* @__PURE__ */ jsxs("p", { role: "status", children: [
+        "Saved ",
+        state.filename,
+        "."
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("p", { children: narrated ? "Exports the document\u2019s narration track, mixed with its other audio, exactly as Play mode plays it." : canSpeak ? "This document has no narration track, so DocBlocks reads it aloud with your narration voice." : "This document has no narration track. Download the narration voices in Settings to export it as speech." }),
+        /* @__PURE__ */ jsxs("label", { className: "db-settings-select", htmlFor: formatId, children: [
+          /* @__PURE__ */ jsx("span", { className: "db-settings-select-header", children: "Format" }),
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              id: formatId,
+              className: "db-settings-select-input",
+              value: format,
+              disabled: busy,
+              onChange: (event) => setFormat(event.currentTarget.value),
+              children: formats.map((option) => /* @__PURE__ */ jsx("option", { value: option, children: AUDIO_FORMAT_LABELS[option] }, option))
+            }
+          )
+        ] }),
+        state.phase === "working" && /* @__PURE__ */ jsxs("div", { className: "db-settings-ai-download-progress", role: "status", children: [
+          /* @__PURE__ */ jsx(
+            "progress",
+            {
+              max: 1,
+              value: state.progress ?? void 0,
+              "aria-label": "Audio export progress"
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { children: state.message })
+        ] }),
+        state.phase === "error" && /* @__PURE__ */ jsx("p", { className: "db-settings-ai-error", role: "alert", children: state.message })
+      ] })
+    }
+  );
+}
+export {
+  AudioExportDialog
+};

package/dist/DocumentConflictDialog-5LRVIGXS.js

@@ -0,0 +1,111 @@
+import {
+  Dialog
+} from "./chunk-56KO2LYN.js";
+
+// src/DocBlocksShell/DocumentConflictDialog.tsx
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function formattedTime(value) {
+  if (value === null || value === void 0) return null;
+  const date = new Date(value);
+  return Number.isFinite(date.getTime()) ? date.toLocaleString() : null;
+}
+function DocumentConflictDialog({
+  conflict,
+  readSavedFile,
+  onUseLocal,
+  onUseSaved,
+  onClose
+}) {
+  const [savedFile, setSavedFile] = useState(null);
+  const [busy, setBusy] = useState(false);
+  const [error, setError] = useState(null);
+  useEffect(() => {
+    let disposed = false;
+    void readSavedFile().then(
+      (file) => {
+        if (!disposed) setSavedFile(file);
+      },
+      () => {
+        if (!disposed) setSavedFile(null);
+      }
+    );
+    return () => {
+      disposed = true;
+    };
+  }, [readSavedFile, conflict.targetKey, conflict.externalContent, conflict.externalVersion]);
+  const capturedAt = formattedTime(conflict.recoveredDraftCapturedAt);
+  const savedAt = savedFile?.content === conflict.externalContent ? formattedTime(savedFile?.lastModified) : null;
+  const localLabel = conflict.recoveredDraft ? "Recovery draft" : "Your unsaved version";
+  const choose = async (resolve) => {
+    if (busy) return;
+    setBusy(true);
+    setError(null);
+    try {
+      if (await resolve()) onClose();
+      else setError("Could not resolve this conflict. Both versions are still available.");
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : "Could not resolve this conflict.");
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      title: "Compare document versions",
+      size: "full",
+      className: "db-conflict-dialog",
+      onClose: () => {
+        if (!busy) onClose();
+      },
+      closeOnBackdrop: !busy,
+      footer: /* @__PURE__ */ jsx("button", { type: "button", disabled: busy, onClick: onClose, children: "Decide later" }),
+      children: [
+        /* @__PURE__ */ jsxs("p", { children: [
+          conflict.recoveredDraft ? "This draft was recovered from a previous session. The saved file may contain newer edits." : "The saved file changed while you had unsaved edits.",
+          " ",
+          "Compare the document text before choosing. Neither version changes until you choose."
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "db-conflict-columns", "aria-busy": busy, children: [
+          /* @__PURE__ */ jsxs("section", { className: "db-conflict-version", "aria-label": localLabel, children: [
+            /* @__PURE__ */ jsx("h3", { children: localLabel }),
+            /* @__PURE__ */ jsx("p", { className: "db-conflict-metadata", children: conflict.recoveredDraft ? capturedAt ? `Recovery copy captured: ${capturedAt}` : "Recovery capture time unavailable" : "Not saved in this session" }),
+            /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                className: "db-conflict-preview",
+                "aria-label": `${localLabel} preview`,
+                value: conflict.localContent,
+                readOnly: true,
+                spellCheck: false
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "db-conflict-consequence", children: "Replaces the saved file with the draft shown above." }),
+            /* @__PURE__ */ jsx("button", { type: "button", disabled: busy, onClick: () => void choose(onUseLocal), children: conflict.recoveredDraft ? "Replace file with draft" : "Keep mine" })
+          ] }),
+          /* @__PURE__ */ jsxs("section", { className: "db-conflict-version", "aria-label": "Saved file", children: [
+            /* @__PURE__ */ jsx("h3", { children: "Saved file" }),
+            /* @__PURE__ */ jsx("p", { className: "db-conflict-metadata", children: conflict.externalContent === null ? "File was deleted outside DocBlocks" : savedAt ? `File last modified: ${savedAt}` : "File modification time unavailable" }),
+            conflict.externalContent === null ? /* @__PURE__ */ jsx("div", { className: "db-conflict-preview", children: "The saved file no longer exists." }) : /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                className: "db-conflict-preview",
+                "aria-label": "Saved file preview",
+                value: conflict.externalContent,
+                readOnly: true,
+                spellCheck: false
+              }
+            ),
+            /* @__PURE__ */ jsx("p", { className: "db-conflict-consequence", children: conflict.externalContent === null ? "Discards the draft and closes this document." : "Discards the draft and opens the saved file shown above." }),
+            /* @__PURE__ */ jsx("button", { type: "button", disabled: busy, onClick: () => void choose(onUseSaved), children: conflict.externalContent === null ? "Accept deletion" : "Use saved file" })
+          ] })
+        ] }),
+        error && /* @__PURE__ */ jsx("p", { role: "alert", children: error })
+      ]
+    }
+  );
+}
+export {
+  DocumentConflictDialog as default
+};

package/dist/ExportDialog-L6FG6W3H.js

@@ -0,0 +1,9 @@
+import {
+  ExportDialog
+} from "./chunk-SGQKTKDX.js";
+import "./chunk-YBEYTVU2.js";
+import "./chunk-X437UAF7.js";
+import "./chunk-56KO2LYN.js";
+export {
+  ExportDialog
+};