stormcloud-video-player 0.7.46 → 0.7.48

package/lib/ui/OverlayRenderer.cjs

@@ -1791,7 +1791,9 @@ var SHOWCASE_PERSISTENT_TYPES = /* @__PURE__ */ new Set([
     "text",
     "shape",
     "countdown",
-    "qr_code"
+    "qr_code",
+    "coming_up_next",
+    "score_bug"
 ]);
 function easeOutCubic(t) {
     var u = 1 - t;
@@ -1914,11 +1916,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) {
@@ -1970,7 +1987,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);
@@ -1978,6 +1998,7 @@ var OverlayRenderer = function OverlayRenderer(param) {
     }, [
         overlays,
         currentTime,
+        wallclockSec,
         showcaseMode,
         showcasePersistent,
         showcaseBeats,