@bendyline/squisq-editor-react 2.13.22 → 2.13.23

package/dist/{chunk-MMK26QF7.js → chunk-EPMIOQAZ.js}

@@ -582,12 +582,17 @@ import {
   useRef as useRef3,
   useEffect as useEffect3
 } from "react";
+import { useVideoDurations } from "@bendyline/squisq-react";
 import {
   parseMarkdown as parseMarkdown4,
   stringifyMarkdown,
   resolveWikiLinks
 } from "@bendyline/squisq/markdown";
-import { markdownToDoc } from "@bendyline/squisq/doc";
+import {
+  applyVideoDurations,
+  collectVideoDurationSources,
+  markdownToDoc
+} from "@bendyline/squisq/doc";
 
 // src/speech/useDictationController.ts
 import {
@@ -1022,7 +1027,7 @@ function useDictationController({
         }
         return;
       }
-      const { startDictationSession } = await import("./dictationSession-AVCXB3JR.js");
+      const { startDictationSession } = await import("./dictationSession-WEXEY5NS.js");
       if (!isCurrent()) return;
       const handle = await startDictationSession({
         provider: active,
@@ -1659,6 +1664,7 @@ function EditorProvider({
   versioningAutoSaveIdleMs = DEFAULT_AUTOSAVE_IDLE_MS,
   onSaveVersion,
   mediaProvider = null,
+  mediaBasePath = "/",
   mediaEditRenders = null,
   imageDisplayMode = "inline",
   mentionProvider = null,
@@ -1679,6 +1685,7 @@ function EditorProvider({
   fileName,
   saveCoverImageOutput,
   saveDashboardImageOutput,
+  saveMediaEditOutput,
   language,
   findMode: controlledFindMode,
   onFindModeChange,
@@ -2037,6 +2044,15 @@ function EditorProvider({
       cancelled = true;
     };
   }, [markdownDoc, wikiLinks]);
+  const videoDurationSources = useMemo4(
+    () => presentationDoc ? collectVideoDurationSources(presentationDoc) : [],
+    [presentationDoc]
+  );
+  const videoDurations = useVideoDurations(videoDurationSources, mediaBasePath, mediaProvider);
+  const timedDoc = useMemo4(
+    () => presentationDoc && videoDurations.size > 0 ? applyVideoDurations(presentationDoc, (src) => videoDurations.get(src)) : presentationDoc,
+    [presentationDoc, videoDurations]
+  );
   useEffect3(() => {
     if (editorMode !== "markdown") return;
     if (skipInitialDebouncedParseRef.current) {
@@ -2396,7 +2412,7 @@ function EditorProvider({
     () => ({
       markdownSource,
       markdownDoc,
-      doc: presentationDoc,
+      doc: timedDoc,
       activeView,
       parseError,
       isParsing,
@@ -2451,6 +2467,7 @@ function EditorProvider({
       fileName,
       saveCoverImageOutput,
       saveDashboardImageOutput,
+      saveMediaEditOutput,
       setMarkdownSource,
       setEditorSource,
       setLayoutMode,
@@ -2487,7 +2504,7 @@ function EditorProvider({
     [
       markdownSource,
       markdownDoc,
-      presentationDoc,
+      timedDoc,
       activeView,
       parseError,
       isParsing,
@@ -2536,6 +2553,7 @@ function EditorProvider({
       fileName,
       saveCoverImageOutput,
       saveDashboardImageOutput,
+      saveMediaEditOutput,
       setMarkdownSource,
       setEditorSource,
       setLayoutMode,
@@ -3174,6 +3192,7 @@ export {
   resolveEmbeddedMediaTiming,
   collectEmbeddedVideoSchedule,
   collectTimelinePlaybackSchedule,
+  listEditableMedia,
   findEditableMedia,
   groupCompanions,
   mediaTargetFromElement,

package/dist/{chunk-GI2D2XS5.js → chunk-IOG66XFC.js}

@@ -1,7 +1,7 @@
 import {
   NarrationStage,
   useNarrationStage
-} from "./chunk-JCIK2QU5.js";
+} from "./chunk-2KTMXJWB.js";
 
 // src/teleprompter/TeleprompterView.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-5O3RU2HO.js → chunk-KMTQ4M2G.js}

@@ -1,6 +1,6 @@
 import {
   RecorderModal
-} from "./chunk-APTVXGK6.js";
+} from "./chunk-QI5SHUVT.js";
 
 // src/recorder/RecorderButton.tsx
 import { useCallback, useState } from "react";

package/dist/{chunk-APTVXGK6.js → chunk-QI5SHUVT.js}

@@ -16,16 +16,18 @@ import {
   resolveMaxRecordingBytes,
   useNarrationStage,
   useStreamPreview
-} from "./chunk-JCIK2QU5.js";
+} from "./chunk-2KTMXJWB.js";
 import {
   buildFilename,
+  dualFilenameSeeds,
+  recordingFilenameSeed,
   requestMicStream,
   resolveFormat,
   supportsDisplayMedia,
   supportsMediaRecorder,
   supportsSystemAudioCapture,
   supportsUserMedia
-} from "./chunk-DNJ6HOES.js";
+} from "./chunk-QXHX7N4V.js";
 import {
   buildTimingJson,
   encodeNarrationTimingJson,
@@ -33,6 +35,113 @@ import {
   timingPathFor
 } from "./chunk-GG35EBRB.js";
 
+// src/recorder/captureErrors.ts
+var displayCaptureErrors = /* @__PURE__ */ new WeakSet();
+function markDisplayCaptureError(error) {
+  if (typeof error === "object" && error !== null) displayCaptureErrors.add(error);
+  return error;
+}
+var PRIVACY_HINT = "your system's privacy settings allow apps to use it";
+function errorName(error) {
+  return typeof error === "object" && error !== null && "name" in error ? String(error.name) : "";
+}
+function errorMessage(error) {
+  if (error instanceof Error) return error.message;
+  if (typeof error === "object" && error !== null && "message" in error) {
+    return String(error.message);
+  }
+  return typeof error === "string" ? error : "";
+}
+function failedConstraint(error) {
+  return typeof error === "object" && error !== null && "constraint" in error ? String(error.constraint ?? "") : "";
+}
+function countDevices(devices, kind) {
+  if (!devices || devices.length === 0) return null;
+  return devices.filter((device) => device.kind === kind).length;
+}
+function requestedNoun(context) {
+  if (context.camera && context.microphone) return "camera or microphone";
+  if (context.camera) return "camera";
+  if (context.microphone) return "microphone";
+  return "capture device";
+}
+function describeDisplayError(name, message) {
+  if (name === "NotAllowedError" || name === "AbortError") {
+    return /system/i.test(message) ? "Your system is blocking screen recording. Allow it in your privacy settings, then try again." : "Screen sharing was cancelled. Click Start preview to choose a screen, window, or tab.";
+  }
+  if (name === "NotFoundError" || name === "NotReadableError") {
+    return "The screen could not be captured. Try choosing a different screen, window, or tab.";
+  }
+  return null;
+}
+function describeNotFound(context) {
+  const cameras = countDevices(context.devices, "videoinput");
+  const microphones = countDevices(context.devices, "audioinput");
+  const noCamera = context.camera && cameras === 0;
+  const noMicrophone = context.microphone && microphones === 0;
+  if (noCamera && noMicrophone) {
+    return `No camera or microphone was found. Connect them, then try again. If they are connected, check that they are switched on and that ${PRIVACY_HINT}.`;
+  }
+  if (noCamera) {
+    const fallback = context.microphone ? "Connect a camera, or turn off Camera to record audio only." : "Connect a camera, then try again.";
+    return `No camera was found. ${fallback} If a camera is connected, check that it is switched on and that ${PRIVACY_HINT}.`;
+  }
+  if (noMicrophone) {
+    return `No microphone was found. Connect a microphone, then try again. If one is connected, check that it is switched on and that ${PRIVACY_HINT}.`;
+  }
+  if (context.camera && context.cameraDeviceId) {
+    return "The selected camera is not connected. Choose another camera, or System default.";
+  }
+  if (context.microphone && context.microphoneDeviceId) {
+    return "The selected microphone is not connected. Choose another microphone, or System default.";
+  }
+  const noun = requestedNoun(context);
+  return `The ${noun} could not be found. Check that it is connected and switched on, and that ${PRIVACY_HINT}.`;
+}
+function describeOverconstrained(error, context) {
+  const constraint = failedConstraint(error);
+  if (constraint === "deviceId" || constraint === "groupId") {
+    if (context.camera && context.cameraDeviceId) {
+      return "The selected camera is not connected. Choose another camera, or System default.";
+    }
+    if (context.microphone && context.microphoneDeviceId) {
+      return "The selected microphone is not connected. Choose another microphone, or System default.";
+    }
+  }
+  const noun = requestedNoun(context);
+  const setting = constraint ? ` (${constraint})` : "";
+  return `Your ${noun} cannot provide the requested settings${setting}. Clear that value in Advanced device settings, or set Constraint strength to Preferred.`;
+}
+function describeCaptureError(error, context) {
+  const name = errorName(error);
+  const message = errorMessage(error);
+  if (typeof error === "object" && error !== null && displayCaptureErrors.has(error)) {
+    const display = describeDisplayError(name, message);
+    if (display) return display;
+  }
+  if (name === "NotFoundError" || /requested device not found/i.test(message)) {
+    return describeNotFound(context);
+  }
+  if (name === "OverconstrainedError") {
+    return describeOverconstrained(error, context);
+  }
+  if (name === "NotAllowedError" || name === "SecurityError") {
+    const noun = requestedNoun(context);
+    return /system/i.test(message) ? `Your system's privacy settings are blocking the ${noun}. Allow access for this app, then try again.` : `Access to the ${noun} was blocked. Allow it when prompted, or in your browser or system settings, then try again.`;
+  }
+  if (name === "NotReadableError" || /could not start (video|audio) source/i.test(message)) {
+    const noun = /video source/i.test(message) ? "camera" : /audio source/i.test(message) ? "microphone" : requestedNoun(context);
+    return `The ${noun} could not start. Another app may be using it: close apps that use the ${noun}, then try again.`;
+  }
+  if (/getUserMedia is not available/i.test(message)) {
+    return "Cameras and microphones are not available here. Recording needs a browser or app that can access them.";
+  }
+  if (/getDisplayMedia is not available/i.test(message)) {
+    return "Screen capture is not available here. Recording the screen needs a browser or app that supports it.";
+  }
+  return message || "Recording could not start.";
+}
+
 // src/recorder/sources/screenRegion.ts
 function validateScreenCaptureRegion(region, width, height) {
   const { x, y, width: w, height: h } = region;
@@ -186,6 +295,8 @@ async function requestFullScreenStream(options) {
   const displayStream = await navigator.mediaDevices.getDisplayMedia({
     video,
     audio: systemAudio ? options?.systemAudioConstraints ?? true : false
+  }).catch((err) => {
+    throw markDisplayCaptureError(err);
   });
   if (!includeMic) {
     return {
@@ -249,6 +360,8 @@ async function requestSystemAudioStream(audioConstraints) {
   const display = await navigator.mediaDevices.getDisplayMedia({
     video: true,
     audio: audioConstraints ?? true
+  }).catch((err) => {
+    throw markDisplayCaptureError(err);
   });
   display.getVideoTracks().forEach((t) => t.stop());
   const audio = display.getAudioTracks();
@@ -2672,20 +2785,6 @@ function captureSummary(micOn, cameraOn, screenOn, systemAudioOn) {
   }
   return "Pick at least one source to record.";
 }
-function recordingFilenameSeed(source, stream, audioRequested) {
-  if (source === "mic") return "audio";
-  const hasAudio = stream ? stream.getAudioTracks().length > 0 : audioRequested;
-  if (source === "camera") return hasAudio ? "camera-audio" : "camera";
-  return hasAudio ? "screen-audio" : "screen";
-}
-function dualFilenameSeeds(screenStream, cameraStream, systemAudioRequested, micRequested) {
-  const screenHasAudio = screenStream ? screenStream.getAudioTracks().length > 0 : systemAudioRequested;
-  const cameraHasAudio = cameraStream ? cameraStream.getAudioTracks().length > 0 : micRequested;
-  return {
-    screen: screenHasAudio ? "screen-audio" : "screen",
-    camera: cameraHasAudio ? "camera-audio" : "camera"
-  };
-}
 function RecorderModal({
   mediaProvider,
   container = null,
@@ -3370,6 +3469,14 @@ function RecorderModal({
   const deviceSettingsLocked = narrationRecording ? !narrationRecorderIdle : togglesLocked;
   const microphoneEnabled = narrationRecording ? true : micOn;
   const cameraEnabled = narrationRecording ? stage.recorder.withCamera : cameraOn;
+  const captureErrorContext = {
+    camera: cameraEnabled,
+    microphone: microphoneEnabled,
+    cameraDeviceId: deviceSettings.camera.deviceId,
+    microphoneDeviceId: deviceSettings.audio.deviceId,
+    devices: mediaDevices
+  };
+  const narrationError = stage.recorder.error ?? stage.controller.mic.error;
   const narrationToggleFor = (key) => {
     switch (key) {
       case "mic":
@@ -3539,7 +3646,7 @@ function RecorderModal({
                         cameraStream: activeCameraStream
                       }
                     ),
-                    !narrationRecording && recorder.error && /* @__PURE__ */ jsx5("div", { style: errorStyle, children: recorder.error.message }),
+                    !narrationRecording && recorder.error && /* @__PURE__ */ jsx5("div", { role: "alert", style: errorStyle, "data-testid": "recorder-error", children: describeCaptureError(recorder.error, captureErrorContext) }),
                     !narrationRecording && saveError && /* @__PURE__ */ jsxs5("div", { role: "alert", style: errorStyle, children: [
                       saveError,
                       /* @__PURE__ */ jsx5("p", { style: { marginBottom: 0 }, children: "Your recording is still available below. Download a copy before closing, or try saving again." })
@@ -3559,7 +3666,7 @@ function RecorderModal({
                       "total. Final encoding may add more data."
                     ] }),
                     !narrationRecording && recorder.limitReached && /* @__PURE__ */ jsx5("p", { role: "status", style: recordingStatusStyle, children: "Recording stopped at the size limit. Your complete recording is retained; download a copy or save it to the document." }),
-                    narrationOn && (stage.recorder.error ?? stage.controller.mic.error) && /* @__PURE__ */ jsx5("div", { style: errorStyle, children: (stage.recorder.error ?? stage.controller.mic.error)?.message }),
+                    narrationOn && narrationError && /* @__PURE__ */ jsx5("div", { role: "alert", style: errorStyle, "data-testid": "recorder-narration-error", children: describeCaptureError(narrationError, captureErrorContext) }),
                     narrationRecording && narrationCameraStream && /* @__PURE__ */ jsx5("div", { style: previewBoxStyle, children: /* @__PURE__ */ jsx5(
                       "video",
                       {

package/dist/{chunk-DNJ6HOES.js → chunk-QXHX7N4V.js}

@@ -70,6 +70,20 @@ function buildFilename(kind, extension, basename, seed) {
   const prefix = seed ?? (kind === "audio" ? "narration" : "recording");
   return `${prefix}-${stamp}${extension}`;
 }
+function recordingFilenameSeed(source, stream, audioRequested) {
+  if (source === "mic") return "audio";
+  const hasAudio = stream ? stream.getAudioTracks().length > 0 : audioRequested;
+  if (source === "camera") return hasAudio ? "camera-audio" : "camera";
+  return hasAudio ? "screen-audio" : "screen";
+}
+function dualFilenameSeeds(screenStream, cameraStream, systemAudioRequested, micRequested) {
+  const screenHasAudio = screenStream ? screenStream.getAudioTracks().length > 0 : systemAudioRequested;
+  const cameraHasAudio = cameraStream ? cameraStream.getAudioTracks().length > 0 : micRequested;
+  return {
+    screen: screenHasAudio ? "screen-audio" : "screen",
+    camera: cameraHasAudio ? "camera-audio" : "camera"
+  };
+}
 
 // src/recorder/sources/micStream.ts
 async function requestMicStream(constraints) {
@@ -89,5 +103,7 @@ export {
   supportsDisplayMedia,
   supportsSystemAudioCapture,
   buildFilename,
+  recordingFilenameSeed,
+  dualFilenameSeeds,
   requestMicStream
 };

package/dist/{chunk-7ADGH53Y.js → chunk-RVHUTOHG.js}

@@ -1,6 +1,6 @@
 // src/speech/index.ts
 async function startDictationSession(options) {
-  const session = await import("./dictationSession-AVCXB3JR.js");
+  const session = await import("./dictationSession-WEXEY5NS.js");
   if (options.signal.aborted) throw new DOMException("Aborted", "AbortError");
   return session.startDictationSession(options);
 }

package/dist/{dictationSession-AVCXB3JR.js → dictationSession-WEXEY5NS.js}

@@ -10,7 +10,7 @@ import {
   requestMicStream,
   resolveFormat,
   supportsMediaRecorder
-} from "./chunk-DNJ6HOES.js";
+} from "./chunk-QXHX7N4V.js";
 
 // src/speech/microphoneSpeechActivity.ts
 var SAMPLE_INTERVAL_MS = 50;