stormcloud-video-player 0.7.17 → 0.7.19

package/lib/index.d.cts

@@ -270,6 +270,7 @@ type StormcloudVideoPlayerProps = Omit<StormcloudVideoPlayerConfig, "videoElemen
     wrapperStyle?: React.CSSProperties;
     licenseKey?: string;
     swirlProjectId?: number;
+    adcisionChannelId?: number;
     disableOverlays?: boolean;
     showAdsControl?: boolean;
     showOverlaysControl?: boolean;

package/lib/index.d.ts

@@ -270,6 +270,7 @@ type StormcloudVideoPlayerProps = Omit<StormcloudVideoPlayerConfig, "videoElemen
     wrapperStyle?: React.CSSProperties;
     licenseKey?: string;
     swirlProjectId?: number;
+    adcisionChannelId?: number;
     disableOverlays?: boolean;
     showAdsControl?: boolean;
     showOverlaysControl?: boolean;

package/lib/index.js

@@ -367,7 +367,7 @@ function _ts_values(o) {
     throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
 }
 // src/ui/StormcloudVideoPlayer.tsx
-import React2, { useEffect as useEffect2, useRef as useRef2, useMemo as useMemo2, useCallback as useCallback2 } from "react";
+import React2, { useEffect as useEffect2, useRef as useRef2, useMemo as useMemo2, useCallback as useCallback2, useState as useState2 } from "react";
 // src/player/StormcloudVideoPlayer.ts
 import Hls from "hls.js";
 // src/sdk/vastParser.ts
@@ -7202,6 +7202,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
 import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var CRITICAL_PROPS = [
@@ -7221,7 +7248,7 @@ var PANEL_BASE_RIGHT_OFFSET = 10;
 var StormcloudVideoPlayerComponent = React2.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, disableOverlays = props.disableOverlays, showAdsControl = props.showAdsControl, showOverlaysControl = props.showOverlaysControl, showAiContextControl = props.showAiContextControl, showDebugControl = props.showDebugControl, 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",
@@ -7250,12 +7277,14 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         "disableAds",
         "disableFiller",
         "swirlProjectId",
+        "adcisionChannelId",
         "disableOverlays",
         "showAdsControl",
         "showOverlaysControl",
         "showAiContextControl",
         "showDebugControl"
     ]);
+    var _useState2 = _sliced_to_array(useState2(null), 2), adcisionSrc = _useState2[0], setAdcisionSrc = _useState2[1];
     var videoRef = useRef2(null);
     var playerRef = useRef2(null);
     var bufferingTimeoutRef = useRef2(null);
@@ -7455,21 +7484,43 @@ var StormcloudVideoPlayerComponent = React2.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;
+    useEffect2(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 = useMemo2(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
     ]);
     useEffect2(function() {
         if (typeof window === "undefined") return;
         var el = videoRef.current;
-        if (!el || !src) return;
+        if (!el || !effectiveSrc) return;
         if (!licenseKey) {
             setShowLicenseWarning(true);
             setIsLoading(false);
@@ -7483,7 +7534,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
             playerRef.current = null;
         }
         var cfg = {
-            src: src,
+            src: effectiveSrc,
             videoElement: el
         };
         if (autoplay !== void 0) cfg.autoplay = autoplay;
@@ -7501,7 +7552,7 @@ var StormcloudVideoPlayerComponent = React2.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() {
@@ -7523,7 +7574,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         criticalPropsKey
     ]);
     useEffect2(function() {
-        if (!swirlProjectId) {
+        if (!swirlProjectId || adcisionChannelId) {
             setOverlays([]);
             setOverlayCoordSpace(null);
             return;
@@ -7540,7 +7591,8 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
             cancelled = true;
         };
     }, [
-        swirlProjectId
+        swirlProjectId,
+        adcisionChannelId
     ]);
     useEffect2(function() {
         if (!swirlProjectId) return;
@@ -7782,7 +7834,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         criticalPropsKey
     ]);
     useEffect2(function() {
-        if (!swirlProjectId) {
+        if (!swirlProjectId || adcisionChannelId) {
             setShowAiPanel(false);
             setAiLiveContext({
                 context: null,
@@ -7792,10 +7844,11 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
             });
         }
     }, [
-        swirlProjectId
+        swirlProjectId,
+        adcisionChannelId
     ]);
     useEffect2(function() {
-        if (!showAiPanel || !swirlProjectId) return;
+        if (!showAiPanel || !swirlProjectId || adcisionChannelId) return;
         var cancelled = false;
         var pollTimeoutId = null;
         var inFlight = false;
@@ -8831,7 +8884,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
                                                     size: Math.max(14, 18 * responsiveScale)
                                                 })
                                             }),
-                                            swirlProjectId && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ jsx2("button", {
+                                            (swirlProjectId || adcisionChannelId) && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ jsx2("button", {
                                                 className: "sc-ctrl-btn",
                                                 onClick: function onClick() {
                                                     setShowAiPanel(function(prev) {
@@ -8853,7 +8906,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
                                                 title: showAiPanel ? "Hide AI context" : "Show AI context",
                                                 children: "AI"
                                             }),
-                                            debugAdTiming && (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ jsx2("button", {
+                                            (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ jsx2("button", {
                                                 className: "sc-ctrl-btn",
                                                 onClick: function onClick() {
                                                     setShowDebugPanel(function(prev) {
@@ -9170,7 +9223,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
                                     size: Math.max(14, 18 * responsiveScale)
                                 })
                             }),
-                            swirlProjectId && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ jsx2("button", {
+                            (swirlProjectId || adcisionChannelId) && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ jsx2("button", {
                                 className: "sc-ctrl-btn",
                                 onClick: function onClick() {
                                     setShowAiPanel(function(prev) {
@@ -9192,7 +9245,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
                                 title: showAiPanel ? "Hide AI context" : "Show AI context",
                                 children: "AI"
                             }),
-                            debugAdTiming && (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ jsx2("button", {
+                            (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ jsx2("button", {
                                 className: "sc-ctrl-btn",
                                 onClick: function onClick() {
                                     setShowDebugPanel(function(prev) {
@@ -9295,6 +9348,7 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
         "poster",
         "children",
         "swirlProjectId",
+        "adcisionChannelId",
         "disableOverlays",
         "showAdsControl",
         "showOverlaysControl",