stormcloud-video-player 0.7.17 → 0.7.19

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, 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",
@@ -7416,12 +7443,14 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         "disableAds",
         "disableFiller",
         "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);
@@ -7621,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);
@@ -7649,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;
@@ -7667,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() {
@@ -7689,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;
@@ -7706,7 +7757,8 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
             cancelled = true;
         };
     }, [
-        swirlProjectId
+        swirlProjectId,
+        adcisionChannelId
     ]);
     (0, import_react2.useEffect)(function() {
         if (!swirlProjectId) return;
@@ -7948,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,
@@ -7958,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;
@@ -8997,7 +9050,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                                     size: Math.max(14, 18 * responsiveScale)
                                                 })
                                             }),
-                                            swirlProjectId && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                                            (swirlProjectId || adcisionChannelId) && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                                 className: "sc-ctrl-btn",
                                                 onClick: function onClick() {
                                                     setShowAiPanel(function(prev) {
@@ -9019,7 +9072,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                                 title: showAiPanel ? "Hide AI context" : "Show AI context",
                                                 children: "AI"
                                             }),
-                                            debugAdTiming && (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                                            (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                                 className: "sc-ctrl-btn",
                                                 onClick: function onClick() {
                                                     setShowDebugPanel(function(prev) {
@@ -9336,7 +9389,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                     size: Math.max(14, 18 * responsiveScale)
                                 })
                             }),
-                            swirlProjectId && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                            (swirlProjectId || adcisionChannelId) && (showAiContextControl !== null && showAiContextControl !== void 0 ? showAiContextControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                 className: "sc-ctrl-btn",
                                 onClick: function onClick() {
                                     setShowAiPanel(function(prev) {
@@ -9358,7 +9411,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                                 title: showAiPanel ? "Hide AI context" : "Show AI context",
                                 children: "AI"
                             }),
-                            debugAdTiming && (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
+                            (showDebugControl !== null && showDebugControl !== void 0 ? showDebugControl : true) && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", {
                                 className: "sc-ctrl-btn",
                                 onClick: function onClick() {
                                     setShowDebugPanel(function(prev) {
@@ -9461,6 +9514,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         "poster",
         "children",
         "swirlProjectId",
+        "adcisionChannelId",
         "disableOverlays",
         "showAdsControl",
         "showOverlaysControl",