stormcloud-video-player 0.7.16 → 0.7.18

package/lib/index.cjs

@@ -7368,6 +7368,33 @@ var OverlayRenderer = function OverlayRenderer(param) {
         })
     });
 };
+// src/utils/adcision.ts
+var ADCISION_API_BASE = "https://adstorm.co/api-adstorm-dev";
+function fetchAdcisionChannel(_0) {
+    return _async_to_generator(function(channelId) {
+        var apiBaseUrl, response;
+        var _arguments = arguments;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    apiBaseUrl = _arguments.length > 1 && _arguments[1] !== void 0 ? _arguments[1] : ADCISION_API_BASE;
+                    return [
+                        4,
+                        fetch("".concat(apiBaseUrl, "/adstorm/adcision/channels/").concat(channelId))
+                    ];
+                case 1:
+                    response = _state.sent();
+                    if (!response.ok) {
+                        throw new Error("Failed to fetch adcision channel ".concat(channelId, ": ").concat(response.status, " ").concat(response.statusText));
+                    }
+                    return [
+                        2,
+                        response.json()
+                    ];
+            }
+        });
+    }).apply(this, arguments);
+}
 // src/ui/StormcloudVideoPlayer.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var CRITICAL_PROPS = [
@@ -7387,7 +7414,7 @@ var PANEL_BASE_RIGHT_OFFSET = 10;
 var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props) {
     var _ref;
     var _aiLiveContext_context;
-    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, swirlProjectId = props.swirlProjectId, restVideoAttrs = _object_without_properties(props, [
+    var src = props.src, autoplay = props.autoplay, muted = props.muted, lowLatencyMode = props.lowLatencyMode, allowNativeHls = props.allowNativeHls, driftToleranceMs = props.driftToleranceMs, immediateManifestAds = props.immediateManifestAds, debugAdTiming = props.debugAdTiming, showCustomControls = props.showCustomControls, hideLoadingIndicator = props.hideLoadingIndicator, onVolumeToggle = props.onVolumeToggle, onFullscreenToggle = props.onFullscreenToggle, onControlClick = props.onControlClick, onReady = props.onReady, wrapperClassName = props.wrapperClassName, wrapperStyle = props.wrapperStyle, className = props.className, style = props.style, controls = props.controls, playsInline = props.playsInline, preload = props.preload, poster = props.poster, children = props.children, licenseKey = props.licenseKey, minSegmentsBeforePlay = props.minSegmentsBeforePlay, disableAds = props.disableAds, disableFiller = props.disableFiller, swirlProjectId = props.swirlProjectId, adcisionChannelId = props.adcisionChannelId, disableOverlays = props.disableOverlays, showAdsControl = props.showAdsControl, showOverlaysControl = props.showOverlaysControl, showAiContextControl = props.showAiContextControl, showDebugControl = props.showDebugControl, restVideoAttrs = _object_without_properties(props, [
         "src",
         "autoplay",
         "muted",
@@ -7415,8 +7442,15 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         "minSegmentsBeforePlay",
         "disableAds",
         "disableFiller",
-        "swirlProjectId"
+        "swirlProjectId",
+        "adcisionChannelId",
+        "disableOverlays",
+        "showAdsControl",
+        "showOverlaysControl",
+        "showAiContextControl",
+        "showDebugControl"
     ]);
+    var _ref1 = _sliced_to_array((0, import_react2.useState)(null), 2), adcisionSrc = _ref1[0], setAdcisionSrc = _ref1[1];
     var videoRef = (0, import_react2.useRef)(null);
     var playerRef = (0, import_react2.useRef)(null);
     var bufferingTimeoutRef = (0, import_react2.useRef)(null);
@@ -7452,12 +7486,13 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
     var _import_react2_default_useState22 = _sliced_to_array(import_react2.default.useState([]), 2), debugMarkers = _import_react2_default_useState22[0], setDebugMarkers = _import_react2_default_useState22[1];
     var _import_react2_default_useState23 = _sliced_to_array(import_react2.default.useState(false), 2), showAiPanel = _import_react2_default_useState23[0], setShowAiPanel = _import_react2_default_useState23[1];
     var _import_react2_default_useState24 = _sliced_to_array(import_react2.default.useState(disableAds !== null && disableAds !== void 0 ? disableAds : false), 2), adsDisabled = _import_react2_default_useState24[0], setAdsDisabled = _import_react2_default_useState24[1];
-    var _import_react2_default_useState25 = _sliced_to_array(import_react2.default.useState({
+    var _import_react2_default_useState25 = _sliced_to_array(import_react2.default.useState(disableOverlays !== null && disableOverlays !== void 0 ? disableOverlays : false), 2), overlaysDisabled = _import_react2_default_useState25[0], setOverlaysDisabled = _import_react2_default_useState25[1];
+    var _import_react2_default_useState26 = _sliced_to_array(import_react2.default.useState({
         context: null,
         isLoading: false,
         error: null,
         lastPolledAt: null
-    }), 2), aiLiveContext = _import_react2_default_useState25[0], setAiLiveContext = _import_react2_default_useState25[1];
+    }), 2), aiLiveContext = _import_react2_default_useState26[0], setAiLiveContext = _import_react2_default_useState26[1];
     var getResponsiveScale = function getResponsiveScale() {
         if (viewportWidth < 480) return 0.7;
         if (viewportWidth < 768) return 0.8;
@@ -7615,21 +7650,43 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
     var debugPanelBottomOffset = shouldShowEnhancedControls ? Math.max(74, 92 * responsiveScale) : Math.max(52, 58 * responsiveScale);
     var panelBaseRight = PANEL_BASE_RIGHT_OFFSET * responsiveScale;
     var debugPanelRightOffset = showAiPanel && !shouldStackPanels ? panelBaseRight + analyzerPanelWidth + panelGap : panelBaseRight;
+    (0, import_react2.useEffect)(function() {
+        if (!adcisionChannelId) {
+            setAdcisionSrc(null);
+            return;
+        }
+        var cancelled = false;
+        fetchAdcisionChannel(adcisionChannelId).then(function(ch) {
+            if (!cancelled) setAdcisionSrc(ch.stream_url);
+        }).catch(function(err) {
+            if (!cancelled) {
+                console.warn("[StormcloudVideoPlayer] Failed to fetch adcision channel:", err);
+            }
+        });
+        return function() {
+            cancelled = true;
+        };
+    }, [
+        adcisionChannelId
+    ]);
+    var effectiveSrc = adcisionChannelId ? adcisionSrc : src;
     var criticalPropsKey = (0, import_react2.useMemo)(function() {
-        return CRITICAL_PROPS.map(function(prop) {
-            return "".concat(prop, ":").concat(props[prop]);
+        var baseParts = CRITICAL_PROPS.map(function(prop) {
+            return prop === "src" ? "src:".concat(effectiveSrc) : "".concat(prop, ":").concat(props[prop]);
         }).join("|");
+        return "".concat(baseParts, "|adcisionChannelId:").concat(adcisionChannelId !== null && adcisionChannelId !== void 0 ? adcisionChannelId : "");
     }, [
-        src,
+        effectiveSrc,
         allowNativeHls,
         licenseKey,
         lowLatencyMode,
-        driftToleranceMs
+        driftToleranceMs,
+        adcisionChannelId
     ]);
     (0, import_react2.useEffect)(function() {
         if (typeof window === "undefined") return;
         var el = videoRef.current;
-        if (!el || !src) return;
+        if (!el || !effectiveSrc) return;
         if (!licenseKey) {
             setShowLicenseWarning(true);
             setIsLoading(false);
@@ -7643,7 +7700,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
             playerRef.current = null;
         }
         var cfg = {
-            src: src,
+            src: effectiveSrc,
             videoElement: el
         };
         if (autoplay !== void 0) cfg.autoplay = autoplay;
@@ -7661,7 +7718,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         if (minSegmentsBeforePlay !== void 0) cfg.minSegmentsBeforePlay = minSegmentsBeforePlay;
         if (disableAds !== void 0) cfg.disableAds = disableAds;
         cfg.disableFiller = disableFiller !== null && disableFiller !== void 0 ? disableFiller : true;
-        if (swirlProjectId !== void 0) cfg.projectId = String(swirlProjectId);
+        if (!adcisionChannelId && swirlProjectId !== void 0) cfg.projectId = String(swirlProjectId);
         var player = new StormcloudVideoPlayer(cfg);
         playerRef.current = player;
         player.load().then(function() {
@@ -7683,7 +7740,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         criticalPropsKey
     ]);
     (0, import_react2.useEffect)(function() {
-        if (!swirlProjectId) {
+        if (!swirlProjectId || adcisionChannelId) {
             setOverlays([]);
             setOverlayCoordSpace(null);
             return;
@@ -7700,7 +7757,8 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
             cancelled = true;
         };
     }, [
-        swirlProjectId
+        swirlProjectId,
+        adcisionChannelId
     ]);
     (0, import_react2.useEffect)(function() {
         if (!swirlProjectId) return;
@@ -7942,7 +8000,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         criticalPropsKey
     ]);
     (0, import_react2.useEffect)(function() {
-        if (!swirlProjectId) {
+        if (!swirlProjectId || adcisionChannelId) {
             setShowAiPanel(false);
             setAiLiveContext({
                 context: null,
@@ -7952,10 +8010,11 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
             });
         }
     }, [
-        swirlProjectId
+        swirlProjectId,
+        adcisionChannelId
     ]);
     (0, import_react2.useEffect)(function() {
-        if (!showAiPanel || !swirlProjectId) return;
+        if (!showAiPanel || !swirlProjectId || adcisionChannelId) return;
         var cancelled = false;
         var pollTimeoutId = null;
         var inFlight = false;
@@ -8132,7 +8191,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                     }, restVideoAttrs), {
                         children: children
                     })),
-                    overlays.length > 0 && !adStatus.showAds && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(OverlayRenderer, {
+                    overlays.length > 0 && !adStatus.showAds && !overlaysDisabled && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(OverlayRenderer, {
                         overlays: overlays,
                         currentTime: currentTime,
                         videoRef: videoRef,
@@ -8944,7 +9003,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                             gap: "".concat(8 * responsiveScale, "px")
                                         },
                                         children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                                            (showAdsControl !== null && showAdsControl !== void 0 ? showAdsControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                                 className: "sc-ctrl-btn",
                                                 onClick: function onClick() {
                                                     var _playerRef_current;
@@ -8969,7 +9028,29 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                                 title: adsDisabled ? "Enable ads" : "Disable ads",
                                                 children: "AD"
                                             }),
-                                            swirlProjectId && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                                            swirlProjectId && (showOverlaysControl !== null && showOverlaysControl !== void 0 ? showOverlaysControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                                                className: "sc-ctrl-btn",
+                                                onClick: function onClick() {
+                                                    setOverlaysDisabled(function(prev) {
+                                                        return !prev;
+                                                    });
+                                                    resetControlsTimer();
+                                                },
+                                                style: {
+                                                    padding: "".concat(8 * responsiveScale, "px"),
+                                                    borderRadius: "50%",
+                                                    minWidth: "".concat(36 * responsiveScale, "px"),
+                                                    minHeight: "".concat(36 * responsiveScale, "px"),
+                                                    background: overlaysDisabled ? "rgba(239, 68, 68, 0.28)" : "transparent",
+                                                    color: overlaysDisabled ? "rgba(252, 165, 165, 0.9)" : "rgba(255, 255, 255, 0.75)",
+                                                    opacity: overlaysDisabled ? 1 : 0.9
+                                                },
+                                                title: overlaysDisabled ? "Enable overlays" : "Disable overlays",
+                                                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_fa.FaLayerGroup, {
+                                                    size: Math.max(14, 18 * responsiveScale)
+                                                })
+                                            }),
+                                            swirlProjectId && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                                 className: "sc-ctrl-btn",
                                                 onClick: function onClick() {
                                                     setShowAiPanel(function(prev) {
@@ -8991,7 +9072,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                                 title: showAiPanel ? "Hide AI context" : "Show AI context",
                                                 children: "AI"
                                             }),
-                                            debugAdTiming && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                                            debugAdTiming && (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                                 className: "sc-ctrl-btn",
                                                 onClick: function onClick() {
                                                     setShowDebugPanel(function(prev) {
@@ -9262,7 +9343,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                     })
                                 ]
                             }),
-                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                            (showAdsControl !== null && showAdsControl !== void 0 ? showAdsControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                 className: "sc-ctrl-btn",
                                 onClick: function onClick() {
                                     var _playerRef_current;
@@ -9287,7 +9368,28 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                 title: adsDisabled ? "Enable ads" : "Disable ads",
                                 children: "AD"
                             }),
-                            swirlProjectId && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                            swirlProjectId && (showOverlaysControl !== null && showOverlaysControl !== void 0 ? showOverlaysControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                                className: "sc-ctrl-btn",
+                                onClick: function onClick() {
+                                    setOverlaysDisabled(function(prev) {
+                                        return !prev;
+                                    });
+                                    resetControlsTimer();
+                                },
+                                style: {
+                                    padding: "".concat(8 * responsiveScale, "px"),
+                                    borderRadius: "50%",
+                                    minWidth: "".concat(36 * responsiveScale, "px"),
+                                    minHeight: "".concat(36 * responsiveScale, "px"),
+                                    background: overlaysDisabled ? "rgba(239, 68, 68, 0.28)" : "rgba(0, 0, 0, 0.6)",
+                                    color: overlaysDisabled ? "rgba(252, 165, 165, 0.9)" : "rgba(255, 255, 255, 0.75)"
+                                },
+                                title: overlaysDisabled ? "Enable overlays" : "Disable overlays",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_fa.FaLayerGroup, {
+                                    size: Math.max(14, 18 * responsiveScale)
+                                })
+                            }),
+                            swirlProjectId && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                 className: "sc-ctrl-btn",
                                 onClick: function onClick() {
                                     setShowAiPanel(function(prev) {
@@ -9309,7 +9411,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                 title: showAiPanel ? "Hide AI context" : "Show AI context",
                                 children: "AI"
                             }),
-                            debugAdTiming && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                            debugAdTiming && (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                 className: "sc-ctrl-btn",
                                 onClick: function onClick() {
                                     setShowDebugPanel(function(prev) {
@@ -9411,7 +9513,13 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         "preload",
         "poster",
         "children",
-        "swirlProjectId"
+        "swirlProjectId",
+        "adcisionChannelId",
+        "disableOverlays",
+        "showAdsControl",
+        "showOverlaysControl",
+        "showAiContextControl",
+        "showDebugControl"
     ];
     var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
     try {