@bendyline/squisq-react 2.4.6 → 2.4.7

package/dist/{chunk-ICM7AWQT.js → chunk-3HYSWEKG.js}

@@ -9,7 +9,7 @@ import {
   TreeLayer,
   VideoLayer,
   getTransitionClass
-} from "./chunk-TI5X7SBC.js";
+} from "./chunk-MKWVJYUS.js";
 import {
   useAutoSurface
 } from "./chunk-TT6ENR6T.js";

package/dist/{chunk-7CDO336T.js → chunk-KF4DTT46.js}

@@ -1,7 +1,7 @@
 import {
   BlockRenderer,
   LinearDocView
-} from "./chunk-ICM7AWQT.js";
+} from "./chunk-3HYSWEKG.js";
 import {
   useAudioSync,
   useDocPlayback,
@@ -165,7 +165,7 @@ function MediaClipElement({
       return;
     }
     const target = Math.max(0, clip.sourceIn + (currentTime - clip.absoluteStart));
-    if (renderMode || !isPlaying || Math.abs(el.currentTime - target) > DRIFT) {
+    if (el.dataset.captureSequential !== "true" && (renderMode || !isPlaying || Math.abs(el.currentTime - target) > DRIFT)) {
       try {
         el.currentTime = target;
       } catch {
@@ -175,7 +175,7 @@ function MediaClipElement({
       const p = el.play();
       if (p) p.catch(() => {
       });
-    } else {
+    } else if (el.dataset.captureSequential !== "true") {
       el.pause();
     }
   }, [active, currentTime, isPlaying, renderMode, clip.sourceIn, clip.absoluteStart, src]);
@@ -1542,6 +1542,8 @@ function buildSegmentTitleMap(doc) {
 var DEFAULT_VIDEO_FRAME_TIMEOUT_MS = 2e3;
 var VIDEO_FRAME_READINESS_POLL_MS = 16;
 var VIDEO_TIME_TOLERANCE_SECONDS = 0.01;
+var MAX_SEQUENTIAL_CAPTURE_STEP_SECONDS = 0.5;
+var SEQUENTIAL_CAPTURE_PLAYBACK_RATE = 1;
 function formatMediaTime(time) {
   return Number.isFinite(time) ? `${time.toFixed(3)}s` : String(time);
 }
@@ -1565,10 +1567,8 @@ function isVisiblyPresented(video) {
   }
   return true;
 }
-function seekVideoToFrame(video, targetTime, timeoutMs = DEFAULT_VIDEO_FRAME_TIMEOUT_MS) {
+function seekVideoByAssignment(video, targetTime, timeoutMs = DEFAULT_VIDEO_FRAME_TIMEOUT_MS) {
   video.pause();
-  const alreadyReady = !video.seeking && video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && isAtReachableMediaTime(video, targetTime);
-  if (alreadyReady) return Promise.resolve();
   return new Promise((resolve, reject) => {
     let settled = false;
     let videoFrameRequest = null;
@@ -1630,6 +1630,125 @@ function seekVideoToFrame(video, targetTime, timeoutMs = DEFAULT_VIDEO_FRAME_TIM
     }
   });
 }
+function advanceSequentialCaptureVideo(video, targetTime, timeoutMs) {
+  return new Promise((resolve, reject) => {
+    let settled = false;
+    let timeout = null;
+    const ownerDocument = video.ownerDocument;
+    const isInactive = () => ownerDocument.visibilityState !== "visible";
+    const clearWatchdog = () => {
+      if (timeout === null) return;
+      clearTimeout(timeout);
+      timeout = null;
+    };
+    const cleanup = () => {
+      clearWatchdog();
+      clearInterval(readinessPoll);
+      video.removeEventListener("timeupdate", check);
+      video.removeEventListener("loadeddata", check);
+      video.removeEventListener("canplay", check);
+      video.removeEventListener("error", fail);
+      ownerDocument.removeEventListener("visibilitychange", handleVisibilityChange);
+    };
+    const finish = () => {
+      if (!settled) {
+        settled = true;
+        cleanup();
+        resolve();
+      }
+    };
+    const fallbackToSeek = () => {
+      if (settled) return;
+      settled = true;
+      video.pause();
+      cleanup();
+      void seekVideoByAssignment(video, targetTime, timeoutMs).then(resolve, reject);
+    };
+    const fail = () => {
+      if (settled) return;
+      settled = true;
+      video.pause();
+      cleanup();
+      reject(
+        new Error(
+          `Video frame did not advance to ${formatMediaTime(targetTime)} within ${timeoutMs}ms (currentTime=${formatMediaTime(video.currentTime)}, readyState=${video.readyState}).`
+        )
+      );
+    };
+    function check() {
+      if (video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && video.currentTime >= reachableMediaTime(video, targetTime)) {
+        video.pause();
+        finish();
+      }
+    }
+    const handlePlaybackFailure = () => {
+      if (settled || isInactive()) return;
+      fallbackToSeek();
+    };
+    const startPlayback = () => {
+      if (settled || isInactive()) return;
+      try {
+        video.playbackRate = SEQUENTIAL_CAPTURE_PLAYBACK_RATE;
+        if (video.paused) {
+          void video.play().catch(handlePlaybackFailure);
+        }
+      } catch {
+        handlePlaybackFailure();
+      }
+    };
+    const armWatchdog = () => {
+      clearWatchdog();
+      if (settled || isInactive()) return;
+      timeout = setTimeout(fail, timeoutMs);
+    };
+    const pauseWhileInactive = () => {
+      video.pause();
+      clearWatchdog();
+    };
+    const resumeWhenActive = () => {
+      if (settled || isInactive()) return;
+      check();
+      if (settled) return;
+      startPlayback();
+      armWatchdog();
+    };
+    function handleVisibilityChange() {
+      if (ownerDocument.visibilityState !== "visible") {
+        pauseWhileInactive();
+        return;
+      }
+      resumeWhenActive();
+    }
+    const readinessPoll = setInterval(check, VIDEO_FRAME_READINESS_POLL_MS);
+    video.addEventListener("timeupdate", check);
+    video.addEventListener("loadeddata", check);
+    video.addEventListener("canplay", check);
+    video.addEventListener("error", fail, { once: true });
+    ownerDocument.addEventListener("visibilitychange", handleVisibilityChange);
+    resumeWhenActive();
+  });
+}
+function seekVideoToFrame(video, targetTime, timeoutMs = DEFAULT_VIDEO_FRAME_TIMEOUT_MS) {
+  if (video.readyState >= HTMLMediaElement.HAVE_METADATA && video.videoWidth <= 0 && video.videoHeight <= 0) {
+    video.pause();
+    return Promise.resolve();
+  }
+  const reachableTargetTime = reachableMediaTime(video, targetTime);
+  const step = reachableTargetTime - video.currentTime;
+  if (video.dataset.captureSequential === "true") {
+    if (video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && step <= VIDEO_TIME_TOLERANCE_SECONDS) {
+      if (step < -VIDEO_TIME_TOLERANCE_SECONDS) video.pause();
+      return Promise.resolve();
+    }
+    if (step > 0 && step <= MAX_SEQUENTIAL_CAPTURE_STEP_SECONDS && video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA) {
+      return advanceSequentialCaptureVideo(video, targetTime, timeoutMs);
+    }
+  }
+  video.pause();
+  const alreadyReady = !video.seeking && video.readyState >= HTMLMediaElement.HAVE_CURRENT_DATA && isAtReachableMediaTime(video, targetTime);
+  if (alreadyReady) return Promise.resolve();
+  return seekVideoByAssignment(video, targetTime, timeoutMs);
+}
 
 // src/DocPlayer.tsx
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";

package/dist/{chunk-TI5X7SBC.js → chunk-MKWVJYUS.js}

@@ -1296,7 +1296,7 @@ function VideoLayer({
     const video = videoRef.current;
     if (!video || !hasStartedRef.current) return;
     const targetTime = gated ? content.clipStart : Math.min(content.clipEnd, content.clipStart + Math.max(0, blockTime - startAt));
-    if (Math.abs(video.currentTime - targetTime) > VIDEO_SYNC_DRIFT_SECONDS) {
+    if (video.dataset.captureSequential !== "true" && Math.abs(video.currentTime - targetTime) > VIDEO_SYNC_DRIFT_SECONDS) {
       video.currentTime = targetTime;
     }
     if (gated) {
@@ -1313,7 +1313,7 @@ function VideoLayer({
         playPromise.catch(() => {
         });
       }
-    } else {
+    } else if (video.dataset.captureSequential !== "true") {
       video.pause();
     }
   }, [isPlaying, gated, blockTime, startAt, src, content.clipStart, content.clipEnd]);

package/dist/index.js

@@ -12,7 +12,7 @@ import {
   formatTime,
   resolveDocPlayerAppearance,
   useMediaClipDurations
-} from "./chunk-7CDO336T.js";
+} from "./chunk-KF4DTT46.js";
 import {
   BlockRenderer,
   CanvasSection,
@@ -20,7 +20,7 @@ import {
   PageSectionView,
   PageViewContext,
   usePageView
-} from "./chunk-ICM7AWQT.js";
+} from "./chunk-3HYSWEKG.js";
 import {
   ImageLayer,
   MapLayer,
@@ -33,7 +33,7 @@ import {
   VideoLayer,
   getAnimationStyle,
   getTransitionClass
-} from "./chunk-TI5X7SBC.js";
+} from "./chunk-MKWVJYUS.js";
 import {
   useModalDialog
 } from "./chunk-65POMKHR.js";

package/dist/layers/index.js

@@ -8,7 +8,7 @@ import {
   TextLayer,
   TreeLayer,
   VideoLayer
-} from "../chunk-TI5X7SBC.js";
+} from "../chunk-MKWVJYUS.js";
 import "../chunk-WLUZTUNZ.js";
 import "../chunk-LR3AIGDD.js";
 export {

package/dist/page/index.js

@@ -4,8 +4,8 @@ import {
   PageSectionView,
   PageViewContext,
   usePageView
-} from "../chunk-ICM7AWQT.js";
-import "../chunk-TI5X7SBC.js";
+} from "../chunk-3HYSWEKG.js";
+import "../chunk-MKWVJYUS.js";
 import "../chunk-TT6ENR6T.js";
 import "../chunk-VMPQEUJH.js";
 import "../chunk-WLUZTUNZ.js";

package/dist/player/index.js

@@ -10,11 +10,11 @@ import {
   MediaClipLayer,
   SocialCaptionOverlay,
   formatTime
-} from "../chunk-7CDO336T.js";
+} from "../chunk-KF4DTT46.js";
 import {
   BlockRenderer
-} from "../chunk-ICM7AWQT.js";
-import "../chunk-TI5X7SBC.js";
+} from "../chunk-3HYSWEKG.js";
+import "../chunk-MKWVJYUS.js";
 import "../chunk-BOZJ655L.js";
 import "../chunk-TT6ENR6T.js";
 import {