stormcloud-video-player 0.7.45 → 0.7.47

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -7199,7 +7199,8 @@ var SHOWCASE_PERSISTENT_TYPES = /* @__PURE__ */ new Set([
     "text",
     "shape",
     "countdown",
-    "qr_code"
+    "qr_code",
+    "coming_up_next"
 ]);
 function easeOutCubic(t) {
     var u = 1 - t;
@@ -7322,11 +7323,26 @@ var OverlayRenderer = function OverlayRenderer(param) {
     var rafRef = (0, import_react.useRef)(null);
     var _ref1 = _sliced_to_array((0, import_react.useState)(/* @__PURE__ */ new Map()), 2), fadeMap = _ref1[0], setFadeMap = _ref1[1];
     var removeTimers = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-    var _ref2 = (0, import_react.useMemo)(function() {
+    var mountTimeRef = (0, import_react.useRef)(Date.now());
+    var _ref2 = _sliced_to_array((0, import_react.useState)(0), 2), wallclockSec = _ref2[0], setWallclockSec = _ref2[1];
+    (0, import_react.useEffect)(function() {
+        if (!showcaseMode) return;
+        var tick = function tick() {
+            return setWallclockSec((Date.now() - mountTimeRef.current) / 1e3);
+        };
+        tick();
+        var id = window.setInterval(tick, 200);
+        return function() {
+            return clearInterval(id);
+        };
+    }, [
+        showcaseMode
+    ]);
+    var _ref3 = (0, import_react.useMemo)(function() {
         return partitionShowcase(overlays);
     }, [
         overlays
-    ]), showcasePersistent = _ref2.persistent, showcaseBeats = _ref2.beats;
+    ]), showcasePersistent = _ref3.persistent, showcaseBeats = _ref3.beats;
     var _useShowcaseBeat = useShowcaseBeat(showcaseMode, showcaseCycleMs, showcaseBeats.length), showcaseBeatIndex = _useShowcaseBeat.beatIndex, showcaseBeatPhase = _useShowcaseBeat.beatPhase, showcaseBeatMs = _useShowcaseBeat.beatMs;
     var showcasePersistentIds = (0, import_react.useMemo)(function() {
         return new Set(showcasePersistent.map(function(o) {
@@ -7378,7 +7394,10 @@ var OverlayRenderer = function OverlayRenderer(param) {
         if (showcaseMode) {
             var _showcaseBeats_showcaseBeatIndex;
             var beat = (_showcaseBeats_showcaseBeatIndex = showcaseBeats[showcaseBeatIndex]) !== null && _showcaseBeats_showcaseBeatIndex !== void 0 ? _showcaseBeats_showcaseBeatIndex : [];
-            return _to_consumable_array(showcasePersistent).concat(_to_consumable_array(beat));
+            var scheduledPersistent = showcasePersistent.filter(function(o) {
+                return isOverlayActive(o, wallclockSec);
+            });
+            return _to_consumable_array(scheduledPersistent).concat(_to_consumable_array(beat));
         }
         return overlays.filter(function(o) {
             return isOverlayActive(o, currentTime);
@@ -7386,6 +7405,7 @@ var OverlayRenderer = function OverlayRenderer(param) {
     }, [
         overlays,
         currentTime,
+        wallclockSec,
         showcaseMode,
         showcasePersistent,
         showcaseBeats,
@@ -8098,6 +8118,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
             var _player_getMinHlsResolution;
             var fixed = swirlOverlayCoordinateSpace;
             if (fixed && fixed.width > 0 && fixed.height > 0) {
+                console.debug("[StormcloudVideoPlayer] overlay coord space (prop):", fixed.width, "x", fixed.height);
                 setOverlayCoordSpace({
                     width: fixed.width,
                     height: fixed.height
@@ -8108,6 +8129,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
             if (!player) return false;
             var minRes = (_player_getMinHlsResolution = player.getMinHlsResolution) === null || _player_getMinHlsResolution === void 0 ? void 0 : _player_getMinHlsResolution.call(player);
             if (minRes && minRes.width > 0 && minRes.height > 0) {
+                console.debug("[StormcloudVideoPlayer] overlay coord space (minHlsResolution):", minRes.width, "x", minRes.height);
                 setOverlayCoordSpace({
                     width: minRes.width,
                     height: minRes.height
@@ -8116,6 +8138,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
             }
             var video2 = player.videoElement;
             if (video2 && video2.videoWidth > 0 && video2.videoHeight > 0) {
+                console.debug("[StormcloudVideoPlayer] overlay coord space (videoNative):", video2.videoWidth, "x", video2.videoHeight);
                 setOverlayCoordSpace({
                     width: video2.videoWidth,
                     height: video2.videoHeight
@@ -8148,8 +8171,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
     }, [
         swirlProjectId,
         criticalPropsKey,
-        swirlOverlayCoordinateSpace,
-        overlays
+        swirlOverlayCoordinateSpace
     ]);
     (0, import_react2.useEffect)(function() {
         if (!playerRef.current) return;
@@ -8576,11 +8598,11 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                     }, restVideoAttrs), {
                         children: children
                     })),
-                    displayOverlays.length > 0 && !adStatus.showAds && !overlaysDisabled && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(OverlayRenderer, {
+                    displayOverlays.length > 0 && !adStatus.showAds && !overlaysDisabled && overlayCoordSpace && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(OverlayRenderer, {
                         overlays: displayOverlays,
                         currentTime: currentTime,
                         videoRef: videoRef,
-                        coordinateSpace: swirlOverlayCoordinateSpace && swirlOverlayCoordinateSpace.width > 0 && swirlOverlayCoordinateSpace.height > 0 ? swirlOverlayCoordinateSpace : null,
+                        coordinateSpace: overlayCoordSpace,
                         showcaseMode: !!swirlShowcaseDemo
                     }),
                     (isLoading || isBuffering) && !hideLoadingIndicator && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {