stormcloud-video-player 0.8.35 → 0.8.37

package/lib/index.d.cts

@@ -2,6 +2,25 @@ import React, { CSSProperties, lazy as lazy$1 } from 'react';
 import * as csstype from 'csstype';
 import Hls from 'hls.js';
 
+declare const MQTT_CA_CERT_FILE = "src/certs/emqxsl-ca.crt";
+type MQTTConfig = {
+    enabled: boolean;
+    brokerAddress: string;
+    brokerPort: number;
+    wsPort: number;
+    username: string;
+    password: string;
+    topicPrefix: string;
+    qos: 0 | 1 | 2;
+    brokerUrl?: string;
+};
+declare const DEFAULT_MQTT_CONFIG: MQTTConfig;
+declare const mqttConfig: MQTTConfig;
+declare function applyMQTTConfig(overrides: Partial<MQTTConfig>): void;
+declare function isMQTTEnabled(): boolean;
+declare function buildMQTTBrokerUrl(): string;
+declare function buildPlayerTopic(licenseKey: string, channel: "metrics" | "impressions" | "heartbeat"): string;
+
 type LateJoinPolicy = "play_remaining" | "skip_to_content";
 interface AdBreak {
     id?: string;
@@ -3944,25 +3963,6 @@ declare function sendAdLoadedTracking(licenseKey: string | undefined, adLoadedIn
 declare function sendAdImpressionTracking(licenseKey: string | undefined, adImpressionInfo: AdImpressionInfo, context?: PlayerAnalyticsContext): Promise<void>;
 declare function sendHeartbeat(licenseKey?: string, context?: PlayerAnalyticsContext, flags?: PlayerMetricFlags): Promise<void>;
 
-declare const MQTT_CA_CERT_FILE = "src/certs/emqxsl-ca.crt";
-type MQTTConfig = {
-    enabled: boolean;
-    brokerAddress: string;
-    brokerPort: number;
-    wsPort: number;
-    username: string;
-    password: string;
-    topicPrefix: string;
-    qos: 0 | 1 | 2;
-    brokerUrl?: string;
-};
-declare const DEFAULT_MQTT_CONFIG: MQTTConfig;
-declare const mqttConfig: MQTTConfig;
-declare function applyMQTTConfig(overrides: Partial<MQTTConfig>): void;
-declare function isMQTTEnabled(): boolean;
-declare function buildMQTTBrokerUrl(): string;
-declare function buildPlayerTopic(licenseKey: string, channel: "metrics" | "impressions" | "heartbeat"): string;
-
 type MQTTStatus = "disconnected" | "connecting" | "connected" | "error";
 declare function getMQTTStatus(): MQTTStatus;
 declare function isMQTTConnected(): boolean;

package/lib/index.d.ts

@@ -2,6 +2,25 @@ import React, { CSSProperties, lazy as lazy$1 } from 'react';
 import * as csstype from 'csstype';
 import Hls from 'hls.js';
 
+declare const MQTT_CA_CERT_FILE = "src/certs/emqxsl-ca.crt";
+type MQTTConfig = {
+    enabled: boolean;
+    brokerAddress: string;
+    brokerPort: number;
+    wsPort: number;
+    username: string;
+    password: string;
+    topicPrefix: string;
+    qos: 0 | 1 | 2;
+    brokerUrl?: string;
+};
+declare const DEFAULT_MQTT_CONFIG: MQTTConfig;
+declare const mqttConfig: MQTTConfig;
+declare function applyMQTTConfig(overrides: Partial<MQTTConfig>): void;
+declare function isMQTTEnabled(): boolean;
+declare function buildMQTTBrokerUrl(): string;
+declare function buildPlayerTopic(licenseKey: string, channel: "metrics" | "impressions" | "heartbeat"): string;
+
 type LateJoinPolicy = "play_remaining" | "skip_to_content";
 interface AdBreak {
     id?: string;
@@ -3944,25 +3963,6 @@ declare function sendAdLoadedTracking(licenseKey: string | undefined, adLoadedIn
 declare function sendAdImpressionTracking(licenseKey: string | undefined, adImpressionInfo: AdImpressionInfo, context?: PlayerAnalyticsContext): Promise<void>;
 declare function sendHeartbeat(licenseKey?: string, context?: PlayerAnalyticsContext, flags?: PlayerMetricFlags): Promise<void>;
 
-declare const MQTT_CA_CERT_FILE = "src/certs/emqxsl-ca.crt";
-type MQTTConfig = {
-    enabled: boolean;
-    brokerAddress: string;
-    brokerPort: number;
-    wsPort: number;
-    username: string;
-    password: string;
-    topicPrefix: string;
-    qos: 0 | 1 | 2;
-    brokerUrl?: string;
-};
-declare const DEFAULT_MQTT_CONFIG: MQTTConfig;
-declare const mqttConfig: MQTTConfig;
-declare function applyMQTTConfig(overrides: Partial<MQTTConfig>): void;
-declare function isMQTTEnabled(): boolean;
-declare function buildMQTTBrokerUrl(): string;
-declare function buildPlayerTopic(licenseKey: string, channel: "metrics" | "impressions" | "heartbeat"): string;
-
 type MQTTStatus = "disconnected" | "connecting" | "connected" | "error";
 declare function getMQTTStatus(): MQTTStatus;
 declare function isMQTTConnected(): boolean;

package/lib/index.js

@@ -1120,7 +1120,7 @@ function createHlsAdPlayer(contentVideo, options) {
                 adHls.destroy();
             }
             adHls = new Hls({
-                enableWorker: true,
+                enableWorker: typeof globalThis !== "undefined",
                 lowLatencyMode: false
             });
             adHls.loadSource(mediaFile.url);
@@ -3507,7 +3507,7 @@ function removeBrokenAppNameOrphans(params, appName) {
         try {
             for(var _iterator = appName.split("&").slice(1)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
                 var suffix = _step.value;
-                var trimmed = suffix.trimStart();
+                var trimmed = suffix.replace(/^\s+/, "");
                 if (!trimmed) continue;
                 toDelete.push(suffix, " ".concat(trimmed), trimmed);
             }
@@ -3561,7 +3561,7 @@ function normalizeVastTagUrl(raw) {
             });
             if (orphanFragments.length > 0) {
                 var reconstructed = [
-                    anValue.trimEnd()
+                    anValue.replace(/\s+$/, "")
                 ].concat(_to_consumable_array(orphanFragments)).filter(Boolean).join(" & ");
                 url.searchParams.forEach(function(_value, key) {
                     if (key && INVALID_VAST_PARAM_KEY.test(key)) {
@@ -5099,6 +5099,7 @@ var AdConfigManager = /*#__PURE__*/ function() {
                                 ];
                             case 4:
                                 data = _state.sent();
+                                this.applyMqttConfigFromResponse(data);
                                 imaPayload = (_data_response = data.response) === null || _data_response === void 0 ? void 0 : (_data_response_ima = _data_response.ima) === null || _data_response_ima === void 0 ? void 0 : (_data_response_ima_publisherdeskima = _data_response_ima["publisherdesk.ima"]) === null || _data_response_ima_publisherdeskima === void 0 ? void 0 : _data_response_ima_publisherdeskima.payload;
                                 if (imaPayload) {
                                     decodedPayload = imaPayload;
@@ -5132,6 +5133,20 @@ var AdConfigManager = /*#__PURE__*/ function() {
                 }).call(this);
             }
         },
+        {
+            key: "applyMqttConfigFromResponse",
+            value: function applyMqttConfigFromResponse(data) {
+                var _data_response;
+                var mqttConfig2 = (_data_response = data.response) === null || _data_response === void 0 ? void 0 : _data_response.mqtt_config;
+                if (!mqttConfig2 || (typeof mqttConfig2 === "undefined" ? "undefined" : _type_of(mqttConfig2)) !== "object") {
+                    return;
+                }
+                applyMQTTConfig(mqttConfig2);
+                if (this.debug) {
+                    console.log("[StormcloudVideoPlayer] Applied MQTT config from /ads/web:", mqttConfig2);
+                }
+            }
+        },
         {
             key: "fetchAndParseVmap",
             value: function fetchAndParseVmap(vmapUrl) {
@@ -6263,7 +6278,7 @@ var HlsEngine = /*#__PURE__*/ function() {
             value: function setupHls() {
                 var _this = this;
                 this.hls = new Hls2(_object_spread_props(_object_spread({
-                    enableWorker: true,
+                    enableWorker: typeof globalThis !== "undefined",
                     backBufferLength: 30,
                     liveDurationInfinity: true,
                     lowLatencyMode: !!this.config.lowLatencyMode,
@@ -6652,6 +6667,22 @@ var HlsEngine = /*#__PURE__*/ function() {
                 return typeof pos === "number" && Number.isFinite(pos) ? pos : void 0;
             }
         },
+        {
+            key: "restartLoadAt",
+            value: function restartLoadAt(position) {
+                if (!this.hls) {
+                    return;
+                }
+                try {
+                    this.hls.stopLoad();
+                    this.hls.startLoad(position);
+                } catch (error) {
+                    if (this.debug) {
+                        console.warn("[StormcloudVideoPlayer] Failed to restart HLS load at live edge:", error);
+                    }
+                }
+            }
+        },
         {
             key: "destroy",
             value: function destroy() {
@@ -7969,11 +8000,56 @@ var AdBreakOrchestrator = /*#__PURE__*/ function() {
                             console.log("[StormcloudVideoPlayer] Live break end — snapping to live edge: ".concat(this.host.video.currentTime.toFixed(2), "s → ").concat(liveSyncPos.toFixed(2), "s"));
                         }
                         this.host.video.currentTime = liveSyncPos;
+                        this.host.restartHlsLoad(liveSyncPos);
                     }
+                    this.resumeContentPlayback();
+                    this.monitorLiveResumeStall(0, this.host.video.currentTime);
+                    return;
                 }
                 this.resumeContentPlayback();
             }
         },
+        {
+            key: "monitorLiveResumeStall",
+            value: function monitorLiveResumeStall(attempt, lastTime) {
+                var _this = this;
+                var maxAttempts = 3;
+                var checkDelayMs = 2500;
+                window.setTimeout(function() {
+                    if (_this.inAdBreak) {
+                        return;
+                    }
+                    var currentTime = _this.host.video.currentTime;
+                    var advanced = currentTime > lastTime + 0.25;
+                    if (advanced && !_this.host.video.paused) {
+                        if (_this.debug) {
+                            console.log("[StormcloudVideoPlayer] Live stream resumed successfully after ad break");
+                        }
+                        return;
+                    }
+                    if (attempt >= maxAttempts) {
+                        if (_this.debug) {
+                            console.warn("[StormcloudVideoPlayer] Live stream failed to resume after ".concat(maxAttempts, " recovery attempts (t=").concat(currentTime.toFixed(2), "s)"));
+                        }
+                        return;
+                    }
+                    if (_this.debug) {
+                        console.warn("[StormcloudVideoPlayer] Content stalled after ad break (t=".concat(currentTime.toFixed(2), "s) — forcing HLS reload at live edge (attempt ").concat(attempt + 1, "/").concat(maxAttempts, ")"));
+                    }
+                    var liveSyncPos = _this.host.getLiveSyncPosition();
+                    var reloadPos = liveSyncPos != null && liveSyncPos > currentTime ? liveSyncPos : currentTime;
+                    if (liveSyncPos != null && liveSyncPos > currentTime) {
+                        _this.host.video.currentTime = liveSyncPos;
+                    }
+                    _this.host.restartHlsLoad(reloadPos);
+                    if (_this.host.video.paused) {
+                        var _this_host_video_play;
+                        (_this_host_video_play = _this.host.video.play()) === null || _this_host_video_play === void 0 ? void 0 : _this_host_video_play.catch(function() {});
+                    }
+                    _this.monitorLiveResumeStall(attempt + 1, _this.host.video.currentTime);
+                }, checkDelayMs);
+            }
+        },
         {
             key: "resumeContentPlayback",
             value: function resumeContentPlayback() {
@@ -8123,6 +8199,9 @@ var StormcloudVideoPlayer = /*#__PURE__*/ function() {
             getLiveSyncPosition: function getLiveSyncPosition() {
                 return _this.hlsEngine.getLiveSyncPosition();
             },
+            restartHlsLoad: function restartHlsLoad(position) {
+                return _this.hlsEngine.restartLoadAt(position);
+            },
             generatePodVastUrl: function generatePodVastUrl(base, breakDurationMs) {
                 return _this.generatePodVastUrl(base, breakDurationMs);
             }